@ironsource/shared-ui 2.1.12-test.98 → 2.1.12-test.99

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

@@ -9,326 +9,7 @@ import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
 import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            options: unknown[];
-            singleAppSelection: boolean;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            allSelected: boolean;
-            selectedOption: any;
-            showFeedbackIcon: boolean;
-            brandIconType: "android" | "ios";
-            showAllSelectedText: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                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;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            allSelected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-            showAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            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" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "click") => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                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;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            allSelected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-            showAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            statusDotType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-        }, string, {
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            options: unknown[];
-            singleAppSelection: boolean;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            allSelected: boolean;
-            selectedOption: any;
-            showFeedbackIcon: boolean;
-            brandIconType: "android" | "ios";
-            showAllSelectedText: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -346,19 +27,164 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
             default: boolean;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        showFeedbackIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        showAllSelectedText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        statusDotType: {
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: () => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        placeholder: string;
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
+        selectedOption: any;
+        showFeedbackIcon: boolean;
+        brandIconType: "android" | "ios";
+        showAllSelectedText: boolean;
+        statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -367,6 +193,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -384,7 +214,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         multi: {
@@ -436,12 +266,39 @@ declare const DropdownTypes: () => (({
             default: boolean;
         };
         statusDotType: {
-            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
             default: any;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        placeholder: string;
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
+        selectedOption: any;
+        showFeedbackIcon: boolean;
+        brandIconType: "android" | "ios";
+        showAllSelectedText: boolean;
+        statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -463,17 +320,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    mandatory: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
     options: {
@@ -484,6 +337,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -501,7 +358,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
     multi: {
@@ -553,28 +410,28 @@ declare const DropdownTypes: () => (({
         default: boolean;
     };
     statusDotType: {
-        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, {
     label: string;
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
     loading: boolean;
+    open: boolean;
     options: unknown[];
     singleAppSelection: boolean;
+    mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     placeholder: string;
     feedbackText: string;
-    feedbackVariant: "success" | "warning" | "error";
+    feedbackVariant: "error" | "success" | "warning";
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -586,8 +443,8 @@ declare const DropdownTypes: () => (({
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
     showAllSelectedText: boolean;
-    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
@@ -596,269 +453,7 @@ declare const DropdownTypes: () => (({
         "end-icon"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            valueToCopy: string;
-            options: unknown[];
-            singleAppSelection: boolean;
-            placeholder: string;
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            selectedOption: any;
-            brandIconType: "android" | "ios";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-            onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-            onCopyToClipboard?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-            copyToClipboard: () => void;
-        }, string, {
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            valueToCopy: string;
-            options: unknown[];
-            singleAppSelection: boolean;
-            placeholder: string;
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            selectedOption: any;
-            brandIconType: "android" | "ios";
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -876,17 +471,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        mandatory: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        loading: {
+        open: {
             type: import("vue").PropType<boolean>;
+            required: true;
             default: boolean;
         };
         valueToCopy: {
@@ -901,13 +492,147 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        multi: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: () => any;
+        onCopyToClipboard?: () => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+        copyToClipboard: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        valueToCopy: string;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        placeholder: string;
+        feedbackVariant: string;
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
@@ -945,10 +670,32 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: () => any;
         onCopyToClipboard?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        valueToCopy: string;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        placeholder: string;
+        feedbackVariant: string;
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -970,17 +717,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    mandatory: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
     valueToCopy: {
@@ -995,10 +738,18 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1039,10 +790,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: () => any;
     onCopyToClipboard?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     copyToClipboard: () => void;
 }, string, {
@@ -1050,13 +801,14 @@ declare const DropdownTypes: () => (({
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
     loading: boolean;
+    open: boolean;
     valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
+    mandatory: boolean;
     placeholder: string;
+    feedbackVariant: string;
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -1066,327 +818,30 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     selectedOption: any;
     brandIconType: "android" | "ios";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
         "icon-end"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            option: any;
-            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            disabled: boolean;
-            active: boolean;
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            isIndeterminate: boolean;
-            subtitle: string;
-            selectAllOption: boolean;
-            nameKey: string;
-            imageKey: string;
-            iconKey: string;
-            warningKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            endIconKey: string;
-            endTextIconKey: string;
-            treeMainOption: boolean;
-            treeMainOptionExpanded: boolean;
-            stopOptionClickEventPropagation: boolean;
-            treeChildShown: boolean;
-            isMulti: boolean;
-            minMaxSelectionTooltipMessage: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            option: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            tooltipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
-            endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            isIndeterminate: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            subtitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectAllOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            nameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            imageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            iconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            warningKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            treeMainOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeMainOptionExpanded: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            stopOptionClickEventPropagation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeChildShown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isMulti: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            minMaxSelectionTooltipMessage: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & {
-            onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
-        $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: "toggleTreeCollapse", option: unknown) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            option: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            tooltipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
-            endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            isIndeterminate: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            subtitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectAllOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            nameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            imageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            iconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            warningKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            treeMainOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeMainOptionExpanded: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            stopOptionClickEventPropagation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeChildShown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isMulti: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            minMaxSelectionTooltipMessage: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & {
-            onToggleTreeCollapse?: (option: unknown) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            toggleTreeCollapse: (option: unknown) => void;
-        }, string, {
-            option: any;
-            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            disabled: boolean;
-            active: boolean;
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            isIndeterminate: boolean;
-            subtitle: string;
-            selectAllOption: boolean;
-            nameKey: string;
-            imageKey: string;
-            iconKey: string;
-            warningKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            endIconKey: string;
-            endTextIconKey: string;
-            treeMainOption: boolean;
-            treeMainOptionExpanded: boolean;
-            stopOptionClickEventPropagation: boolean;
-            treeChildShown: boolean;
-            isMulti: boolean;
-            minMaxSelectionTooltipMessage: string;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         option: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
-        tooltipPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        active: {
-            type: import("vue").PropType<boolean>;
-            default: any;
-        };
         endIconType: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
         optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1439,6 +894,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        toolTipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         treeMainOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1466,69 +925,226 @@ declare const DropdownTypes: () => (({
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
         onToggleTreeCollapse?: (option: unknown) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    option: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
-    tooltipPlacement: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    active: {
-        type: import("vue").PropType<boolean>;
-        default: any;
-    };
-    endIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-        default: string;
-    };
-    optionFlagKey: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    optionTwoLinesVariant: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        default: any;
-    };
-    optionTwoLinesKey: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    isIndeterminate: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    subtitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    selectAllOption: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    nameKey: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    imageKey: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    iconKey: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        toggleTreeCollapse: (option: unknown) => void;
+    }, import("vue").PublicProps, {
+        option: any;
+        disabled: boolean;
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        active: boolean;
+        optionFlagKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        isIndeterminate: boolean;
+        subtitle: string;
+        selectAllOption: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        warningKey: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconKey: string;
+        endTextIconKey: string;
+        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
+        isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        subtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selectAllOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        nameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        imageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        warningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        endIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        toolTipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        treeMainOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeMainOptionExpanded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        stopOptionClickEventPropagation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeChildShown: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        minMaxSelectionTooltipMessage: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selectedProp: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onToggleTreeCollapse?: (option: unknown) => any;
+    }>, {}, {}, {}, {}, {
+        option: any;
+        disabled: boolean;
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        active: boolean;
+        optionFlagKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        isIndeterminate: boolean;
+        subtitle: string;
+        selectAllOption: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        warningKey: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconKey: string;
+        endTextIconKey: string;
+        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
+        isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    endIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionTwoLinesVariant: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: any;
+    };
+    optionTwoLinesKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selectAllOption: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    nameKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    imageKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    iconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     warningKey: {
         type: import("vue").PropType<string>;
         default: any;
@@ -1545,6 +1161,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    toolTipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     treeMainOption: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1572,16 +1192,15 @@ declare const DropdownTypes: () => (({
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+}>> & Readonly<{
     onToggleTreeCollapse?: (option: unknown) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggleTreeCollapse: (option: unknown) => void;
 }, string, {
     option: any;
-    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-    active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    active: boolean;
     optionFlagKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -1595,13 +1214,14 @@ declare const DropdownTypes: () => (({
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
     endTextIconKey: string;
+    toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
     treeChildShown: boolean;
     isMulti: boolean;
     minMaxSelectionTooltipMessage: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
@@ -1612,7 +1232,7 @@ declare const DropdownTypes: () => (({
             option: any;
         }): any;
     };
-})) | import("vue").DefineComponent<{
+})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1625,7 +1245,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1638,11 +1258,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     testId: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-}> | import("vue").DefineComponent<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1702,9 +1322,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1764,9 +1384,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onClear?: () => any;
-}, {
+}>, {
     label: string;
     testId: string;
     disabled: boolean;
@@ -1777,771 +1397,389 @@ declare const DropdownTypes: () => (({
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
     shownValuesCount: number;
-}> | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            theme: string;
-            testId: string;
-            placement: import("floating-vue").Placement;
-            disabled: boolean;
-            distance: number;
-            container: string;
-            popperClass: string;
-            size: "small" | "medium" | "large";
-            flip: boolean;
-            mandatory: boolean;
-            skidding: number;
-            modelValue: any;
-            valueToCopy: string;
-            selected: any;
-            placeholder: string;
-            multi: boolean;
-            infiniteLoading: boolean;
-            showSelectAll: boolean;
-            showClearAll: boolean;
-            defaultOpen: boolean;
-            keepOpen: boolean;
-            autoSize: boolean;
-            disableKeyboardEvents: boolean;
-            dynamicFilterMode: boolean;
-            minSelections: number;
-            maxSelections: number;
-            isOnTop: boolean;
-            triggerLabel: string;
-            triggerHelperText: string;
-            triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
-            triggerFeedbackShowIcon: boolean;
-            triggerShowAllSelectedText: boolean;
-            triggerShownValuesCount: number;
-            predefinedTrigger: "default" | "icon-button" | "chip" | "app";
-            inlineSearch: boolean;
-            inlineSearchPlaceholder: string;
-            onSearch: (option: any, term: string) => boolean;
-            noResultsText: string;
-            searchAutoFocus: boolean;
-            onClearSearch: () => void;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionsEndTextIconKey: string;
-            optionFlagKey: string;
-            optionWarningKey: string;
-            disabledOptionKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            customNumberOfDisplayedOptions: number;
-            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            fullWidth: boolean;
-            optionsListWidth: string;
-            statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-            disableVirtualScroll: boolean;
-            overrideOptionCountCalculation: (option: unknown) => number;
-            withConditions: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loadMoreLoading: {
-                type: import("vue").PropType<boolean>;
-            };
-            infiniteLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showSelectAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            defaultOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            keepOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoSize: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disableKeyboardEvents: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dynamicFilterMode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            minSelections: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            maxSelections: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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;
-            };
-            triggerFeedbackShowIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShowAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShownValuesCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            predefinedTrigger: {
-                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-                default: "default" | "icon-button" | "chip" | "app";
-            };
-            inlineSearch: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: any;
-            };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            onClearSearch: {
-                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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionsEndTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionWarningKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            customNumberOfDisplayedOptions: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            optionTooltipPosition: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            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;
-            };
-            disableVirtualScroll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overrideOptionCountCalculation: {
-                type: import("vue").PropType<(option: unknown) => number>;
-                default: any;
-            };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCopyToClipboard?: () => any;
-            onClear?: () => any;
-            onApply?: (value: unknown) => any;
-            onSelectAll?: () => any;
-            "onUpdate:selected"?: (value: unknown) => any;
-            onAllSelectedChanged?: (value: boolean) => any;
-            "onUpdate:isOpen"?: (value: unknown) => any;
-            onOnsearch?: (value: string) => any;
-            onLoadMore?: () => any;
-            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
-            onOpened?: () => any;
-            onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
-        $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: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loadMoreLoading: {
-                type: import("vue").PropType<boolean>;
-            };
-            infiniteLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showSelectAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            defaultOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            keepOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoSize: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disableKeyboardEvents: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dynamicFilterMode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            minSelections: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            maxSelections: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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;
-            };
-            triggerFeedbackShowIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShowAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShownValuesCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            predefinedTrigger: {
-                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-                default: "default" | "icon-button" | "chip" | "app";
-            };
-            inlineSearch: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: any;
-            };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            onClearSearch: {
-                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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionsEndTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionWarningKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            customNumberOfDisplayedOptions: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            optionTooltipPosition: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            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;
-            };
-            disableVirtualScroll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overrideOptionCountCalculation: {
-                type: import("vue").PropType<(option: unknown) => number>;
-                default: any;
-            };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCopyToClipboard?: () => any;
-            onClear?: () => any;
-            onApply?: (value: unknown) => any;
-            onSelectAll?: () => any;
-            "onUpdate:selected"?: (value: unknown) => any;
-            onAllSelectedChanged?: (value: boolean) => any;
-            "onUpdate:isOpen"?: (value: unknown) => any;
-            onOnsearch?: (value: string) => any;
-            onLoadMore?: () => any;
-            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
-            onOpened?: () => any;
-            onClosed?: () => any;
-        }, {
-            selectItem: (option: any, index?: number) => void;
-            scrollTo: (index: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:selected": (value: unknown) => void;
-            "update:isOpen": (value: unknown) => void;
-            closed: () => void;
-            opened: () => void;
-            apply: (value: unknown) => void;
-            selectAll: () => void;
-            clear: () => void;
-            copyToClipboard: () => void;
-            onsearch: (value: string) => void;
-            loadMore: () => void;
-            allSelectedChanged: (value: boolean) => void;
-            unsavedSelectionUpdate: (value: unknown[]) => void;
-        }, string, {
-            theme: string;
-            testId: string;
-            placement: import("floating-vue").Placement;
-            disabled: boolean;
-            distance: number;
-            container: string;
-            popperClass: string;
-            size: "small" | "medium" | "large";
-            flip: boolean;
-            mandatory: boolean;
-            skidding: number;
-            modelValue: any;
-            valueToCopy: string;
-            selected: any;
-            placeholder: string;
-            multi: boolean;
-            infiniteLoading: boolean;
-            showSelectAll: boolean;
-            showClearAll: boolean;
-            defaultOpen: boolean;
-            keepOpen: boolean;
-            autoSize: boolean;
-            disableKeyboardEvents: boolean;
-            dynamicFilterMode: boolean;
-            minSelections: number;
-            maxSelections: number;
-            isOnTop: boolean;
-            triggerLabel: string;
-            triggerHelperText: string;
-            triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
-            triggerFeedbackShowIcon: boolean;
-            triggerShowAllSelectedText: boolean;
-            triggerShownValuesCount: number;
-            predefinedTrigger: "default" | "icon-button" | "chip" | "app";
-            inlineSearch: boolean;
-            inlineSearchPlaceholder: string;
-            onSearch: (option: any, term: string) => boolean;
-            noResultsText: string;
-            searchAutoFocus: boolean;
-            onClearSearch: () => void;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionsEndTextIconKey: string;
-            optionFlagKey: string;
-            optionWarningKey: string;
-            disabledOptionKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            customNumberOfDisplayedOptions: number;
-            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            fullWidth: boolean;
-            optionsListWidth: string;
-            statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-            disableVirtualScroll: boolean;
-            overrideOptionCountCalculation: (option: unknown) => number;
-            withConditions: boolean;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | ({
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         theme: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        testId: {
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSelectAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        defaultOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        keepOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autoSize: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disableKeyboardEvents: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        dynamicFilterMode: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        minSelections: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        maxSelections: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        isOnTop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        flip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerHelperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerFeedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerFeedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        triggerFeedbackShowIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerShowAllSelectedText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        predefinedTrigger: {
+            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+            default: "default" | "icon-button" | "chip" | "app";
+        };
+        inlineSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        onSearch: {
+            type: import("vue").PropType<(option: any, term: string) => boolean>;
+            default: any;
+        };
+        noResultsText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchAutoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        onClearSearch: {
+            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;
         };
-        placement: {
-            type: import("vue").PropType<import("floating-vue").Placement>;
+        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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionsEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionWarningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        customNumberOfDisplayedOptions: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionsListWidth: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        statusType: {
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+            default: any;
+        };
+        disableVirtualScroll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overrideOptionCountCalculation: {
+            type: import("vue").PropType<(option: unknown) => number>;
+            default: any;
+        };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClear?: () => any;
+        onCopyToClipboard?: () => any;
+        onApply?: (value: unknown) => any;
+        "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+        onOnsearch?: (value: string) => any;
+        onSelectAll?: () => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
+        onOpened?: () => any;
+        onClosed?: () => any;
+    }>, {
+        selectItem: (option: any, index?: number) => void;
+        scrollTo: (index: number) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+        closed: () => void;
+        opened: () => void;
+        apply: (value: unknown) => void;
+        selectAll: () => void;
+        clear: () => void;
+        copyToClipboard: () => void;
+        onsearch: (value: string) => void;
+        loadMore: () => void;
+        allSelectedChanged: (value: boolean) => void;
+        unsavedSelectionUpdate: (value: unknown[]) => void;
+    }, import("vue").PublicProps, {
+        theme: string;
+        testId: string;
+        disabled: boolean;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        container: string;
+        popperClass: string;
+        size: "small" | "medium" | "large";
+        skidding: number;
+        modelValue: any;
+        valueToCopy: string;
+        selected: any;
+        mandatory: boolean;
+        placeholder: string;
+        multi: boolean;
+        infiniteLoading: boolean;
+        showSelectAll: boolean;
+        showClearAll: boolean;
+        defaultOpen: boolean;
+        keepOpen: boolean;
+        autoSize: boolean;
+        disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
+        minSelections: number;
+        maxSelections: number;
+        isOnTop: boolean;
+        flip: boolean;
+        triggerLabel: string;
+        triggerHelperText: string;
+        triggerFeedbackText: string;
+        triggerFeedbackVariant: "error" | "success" | "warning";
+        triggerFeedbackShowIcon: boolean;
+        triggerShowAllSelectedText: boolean;
+        triggerShownValuesCount: number;
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        inlineSearch: boolean;
+        inlineSearchPlaceholder: string;
+        onSearch: (option: any, term: string) => boolean;
+        noResultsText: string;
+        searchAutoFocus: boolean;
+        onClearSearch: () => void;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionsEndTextIconKey: string;
+        optionFlagKey: string;
+        optionWarningKey: string;
+        disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        customNumberOfDisplayedOptions: number;
+        fullWidth: boolean;
+        optionsListWidth: string;
+        statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+        disableVirtualScroll: boolean;
+        overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
@@ -2558,14 +1796,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        flip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -2592,6 +1822,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2647,6 +1881,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        flip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2660,7 +1898,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         triggerFeedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         triggerFeedbackShowIcon: {
@@ -2767,10 +2005,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<number>;
             default: any;
         };
-        optionTooltipPosition: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2780,7 +2014,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         statusType: {
-            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
             default: any;
         };
         disableVirtualScroll: {
@@ -2795,23 +2029,86 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
-        onCopyToClipboard?: () => any;
+    }>> & Readonly<{
         onClear?: () => any;
+        onCopyToClipboard?: () => any;
         onApply?: (value: unknown) => any;
-        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onSelectAll?: () => any;
         onLoadMore?: () => any;
         onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }>, {
         selectItem: (option: any, index?: number) => void;
         scrollTo: (index: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {
+        theme: string;
+        testId: string;
+        disabled: boolean;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        container: string;
+        popperClass: string;
+        size: "small" | "medium" | "large";
+        skidding: number;
+        modelValue: any;
+        valueToCopy: string;
+        selected: any;
+        mandatory: boolean;
+        placeholder: string;
+        multi: boolean;
+        infiniteLoading: boolean;
+        showSelectAll: boolean;
+        showClearAll: boolean;
+        defaultOpen: boolean;
+        keepOpen: boolean;
+        autoSize: boolean;
+        disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
+        minSelections: number;
+        maxSelections: number;
+        isOnTop: boolean;
+        flip: boolean;
+        triggerLabel: string;
+        triggerHelperText: string;
+        triggerFeedbackText: string;
+        triggerFeedbackVariant: "error" | "success" | "warning";
+        triggerFeedbackShowIcon: boolean;
+        triggerShowAllSelectedText: boolean;
+        triggerShownValuesCount: number;
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        inlineSearch: boolean;
+        inlineSearchPlaceholder: string;
+        onSearch: (option: any, term: string) => boolean;
+        noResultsText: string;
+        searchAutoFocus: boolean;
+        onClearSearch: () => void;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionsEndTextIconKey: string;
+        optionFlagKey: string;
+        optionWarningKey: string;
+        disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        customNumberOfDisplayedOptions: number;
+        fullWidth: boolean;
+        optionsListWidth: string;
+        statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+        disableVirtualScroll: boolean;
+        overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -2824,14 +2121,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
     distance: {
         type: import("vue").PropType<number>;
         default: number;
@@ -2848,14 +2145,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    flip: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     loading: {
         type: import("vue").PropType<boolean>;
     };
@@ -2882,6 +2171,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2937,6 +2230,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    flip: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     triggerLabel: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2950,7 +2247,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     triggerFeedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
     triggerFeedbackShowIcon: {
@@ -3057,10 +2354,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: any;
     };
-    optionTooltipPosition: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-        default: string;
-    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -3070,7 +2363,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     statusType: {
-        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
         default: any;
     };
     disableVirtualScroll: {
@@ -3085,23 +2378,23 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
-    onCopyToClipboard?: () => any;
+}>> & Readonly<{
     onClear?: () => any;
+    onCopyToClipboard?: () => any;
     onApply?: (value: unknown) => any;
-    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onSelectAll?: () => any;
     onLoadMore?: () => any;
     onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
-}, {
+}>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
     closed: () => void;
@@ -3117,18 +2410,17 @@ declare const DropdownTypes: () => (({
 }, string, {
     theme: string;
     testId: string;
-    placement: import("floating-vue").Placement;
     disabled: boolean;
+    placement: import("floating-vue").Placement;
     distance: number;
     container: string;
     popperClass: string;
     size: "small" | "medium" | "large";
-    flip: boolean;
-    mandatory: boolean;
     skidding: number;
     modelValue: any;
     valueToCopy: string;
     selected: any;
+    mandatory: boolean;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
@@ -3142,10 +2434,11 @@ declare const DropdownTypes: () => (({
     minSelections: number;
     maxSelections: number;
     isOnTop: boolean;
+    flip: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackVariant: "error" | "success" | "warning";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
     triggerShownValuesCount: number;
@@ -3171,14 +2464,13 @@ declare const DropdownTypes: () => (({
     groupedOptions: boolean;
     comparingKey: string;
     customNumberOfDisplayedOptions: number;
-    optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     fullWidth: boolean;
     optionsListWidth: string;
-    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
     withConditions: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
         "dropdown-trigger"?(_: {
@@ -3208,9 +2500,9 @@ declare const DropdownTypes: () => (({
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                feedbackVariant: "success" | "warning" | "error";
+                feedbackVariant: "error" | "success" | "warning";
                 valueToCopy: string;
-                statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
                 size: "small" | "medium" | "large";
                 showAllSelectedText: boolean;
                 allSelected: boolean;
@@ -3227,7 +2519,7 @@ declare const DropdownTypes: () => (({
         "select-all"?(_: {}): any;
         "group-option"?(_: {}): any;
         default?(_: {
-            option: unknown;
+            option: any;
             index: number;
             selected: boolean;
             active: boolean;
@@ -3237,7 +2529,7 @@ declare const DropdownTypes: () => (({
             option: any;
         }): any;
     };
-})) | import("vue").DefineComponent<{
+})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3254,10 +2546,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     startIconName: {
         type: import("vue").PropType<string>;
         default: any;
@@ -3266,13 +2554,17 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideEndIcon: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3289,10 +2581,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     startIconName: {
         type: import("vue").PropType<string>;
         default: any;
@@ -3301,268 +2589,139 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
-    hideEndIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    onClick?: () => any;
-}, {
-    testId: string;
-    variant: "text" | "outlined";
-    disabled: boolean;
-    open: boolean;
-    startIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    hideEndIcon: boolean;
-}> | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            valueToCopy: string;
-            selected: unknown[];
-            placeholder: string;
-            inlineSearchPlaceholder: string;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            disabledOptionKey: string;
-            optionEndTextIconKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionChildrenKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            optionUniqueIdKey: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
-            preExpandedOptions: {
-                type: import("vue").PropType<string[] | number[]>;
-                required: true;
-            };
-        }>> & {
-            "onUpdate:selected"?: (value: unknown) => any;
-            "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "valueToCopy" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
-        $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: "update:isOpen", value: unknown) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            inlineSearchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionEndTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionChildrenKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            optionUniqueIdKey: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
-            preExpandedOptions: {
-                type: import("vue").PropType<string[] | number[]>;
-                required: true;
-            };
-        }>> & {
-            "onUpdate:selected"?: (value: unknown) => any;
-            "onUpdate:isOpen"?: (value: unknown) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:selected": (value: unknown) => void;
-            "update:isOpen": (value: unknown) => void;
-        }, string, {
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            valueToCopy: string;
-            selected: unknown[];
-            placeholder: string;
-            inlineSearchPlaceholder: string;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            disabledOptionKey: string;
-            optionEndTextIconKey: string;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: () => any;
+}>, {
+    testId: string;
+    variant: "text" | "outlined";
+    disabled: boolean;
+    startIconName: string;
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    open: boolean;
+    hideEndIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | ({
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        optionUniqueIdKey: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+        };
+        preExpandedOptions: {
+            type: import("vue").PropType<string[] | number[]>;
+            required: true;
+        };
+    }>> & Readonly<{
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, import("vue").PublicProps, {
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        valueToCopy: string;
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        disabledOptionKey: string;
+        optionEndTextIconKey: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3646,10 +2805,26 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string[] | number[]>;
             required: true;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        valueToCopy: string;
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        disabledOptionKey: string;
+        optionEndTextIconKey: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -3737,10 +2912,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string[] | number[]>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
 }, string, {
@@ -3759,318 +2934,156 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     disabledOptionKey: string;
     optionEndTextIconKey: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            isOpen: boolean;
-            infiniteLoading: boolean;
-            triggerShownValuesCount: number;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            minCharsToStart: number;
-            searchQuery: string;
-            loadMoreFn: () => Promise<any[]>;
-            fetchDataDebounceTime: number;
-            autoFocusSearch: boolean;
-            loadingOverride: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            infiniteLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShownValuesCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-                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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            conditionalOptions: {
-                type: import("vue").PropType<{
-                    label: string;
-                    value: string;
-                    multi: boolean;
-                }[]>;
-                required: true;
-            };
-            selectedCondition: {
-                type: import("vue").PropType<{
-                    label: string;
-                    value: string;
-                    multi: boolean;
-                }>;
-                required: true;
-            };
-            appliedSelections: {
-                type: import("vue").PropType<unknown>;
-                required: true;
-            };
-            fetchFnCallback: {
-                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
-                required: true;
-            };
-            minCharsToStart: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            searchQuery: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            loadMoreFn: {
-                type: import("vue").PropType<() => Promise<any[]>>;
-                default: any;
-            };
-            fetchDataDebounceTime: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            autoFocusSearch: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loadingOverride: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClear?: () => any;
-            onClosed?: () => any;
-            "onUpdate:selectedCondition"?: (value: {
-                label: string;
-                value: string;
-                multi: boolean;
-            }) => any;
-            "onUpdate:appliedSelections"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "isOpen" | "infiniteLoading" | "triggerShownValuesCount" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "groupedOptions" | "comparingKey" | "minCharsToStart" | "searchQuery" | "loadMoreFn" | "fetchDataDebounceTime" | "autoFocusSearch" | "loadingOverride">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $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: "clear") => void) & ((event: "closed") => void) & ((event: "update:selectedCondition", value: {
-            label: string;
-            value: string;
-            multi: boolean;
-        }) => void) & ((event: "update:appliedSelections", value: unknown) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            infiniteLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            triggerShownValuesCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-                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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            conditionalOptions: {
-                type: import("vue").PropType<{
-                    label: string;
-                    value: string;
-                    multi: boolean;
-                }[]>;
-                required: true;
-            };
-            selectedCondition: {
-                type: import("vue").PropType<{
-                    label: string;
-                    value: string;
-                    multi: boolean;
-                }>;
-                required: true;
-            };
-            appliedSelections: {
-                type: import("vue").PropType<unknown>;
-                required: true;
-            };
-            fetchFnCallback: {
-                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
-                required: true;
-            };
-            minCharsToStart: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            searchQuery: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            loadMoreFn: {
-                type: import("vue").PropType<() => Promise<any[]>>;
-                default: any;
-            };
-            fetchDataDebounceTime: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            autoFocusSearch: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loadingOverride: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClear?: () => any;
-            onClosed?: () => any;
-            "onUpdate:selectedCondition"?: (value: {
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            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" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
                 label: string;
                 value: string;
                 multi: boolean;
-            }) => any;
-            "onUpdate:appliedSelections"?: (value: unknown) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:selectedCondition": (value: {
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
                 label: string;
                 value: string;
                 multi: boolean;
-            }) => void;
-            "update:appliedSelections": (value: unknown) => void;
-            clear: () => void;
-            closed: () => void;
-        }, string, {
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<any[]>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingOverride: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClear?: () => any;
+        onClosed?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => any;
+        "onUpdate:appliedSelections"?: (value: unknown) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
             label: string;
-            testId: string;
-            isOpen: boolean;
-            infiniteLoading: boolean;
-            triggerShownValuesCount: number;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            minCharsToStart: number;
-            searchQuery: string;
-            loadMoreFn: () => Promise<any[]>;
-            fetchDataDebounceTime: number;
-            autoFocusSearch: boolean;
-            loadingOverride: boolean;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+        closed: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        isOpen: boolean;
+        infiniteLoading: boolean;
+        triggerShownValuesCount: number;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        minCharsToStart: number;
+        searchQuery: string;
+        loadMoreFn: () => Promise<any[]>;
+        fetchDataDebounceTime: number;
+        autoFocusSearch: boolean;
+        loadingOverride: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -4170,7 +3183,7 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         onClear?: () => any;
         onClosed?: () => any;
         "onUpdate:selectedCondition"?: (value: {
@@ -4179,7 +3192,26 @@ declare const DropdownTypes: () => (({
             multi: boolean;
         }) => any;
         "onUpdate:appliedSelections"?: (value: unknown) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        isOpen: boolean;
+        infiniteLoading: boolean;
+        triggerShownValuesCount: number;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        minCharsToStart: number;
+        searchQuery: string;
+        loadMoreFn: () => Promise<any[]>;
+        fetchDataDebounceTime: number;
+        autoFocusSearch: boolean;
+        loadingOverride: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -4283,7 +3315,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onClear?: () => any;
     onClosed?: () => any;
     "onUpdate:selectedCondition"?: (value: {
@@ -4292,7 +3324,7 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: {
         label: string;
         value: string;
@@ -4320,7 +3352,7 @@ declare const DropdownTypes: () => (({
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "option-end"?(_: {
             option: any;