@ironsource/shared-ui 2.1.12-test.3 → 2.1.12-test.49

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

@@ -9,7 +9,326 @@ import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
 import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    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<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -27,164 +346,19 @@ 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;
@@ -193,10 +367,6 @@ 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;
@@ -214,7 +384,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
         multi: {
@@ -266,39 +436,12 @@ declare const DropdownTypes: () => (({
             default: boolean;
         };
         statusDotType: {
-            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
-    }>> & Readonly<{
+    }>> & {
         onClick?: () => any;
-    }>, {}, {}, {}, {}, {
-        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";
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -320,13 +463,17 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
-    open: {
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
         type: import("vue").PropType<boolean>;
-        required: true;
         default: boolean;
     };
     options: {
@@ -337,10 +484,6 @@ 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;
@@ -358,7 +501,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
     multi: {
@@ -410,28 +553,28 @@ declare const DropdownTypes: () => (({
         default: boolean;
     };
     statusDotType: {
-        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
     };
-}>> & Readonly<{
+}>> & {
     onClick?: () => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, {
     label: string;
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    loading: boolean;
     open: boolean;
+    mandatory: boolean;
+    loading: 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";
+    feedbackVariant: "success" | "warning" | "error";
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -443,8 +586,8 @@ declare const DropdownTypes: () => (({
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
     showAllSelectedText: boolean;
-    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 () => {
+    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
@@ -453,7 +596,269 @@ declare const DropdownTypes: () => (({
         "end-icon"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    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<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -471,13 +876,17 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        loading: {
+        open: {
             type: import("vue").PropType<boolean>;
+            required: true;
             default: boolean;
         };
-        open: {
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
             type: import("vue").PropType<boolean>;
-            required: true;
             default: boolean;
         };
         valueToCopy: {
@@ -492,144 +901,10 @@ 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;
-        };
-        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;
@@ -670,32 +945,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
-    }>> & Readonly<{
+    }>> & {
         onClick?: () => any;
         onCopyToClipboard?: () => any;
-    }>, {}, {}, {}, {}, {
-        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";
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -717,13 +970,17 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
-    open: {
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
         type: import("vue").PropType<boolean>;
-        required: true;
         default: boolean;
     };
     valueToCopy: {
@@ -738,18 +995,10 @@ 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;
@@ -790,10 +1039,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
-}>> & Readonly<{
+}>> & {
     onClick?: () => any;
     onCopyToClipboard?: () => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     copyToClipboard: () => void;
 }, string, {
@@ -801,14 +1050,13 @@ declare const DropdownTypes: () => (({
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    loading: boolean;
     open: boolean;
+    mandatory: boolean;
+    loading: boolean;
     valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
-    mandatory: boolean;
     placeholder: string;
-    feedbackVariant: string;
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -818,14 +1066,307 @@ 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").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
         "icon-end"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    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<{
         option: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -838,14 +1379,14 @@ declare const DropdownTypes: () => (({
             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;
         };
+        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;
@@ -925,170 +1466,9 @@ declare const DropdownTypes: () => (({
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & Readonly<{
+    }>> & {
         onToggleTreeCollapse?: (option: unknown) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        toggleTreeCollapse: (option: unknown) => void;
-    }, import("vue").PublicProps, {
-        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;
-        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;
-        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;
-        };
-        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;
-        };
-        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;
-        };
-        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;
-        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;
-        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;
-        treeMainOption: boolean;
-        treeMainOptionExpanded: boolean;
-        stopOptionClickEventPropagation: boolean;
-        treeChildShown: boolean;
-        isMulti: boolean;
-        minMaxSelectionTooltipMessage: string;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -1105,14 +1485,14 @@ declare const DropdownTypes: () => (({
         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;
     };
+    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;
@@ -1192,16 +1572,16 @@ declare const DropdownTypes: () => (({
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
-}>> & Readonly<{
+}>> & {
     onToggleTreeCollapse?: (option: unknown) => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, 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;
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     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;
@@ -1221,7 +1601,7 @@ declare const DropdownTypes: () => (({
     treeChildShown: boolean;
     isMulti: boolean;
     minMaxSelectionTooltipMessage: string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
@@ -1232,7 +1612,7 @@ declare const DropdownTypes: () => (({
             option: any;
         }): any;
     };
-})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+})) | import("vue").DefineComponent<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1245,7 +1625,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;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1258,11 +1638,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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+}> | import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1322,9 +1702,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1384,9 +1764,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-}>> & Readonly<{
+}>> & {
     onClear?: () => any;
-}>, {
+}, {
     label: string;
     testId: string;
     disabled: boolean;
@@ -1397,378 +1777,755 @@ declare const DropdownTypes: () => (({
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
     shownValuesCount: number;
-}, {}, {}, {}, 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: {
-            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;
-        };
-        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" | "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;
-        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" | "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<{
+}> | ({
+    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<{
         theme: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1777,14 +2534,14 @@ declare const DropdownTypes: () => (({
             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;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
@@ -1801,6 +2558,14 @@ 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>;
         };
@@ -1827,10 +2592,6 @@ 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;
@@ -1886,10 +2647,6 @@ 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;
@@ -1903,7 +2660,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         triggerFeedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
         triggerFeedbackShowIcon: {
@@ -2023,7 +2780,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         statusType: {
-            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
         disableVirtualScroll: {
@@ -2038,87 +2795,23 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
-        onClear?: () => any;
+    }>> & {
         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;
-        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;
-    }, {}, {}, {}, {
-        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;
-        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" | "error" | "disabled" | "success" | "warning" | "archive";
-        disableVirtualScroll: boolean;
-        overrideOptionCountCalculation: (option: unknown) => number;
-        withConditions: boolean;
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -2131,14 +2824,14 @@ declare const DropdownTypes: () => (({
         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;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     distance: {
         type: import("vue").PropType<number>;
         default: number;
@@ -2155,6 +2848,14 @@ 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>;
     };
@@ -2181,10 +2882,6 @@ 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;
@@ -2240,10 +2937,6 @@ 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;
@@ -2257,7 +2950,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     triggerFeedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
     triggerFeedbackShowIcon: {
@@ -2377,7 +3070,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     statusType: {
-        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
     };
     disableVirtualScroll: {
@@ -2392,23 +3085,23 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{
-    onClear?: () => any;
+}>> & {
     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;
-    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, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
     closed: () => void;
@@ -2424,17 +3117,18 @@ declare const DropdownTypes: () => (({
 }, string, {
     theme: string;
     testId: string;
-    disabled: boolean;
     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;
-    mandatory: boolean;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
@@ -2448,11 +3142,10 @@ declare const DropdownTypes: () => (({
     minSelections: number;
     maxSelections: number;
     isOnTop: boolean;
-    flip: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "error" | "success" | "warning";
+    triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
     triggerShownValuesCount: number;
@@ -2481,11 +3174,11 @@ declare const DropdownTypes: () => (({
     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" | "error" | "disabled" | "success" | "warning" | "archive";
+    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
     withConditions: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
         "dropdown-trigger"?(_: {
@@ -2515,9 +3208,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: "error" | "success" | "warning";
+                feedbackVariant: "success" | "warning" | "error";
                 valueToCopy: string;
-                statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+                statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 size: "small" | "medium" | "large";
                 showAllSelectedText: boolean;
                 allSelected: boolean;
@@ -2534,7 +3227,7 @@ declare const DropdownTypes: () => (({
         "select-all"?(_: {}): any;
         "group-option"?(_: {}): any;
         default?(_: {
-            option: any;
+            option: unknown;
             index: number;
             selected: boolean;
             active: boolean;
@@ -2544,42 +3237,7 @@ declare const DropdownTypes: () => (({
             option: any;
         }): any;
     };
-})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"text" | "outlined">;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    startIconName: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-        default: string;
-    };
-    open: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideEndIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+})) | import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -2595,148 +3253,316 @@ declare const DropdownTypes: () => (({
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
-    };
-    startIconName: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-        default: string;
-    };
-    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<{
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    startIconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    startIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"text" | "outlined">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    startIconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    startIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClick?: () => any;
+}, {
+    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<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2820,26 +3646,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string[] | number[]>;
             required: true;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
-    }>, {}, {}, {}, {}, {
-        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;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -2927,10 +3737,10 @@ declare const DropdownTypes: () => (({
         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, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
 }, string, {
@@ -2949,156 +3759,318 @@ 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").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<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<{
+    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;
-            }>;
-            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;
+            }) => 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;
         };
-        loadingOverride: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        $refs: {
+            [x: string]: unknown;
         };
-    }>> & Readonly<{
-        onClear?: () => any;
-        onClosed?: () => any;
-        "onUpdate:selectedCondition"?: (value: {
+        $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;
-        }) => any;
-        "onUpdate:appliedSelections"?: (value: unknown) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selectedCondition": (value: {
+        }) => 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: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => any;
+            "onUpdate:appliedSelections"?: (value: unknown) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:selectedCondition": (value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => void;
+            "update:appliedSelections": (value: unknown) => void;
+            clear: () => void;
+            closed: () => void;
+        }, string, {
             label: string;
-            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<{
+            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<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -3198,7 +4170,7 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         onClear?: () => any;
         onClosed?: () => any;
         "onUpdate:selectedCondition"?: (value: {
@@ -3207,26 +4179,7 @@ declare const DropdownTypes: () => (({
             multi: boolean;
         }) => any;
         "onUpdate:appliedSelections"?: (value: unknown) => any;
-    }>, {}, {}, {}, {}, {
-        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;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -3330,7 +4283,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{
+}>> & {
     onClear?: () => any;
     onClosed?: () => any;
     "onUpdate:selectedCondition"?: (value: {
@@ -3339,7 +4292,7 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: {
         label: string;
         value: string;
@@ -3367,7 +4320,7 @@ declare const DropdownTypes: () => (({
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "option-end"?(_: {
             option: any;