npm - @ironsource/shared-ui - Versions diffs - 2.1.8 → 2.1.9-test.1 - Mend

@ironsource/shared-ui 2.1.8 → 2.1.9-test.1

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

Files changed (130) hide show

package/index.d.ts CHANGED Viewed

@@ -30,8 +30,8 @@ declare const _default: {
                 distance: number;
                 popperClass: string;
                 autoHide: boolean;
-                skidding: number;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
+                skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -57,15 +57,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & {
+                onIsOpen?: (value: boolean) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -77,7 +79,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "isOpen", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
@@ -104,23 +106,27 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & {
+                onIsOpen?: (value: boolean) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                isOpen: (value: boolean) => void;
+            }, string, {
                 testId: string;
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
                 popperClass: string;
                 autoHide: boolean;
-                skidding: number;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
+                skidding: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -166,15 +172,17 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & {
+            onIsOpen?: (value: boolean) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -203,23 +211,27 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>> & {
+        onIsOpen?: (value: boolean) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        isOpen: (value: boolean) => void;
+    }, string, {
         testId: string;
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;
         popperClass: string;
         autoHide: boolean;
-        skidding: number;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
+        skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             trigger?(_: {}): any;
@@ -237,8 +249,8 @@ declare const _default: {
                 distance: number;
                 popperClass: string;
                 autoHide: boolean;
-                skidding: number;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
+                skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -264,15 +276,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & {
+                onIsOpen?: (value: boolean) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -284,7 +298,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "isOpen", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
@@ -311,23 +325,27 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & {
+                onIsOpen?: (value: boolean) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                isOpen: (value: boolean) => void;
+            }, string, {
                 testId: string;
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
                 popperClass: string;
                 autoHide: boolean;
-                skidding: number;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
+                skidding: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -373,15 +391,17 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & {
+            onIsOpen?: (value: boolean) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -410,23 +430,27 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>> & {
+        onIsOpen?: (value: boolean) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        isOpen: (value: boolean) => void;
+    }, string, {
         testId: string;
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;
         popperClass: string;
         autoHide: boolean;
-        skidding: number;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
+        skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             trigger?(_: {}): any;
@@ -2896,6 +2920,7 @@ declare const _default: {
                 label: string;
                 testId: string;
                 modelValue: string;
+                labelDescription: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 value: {
                     type: import("vue").PropType<unknown>;
@@ -2918,10 +2943,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                labelDescription: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "labelDescription">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2933,7 +2962,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 value: {
@@ -2957,17 +2986,22 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                labelDescription: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
+                change: (...args: any[]) => void;
             }, string, {
                 name: string;
                 label: string;
                 testId: string;
                 modelValue: string;
+                labelDescription: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -3010,6 +3044,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            labelDescription: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3039,17 +3077,22 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        labelDescription: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
+        change: (...args: any[]) => void;
     }, string, {
         name: string;
         label: string;
         testId: string;
         modelValue: string;
+        labelDescription: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -3100,7 +3143,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -3127,8 +3170,8 @@ declare const _default: {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
+                change: (...args: any[]) => void;
             }, string, {
                 name: string;
                 testId: string;
@@ -3207,8 +3250,8 @@ declare const _default: {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
+        change: (...args: any[]) => void;
     }, string, {
         name: string;
         testId: string;
@@ -3228,6 +3271,7 @@ declare const _default: {
                 label: string;
                 testId: string;
                 modelValue: string;
+                labelDescription: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 value: {
                     type: import("vue").PropType<unknown>;
@@ -3250,10 +3294,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                labelDescription: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "labelDescription">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3265,7 +3313,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 value: {
@@ -3289,17 +3337,22 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                labelDescription: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
+                change: (...args: any[]) => void;
             }, string, {
                 name: string;
                 label: string;
                 testId: string;
                 modelValue: string;
+                labelDescription: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -3342,6 +3395,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            labelDescription: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -3371,17 +3428,22 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        labelDescription: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
+        change: (...args: any[]) => void;
     }, string, {
         name: string;
         label: string;
         testId: string;
         modelValue: string;
+        labelDescription: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -3431,7 +3493,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -3458,8 +3520,8 @@ declare const _default: {
                 onChange?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
+                change: (...args: any[]) => void;
             }, string, {
                 name: string;
                 testId: string;
@@ -3538,8 +3600,8 @@ declare const _default: {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
+        change: (...args: any[]) => void;
     }, string, {
         name: string;
         testId: string;
@@ -3575,6 +3637,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3587,10 +3653,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3638,6 +3700,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3650,10 +3716,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3683,10 +3745,10 @@ declare const _default: {
         height: string;
         resize: "both" | "none" | "horizontal" | "vertical";
         mandatory: boolean;
+        modelValue: string;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         maxLength: number;
-        modelValue: string;
         placeholder: string;
         maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
@@ -3718,6 +3780,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3730,10 +3796,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3781,6 +3843,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3793,10 +3859,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3826,10 +3888,10 @@ declare const _default: {
         height: string;
         resize: "both" | "none" | "horizontal" | "vertical";
         mandatory: boolean;
+        modelValue: string;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         maxLength: number;
-        modelValue: string;
         placeholder: string;
         maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
@@ -5462,6 +5524,7 @@ declare const _default: {
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -5556,6 +5619,10 @@ declare const _default: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                     default: (row: any, index: any) => any;
                 };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 selectedMatcher: {
                     type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                     default: (rowId: any, selectedItem: any) => boolean;
@@ -5587,7 +5654,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5690,6 +5757,10 @@ declare const _default: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                     default: (row: any, index: any) => any;
                 };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 selectedMatcher: {
                     type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                     default: (rowId: any, selectedItem: any) => boolean;
@@ -5755,6 +5826,7 @@ declare const _default: {
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -5869,6 +5941,10 @@ declare const _default: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                 default: (row: any, index: any) => any;
             };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
             selectedMatcher: {
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
@@ -5995,6 +6071,10 @@ declare const _default: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
             default: (row: any, index: any) => any;
         };
+        getRowKey: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+            default: (row: any, index: any) => any;
+        };
         selectedMatcher: {
             type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
             default: (rowId: any, selectedItem: any) => boolean;
@@ -6060,6 +6140,7 @@ declare const _default: {
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
@@ -6212,6 +6293,7 @@ declare const _default: {
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -6306,6 +6388,10 @@ declare const _default: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                     default: (row: any, index: any) => any;
                 };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 selectedMatcher: {
                     type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                     default: (rowId: any, selectedItem: any) => boolean;
@@ -6337,7 +6423,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6440,6 +6526,10 @@ declare const _default: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                     default: (row: any, index: any) => any;
                 };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 selectedMatcher: {
                     type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                     default: (rowId: any, selectedItem: any) => boolean;
@@ -6505,6 +6595,7 @@ declare const _default: {
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -6619,6 +6710,10 @@ declare const _default: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
                 default: (row: any, index: any) => any;
             };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
             selectedMatcher: {
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
@@ -6745,6 +6840,10 @@ declare const _default: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
             default: (row: any, index: any) => any;
         };
+        getRowKey: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+            default: (row: any, index: any) => any;
+        };
         selectedMatcher: {
             type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
             default: (rowId: any, selectedItem: any) => boolean;
@@ -6810,6 +6909,7 @@ declare const _default: {
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
@@ -6949,8 +7049,12 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
                 totalCount: number;
                 displayingText: string;
                 outOfText: string;
@@ -6998,6 +7102,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -7006,6 +7118,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 totalCount: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -7040,7 +7160,7 @@ declare const _default: {
                 }) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7097,6 +7217,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -7105,6 +7233,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 totalCount: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -7158,8 +7294,12 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
                 totalCount: number;
                 displayingText: string;
                 outOfText: string;
@@ -7227,6 +7367,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -7235,6 +7383,14 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -7314,6 +7470,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+            default: (row: any, index: any) => any;
+        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -7322,6 +7486,14 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         totalCount: {
             type: import("vue").PropType<number>;
             default: number;
@@ -7375,8 +7547,12 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
+        rowCustomClassKey: string;
+        rowDataKey: string;
         totalCount: number;
         displayingText: string;
         outOfText: string;
@@ -7401,6 +7577,7 @@ declare const _default: {
             "floating-row"?(_: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 rowIndex: number;
+                tableIndex: number;
             }): any;
             "empty-state"?(_: {}): any;
         };
@@ -7420,8 +7597,12 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
                 totalCount: number;
                 displayingText: string;
                 outOfText: string;
@@ -7469,6 +7650,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -7477,6 +7666,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 totalCount: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -7511,7 +7708,7 @@ declare const _default: {
                 }) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7568,6 +7765,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                    default: (row: any, index: any) => any;
+                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -7576,6 +7781,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 totalCount: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -7629,8 +7842,12 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
                 totalCount: number;
                 displayingText: string;
                 outOfText: string;
@@ -7698,6 +7915,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -7706,6 +7931,14 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -7785,6 +8018,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
+            default: (row: any, index: any) => any;
+        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -7793,6 +8034,14 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         totalCount: {
             type: import("vue").PropType<number>;
             default: number;
@@ -7846,8 +8095,12 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
+        rowCustomClassKey: string;
+        rowDataKey: string;
         totalCount: number;
         displayingText: string;
         outOfText: string;
@@ -7872,6 +8125,7 @@ declare const _default: {
             "floating-row"?(_: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 rowIndex: number;
+                tableIndex: number;
             }): any;
             "empty-state"?(_: {}): any;
         };
@@ -8694,6 +8948,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8706,10 +8964,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -8763,6 +9017,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8775,10 +9033,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -8853,6 +9107,10 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8865,10 +9123,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -8912,6 +9166,10 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium">;
             default: string;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8924,10 +9182,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -9005,6 +9259,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -9017,10 +9275,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -9074,6 +9328,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -9086,10 +9344,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -9164,6 +9418,10 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9176,10 +9434,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -9223,6 +9477,10 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium">;
             default: string;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -9235,10 +9493,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -9944,8 +10198,8 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
@@ -9961,7 +10215,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "open") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+            $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -10045,8 +10299,8 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
@@ -10178,8 +10432,8 @@ declare const _default: {
                 default: string;
             };
         }>> & {
-            onClose?: (reason: dialogV3.Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: dialogV3.Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
@@ -10269,8 +10523,8 @@ declare const _default: {
             default: string;
         };
     }>> & {
-        onClose?: (reason: dialogV3.Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: dialogV3.Reason) => any;
         onCancel?: () => any;
         onOpen?: () => any;
         onSave?: () => any;
@@ -10413,8 +10667,8 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
@@ -10430,7 +10684,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "open") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+            $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -10514,8 +10768,8 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
@@ -10647,8 +10901,8 @@ declare const _default: {
                 default: string;
             };
         }>> & {
-            onClose?: (reason: dialogV3.Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: dialogV3.Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
@@ -10738,8 +10992,8 @@ declare const _default: {
             default: string;
         };
     }>> & {
-        onClose?: (reason: dialogV3.Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: dialogV3.Reason) => any;
         onCancel?: () => any;
         onOpen?: () => any;
         onSave?: () => any;
@@ -12179,10 +12433,10 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 maxLength: number;
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
@@ -12226,6 +12480,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12238,10 +12496,6 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12317,7 +12571,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12356,6 +12610,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12368,10 +12626,6 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12459,10 +12713,10 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 maxLength: number;
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
@@ -12526,6 +12780,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -12538,10 +12796,6 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: any;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -12648,6 +12902,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -12660,10 +12918,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -12751,10 +13005,10 @@ declare const _default: {
         disabled: boolean;
         size: "small" | "medium" | "large";
         mandatory: boolean;
+        modelValue: string | number;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         maxLength: number;
-        modelValue: string | number;
         placeholder: string;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
@@ -12790,10 +13044,10 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 maxLength: number;
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
@@ -12837,6 +13091,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12849,10 +13107,6 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12928,7 +13182,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12967,6 +13221,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -12979,10 +13237,6 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -13070,10 +13324,10 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 maxLength: number;
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
@@ -13137,6 +13391,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -13149,10 +13407,6 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: any;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -13259,6 +13513,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -13271,10 +13529,6 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -13362,10 +13616,10 @@ declare const _default: {
         disabled: boolean;
         size: "small" | "medium" | "large";
         mandatory: boolean;
+        modelValue: string | number;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         maxLength: number;
-        modelValue: string | number;
         placeholder: string;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
@@ -13401,9 +13655,9 @@ declare const _default: {
                 disabled: boolean;
                 size: "sm" | "lg";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "left" | "inside";
@@ -13438,6 +13692,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -13446,10 +13704,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -13488,7 +13742,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -13527,6 +13781,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -13535,10 +13793,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -13586,9 +13840,9 @@ declare const _default: {
                 disabled: boolean;
                 size: "sm" | "lg";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "left" | "inside";
@@ -13643,6 +13897,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -13651,10 +13909,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -13722,16 +13976,16 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        hoverHelpText: {
-            type: import("vue").PropType<string>;
+        modelValue: {
+            type: import("vue").PropType<string | number>;
             default: string;
         };
-        hoverHelpTextPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
         placeholder: {
@@ -13781,9 +14035,9 @@ declare const _default: {
         disabled: boolean;
         size: "sm" | "lg";
         mandatory: boolean;
+        modelValue: string | number;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        modelValue: string | number;
         placeholder: string;
         viewOnly: boolean;
         labelDirection: "top" | "left" | "inside";
@@ -13883,15 +14137,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -13907,9 +14164,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14002,15 +14256,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -14026,9 +14283,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14122,15 +14376,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -14149,9 +14406,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14244,15 +14498,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -14271,9 +14528,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14367,15 +14621,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -14391,9 +14648,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14486,15 +14740,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -14510,9 +14767,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -14533,9 +14787,9 @@ declare const _default: {
                 disabled: boolean;
                 size: "sm" | "lg";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "left" | "inside";
@@ -14570,6 +14824,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14578,10 +14836,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14620,7 +14874,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -14659,6 +14913,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14667,10 +14925,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    default: string;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14718,9 +14972,9 @@ declare const _default: {
                 disabled: boolean;
                 size: "sm" | "lg";
                 mandatory: boolean;
+                modelValue: string | number;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
                 placeholder: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "left" | "inside";
@@ -14775,6 +15029,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -14783,10 +15041,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -14854,6 +15108,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -14862,10 +15120,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -14913,9 +15167,9 @@ declare const _default: {
         disabled: boolean;
         size: "sm" | "lg";
         mandatory: boolean;
+        modelValue: string | number;
         hoverHelpText: string;
         hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        modelValue: string | number;
         placeholder: string;
         viewOnly: boolean;
         labelDirection: "top" | "left" | "inside";
@@ -15014,15 +15268,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -15038,9 +15295,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -15133,15 +15387,18 @@ declare const _default: {
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
         };
@@ -15157,9 +15414,6 @@ declare const _default: {
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -15508,9 +15762,10 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
+                skidding: number;
+                modelValue: any;
                 selected: any;
                 onClear: () => void;
-                modelValue: any;
                 placeholder: string;
                 multi: boolean;
                 showSelectAll: boolean;
@@ -15519,7 +15774,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -15548,6 +15802,7 @@ declare const _default: {
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -15592,6 +15847,17 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
                 selected: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -15604,10 +15870,6 @@ declare const _default: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15616,9 +15878,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15643,10 +15902,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 triggerLabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15763,6 +16018,11 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -15773,7 +16033,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "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" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15831,6 +16091,17 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
                 selected: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -15843,10 +16114,6 @@ declare const _default: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15855,9 +16122,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15882,10 +16146,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 triggerLabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16002,6 +16262,11 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -16036,9 +16301,10 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
+                skidding: number;
+                modelValue: any;
                 selected: any;
                 onClear: () => void;
-                modelValue: any;
                 placeholder: string;
                 multi: boolean;
                 showSelectAll: boolean;
@@ -16047,7 +16313,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -16076,6 +16341,7 @@ declare const _default: {
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -16140,6 +16406,17 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -16152,10 +16429,6 @@ declare const _default: {
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -16164,9 +16437,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16191,10 +16461,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -16311,6 +16577,11 @@ declare const _default: {
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -16372,6 +16643,17 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -16384,10 +16666,6 @@ declare const _default: {
             type: import("vue").PropType<() => void>;
             default: () => true;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -16396,9 +16674,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16423,10 +16698,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -16543,8 +16814,13 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
-    }>> & {
-        onCopyToClipboard?: () => any;
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+    }>> & {
+        onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
@@ -16577,9 +16853,10 @@ declare const _default: {
         size: "small" | "medium" | "large";
         flip: boolean;
         mandatory: boolean;
+        skidding: number;
+        modelValue: any;
         selected: any;
         onClear: () => void;
-        modelValue: any;
         placeholder: string;
         multi: boolean;
         showSelectAll: boolean;
@@ -16588,7 +16865,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -16617,6 +16893,7 @@ declare const _default: {
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -16654,6 +16931,7 @@ declare const _default: {
                     onClick: () => void;
                 };
             }): any;
+            "dropdown-conditions"?(_: {}): any;
             "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;
@@ -16692,10 +16970,12 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
                 showAllSelectedText: boolean;
+                optionFlagKey: string;
                 statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -16780,6 +17060,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16796,13 +17080,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 statusDotType: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "optionFlagKey" | "statusDotType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16899,6 +17187,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16915,6 +17207,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 statusDotType: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
@@ -16943,10 +17239,12 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
                 showAllSelectedText: boolean;
+                optionFlagKey: string;
                 statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -17051,6 +17349,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -17067,6 +17369,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
@@ -17160,6 +17466,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -17176,6 +17486,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         statusDotType: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
@@ -17204,14 +17518,17 @@ declare const _default: {
         optionIconKey: string;
         optionImageKey: string;
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        allSelected: boolean;
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
         showAllSelectedText: boolean;
+        optionFlagKey: string;
         statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
+            flag?(_: {}): any;
             "icon-start"?(_: {}): any;
             "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
@@ -17265,6 +17582,10 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -17311,6 +17632,10 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -17328,9 +17653,189 @@ declare const _default: {
         disabled: boolean;
         open: boolean;
         feedbackVariant: string;
+        allSelected: boolean;
         displayedValue: any;
     }>;
-    ButtonDropdownTrigger: import("vue").DefineComponent<{
+    ButtonDropdownTrigger: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"text" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startIconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            startIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+            hideEndIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -17367,9 +17872,25 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+    }>> & {
+        onClick?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, string, {
+        testId: string;
+        variant: "text" | "outlined";
+        disabled: boolean;
+        size: "small" | "medium";
+        open: boolean;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        hideEndIcon: boolean;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -17386,10 +17907,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17406,54 +17923,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
-        onClick?: () => any;
-    }, {
-        testId: string;
-        variant: "text" | "outlined";
-        disabled: boolean;
-        size: "small" | "medium";
-        open: boolean;
-        startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        hideEndIcon: boolean;
-    }>;
-    ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        hideEndIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -17999,10 +18471,12 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
                 showAllSelectedText: boolean;
+                optionFlagKey: string;
                 statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -18087,6 +18561,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18103,13 +18581,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 statusDotType: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "optionFlagKey" | "statusDotType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18206,6 +18688,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18222,6 +18708,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 statusDotType: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
@@ -18250,10 +18740,12 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
                 showAllSelectedText: boolean;
+                optionFlagKey: string;
                 statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -18358,6 +18850,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -18374,6 +18870,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
@@ -18467,6 +18967,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -18483,6 +18987,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         statusDotType: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
@@ -18511,14 +19019,17 @@ declare const _default: {
         optionIconKey: string;
         optionImageKey: string;
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        allSelected: boolean;
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
         showAllSelectedText: boolean;
+        optionFlagKey: string;
         statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
+            flag?(_: {}): any;
             "icon-start"?(_: {}): any;
             "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
@@ -19012,6 +19523,7 @@ declare const _default: {
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
+                optionFlagKey: string;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
@@ -19053,6 +19565,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -19106,7 +19622,7 @@ declare const _default: {
                 };
             }>> & {
                 onToggleTreeCollapse?: (option: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "optionFlagKey" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19149,6 +19665,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -19212,6 +19732,7 @@ declare const _default: {
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
+                optionFlagKey: string;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
@@ -19273,6 +19794,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -19359,6 +19884,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -19422,6 +19951,7 @@ declare const _default: {
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         isIndeterminate: boolean;
+        optionFlagKey: string;
         subtitle: string;
         selectAllOption: boolean;
         nameKey: string;
@@ -19437,6 +19967,7 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
+            flag?(_: {}): any;
             "icon-start"?(_: {}): any;
             default?(_: {}): any;
             "icon-end"?(_: {}): any;
@@ -19488,6 +20019,10 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -19534,6 +20069,10 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -19551,6 +20090,7 @@ declare const _default: {
         disabled: boolean;
         open: boolean;
         feedbackVariant: string;
+        allSelected: boolean;
         displayedValue: any;
     }> | ({
         new (...args: any[]): {
@@ -19567,9 +20107,10 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
+                skidding: number;
+                modelValue: any;
                 selected: any;
                 onClear: () => void;
-                modelValue: any;
                 placeholder: string;
                 multi: boolean;
                 showSelectAll: boolean;
@@ -19578,7 +20119,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -19607,6 +20147,7 @@ declare const _default: {
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -19651,6 +20192,17 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
                 selected: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -19663,10 +20215,6 @@ declare const _default: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -19675,9 +20223,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19702,10 +20247,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 triggerLabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -19822,6 +20363,11 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -19832,7 +20378,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "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" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19890,6 +20436,17 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
                 selected: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -19902,10 +20459,6 @@ declare const _default: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -19914,9 +20467,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19941,10 +20491,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                skidding: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 triggerLabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -20061,6 +20607,11 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -20095,9 +20646,10 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
+                skidding: number;
+                modelValue: any;
                 selected: any;
                 onClear: () => void;
-                modelValue: any;
                 placeholder: string;
                 multi: boolean;
                 showSelectAll: boolean;
@@ -20106,7 +20658,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -20135,6 +20686,7 @@ declare const _default: {
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20199,6 +20751,17 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -20211,10 +20774,6 @@ declare const _default: {
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -20223,9 +20782,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20250,10 +20806,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -20370,6 +20922,11 @@ declare const _default: {
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -20431,6 +20988,17 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -20443,10 +21011,6 @@ declare const _default: {
             type: import("vue").PropType<() => void>;
             default: () => true;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -20455,9 +21019,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20482,10 +21043,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -20602,6 +21159,11 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
@@ -20636,9 +21198,10 @@ declare const _default: {
         size: "small" | "medium" | "large";
         flip: boolean;
         mandatory: boolean;
+        skidding: number;
+        modelValue: any;
         selected: any;
         onClear: () => void;
-        modelValue: any;
         placeholder: string;
         multi: boolean;
         showSelectAll: boolean;
@@ -20647,7 +21210,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -20676,6 +21238,7 @@ declare const _default: {
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -20713,6 +21276,7 @@ declare const _default: {
                     onClick: () => void;
                 };
             }): any;
+            "dropdown-conditions"?(_: {}): any;
             "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;
@@ -20836,6 +21400,9 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large">;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 selected: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -20848,9 +21415,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -20929,6 +21493,9 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large">;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 selected: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -20941,9 +21508,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -21046,6 +21610,9 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -21058,9 +21625,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -21129,6 +21693,9 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -21141,9 +21708,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -21230,6 +21794,7 @@ declare const _default: {
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
+                optionFlagKey: string;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
@@ -21271,6 +21836,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -21324,7 +21893,7 @@ declare const _default: {
                 };
             }>> & {
                 onToggleTreeCollapse?: (option: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "optionFlagKey" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -21367,6 +21936,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -21430,6 +22003,7 @@ declare const _default: {
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
+                optionFlagKey: string;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
@@ -21491,6 +22065,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -21577,6 +22155,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -21640,6 +22222,7 @@ declare const _default: {
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         isIndeterminate: boolean;
+        optionFlagKey: string;
         subtitle: string;
         selectAllOption: boolean;
         nameKey: string;
@@ -21655,6 +22238,7 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
+            flag?(_: {}): any;
             "icon-start"?(_: {}): any;
             default?(_: {}): any;
             "icon-end"?(_: {}): any;
@@ -21692,6 +22276,9 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large">;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 selected: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -21704,9 +22291,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -21785,6 +22369,9 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large">;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 selected: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -21797,9 +22384,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -21902,6 +22486,9 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -21914,9 +22501,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -21985,6 +22569,9 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -21997,9 +22584,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -22736,29 +23320,198 @@ declare const _default: {
             default?(_: {}): any;
         };
     });
-    ButtonTypes: () => (({
+    ToggleButtonGroupAB: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 testId: string;
-                variant: "default" | "outlined";
-                disabled: boolean;
-                color: "default" | "primary" | "error";
-                size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
-                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" | "content-rate">;
-                    default: string;
-                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"default" | "outlined">;
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                testId: string;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<"a" | "b">;
+                required: true;
+            };
+            withPopover: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            popoverProps: {
+                type: import("vue").PropType<{
+                    autoHide?: boolean;
+                    trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                    disabled?: boolean;
+                    placement?: import("floating-vue").Placement;
+                    distance?: number;
+                    skidding?: number;
+                    testId?: string;
+                    popperClass?: string;
+                }>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<"a" | "b">;
+            required: true;
+        };
+        withPopover: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        popoverProps: {
+            type: import("vue").PropType<{
+                autoHide?: boolean;
+                trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                disabled?: boolean;
+                placement?: import("floating-vue").Placement;
+                distance?: number;
+                skidding?: number;
+                testId?: string;
+                popperClass?: string;
+            }>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        testId: string;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "popover-content"?(_: {}): any;
+        };
+    });
+    ButtonTypes: () => (({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                testId: string;
+                variant: "default" | "outlined";
+                disabled: boolean;
+                color: "default" | "primary" | "error";
+                size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
+                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" | "content-rate">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"default" | "outlined">;
                     default: string;
                 };
                 disabled: {
@@ -23032,6 +23785,174 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
+    })) | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                testId: string;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<"a" | "b">;
+                required: true;
+            };
+            withPopover: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            popoverProps: {
+                type: import("vue").PropType<{
+                    autoHide?: boolean;
+                    trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                    disabled?: boolean;
+                    placement?: import("floating-vue").Placement;
+                    distance?: number;
+                    skidding?: number;
+                    testId?: string;
+                    popperClass?: string;
+                }>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<"a" | "b">;
+            required: true;
+        };
+        withPopover: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        popoverProps: {
+            type: import("vue").PropType<{
+                autoHide?: boolean;
+                trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                disabled?: boolean;
+                placement?: import("floating-vue").Placement;
+                distance?: number;
+                skidding?: number;
+                testId?: string;
+                popperClass?: string;
+            }>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        testId: string;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "popover-content"?(_: {}): any;
+        };
     })))[];
     ScrollButton: import("vue").DefineComponent<{
         tooltipText: {
@@ -23082,14 +24003,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         iconKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -23101,14 +24022,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         iconKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -23124,14 +24045,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         iconKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -23143,14 +24064,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         iconKey: {
             type: import("vue").PropType<string>;
             default: string;