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

@ironsource/shared-ui 2.1.10-rc.3 → 2.1.10-rc.5

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 (91) 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;
@@ -5499,7 +5523,8 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -5591,6 +5616,10 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -5625,7 +5654,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5725,6 +5754,10 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -5792,7 +5825,8 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -5904,6 +5938,10 @@ declare const _default: {
                 default: any;
             };
             getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
@@ -6030,6 +6068,10 @@ declare const _default: {
             default: any;
         };
         getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
@@ -6097,7 +6139,8 @@ declare const _default: {
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
@@ -6249,7 +6292,8 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -6341,6 +6385,10 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -6375,7 +6423,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6475,6 +6523,10 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -6542,7 +6594,8 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
@@ -6654,6 +6707,10 @@ declare const _default: {
                 default: any;
             };
             getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
@@ -6780,6 +6837,10 @@ declare const _default: {
             default: any;
         };
         getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
@@ -6847,7 +6908,8 @@ declare const _default: {
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
@@ -6987,7 +7049,8 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 rowCustomClassKey: string;
@@ -7040,6 +7103,10 @@ declare const _default: {
                     default: string;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -7093,7 +7160,7 @@ declare const _default: {
                 }) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7151,6 +7218,10 @@ declare const _default: {
                     default: string;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -7223,7 +7294,8 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 rowCustomClassKey: string;
@@ -7296,6 +7368,10 @@ declare const _default: {
                 default: string;
             };
             getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
@@ -7395,6 +7471,10 @@ declare const _default: {
             default: string;
         };
         getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
@@ -7467,7 +7547,8 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         rowCustomClassKey: string;
@@ -7516,7 +7597,8 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 rowCustomClassKey: string;
@@ -7569,6 +7651,10 @@ declare const _default: {
                     default: string;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -7622,7 +7708,7 @@ declare const _default: {
                 }) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7680,6 +7766,10 @@ declare const _default: {
                     default: string;
                 };
                 getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    default: (row: any, index: any) => any;
+                };
+                getRowKey: {
                     type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
@@ -7752,7 +7842,8 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 rowCustomClassKey: string;
@@ -7825,6 +7916,10 @@ declare const _default: {
                 default: string;
             };
             getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
                 type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
@@ -7924,6 +8019,10 @@ declare const _default: {
             default: string;
         };
         getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
             type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
@@ -7996,7 +8095,8 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         rowCustomClassKey: string;
@@ -8848,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;
@@ -8860,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;
@@ -8917,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;
@@ -8929,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;
@@ -9007,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;
@@ -9019,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;
@@ -9066,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;
@@ -9078,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;
@@ -9159,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;
@@ -9171,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;
@@ -9228,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;
@@ -9240,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;
@@ -9318,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;
@@ -9330,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;
@@ -9377,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;
@@ -9389,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;
@@ -10098,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;
@@ -10115,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: {
@@ -10199,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;
@@ -10332,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;
@@ -10423,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;
@@ -10567,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;
@@ -10584,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: {
@@ -10668,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;
@@ -10801,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;
@@ -10892,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;
@@ -12333,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";
@@ -12380,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;
@@ -12392,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;
@@ -12471,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;
             };
@@ -12510,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;
@@ -12522,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;
@@ -12613,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";
@@ -12680,6 +12780,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -12692,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;
@@ -12802,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;
@@ -12814,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;
@@ -12905,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";
@@ -12944,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";
@@ -12991,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;
@@ -13003,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;
@@ -13082,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;
             };
@@ -13121,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;
@@ -13133,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;
@@ -13224,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";
@@ -13291,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;
@@ -13303,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;
@@ -13413,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;
@@ -13425,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;
@@ -13516,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";
@@ -13555,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";
@@ -13592,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;
@@ -13600,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;
@@ -13642,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;
             };
@@ -13681,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;
@@ -13689,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;
@@ -13740,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";
@@ -13797,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;
@@ -13805,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;
@@ -13876,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;
@@ -13884,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;
@@ -13935,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";
@@ -14037,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>;
         };
@@ -14061,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>;
         };
@@ -14156,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>;
         };
@@ -14180,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>;
         };
@@ -14276,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>;
         };
@@ -14303,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>;
         };
@@ -14398,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>;
         };
@@ -14425,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>;
         };
@@ -14521,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>;
         };
@@ -14545,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>;
         };
@@ -14640,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>;
         };
@@ -14664,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>;
         };
@@ -14687,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";
@@ -14724,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;
@@ -14732,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;
@@ -14774,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;
             };
@@ -14813,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;
@@ -14821,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;
@@ -14872,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";
@@ -14929,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;
@@ -14937,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;
@@ -15008,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;
@@ -15016,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;
@@ -15067,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";
@@ -15168,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>;
         };
@@ -15192,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>;
         };
@@ -15287,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>;
         };
@@ -15311,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>;
         };
@@ -15662,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;
@@ -15673,7 +15774,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -15748,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;
@@ -15760,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;
@@ -15772,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;
@@ -15799,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;
@@ -15937,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;
             };
