npm - @ironsource/shared-ui - Versions diffs - 2.1.10-rc.4 → 2.1.10 - Mend

@ironsource/shared-ui 2.1.10-rc.4 → 2.1.10

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 (84) 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;
@@ -2938,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: {
@@ -2970,8 +2994,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;
                 label: string;
@@ -3061,8 +3085,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;
         label: string;
@@ -3119,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: {
@@ -3146,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;
@@ -3226,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;
@@ -3289,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: {
@@ -3321,8 +3345,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;
                 label: string;
@@ -3412,8 +3436,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;
         label: string;
@@ -3469,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: {
@@ -3496,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;
@@ -3576,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;
@@ -3613,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;
@@ -3625,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;
@@ -3676,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;
@@ -3688,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;
@@ -3721,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;
@@ -3756,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;
@@ -3768,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;
@@ -3819,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;
@@ -3831,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;
@@ -3864,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;
@@ -8924,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;
@@ -8936,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;
@@ -8993,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;
@@ -9005,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;
@@ -9083,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;
@@ -9095,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;
@@ -9142,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;
@@ -9154,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;
@@ -9235,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;
@@ -9247,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;
@@ -9304,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;
@@ -9316,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;
@@ -9394,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;
@@ -9406,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;
@@ -9453,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;
@@ -9465,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;
@@ -10174,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;
@@ -10191,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: {
@@ -10275,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;
@@ -10408,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;
@@ -10499,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;
@@ -10643,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;
@@ -10660,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: {
@@ -10744,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;
@@ -10877,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;
@@ -10968,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;
@@ -12409,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";
@@ -12456,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;
@@ -12468,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;
@@ -12547,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;
             };
@@ -12586,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;
@@ -12598,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;
@@ -12689,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";
@@ -12756,8 +12780,12 @@ 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;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             hoverHelpTextPlacement: {
@@ -12768,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;
@@ -12878,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;
@@ -12890,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;
@@ -12981,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";
@@ -13020,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";
@@ -13067,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;
@@ -13079,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;
@@ -13158,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;
             };
@@ -13197,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;
@@ -13209,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;
@@ -13300,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";
@@ -13367,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;
@@ -13379,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;
@@ -13489,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;
@@ -13501,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;
@@ -13592,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";
@@ -13631,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";
@@ -13668,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;
@@ -13676,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;
@@ -13718,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;
             };
@@ -13757,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;
@@ -13765,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;
@@ -13816,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";
@@ -13873,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;
@@ -13881,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;
@@ -13952,6 +13976,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;
@@ -13960,10 +13988,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;
@@ -14011,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";
@@ -14113,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>;
         };
@@ -14137,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>;
         };
@@ -14232,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>;
         };
@@ -14256,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>;
         };
@@ -14352,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>;
         };
@@ -14379,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>;
         };
@@ -14474,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>;
         };
@@ -14501,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>;
         };
@@ -14597,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>;
         };
@@ -14621,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>;
         };
@@ -14716,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>;
         };
@@ -14740,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>;
         };
@@ -14763,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";
@@ -14800,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;
@@ -14808,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;
@@ -14850,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;
             };
@@ -14889,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;
@@ -14897,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;
@@ -14948,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";
@@ -15005,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;
@@ -15013,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;
@@ -15084,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;
@@ -15092,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;
@@ -15143,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";
@@ -15244,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>;
         };
@@ -15268,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>;
         };
@@ -15363,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>;
         };
@@ -15387,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>;
         };
@@ -15738,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;
@@ -15749,7 +15774,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -15824,6 +15848,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;
@@ -15836,10 +15871,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;
@@ -15848,9 +15879,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;
@@ -15875,10 +15903,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;
@@ -16013,7 +16037,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" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16071,6 +16095,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;
@@ -16083,10 +16118,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;
@@ -16095,9 +16126,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;
@@ -16122,10 +16150,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;
@@ -16284,9 +16308,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;
@@ -16295,7 +16320,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -16390,6 +16414,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;
@@ -16402,10 +16437,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;
@@ -16414,9 +16445,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;
@@ -16441,10 +16469,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;
@@ -16630,6 +16654,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;
@@ -16642,10 +16677,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;
@@ -16654,9 +16685,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;
@@ -16681,10 +16709,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;
@@ -16843,9 +16867,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;
@@ -16854,7 +16879,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -17648,7 +17672,186 @@ declare const _default: {
         allSelected: boolean;
         displayedValue: any;
     }>;
-    ButtonDropdownTrigger: import("vue").DefineComponent<{
+    ButtonDropdownTrigger: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"text" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startIconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            startIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+            hideEndIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -17685,48 +17888,11 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+    }>> & {
+        onClick?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        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;
-    }, {
+    }, string, {
         testId: string;
         variant: "text" | "outlined";
         disabled: boolean;
@@ -17735,7 +17901,11 @@ declare const _default: {
         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>;
@@ -19953,9 +20123,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;
@@ -19964,7 +20135,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -20039,6 +20209,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;
@@ -20051,10 +20232,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;
@@ -20063,9 +20240,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;
@@ -20090,10 +20264,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;
@@ -20228,7 +20398,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" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20286,6 +20456,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;
@@ -20298,10 +20479,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;
@@ -20310,9 +20487,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;
@@ -20337,10 +20511,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;
@@ -20499,9 +20669,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;
@@ -20510,7 +20681,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -20605,6 +20775,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;
@@ -20617,10 +20798,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;
@@ -20629,9 +20806,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;
@@ -20656,10 +20830,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;
@@ -20845,6 +21015,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;
@@ -20857,10 +21038,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;
@@ -20869,9 +21046,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;
@@ -20896,10 +21070,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;
@@ -21058,9 +21228,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;
@@ -21069,7 +21240,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -21262,6 +21432,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;
@@ -21274,9 +21447,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;
@@ -21355,6 +21525,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;
@@ -21367,9 +21540,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;
@@ -21472,6 +21642,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;
@@ -21484,9 +21657,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;
@@ -21555,6 +21725,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;
@@ -21567,9 +21740,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;
@@ -22138,6 +22308,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;
@@ -22150,9 +22323,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;
@@ -22231,6 +22401,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;
@@ -22243,9 +22416,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;
@@ -22348,6 +22518,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;
@@ -22360,9 +22533,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;
@@ -22431,6 +22601,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;
@@ -22443,9 +22616,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;
@@ -23182,6 +23352,175 @@ declare const _default: {
             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;
+                };
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                testId: string;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<"a" | "b">;
+                required: true;
+            };
+            withPopover: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            popoverProps: {
+                type: import("vue").PropType<{
+                    autoHide?: boolean;
+                    trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                    disabled?: boolean;
+                    placement?: import("floating-vue").Placement;
+                    distance?: number;
+                    skidding?: number;
+                    testId?: string;
+                    popperClass?: string;
+                }>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<"a" | "b">;
+            required: true;
+        };
+        withPopover: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        popoverProps: {
+            type: import("vue").PropType<{
+                autoHide?: boolean;
+                trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                disabled?: boolean;
+                placement?: import("floating-vue").Placement;
+                distance?: number;
+                skidding?: number;
+                testId?: string;
+                popperClass?: string;
+            }>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        testId: string;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "popover-content"?(_: {}): any;
+        };
+    });
     ButtonTypes: () => (({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -23478,6 +23817,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: {
@@ -23528,14 +24035,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;
@@ -23547,14 +24054,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;
@@ -23570,14 +24077,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;
@@ -23589,14 +24096,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;