@ironsource/shared-ui 2.0.2-rc.0 → 2.0.2-rc.2

package/components/dropdown/v4/index.d.ts

@@ -10,15 +10,15 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
+            disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
+            open: boolean;
+            mandatory: boolean;
             loading: boolean;
-            disabled: boolean;
+            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
-            open: boolean;
-            mandatory: boolean;
             multi: boolean;
             valueToCopy: string;
             selectedOption: any;
@@ -26,29 +26,38 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 required: true;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
             };
-            loading: {
+            mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            disabled: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -61,15 +70,6 @@ declare const DropdownTypes: () => (({
                 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;
-            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -103,12 +103,12 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -128,22 +128,31 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
             };
-            loading: {
+            mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            disabled: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -156,15 +165,6 @@ declare const DropdownTypes: () => (({
                 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;
-            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -198,7 +198,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
         }>> & {
@@ -207,15 +207,15 @@ declare const DropdownTypes: () => (({
             click: () => void;
         }, string, {
             label: string;
+            disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
+            open: boolean;
+            mandatory: boolean;
             loading: boolean;
-            disabled: boolean;
+            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
-            open: boolean;
-            mandatory: boolean;
             multi: boolean;
             valueToCopy: string;
             selectedOption: any;
@@ -223,7 +223,7 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -250,22 +250,31 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
         };
-        loading: {
+        mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        disabled: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -278,15 +287,6 @@ declare const DropdownTypes: () => (({
             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;
-        };
         multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -320,7 +320,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
     }>> & {
@@ -335,22 +335,31 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
     };
-    loading: {
+    mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    disabled: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -363,15 +372,6 @@ declare const DropdownTypes: () => (({
         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;
-    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -405,7 +405,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
 }>> & {
@@ -414,15 +414,15 @@ declare const DropdownTypes: () => (({
     click: () => void;
 }, string, {
     label: string;
+    disabled: boolean;
     size: "small" | "medium" | "large";
-    testId: string;
+    open: boolean;
+    mandatory: boolean;
     loading: boolean;
-    disabled: boolean;
+    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
-    open: boolean;
-    mandatory: boolean;
     multi: boolean;
     valueToCopy: string;
     selectedOption: any;
@@ -430,7 +430,7 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -442,23 +442,23 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -488,23 +488,23 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -530,9 +530,9 @@ declare const DropdownTypes: () => (({
     onClear?: () => any;
 }, {
     label: string;
-    testId: string;
     disabled: boolean;
     open: boolean;
+    testId: string;
     displayedValue: any;
     feedbackVariant: string;
 }> | ({
@@ -541,48 +541,57 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
+            disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
+            open: boolean;
+            mandatory: boolean;
             loading: boolean;
-            disabled: boolean;
+            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
-            open: boolean;
-            mandatory: boolean;
             multi: boolean;
             selectedOption: any;
             brandIconType: "android" | "ios";
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             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";
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
-            feedbackVariant: "error" | "success" | "warning";
+            feedbackVariant: "success" | "warning" | "error";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 required: true;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
             };
-            loading: {
+            mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            disabled: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -595,15 +604,6 @@ declare const DropdownTypes: () => (({
                 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;
-            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -633,7 +633,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
             hoverHelpText: {
@@ -641,7 +641,7 @@ declare const DropdownTypes: () => (({
                 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">;
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
             feedbackText: {
@@ -649,12 +649,12 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -674,22 +674,31 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
             };
-            loading: {
+            mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            disabled: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -702,15 +711,6 @@ declare const DropdownTypes: () => (({
                 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;
-            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -740,7 +740,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
             hoverHelpText: {
@@ -748,7 +748,7 @@ declare const DropdownTypes: () => (({
                 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">;
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
             feedbackText: {
@@ -756,7 +756,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
         }>> & {
@@ -765,26 +765,26 @@ declare const DropdownTypes: () => (({
             click: () => void;
         }, string, {
             label: string;
+            disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
+            open: boolean;
+            mandatory: boolean;
             loading: boolean;
-            disabled: boolean;
+            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
-            open: boolean;
-            mandatory: boolean;
             multi: boolean;
             selectedOption: any;
             brandIconType: "android" | "ios";
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             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";
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
-            feedbackVariant: "error" | "success" | "warning";
+            feedbackVariant: "success" | "warning" | "error";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -811,22 +811,31 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
         };
-        loading: {
+        mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        disabled: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -839,15 +848,6 @@ declare const DropdownTypes: () => (({
             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;
-        };
         multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -877,7 +877,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
         hoverHelpText: {
@@ -885,7 +885,7 @@ declare const DropdownTypes: () => (({
             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">;
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
         };
         feedbackText: {
@@ -893,7 +893,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
     }>> & {
@@ -908,22 +908,31 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
     };
-    loading: {
+    mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    disabled: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -936,15 +945,6 @@ declare const DropdownTypes: () => (({
         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;
-    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -974,7 +974,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
     hoverHelpText: {
@@ -982,7 +982,7 @@ declare const DropdownTypes: () => (({
         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">;
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
     };
     feedbackText: {
@@ -990,7 +990,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
 }>> & {
@@ -999,26 +999,26 @@ declare const DropdownTypes: () => (({
     click: () => void;
 }, string, {
     label: string;
+    disabled: boolean;
     size: "small" | "medium" | "large";
-    testId: string;
+    open: boolean;
+    mandatory: boolean;
     loading: boolean;
-    disabled: boolean;
+    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
-    open: boolean;
-    mandatory: boolean;
     multi: boolean;
     selectedOption: any;
     brandIconType: "android" | "ios";
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     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";
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
-    feedbackVariant: "error" | "success" | "warning";
+    feedbackVariant: "success" | "warning" | "error";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1043,14 +1043,14 @@ declare const DropdownTypes: () => (({
         $props: Partial<{
             option: any;
             disabled: boolean;
+            active: boolean;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
-            active: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1060,6 +1060,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1075,10 +1079,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1092,10 +1092,10 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1118,6 +1118,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1133,10 +1137,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1150,20 +1150,20 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             option: any;
             disabled: boolean;
+            active: boolean;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
-            active: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1193,6 +1193,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1208,10 +1212,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        active: {
-            type: import("vue").PropType<boolean>;
-            default: any;
-        };
         nameKey: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1225,7 +1225,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -1241,6 +1241,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
     isIndeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1256,10 +1260,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    active: {
-        type: import("vue").PropType<boolean>;
-        default: any;
-    };
     nameKey: {
         type: import("vue").PropType<string>;
         default: any;
@@ -1273,20 +1273,20 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     iconType: {
-        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     option: any;
     disabled: boolean;
+    active: boolean;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
-    active: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1299,25 +1299,25 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             theme: string;
+            disabled: boolean;
             size: "sm" | "lg";
+            flip: boolean;
+            mandatory: boolean;
             testId: string;
-            placement: import("floating-vue").Placement;
-            disabled: boolean;
             container: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
             popperClass: string;
             selected: any;
             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;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
@@ -1325,13 +1325,13 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             onClear: () => void;
             inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
-            triggerFeedbackVariant: "error" | "success" | "warning";
+            triggerFeedbackVariant: "success" | "warning" | "error";
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1341,29 +1341,41 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            flip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             loading: {
                 type: import("vue").PropType<boolean>;
             };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             popperClass: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1387,10 +1399,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1414,10 +1422,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1433,10 +1437,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1466,7 +1466,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
             onClear: {
@@ -1490,7 +1490,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             triggerFeedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
             searchAutoFocus: {
@@ -1515,7 +1515,7 @@ declare const DropdownTypes: () => (({
             "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" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1534,29 +1534,41 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             size: {
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            flip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             loading: {
                 type: import("vue").PropType<boolean>;
             };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             popperClass: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1580,10 +1592,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1607,10 +1615,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1626,10 +1630,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1659,7 +1659,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
             onClear: {
@@ -1683,7 +1683,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             triggerFeedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
             searchAutoFocus: {
@@ -1719,25 +1719,25 @@ declare const DropdownTypes: () => (({
             apply: (value: unknown) => void;
         }, string, {
             theme: string;
+            disabled: boolean;
             size: "sm" | "lg";
+            flip: boolean;
+            mandatory: boolean;
             testId: string;
-            placement: import("floating-vue").Placement;
-            disabled: boolean;
             container: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
             popperClass: string;
             selected: any;
             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;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
@@ -1745,13 +1745,13 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             onClear: () => void;
             inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
-            triggerFeedbackVariant: "error" | "success" | "warning";
+            triggerFeedbackVariant: "success" | "warning" | "error";
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1781,29 +1781,41 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         size: {
             type: import("vue").PropType<"sm" | "lg">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        flip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         loading: {
             type: import("vue").PropType<boolean>;
         };
-        placement: {
-            type: import("vue").PropType<import("floating-vue").Placement>;
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         container: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         popperClass: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1827,10 +1839,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1854,10 +1862,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -1873,10 +1877,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: any, term: string) => boolean>;
             default: any;
         };
-        flip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         keepOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1906,7 +1906,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
         onClear: {
@@ -1930,7 +1930,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         triggerFeedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
         searchAutoFocus: {
@@ -1967,29 +1967,41 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     size: {
         type: import("vue").PropType<"sm" | "lg">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
+    flip: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     loading: {
         type: import("vue").PropType<boolean>;
     };
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
+    testId: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     container: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     popperClass: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2013,10 +2025,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2040,10 +2048,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
@@ -2059,10 +2063,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: any, term: string) => boolean>;
         default: any;
     };
-    flip: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     keepOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2092,7 +2092,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
     onClear: {
@@ -2116,7 +2116,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     triggerFeedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
     searchAutoFocus: {
@@ -2152,25 +2152,25 @@ declare const DropdownTypes: () => (({
     apply: (value: unknown) => void;
 }, string, {
     theme: string;
+    disabled: boolean;
     size: "sm" | "lg";
+    flip: boolean;
+    mandatory: boolean;
     testId: string;
-    placement: import("floating-vue").Placement;
-    disabled: boolean;
     container: string;
+    placement: import("floating-vue").Placement;
+    distance: number;
     popperClass: string;
     selected: any;
     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;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
@@ -2178,13 +2178,13 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     onClear: () => void;
     inlineSearchPlaceholder: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "error" | "success" | "warning";
+    triggerFeedbackVariant: "success" | "warning" | "error";
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;