@@ -15995,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;
@@ -16007,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;
@@ -16019,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;
@@ -16046,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;
@@ -16208,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;
@@ -16219,7 +16320,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -16314,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;
@@ -16326,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;
@@ -16338,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;
@@ -16365,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;
@@ -16554,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;
@@ -16566,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;
@@ -16578,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;
@@ -16605,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;
@@ -16767,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;
@@ -16778,7 +16879,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -17572,161 +17672,307 @@ declare const _default: {
         allSelected: boolean;
         displayedValue: any;
     }>;
-    ButtonDropdownTrigger: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        hideEndIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        hideEndIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onClick?: () => any;
-    }, {
-        testId: string;
-        variant: "text" | "outlined";
-        disabled: boolean;
-        size: "small" | "medium";
-        open: boolean;
-        startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        hideEndIcon: boolean;
-    }>;
-    ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        hideEndIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        hideEndIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+    ButtonDropdownTrigger: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"text" | "outlined">;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium">;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                startIconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                hideEndIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                testId: string;
+                variant: "text" | "outlined";
+                disabled: boolean;
+                size: "small" | "medium";
+                open: boolean;
+                startIconName: string;
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                hideEndIcon: boolean;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"text" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startIconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            startIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+            hideEndIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, {
+        testId: string;
+        variant: "text" | "outlined";
+        disabled: boolean;
+        size: "small" | "medium";
+        open: boolean;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        hideEndIcon: boolean;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
     }>> & {
         onClick?: () => any;
@@ -19877,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;
@@ -19888,7 +20135,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -19963,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;
@@ -19975,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;
@@ -19987,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;
@@ -20014,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;
@@ -20152,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;
             };
@@ -20210,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;
@@ -20222,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;
@@ -20234,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;
@@ -20261,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;
@@ -20423,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;
@@ -20434,7 +20681,6 @@ declare const _default: {
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
                 isOnTop: boolean;
-                skidding: number;
                 triggerLabel: string;
                 triggerHelperText: string;
                 triggerFeedbackText: string;
@@ -20529,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;
@@ -20541,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;
@@ -20553,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;
@@ -20580,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;
@@ -20769,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;
@@ -20781,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;
@@ -20793,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;
@@ -20820,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;
@@ -20982,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;
@@ -20993,7 +21240,6 @@ declare const _default: {
         autoSize: boolean;
         disableKeyboardEvents: boolean;
         isOnTop: boolean;
-        skidding: number;
         triggerLabel: string;
         triggerHelperText: string;
         triggerFeedbackText: string;
@@ -21186,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;
@@ -21198,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;
@@ -21279,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;
@@ -21291,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;
@@ -21396,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;
@@ -21408,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;
@@ -21479,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;
@@ -21491,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;
@@ -22062,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;
@@ -22074,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;
@@ -22155,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;
@@ -22167,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;
@@ -22272,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;
@@ -22284,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;
@@ -22355,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;
@@ -22367,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;
@@ -23004,19 +23250,143 @@ declare const _default: {
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
+        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    ToggleButtonGroupAB: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                color: {
-                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                    default: string;
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
                 };
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                    default: string;
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -23028,25 +23398,40 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                color: {
-                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                    default: string;
+                modelValue: {
+                    type: import("vue").PropType<"a" | "b">;
+                    required: true;
                 };
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                    default: string;
+                withPopover: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                variant: "text" | "contained" | "outlined";
-                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                size: "small" | "medium" | "large" | "extraLarge";
+                popoverProps: {
+                    type: import("vue").PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import("floating-vue").Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                testId: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -23068,42 +23453,72 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-                default: string;
+            modelValue: {
+                type: import("vue").PropType<"a" | "b">;
+                required: true;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
+            withPopover: {
+                type: import("vue").PropType<boolean>;
+                required: true;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            popoverProps: {
+                type: import("vue").PropType<{
+                    autoHide?: boolean;
+                    trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                    disabled?: boolean;
+                    placement?: import("floating-vue").Placement;
+                    distance?: number;
+                    skidding?: number;
+                    testId?: string;
+                    popperClass?: string;
+                }>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
+        modelValue: {
+            type: import("vue").PropType<"a" | "b">;
+            required: true;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
+        withPopover: {
+            type: import("vue").PropType<boolean>;
+            required: true;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        variant: "text" | "contained" | "outlined";
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
+        popoverProps: {
+            type: import("vue").PropType<{
+                autoHide?: boolean;
+                trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                disabled?: boolean;
+                placement?: import("floating-vue").Placement;
+                distance?: number;
+                skidding?: number;
+                testId?: string;
+                popperClass?: string;
+            }>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        testId: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            default?(_: {}): any;
+            "popover-content"?(_: {}): any;
         };
     });
     ButtonTypes: () => (({
@@ -23402,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: {
@@ -23452,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;
@@ -23471,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;
@@ -23494,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;
@@ -23513,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;