npm - @ironsource/shared-ui - Versions diffs - 2.1.9-test.0 → 2.1.9-test.2 - Mend

@ironsource/shared-ui 2.1.9-test.0 → 2.1.9-test.2

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

Files changed (109) 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;
@@ -15538,17 +15792,19 @@ declare const _default: {
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
+                comparingKey: string;
+                withConditions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
-                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -15593,6 +15849,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;
@@ -15605,10 +15872,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;
@@ -15617,9 +15880,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;
@@ -15644,10 +15904,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;
@@ -15724,6 +15980,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;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -15744,6 +16004,15 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15764,11 +16033,6 @@ 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;
@@ -15779,7 +16043,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" | "withConditions">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15837,6 +16101,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;
@@ -15849,10 +16124,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;
@@ -15861,9 +16132,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;
@@ -15888,10 +16156,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;
@@ -15968,6 +16232,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;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -15988,6 +16256,15 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16008,11 +16285,6 @@ 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;
@@ -16047,9 +16319,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;
@@ -16058,7 +16331,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -16077,17 +16349,19 @@ declare const _default: {
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
+                comparingKey: string;
+                withConditions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
-                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -16152,6 +16426,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;
@@ -16164,10 +16449,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;
@@ -16176,9 +16457,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;
@@ -16203,10 +16481,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;
@@ -16283,6 +16557,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;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -16303,6 +16581,15 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16323,11 +16610,6 @@ 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;
@@ -16389,6 +16671,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;
@@ -16401,10 +16694,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;
@@ -16413,9 +16702,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;
@@ -16440,10 +16726,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;
@@ -16520,6 +16802,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;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
@@ -16540,6 +16826,15 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16560,11 +16855,6 @@ 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;
@@ -16599,9 +16889,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;
@@ -16610,7 +16901,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -16629,17 +16919,19 @@ declare const _default: {
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
         valueToCopy: string;
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         groupedOptions: boolean;
+        comparingKey: string;
+        withConditions: boolean;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
-        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -16668,11 +16960,13 @@ declare const _default: {
                     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                     optionAndIconKey: string;
                     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    optionFlagKey: string;
                     feedbackVariant: "success" | "warning" | "error";
                     valueToCopy: string;
                     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                     size: "small" | "medium" | "large";
                     showAllSelectedText: boolean;
+                    allSelected: boolean;
                     onKeydown: (event: any) => void;
                     onClick: () => void;
                 };
@@ -16716,6 +17010,8 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -16804,6 +17100,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16826,7 +17130,7 @@ declare const _default: {
                 };
             }>> & {
                 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" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16923,6 +17227,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16967,6 +17279,8 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -17075,6 +17389,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -17184,6 +17506,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -17228,6 +17558,8 @@ declare const _default: {
         optionIconKey: string;
         optionImageKey: string;
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
@@ -17236,6 +17568,7 @@ declare const _default: {
     }, {}, 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;
@@ -17289,6 +17622,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;
@@ -17335,6 +17672,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;
@@ -17352,175 +17693,322 @@ declare const _default: {
         disabled: boolean;
         open: boolean;
         feedbackVariant: string;
+        allSelected: boolean;
         displayedValue: any;
     }>;
-    ButtonDropdownTrigger: 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;
-        };
-        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;
-        };
-    }, {}, 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;
-        };
-        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;
-    }, {
-        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<{
-        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;
-        };
-    }>> & {
-        onClick?: () => any;
-    }, {
-        testId: string;
-        variant: "text" | "outlined";
-        disabled: boolean;
-        open: boolean;
-        startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        hideEndIcon: boolean;
-    }>;
+    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;
+        };
+        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> & 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;
+        };
+        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<{
+        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;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {
+        testId: string;
+        variant: "text" | "outlined";
+        disabled: boolean;
+        open: boolean;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        hideEndIcon: boolean;
+    }>;
     AppDropdownTrigger: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -18023,6 +18511,8 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -18111,6 +18601,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18133,7 +18631,7 @@ declare const _default: {
                 };
             }>> & {
                 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" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18230,6 +18728,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                allSelected: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18274,6 +18780,8 @@ declare const _default: {
                 optionIconKey: string;
                 optionImageKey: string;
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                allSelected: boolean;
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -18382,6 +18890,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -18491,6 +19007,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -18535,6 +19059,8 @@ declare const _default: {
         optionIconKey: string;
         optionImageKey: string;
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
@@ -18543,6 +19069,7 @@ declare const _default: {
     }, {}, 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;
@@ -19033,6 +19560,7 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
@@ -19065,6 +19593,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionTwoLinesVariant: {
                     type: import("vue").PropType<"horizontal" | "vertical">;
                     default: any;
@@ -19130,7 +19662,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" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19161,6 +19693,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionTwoLinesVariant: {
                     type: import("vue").PropType<"horizontal" | "vertical">;
                     default: any;
@@ -19233,6 +19769,7 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
@@ -19285,6 +19822,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionTwoLinesVariant: {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: any;
@@ -19371,6 +19912,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionTwoLinesVariant: {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: any;
@@ -19443,6 +19988,7 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         isIndeterminate: boolean;
@@ -19461,6 +20007,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;
@@ -19512,6 +20059,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;
@@ -19558,6 +20109,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;
@@ -19575,6 +20130,7 @@ declare const _default: {
         disabled: boolean;
         open: boolean;
         feedbackVariant: string;
+        allSelected: boolean;
         displayedValue: any;
     }> | ({
         new (...args: any[]): {
@@ -19591,9 +20147,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;
@@ -19602,7 +20159,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -19621,17 +20177,19 @@ declare const _default: {
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
+                comparingKey: string;
+                withConditions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
-                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -19676,6 +20234,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;
@@ -19688,10 +20257,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;
@@ -19700,9 +20265,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;
@@ -19727,10 +20289,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;
@@ -19807,6 +20365,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;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -19827,6 +20389,15 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19847,11 +20418,6 @@ 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;
@@ -19862,7 +20428,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" | "withConditions">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19920,6 +20486,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;
@@ -19932,10 +20509,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;
@@ -19944,9 +20517,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;
@@ -19971,10 +20541,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;
@@ -20051,6 +20617,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;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -20071,6 +20641,15 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20088,13 +20667,8 @@ declare const _default: {
                     default: boolean;
                 };
                 overrideOptionCountCalculation: {
-                    type: import("vue").PropType<(option: unknown) => number>;
-                    default: any;
-                };
-                withConditions: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
+                    type: import("vue").PropType<(option: unknown) => number>;
+                    default: any;
                 };
             }>> & {
                 onCopyToClipboard?: () => any;
@@ -20130,9 +20704,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;
@@ -20141,7 +20716,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -20160,17 +20734,19 @@ declare const _default: {
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
+                comparingKey: string;
+                withConditions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
-                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20235,6 +20811,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;
@@ -20247,10 +20834,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;
@@ -20259,9 +20842,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;
@@ -20286,10 +20866,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;
@@ -20366,6 +20942,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;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -20386,6 +20966,15 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20406,11 +20995,6 @@ 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;
@@ -20472,6 +21056,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;
@@ -20484,10 +21079,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;
@@ -20496,9 +21087,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;
@@ -20523,10 +21111,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;
@@ -20603,6 +21187,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;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
@@ -20623,6 +21211,15 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20643,11 +21240,6 @@ 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;
@@ -20682,9 +21274,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;
@@ -20693,7 +21286,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -20712,17 +21304,19 @@ declare const _default: {
         optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
         valueToCopy: string;
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         groupedOptions: boolean;
+        comparingKey: string;
+        withConditions: boolean;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
-        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -20751,11 +21345,13 @@ declare const _default: {
                     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                     optionAndIconKey: string;
                     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    optionFlagKey: string;
                     feedbackVariant: "success" | "warning" | "error";
                     valueToCopy: string;
                     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                     size: "small" | "medium" | "large";
                     showAllSelectedText: boolean;
+                    allSelected: boolean;
                     onKeydown: (event: any) => void;
                     onClick: () => void;
                 };
@@ -20884,6 +21480,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;
@@ -20896,9 +21495,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;
@@ -20977,6 +21573,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;
@@ -20989,9 +21588,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;
@@ -21094,6 +21690,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;
@@ -21106,9 +21705,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;
@@ -21177,6 +21773,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;
@@ -21189,9 +21788,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;
@@ -21275,6 +21871,7 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
@@ -21307,6 +21904,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionTwoLinesVariant: {
                     type: import("vue").PropType<"horizontal" | "vertical">;
                     default: any;
@@ -21372,7 +21973,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" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -21403,6 +22004,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionTwoLinesVariant: {
                     type: import("vue").PropType<"horizontal" | "vertical">;
                     default: any;
@@ -21475,6 +22080,7 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 isIndeterminate: boolean;
@@ -21527,6 +22133,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionTwoLinesVariant: {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: any;
@@ -21613,6 +22223,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionTwoLinesVariant: {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: any;
@@ -21685,6 +22299,7 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         isIndeterminate: boolean;
@@ -21703,6 +22318,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;
@@ -21740,6 +22356,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;
@@ -21752,9 +22371,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;
@@ -21833,6 +22449,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;
@@ -21845,9 +22464,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;
@@ -21950,6 +22566,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;
@@ -21962,9 +22581,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;
@@ -22033,6 +22649,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;
@@ -22045,9 +22664,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;
@@ -22682,19 +23298,143 @@ declare const _default: {
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }, {}, 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<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
+        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    ToggleButtonGroupAB: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                color: {
-                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                    default: string;
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
                 };
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                    default: string;
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+                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;
             };
@@ -22706,25 +23446,40 @@ 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: "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                color: {
-                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                    default: string;
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
                 };
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                    default: string;
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                variant: "text" | "contained" | "outlined";
-                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                size: "small" | "medium" | "large" | "extraLarge";
+                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)[];
@@ -22746,42 +23501,72 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                default: string;
+            modelValue: {
+                type: import("vue").PropType<"a" | "b">;
+                required: true;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
+            withPopover: {
+                type: import("vue").PropType<boolean>;
+                required: true;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            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<{
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
+        modelValue: {
+            type: import("vue").PropType<"a" | "b">;
+            required: true;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
+        withPopover: {
+            type: import("vue").PropType<boolean>;
+            required: true;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        variant: "text" | "contained" | "outlined";
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
+        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: {
-            default?(_: {}): any;
+            "popover-content"?(_: {}): any;
         };
     });
     ButtonTypes: () => (({
@@ -23080,6 +23865,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: {
@@ -23130,14 +24083,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;
@@ -23149,14 +24102,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;
@@ -23172,14 +24125,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;
@@ -23191,14 +24144,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;