npm - @ironsource/shared-ui - Versions diffs - 2.1.3-rc.9 → 2.1.3 - Mend

@ironsource/shared-ui 2.1.3-rc.9 → 2.1.3

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 (117) hide show

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

@@ -3,6 +3,8 @@ import DefaultDropdownTrigger from './DefaultDropdownTrigger.vue';
 import IconButtonDropdownTrigger from './IconButtonDropdownTrigger.vue';
 import ChipDropdownTrigger from './ChipDropdownTrigger.vue';
 import AppDropdownTrigger from './AppDropdownTrigger.vue';
+import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
+import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import Option from './OptionV4.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
@@ -18,15 +20,20 @@ declare const DropdownTypes: () => (({
             testId: string;
             options: unknown[];
             singleAppSelection: boolean;
+            hoverHelpText: string;
+            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";
             placeholder: string;
+            feedbackText: string;
+            feedbackVariant: "success" | "warning" | "error";
             multi: boolean;
-            valueToCopy: string;
-            selectedOption: any;
-            brandIconType: "android" | "ios";
             optionNameKey: string;
-            optionImageKey: string;
             optionIconKey: string;
+            optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            selectedOption: any;
+            showFeedbackIcon: boolean;
+            brandIconType: "android" | "ios";
+            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -66,10 +73,26 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                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;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"success" | "warning" | "error">;
+                default: any;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -78,37 +101,41 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            valueToCopy: {
+            optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
+            optionIconKey: {
+                type: import("vue").PropType<string>;
                 default: any;
             };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
+            optionImageKey: {
+                type: import("vue").PropType<string>;
                 default: any;
             };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
                 default: any;
             };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
+            showFeedbackIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            statusDotType: {
+                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & 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">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "statusDotType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -161,10 +188,26 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                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;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"success" | "warning" | "error">;
+                default: any;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -173,32 +216,36 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            valueToCopy: {
+            optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
+            optionIconKey: {
+                type: import("vue").PropType<string>;
                 default: any;
             };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
+            optionImageKey: {
+                type: import("vue").PropType<string>;
                 default: any;
             };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
                 default: any;
             };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
+            showFeedbackIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            statusDotType: {
+                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
         }>> & {
@@ -215,15 +262,20 @@ declare const DropdownTypes: () => (({
             testId: string;
             options: unknown[];
             singleAppSelection: boolean;
+            hoverHelpText: string;
+            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";
             placeholder: string;
+            feedbackText: string;
+            feedbackVariant: "success" | "warning" | "error";
             multi: boolean;
-            valueToCopy: string;
-            selectedOption: any;
-            brandIconType: "android" | "ios";
             optionNameKey: string;
-            optionImageKey: string;
             optionIconKey: string;
+            optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            selectedOption: any;
+            showFeedbackIcon: boolean;
+            brandIconType: "android" | "ios";
+            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -283,10 +335,26 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            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;
+        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
         multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -295,32 +363,36 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
-        valueToCopy: {
+        optionNameKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        selectedOption: {
-            type: import("vue").PropType<unknown>;
+        optionIconKey: {
+            type: import("vue").PropType<string>;
             default: any;
         };
-        brandIconType: {
-            type: import("vue").PropType<"android" | "ios">;
+        optionImageKey: {
+            type: import("vue").PropType<string>;
             default: any;
         };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
             default: any;
         };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
+        showFeedbackIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        statusDotType: {
+            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
     }>> & {
@@ -368,10 +440,26 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        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;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -380,32 +468,36 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
-    valueToCopy: {
+    optionNameKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    selectedOption: {
-        type: import("vue").PropType<unknown>;
+    optionIconKey: {
+        type: import("vue").PropType<string>;
         default: any;
     };
-    brandIconType: {
-        type: import("vue").PropType<"android" | "ios">;
+    optionImageKey: {
+        type: import("vue").PropType<string>;
         default: any;
     };
-    optionNameKey: {
-        type: import("vue").PropType<string>;
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
-    optionImageKey: {
-        type: import("vue").PropType<string>;
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
         default: any;
     };
-    optionIconKey: {
-        type: import("vue").PropType<string>;
+    showFeedbackIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    brandIconType: {
+        type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
-    optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+    statusDotType: {
+        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
     };
 }>> & {
@@ -422,120 +514,26 @@ declare const DropdownTypes: () => (({
     testId: string;
     options: unknown[];
     singleAppSelection: boolean;
+    hoverHelpText: string;
+    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";
     placeholder: string;
+    feedbackText: string;
+    feedbackVariant: "success" | "warning" | "error";
     multi: boolean;
-    valueToCopy: string;
-    selectedOption: any;
-    brandIconType: "android" | "ios";
     optionNameKey: string;
-    optionImageKey: string;
     optionIconKey: string;
+    optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    selectedOption: any;
+    showFeedbackIcon: boolean;
+    brandIconType: "android" | "ios";
+    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
     };
-})) | import("vue").DefineComponent<{
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    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;
-    };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-    };
-    displayedValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    selectedOption: {
-        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<{
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    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;
-    };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-    };
-    displayedValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    selectedOption: {
-        type: import("vue").PropType<unknown>;
-        required: true;
-    };
-    feedbackVariant: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    onClear?: () => any;
-}, {
-    label: string;
-    disabled: boolean;
-    open: boolean;
-    testId: string;
-    displayedValue: any;
-    feedbackVariant: string;
-}> | ({
+})) | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -551,18 +549,13 @@ declare const DropdownTypes: () => (({
             singleAppSelection: boolean;
             placeholder: string;
             multi: boolean;
-            selectedOption: any;
-            brandIconType: "android" | "ios";
             optionNameKey: string;
-            optionImageKey: string;
             optionIconKey: string;
+            optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            hoverHelpText: string;
-            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: "success" | "warning" | "error";
-            showFeedbackIcon: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+            valueToCopy: string;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -614,23 +607,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
             optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            optionImageKey: {
+            optionIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            optionIconKey: {
+            optionImageKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -638,33 +623,21 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                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: {
+            valueToCopy: {
                 type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
             };
-            statusDotType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & 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" | "showFeedbackIcon" | "statusDotType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -729,23 +702,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
             optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            optionImageKey: {
+            optionIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            optionIconKey: {
+            optionImageKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -753,28 +718,16 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                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: {
+            valueToCopy: {
                 type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
             };
-            statusDotType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
         }>> & {
@@ -793,18 +746,13 @@ declare const DropdownTypes: () => (({
             singleAppSelection: boolean;
             placeholder: string;
             multi: boolean;
-            selectedOption: any;
-            brandIconType: "android" | "ios";
             optionNameKey: string;
-            optionImageKey: string;
             optionIconKey: string;
+            optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            hoverHelpText: string;
-            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: "success" | "warning" | "error";
-            showFeedbackIcon: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+            valueToCopy: string;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -876,23 +824,15 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
-        selectedOption: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
-        brandIconType: {
-            type: import("vue").PropType<"android" | "ios">;
-            default: any;
-        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        optionImageKey: {
+        optionIconKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        optionIconKey: {
+        optionImageKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -900,28 +840,16 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
-        hoverHelpText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        hoverHelpTextPlacement: {
-            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: {
+        valueToCopy: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
-        showFeedbackIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
         };
-        statusDotType: {
-            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
     }>> & {
@@ -981,23 +909,15 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
-    selectedOption: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
-    brandIconType: {
-        type: import("vue").PropType<"android" | "ios">;
-        default: any;
-    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    optionImageKey: {
+    optionIconKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    optionIconKey: {
+    optionImageKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
@@ -1005,28 +925,16 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
-    hoverHelpText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hoverHelpTextPlacement: {
-        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: {
+    valueToCopy: {
         type: import("vue").PropType<string>;
-        default: string;
-    };
-    feedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
-    showFeedbackIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        default: any;
     };
-    statusDotType: {
-        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+    brandIconType: {
+        type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
 }>> & {
@@ -1045,36 +953,19 @@ declare const DropdownTypes: () => (({
     singleAppSelection: boolean;
     placeholder: string;
     multi: boolean;
-    selectedOption: any;
-    brandIconType: "android" | "ios";
     optionNameKey: string;
-    optionImageKey: string;
     optionIconKey: string;
+    optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    hoverHelpText: string;
-    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: "success" | "warning" | "error";
-    showFeedbackIcon: boolean;
-    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    valueToCopy: string;
+    selectedOption: any;
+    brandIconType: "android" | "ios";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
     };
-})) | import("vue").DefineComponent<{
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {
-    testId: string;
-}> | ({
+})) | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -1110,9 +1001,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
             selectAllOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1133,6 +1021,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            selectedProp: {
+                type: import("vue").PropType<boolean>;
+            };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
         $attrs: {
             [x: string]: unknown;
@@ -1168,9 +1059,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
             selectAllOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1191,6 +1079,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            selectedProp: {
+                type: import("vue").PropType<boolean>;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             option: any;
             disabled: boolean;
@@ -1243,9 +1134,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        selectedProp: {
-            type: import("vue").PropType<boolean>;
-        };
         selectAllOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1266,6 +1154,9 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        selectedProp: {
+            type: import("vue").PropType<boolean>;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -1291,9 +1182,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    selectedProp: {
-        type: import("vue").PropType<boolean>;
-    };
     selectAllOption: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1314,6 +1202,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: string;
     };
+    selectedProp: {
+        type: import("vue").PropType<boolean>;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     option: any;
     disabled: boolean;
@@ -1331,7 +1222,118 @@ declare const DropdownTypes: () => (({
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
     };
-})) | ({
+})) | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    testId: string;
+}> | import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        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<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: string;
+    };
+}>> & {
+    onClear?: () => any;
+}, {
+    label: string;
+    disabled: boolean;
+    open: boolean;
+    testId: string;
+    feedbackVariant: string;
+    displayedValue: any;
+}> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -1349,31 +1351,32 @@ declare const DropdownTypes: () => (({
             selected: any;
             modelValue: any;
             placeholder: string;
-            isOnTop: boolean;
             multi: boolean;
-            inlineSearch: boolean;
-            noResultsText: string;
             showSelectAll: boolean;
             defaultOpen: boolean;
-            skidding: number;
-            onSearch: (option: any, term: string) => boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            valueToCopy: string;
-            optionNameKey: string;
-            optionImageKey: string;
-            optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            onClear: () => void;
-            inlineSearchPlaceholder: string;
+            isOnTop: boolean;
+            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
-            searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+            inlineSearch: boolean;
+            inlineSearchPlaceholder: string;
+            onSearch: (option: any, term: string) => boolean;
+            noResultsText: string;
+            searchAutoFocus: boolean;
+            onClear: () => void;
+            optionNameKey: string;
+            optionIconKey: string;
+            optionImageKey: string;
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            valueToCopy: string;
+            disabledOptionKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1426,10 +1429,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             options: {
-                type: import("vue").PropType<unknown[] | {
-                    id: string;
-                    text: string;
-                }[]>;
+                type: import("vue").PropType<unknown[]>;
                 required: true;
             };
             modelValue: {
@@ -1440,21 +1440,12 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            inlineSearch: {
+            isOpen: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
             };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
@@ -1464,21 +1455,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: any;
-            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1491,33 +1467,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: any;
-            };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
+            isOnTop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             triggerLabel: {
                 type: import("vue").PropType<string>;
@@ -1539,45 +1495,93 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
             };
-            fullWidth: {
+            inlineSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            optionsListWidth: {
+            inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
-                default: any;
+                default: string;
             };
-            statusType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
-        }>> & {
-            onApply?: (value: unknown) => any;
-            "onUpdate:selected"?: (value: unknown) => any;
-            "onUpdate:isOpen"?: (value: unknown) => any;
-            onOpened?: () => any;
-            onClosed?: () => any;
-        } & 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" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
+            noResultsText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            onClear: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: any;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            optionsListWidth: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            statusType: {
+                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+                default: any;
+            };
+        }>> & {
+            onApply?: (value: unknown) => any;
+            "onUpdate:selected"?: (value: unknown) => any;
+            "onUpdate:isOpen"?: (value: unknown) => any;
+            onOpened?: () => any;
+            onClosed?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClear" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
         $slots: Readonly<{
             [name: string]: import("vue").Slot;
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "apply", value: unknown) => void) & ((event: "update:selected", 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: {
@@ -1628,10 +1632,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             options: {
-                type: import("vue").PropType<unknown[] | {
-                    id: string;
-                    text: string;
-                }[]>;
+                type: import("vue").PropType<unknown[]>;
                 required: true;
             };
             modelValue: {
@@ -1642,112 +1643,116 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOnTop: {
+            multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            multi: {
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            inlineSearch: {
+            defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
+            keepOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            showSelectAll: {
+            autoSize: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            defaultOpen: {
+            disableKeyboardEvents: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
+            isOnTop: {
                 type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
+            triggerLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
+            triggerHelperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerFeedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerFeedbackVariant: {
+                type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
-            keepOpen: {
+            triggerFeedbackShowIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            autoSize: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            predefinedTrigger: {
+                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                default: "default" | "icon-button" | "chip" | "app";
             };
-            disableKeyboardEvents: {
+            inlineSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionNameKey: {
+            inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: string;
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: any;
             };
-            optionIconKey: {
+            noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: any;
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             onClear: {
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
             };
-            triggerLabel: {
+            optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            triggerHelperText: {
+            optionIconKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            triggerFeedbackText: {
+            optionImageKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            triggerFeedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
-            triggerFeedbackShowIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
             };
-            predefinedTrigger: {
-                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-                default: "default" | "icon-button" | "chip" | "app";
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
@@ -1790,31 +1795,32 @@ declare const DropdownTypes: () => (({
             selected: any;
             modelValue: any;
             placeholder: string;
-            isOnTop: boolean;
             multi: boolean;
-            inlineSearch: boolean;
-            noResultsText: string;
             showSelectAll: boolean;
             defaultOpen: boolean;
-            skidding: number;
-            onSearch: (option: any, term: string) => boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            valueToCopy: string;
-            optionNameKey: string;
-            optionImageKey: string;
-            optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            onClear: () => void;
-            inlineSearchPlaceholder: string;
+            isOnTop: boolean;
+            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
-            searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+            inlineSearch: boolean;
+            inlineSearchPlaceholder: string;
+            onSearch: (option: any, term: string) => boolean;
+            noResultsText: string;
+            searchAutoFocus: boolean;
+            onClear: () => void;
+            optionNameKey: string;
+            optionIconKey: string;
+            optionImageKey: string;
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            valueToCopy: string;
+            disabledOptionKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1887,10 +1893,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         options: {
-            type: import("vue").PropType<unknown[] | {
-                id: string;
-                text: string;
-            }[]>;
+            type: import("vue").PropType<unknown[]>;
             required: true;
         };
         modelValue: {
@@ -1901,112 +1904,116 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOnTop: {
+        multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        multi: {
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inlineSearch: {
+        defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        noResultsText: {
-            type: import("vue").PropType<string>;
-            default: string;
+        keepOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        showSelectAll: {
+        autoSize: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        defaultOpen: {
+        disableKeyboardEvents: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
+        isOnTop: {
             type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
+        triggerLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        onSearch: {
-            type: import("vue").PropType<(option: any, term: string) => boolean>;
+        triggerHelperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerFeedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerFeedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
-        keepOpen: {
+        triggerFeedbackShowIcon: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        autoSize: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        predefinedTrigger: {
+            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+            default: "default" | "icon-button" | "chip" | "app";
         };
-        disableKeyboardEvents: {
+        inlineSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        optionNameKey: {
+        inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
+        onSearch: {
+            type: import("vue").PropType<(option: any, term: string) => boolean>;
+            default: any;
         };
-        optionIconKey: {
+        noResultsText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-            default: any;
+        searchAutoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         onClear: {
             type: import("vue").PropType<() => void>;
             default: () => true;
         };
-        inlineSearchPlaceholder: {
-            type: import("vue").PropType<string>;
-            default: string;
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
         };
-        triggerLabel: {
+        optionNameKey: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        triggerHelperText: {
+        optionIconKey: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        triggerFeedbackText: {
+        optionImageKey: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        triggerFeedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
-        triggerFeedbackShowIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        searchAutoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
         };
-        predefinedTrigger: {
-            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-            default: "default" | "icon-button" | "chip" | "app";
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         fullWidth: {
             type: import("vue").PropType<boolean>;
@@ -2082,10 +2089,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     options: {
-        type: import("vue").PropType<unknown[] | {
-            id: string;
-            text: string;
-        }[]>;
+        type: import("vue").PropType<unknown[]>;
         required: true;
     };
     modelValue: {
@@ -2096,112 +2100,116 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    isOnTop: {
+    multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    multi: {
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    inlineSearch: {
+    defaultOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    noResultsText: {
-        type: import("vue").PropType<string>;
-        default: string;
+    keepOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-    showSelectAll: {
+    autoSize: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    defaultOpen: {
+    disableKeyboardEvents: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isOpen: {
+    isOnTop: {
         type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
+    triggerLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    onSearch: {
-        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    triggerHelperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    triggerFeedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    triggerFeedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
-    keepOpen: {
+    triggerFeedbackShowIcon: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    autoSize: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    predefinedTrigger: {
+        type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+        default: "default" | "icon-button" | "chip" | "app";
     };
-    disableKeyboardEvents: {
+    inlineSearch: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    optionNameKey: {
+    inlineSearchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    optionImageKey: {
-        type: import("vue").PropType<string>;
-        default: string;
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+        default: any;
     };
-    optionIconKey: {
+    noResultsText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-        default: any;
+    searchAutoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     onClear: {
         type: import("vue").PropType<() => void>;
         default: () => true;
     };
-    inlineSearchPlaceholder: {
-        type: import("vue").PropType<string>;
-        default: string;
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
     };
-    triggerLabel: {
+    optionNameKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    triggerHelperText: {
+    optionIconKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    triggerFeedbackText: {
+    optionImageKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    triggerFeedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
-    triggerFeedbackShowIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    searchAutoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
     };
-    predefinedTrigger: {
-        type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-        default: "default" | "icon-button" | "chip" | "app";
+    disabledOptionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     fullWidth: {
         type: import("vue").PropType<boolean>;
@@ -2244,38 +2252,46 @@ declare const DropdownTypes: () => (({
     selected: any;
     modelValue: any;
     placeholder: string;
-    isOnTop: boolean;
     multi: boolean;
-    inlineSearch: boolean;
-    noResultsText: string;
     showSelectAll: boolean;
     defaultOpen: boolean;
-    skidding: number;
-    onSearch: (option: any, term: string) => boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    valueToCopy: string;
-    optionNameKey: string;
-    optionImageKey: string;
-    optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    onClear: () => void;
-    inlineSearchPlaceholder: string;
+    isOnTop: boolean;
+    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
-    searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    inlineSearch: boolean;
+    inlineSearchPlaceholder: string;
+    onSearch: (option: any, term: string) => boolean;
+    noResultsText: string;
+    searchAutoFocus: boolean;
+    onClear: () => void;
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    valueToCopy: string;
+    disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
-        "dropdown-trigger"?(_: {}): any;
+        "dropdown-trigger"?(_: {
+            buttonTriggerProps: {
+                open: boolean;
+                disabled: boolean;
+                label: any;
+                onClick: () => void;
+            };
+        }): any;
         "input-list"?(_: {
             open: true;
         }): any;
@@ -2283,7 +2299,86 @@ declare const DropdownTypes: () => (({
             option: unknown;
             selected: boolean;
             active: boolean;
+            disabled: any;
         }): any;
     };
-})))[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, };
+})) | import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    variant: {
+        type: import("vue").PropType<"text" | "outlined">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    startIconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    startIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: string;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    variant: {
+        type: import("vue").PropType<"text" | "outlined">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    startIconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    startIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: string;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClick?: () => any;
+}, {
+    variant: "text" | "outlined";
+    disabled: boolean;
+    open: boolean;
+    testId: string;
+    startIconName: string;
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    hideEndIcon: boolean;
+}>)[];
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, };