npm - @ironsource/shared-ui - Versions diffs - 2.0.0-rc.7 → 2.0.0-rc.8 - Mend

@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.8

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

Files changed (84) hide show

package/index.d.ts CHANGED Viewed

@@ -1575,10 +1575,10 @@ declare const _default: {
                 title: string;
                 search: string;
                 testId: string;
-                isLoading: boolean;
                 searchPlaceholder: string;
                 selection: unknown[];
                 searchAutoFocus: boolean;
+                isLoading: boolean;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
@@ -1609,10 +1609,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -1629,6 +1625,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -1697,7 +1697,7 @@ declare const _default: {
                 onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1733,10 +1733,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -1753,6 +1749,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -1838,10 +1838,10 @@ declare const _default: {
                 title: string;
                 search: string;
                 testId: string;
-                isLoading: boolean;
                 searchPlaceholder: string;
                 selection: unknown[];
                 searchAutoFocus: boolean;
+                isLoading: boolean;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
@@ -1892,10 +1892,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1912,6 +1908,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2001,10 +2001,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2021,6 +2017,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2106,10 +2106,10 @@ declare const _default: {
         title: string;
         search: string;
         testId: string;
-        isLoading: boolean;
         searchPlaceholder: string;
         selection: unknown[];
         searchAutoFocus: boolean;
+        isLoading: boolean;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
@@ -2173,10 +2173,10 @@ declare const _default: {
                 title: string;
                 search: string;
                 testId: string;
-                isLoading: boolean;
                 searchPlaceholder: string;
                 selection: unknown[];
                 searchAutoFocus: boolean;
+                isLoading: boolean;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
@@ -2207,10 +2207,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -2227,6 +2223,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -2295,7 +2295,7 @@ declare const _default: {
                 onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2331,10 +2331,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -2351,6 +2347,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -2436,10 +2436,10 @@ declare const _default: {
                 title: string;
                 search: string;
                 testId: string;
-                isLoading: boolean;
                 searchPlaceholder: string;
                 selection: unknown[];
                 searchAutoFocus: boolean;
+                isLoading: boolean;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
@@ -2490,10 +2490,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2510,6 +2506,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2599,10 +2599,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2619,6 +2615,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2704,10 +2704,10 @@ declare const _default: {
         title: string;
         search: string;
         testId: string;
-        isLoading: boolean;
         searchPlaceholder: string;
         selection: unknown[];
         searchAutoFocus: boolean;
+        isLoading: boolean;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
@@ -2791,14 +2791,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 columns: {
                     type: import("vue").PropType<tableV3.Column[]>;
                     required: true;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -2885,14 +2885,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 columns: {
                     type: import("vue").PropType<tableV3.Column[]>;
                     required: true;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3003,14 +3003,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             columns: {
                 type: import("vue").PropType<tableV3.Column[]>;
                 required: true;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -3082,14 +3082,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         columns: {
             type: import("vue").PropType<tableV3.Column[]>;
             required: true;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3219,14 +3219,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 columns: {
                     type: import("vue").PropType<tableV3.Column[]>;
                     required: true;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3313,14 +3313,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 columns: {
                     type: import("vue").PropType<tableV3.Column[]>;
                     required: true;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3431,14 +3431,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             columns: {
                 type: import("vue").PropType<tableV3.Column[]>;
                 required: true;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -3510,14 +3510,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         columns: {
             type: import("vue").PropType<tableV3.Column[]>;
             required: true;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -4185,8 +4185,8 @@ declare const _default: {
                     default: boolean;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
             $attrs: {
@@ -4260,8 +4260,8 @@ declare const _default: {
                     default: boolean;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: boolean) => void;
@@ -4359,8 +4359,8 @@ declare const _default: {
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: dialogV3.Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: dialogV3.Reason) => any;
             onOpen?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
@@ -4424,8 +4424,8 @@ declare const _default: {
             default: boolean;
         };
     }>> & {
-        onClose?: (reason: dialogV3.Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: dialogV3.Reason) => any;
         onOpen?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
@@ -4528,8 +4528,8 @@ declare const _default: {
                     default: boolean;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
             $attrs: {
@@ -4603,8 +4603,8 @@ declare const _default: {
                     default: boolean;
                 };
             }>> & {
-                onClose?: (reason: dialogV3.Reason) => any;
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: boolean) => void;
@@ -4702,8 +4702,8 @@ declare const _default: {
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: dialogV3.Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: dialogV3.Reason) => any;
             onOpen?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
@@ -4767,8 +4767,8 @@ declare const _default: {
             default: boolean;
         };
     }>> & {
-        onClose?: (reason: dialogV3.Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: dialogV3.Reason) => any;
         onOpen?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
@@ -6050,25 +6050,25 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
+                prefix: string;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
-                placeholder: string;
+                feedbackText: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
-                prefix: string;
                 suffix: string;
                 maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
-                feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
                 showFeedbackTextIcon: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -6091,10 +6091,30 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6103,11 +6123,7 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+                feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -6119,10 +6135,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6135,10 +6147,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 suffix: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6159,14 +6167,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 showFeedbackTextIcon: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6174,7 +6174,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6209,10 +6209,30 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6221,11 +6241,7 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+                feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -6237,10 +6253,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6253,10 +6265,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 suffix: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6277,14 +6285,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 showFeedbackTextIcon: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6303,25 +6303,25 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 testId: string;
                 disabled: boolean;
-                mandatory: boolean;
-                hoverHelpText: string;
-                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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" | "inside";
+                mandatory: boolean;
                 autoFocus: boolean;
+                prefix: string;
+                feedbackVariant: "error" | "success" | "warning";
+                hoverHelpText: string;
+                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+                feedbackText: string;
+                viewOnly: boolean;
+                labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
-                prefix: string;
                 suffix: string;
                 maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
-                feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
                 showFeedbackTextIcon: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -6364,10 +6364,30 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -6376,11 +6396,7 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+            feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -6392,10 +6408,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -6408,10 +6420,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             suffix: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -6432,14 +6440,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             showFeedbackTextIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -6474,10 +6474,30 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        prefix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -6486,11 +6506,7 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+        feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -6502,10 +6518,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "inside">;
             default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -6518,10 +6530,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prefix: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         suffix: {
             type: import("vue").PropType<string>;
             default: string;
@@ -6542,14 +6550,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         showFeedbackTextIcon: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -6568,25 +6568,25 @@ declare const _default: {
         size: "small" | "medium" | "large";
         testId: string;
         disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
         mandatory: boolean;
+        autoFocus: boolean;
+        prefix: string;
+        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        modelValue: string | number;
-        placeholder: string;
+        feedbackText: string;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
-        autoFocus: boolean;
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
-        prefix: string;
         suffix: string;
         maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
-        feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
         showFeedbackTextIcon: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -6604,25 +6604,25 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
+                prefix: string;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
-                placeholder: string;
+                feedbackText: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
-                prefix: string;
                 suffix: string;
                 maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
-                feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
                 showFeedbackTextIcon: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -6645,10 +6645,30 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6657,11 +6677,7 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+                feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -6673,10 +6689,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6689,10 +6701,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 suffix: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6713,14 +6721,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 showFeedbackTextIcon: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6728,7 +6728,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6763,10 +6763,30 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6775,11 +6795,7 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+                feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -6791,10 +6807,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6807,10 +6819,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 suffix: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6831,14 +6839,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 showFeedbackTextIcon: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6857,25 +6857,25 @@ declare const _default: {
                 size: "small" | "medium" | "large";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
+                prefix: string;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                modelValue: string | number;
-                placeholder: string;
+                feedbackText: string;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
-                prefix: string;
                 suffix: string;
                 maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
-                feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
                 showFeedbackTextIcon: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -6918,10 +6918,30 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -6930,11 +6950,7 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+            feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -6946,10 +6962,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -6962,10 +6974,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             suffix: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -6986,14 +6994,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             showFeedbackTextIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7028,10 +7028,30 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        prefix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7040,11 +7060,7 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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: {
+        feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -7056,10 +7072,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "inside">;
             default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7072,10 +7084,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prefix: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         suffix: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7096,14 +7104,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         showFeedbackTextIcon: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7122,25 +7122,25 @@ declare const _default: {
         size: "small" | "medium" | "large";
         testId: string;
         disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
         mandatory: boolean;
+        autoFocus: boolean;
+        prefix: string;
+        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        modelValue: string | number;
-        placeholder: string;
+        feedbackText: string;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
-        autoFocus: boolean;
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
-        prefix: string;
         suffix: string;
         maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
-        feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
         showFeedbackTextIcon: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -7158,14 +7158,14 @@ declare const _default: {
                 size: "sm" | "lg";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
@@ -7192,10 +7192,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7204,14 +7216,6 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7220,10 +7224,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "left" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7246,7 +7246,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "hoverHelpText" | "hoverHelpTextPlacement" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7281,10 +7281,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7293,14 +7305,6 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7309,10 +7313,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "left" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7343,14 +7343,14 @@ declare const _default: {
                 size: "sm" | "lg";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
@@ -7397,10 +7397,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7409,14 +7421,6 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7425,10 +7429,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "left" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7476,10 +7476,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7488,14 +7500,6 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7504,10 +7508,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "left" | "inside">;
             default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7538,14 +7538,14 @@ declare const _default: {
         size: "sm" | "lg";
         testId: string;
         disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
         mandatory: boolean;
+        autoFocus: boolean;
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-        autoFocus: boolean;
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
@@ -7638,36 +7638,36 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -7757,36 +7757,36 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -7877,39 +7877,39 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         step: {
             type: import("vue").PropType<number>;
         };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -7999,39 +7999,39 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         step: {
             type: import("vue").PropType<number>;
         };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -8122,35 +8122,35 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
-        onlyDigits: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
+        onlyDigits: {
+            type: import("vue").PropType<boolean>;
         };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
@@ -8241,36 +8241,36 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -8290,14 +8290,14 @@ declare const _default: {
                 size: "sm" | "lg";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
@@ -8324,10 +8324,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -8336,14 +8348,6 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8352,10 +8356,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "left" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8378,7 +8378,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "hoverHelpText" | "hoverHelpTextPlacement" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8413,10 +8413,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                autoFocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -8425,14 +8437,6 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8441,10 +8445,6 @@ declare const _default: {
                     type: import("vue").PropType<"top" | "left" | "inside">;
                     default: string;
                 };
-                autoFocus: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 hideNumberArrows: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8475,14 +8475,14 @@ declare const _default: {
                 size: "sm" | "lg";
                 testId: string;
                 disabled: boolean;
+                modelValue: string | number;
+                placeholder: string;
                 mandatory: boolean;
+                autoFocus: boolean;
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-                autoFocus: boolean;
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
@@ -8529,10 +8529,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -8541,14 +8553,6 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8557,10 +8561,6 @@ declare const _default: {
                 type: import("vue").PropType<"top" | "left" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8608,10 +8608,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -8620,14 +8632,6 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8636,10 +8640,6 @@ declare const _default: {
             type: import("vue").PropType<"top" | "left" | "inside">;
             default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8670,14 +8670,14 @@ declare const _default: {
         size: "sm" | "lg";
         testId: string;
         disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
         mandatory: boolean;
+        autoFocus: boolean;
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "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";
-        autoFocus: boolean;
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
@@ -8769,36 +8769,36 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -8888,36 +8888,36 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string | number) => any>;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "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>;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
         };
         labelDirection: {
             type: import("vue").PropType<"top" | "left" | "inside">;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
         };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string | number) => any>;
-        };
         feedbackHelpText: {
             type: import("vue").PropType<string>;
         };
@@ -9258,15 +9258,15 @@ declare const _default: {
                 container: string;
                 popperClass: string;
                 selected: any;
-                distance: number;
-                mandatory: boolean;
                 modelValue: any;
                 placeholder: string;
+                mandatory: boolean;
                 isOnTop: boolean;
                 multi: boolean;
                 inlineSearch: boolean;
                 noResultsText: string;
                 defaultOpen: boolean;
+                distance: number;
                 skidding: number;
                 onSearch: (option: any, term: string) => boolean;
                 flip: boolean;
@@ -9324,14 +9324,6 @@ declare const _default: {
                     }[]>;
                     required: true;
                 };
-                distance: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                mandatory: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -9340,6 +9332,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -9363,6 +9359,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 isOpen: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -9432,7 +9432,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "distance" | "mandatory" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -9444,7 +9444,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: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+            $emit: ((event: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -9489,14 +9489,6 @@ declare const _default: {
                     }[]>;
                     required: true;
                 };
-                distance: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                mandatory: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -9505,6 +9497,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -9528,6 +9524,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 isOpen: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -9615,15 +9615,15 @@ declare const _default: {
                 container: string;
                 popperClass: string;
                 selected: any;
-                distance: number;
-                mandatory: boolean;
                 modelValue: any;
                 placeholder: string;
+                mandatory: boolean;
                 isOnTop: boolean;
                 multi: boolean;
                 inlineSearch: boolean;
                 noResultsText: string;
                 defaultOpen: boolean;
+                distance: number;
                 skidding: number;
                 onSearch: (option: any, term: string) => boolean;
                 flip: boolean;
@@ -9701,14 +9701,6 @@ declare const _default: {
                 }[]>;
                 required: true;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -9717,6 +9709,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9740,6 +9736,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -9859,14 +9859,6 @@ declare const _default: {
             }[]>;
             required: true;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -9875,6 +9867,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -9898,6 +9894,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -9985,15 +9985,15 @@ declare const _default: {
         container: string;
         popperClass: string;
         selected: any;
-        distance: number;
-        mandatory: boolean;
         modelValue: any;
         placeholder: string;
+        mandatory: boolean;
         isOnTop: boolean;
         multi: boolean;
         inlineSearch: boolean;
         noResultsText: string;
         defaultOpen: boolean;
+        distance: number;
         skidding: number;
         onSearch: (option: any, term: string) => boolean;
         flip: boolean;
@@ -10035,13 +10035,13 @@ declare const _default: {
                 selected: any;
                 options: any;
                 singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
                 mandatory: boolean;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                placeholder: string;
                 feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
-                open: boolean;
                 brandIconType: "android" | "ios";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -10077,10 +10077,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -10089,30 +10102,17 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
-                open: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 brandIconType: {
                     type: import("vue").PropType<"android" | "ios">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "open" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10160,10 +10160,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -10172,23 +10185,10 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
-                open: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 brandIconType: {
                     type: import("vue").PropType<"android" | "ios">;
                     default: any;
@@ -10206,13 +10206,13 @@ declare const _default: {
                 selected: any;
                 options: any;
                 singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
                 mandatory: boolean;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                placeholder: string;
                 feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
-                open: boolean;
                 brandIconType: "android" | "ios";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -10268,10 +10268,23 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -10280,23 +10293,10 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             brandIconType: {
                 type: import("vue").PropType<"android" | "ios">;
                 default: any;
@@ -10341,10 +10341,23 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -10353,23 +10366,10 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         brandIconType: {
             type: import("vue").PropType<"android" | "ios">;
             default: any;
@@ -10387,13 +10387,13 @@ declare const _default: {
         selected: any;
         options: any;
         singleAppSelection: boolean;
+        placeholder: string;
+        open: boolean;
         mandatory: boolean;
+        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        placeholder: string;
         feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
-        open: boolean;
         brandIconType: "android" | "ios";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -10431,10 +10431,6 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -10457,6 +10453,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -10477,10 +10477,6 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -10503,15 +10499,19 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onClear?: () => any;
     }, {
         label: string;
         testId: string;
         disabled: boolean;
-        feedbackVariant: string;
         open: boolean;
         displayedValue: any;
+        feedbackVariant: string;
     }>;
     DropdownTypes: () => (import("vue").DefineComponent<{
         label: {
@@ -10531,10 +10531,6 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -10557,6 +10553,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -10577,10 +10577,6 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -10603,15 +10599,19 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onClear?: () => any;
     }, {
         label: string;
         testId: string;
         disabled: boolean;
-        feedbackVariant: string;
         open: boolean;
         displayedValue: any;
+        feedbackVariant: string;
     }> | ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -10625,13 +10625,13 @@ declare const _default: {
                 selected: any;
                 options: any;
                 singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
                 mandatory: boolean;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                placeholder: string;
                 feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
-                open: boolean;
                 brandIconType: "android" | "ios";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -10667,10 +10667,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -10679,30 +10692,17 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
-                open: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 brandIconType: {
                     type: import("vue").PropType<"android" | "ios">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "open" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10750,10 +10750,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 mandatory: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -10762,23 +10775,10 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
                 };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 feedbackText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
-                open: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 brandIconType: {
                     type: import("vue").PropType<"android" | "ios">;
                     default: any;
@@ -10796,13 +10796,13 @@ declare const _default: {
                 selected: any;
                 options: any;
                 singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
                 mandatory: boolean;
+                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                placeholder: string;
                 feedbackText: string;
-                feedbackVariant: "error" | "success" | "warning";
-                open: boolean;
                 brandIconType: "android" | "ios";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -10858,34 +10858,34 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             hoverHelpTextPlacement: {
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
+                default: string;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             brandIconType: {
                 type: import("vue").PropType<"android" | "ios">;
@@ -10931,10 +10931,23 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -10943,23 +10956,10 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         brandIconType: {
             type: import("vue").PropType<"android" | "ios">;
             default: any;
@@ -10977,13 +10977,13 @@ declare const _default: {
         selected: any;
         options: any;
         singleAppSelection: boolean;
+        placeholder: string;
+        open: boolean;
         mandatory: boolean;
+        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-        placeholder: string;
         feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
-        open: boolean;
         brandIconType: "android" | "ios";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -11195,15 +11195,15 @@ declare const _default: {
                 container: string;
                 popperClass: string;
                 selected: any;
-                distance: number;
-                mandatory: boolean;
                 modelValue: any;
                 placeholder: string;
+                mandatory: boolean;
                 isOnTop: boolean;
                 multi: boolean;
                 inlineSearch: boolean;
                 noResultsText: string;
                 defaultOpen: boolean;
+                distance: number;
                 skidding: number;
                 onSearch: (option: any, term: string) => boolean;
                 flip: boolean;
@@ -11261,14 +11261,6 @@ declare const _default: {
                     }[]>;
                     required: true;
                 };
-                distance: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                mandatory: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -11277,6 +11269,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11300,6 +11296,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 isOpen: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -11369,7 +11369,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "distance" | "mandatory" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11381,7 +11381,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: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+            $emit: ((event: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -11426,14 +11426,6 @@ declare const _default: {
                     }[]>;
                     required: true;
                 };
-                distance: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                mandatory: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -11442,6 +11434,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11465,6 +11461,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 isOpen: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -11552,15 +11552,15 @@ declare const _default: {
                 container: string;
                 popperClass: string;
                 selected: any;
-                distance: number;
-                mandatory: boolean;
                 modelValue: any;
                 placeholder: string;
+                mandatory: boolean;
                 isOnTop: boolean;
                 multi: boolean;
                 inlineSearch: boolean;
                 noResultsText: string;
                 defaultOpen: boolean;
+                distance: number;
                 skidding: number;
                 onSearch: (option: any, term: string) => boolean;
                 flip: boolean;
@@ -11638,14 +11638,6 @@ declare const _default: {
                 }[]>;
                 required: true;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -11654,6 +11646,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11677,6 +11673,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -11796,14 +11796,6 @@ declare const _default: {
             }[]>;
             required: true;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -11812,6 +11804,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11835,6 +11831,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -11922,15 +11922,15 @@ declare const _default: {
         container: string;
         popperClass: string;
         selected: any;
-        distance: number;
-        mandatory: boolean;
         modelValue: any;
         placeholder: string;
+        mandatory: boolean;
         isOnTop: boolean;
         multi: boolean;
         inlineSearch: boolean;
         noResultsText: string;
         defaultOpen: boolean;
+        distance: number;
         skidding: number;
         onSearch: (option: any, term: string) => boolean;
         flip: boolean;
@@ -12253,8 +12253,10 @@ declare const _default: {
                 content: string;
                 disabled: boolean;
                 color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-                startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-                endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+                startIconName: string;
+                endIconName: string;
+                startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
@@ -12285,14 +12287,22 @@ declare const _default: {
                     default: string;
                 };
                 startIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
                 endIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName">;
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+                endIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12336,13 +12346,21 @@ declare const _default: {
                     default: string;
                 };
                 startIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
                 endIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+                endIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "large" | "extraLarge";
                 testId: string;
@@ -12351,8 +12369,10 @@ declare const _default: {
                 content: string;
                 disabled: boolean;
                 color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-                startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-                endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+                startIconName: string;
+                endIconName: string;
+                startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12403,13 +12423,21 @@ declare const _default: {
                 default: string;
             };
             startIconName: {
-                type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                type: import("vue").PropType<string>;
                 default: any;
             };
             endIconName: {
-                type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                type: import("vue").PropType<string>;
                 default: any;
             };
+            startIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -12444,13 +12472,21 @@ declare const _default: {
             default: string;
         };
         startIconName: {
-            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            type: import("vue").PropType<string>;
             default: any;
         };
         endIconName: {
-            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            type: import("vue").PropType<string>;
             default: any;
         };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: "small" | "medium" | "large" | "extraLarge";
         testId: string;
@@ -12459,8 +12495,10 @@ declare const _default: {
         content: string;
         disabled: boolean;
         color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-        startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-        endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -12666,8 +12704,10 @@ declare const _default: {
                 content: string;
                 disabled: boolean;
                 color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-                startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-                endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+                startIconName: string;
+                endIconName: string;
+                startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
@@ -12698,14 +12738,22 @@ declare const _default: {
                     default: string;
                 };
                 startIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
                 endIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName">;
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+                endIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12749,13 +12797,21 @@ declare const _default: {
                     default: string;
                 };
                 startIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
                 endIconName: {
-                    type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
+                startIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
+                endIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: string;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "large" | "extraLarge";
                 testId: string;
@@ -12764,8 +12820,10 @@ declare const _default: {
                 content: string;
                 disabled: boolean;
                 color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-                startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-                endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+                startIconName: string;
+                endIconName: string;
+                startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12816,13 +12874,21 @@ declare const _default: {
                 default: string;
             };
             startIconName: {
-                type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                type: import("vue").PropType<string>;
                 default: any;
             };
             endIconName: {
-                type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+                type: import("vue").PropType<string>;
                 default: any;
             };
+            startIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -12857,13 +12923,21 @@ declare const _default: {
             default: string;
         };
         startIconName: {
-            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            type: import("vue").PropType<string>;
             default: any;
         };
         endIconName: {
-            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            type: import("vue").PropType<string>;
             default: any;
         };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: "small" | "medium" | "large" | "extraLarge";
         testId: string;
@@ -12872,8 +12946,10 @@ declare const _default: {
         content: string;
         disabled: boolean;
         color: "default" | "info" | "success" | "warning" | "primary" | "danger";
-        startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
-        endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -13396,8 +13472,8 @@ declare const _default: {
                 testId: string;
                 disabled: boolean;
                 selected: boolean;
-                prefix: string;
                 clearable: boolean;
+                prefix: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -13411,17 +13487,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
                 clearable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>> & {
                 onCleared?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "selected" | "prefix" | "clearable">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "selected" | "clearable" | "prefix">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -13448,14 +13524,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
                 clearable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>> & {
                 onCleared?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13464,8 +13540,8 @@ declare const _default: {
                 testId: string;
                 disabled: boolean;
                 selected: boolean;
-                prefix: string;
                 clearable: boolean;
+                prefix: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -13499,14 +13575,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & {
             onCleared?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -13526,14 +13602,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prefix: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        prefix: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>> & {
         onCleared?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13542,8 +13618,8 @@ declare const _default: {
         testId: string;
         disabled: boolean;
         selected: boolean;
-        prefix: string;
         clearable: boolean;
+        prefix: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "icon-start"?(_: {}): any;
@@ -13559,8 +13635,8 @@ declare const _default: {
                 testId: string;
                 disabled: boolean;
                 selected: boolean;
-                prefix: string;
                 clearable: boolean;
+                prefix: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -13574,17 +13650,17 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
                 clearable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>> & {
                 onCleared?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "selected" | "prefix" | "clearable">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "selected" | "clearable" | "prefix">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -13611,14 +13687,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prefix: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
                 clearable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                prefix: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>> & {
                 onCleared?: (...args: any[]) => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13627,8 +13703,8 @@ declare const _default: {
                 testId: string;
                 disabled: boolean;
                 selected: boolean;
-                prefix: string;
                 clearable: boolean;
+                prefix: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -13662,14 +13738,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & {
             onCleared?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -13689,14 +13765,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prefix: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        prefix: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>> & {
         onCleared?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13705,8 +13781,8 @@ declare const _default: {
         testId: string;
         disabled: boolean;
         selected: boolean;
-        prefix: string;
         clearable: boolean;
+        prefix: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "icon-start"?(_: {}): any;