@ironsource/shared-ui 2.1.12-rc.8 → 2.1.12-test.1

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

@@ -9,326 +9,7 @@ import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
 import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            options: unknown[];
-            singleAppSelection: boolean;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            allSelected: boolean;
-            selectedOption: any;
-            showFeedbackIcon: boolean;
-            brandIconType: "android" | "ios";
-            showAllSelectedText: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
-                default: any;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            allSelected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-            showAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            statusDotType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "click") => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
-                default: any;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionFlagKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            allSelected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            showFeedbackIcon: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-            showAllSelectedText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            statusDotType: {
-                type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-        }, string, {
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            options: unknown[];
-            singleAppSelection: boolean;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionFlagKey: string;
-            allSelected: boolean;
-            selectedOption: any;
-            showFeedbackIcon: boolean;
-            brandIconType: "android" | "ios";
-            showAllSelectedText: boolean;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -346,19 +27,164 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
             default: boolean;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        showFeedbackIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        showAllSelectedText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        statusDotType: {
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: () => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        placeholder: string;
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
+        selectedOption: any;
+        showFeedbackIcon: boolean;
+        brandIconType: "android" | "ios";
+        showAllSelectedText: boolean;
+        statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -367,6 +193,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -384,7 +214,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         multi: {
@@ -436,12 +266,39 @@ declare const DropdownTypes: () => (({
             default: boolean;
         };
         statusDotType: {
-            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
             default: any;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        placeholder: string;
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        allSelected: boolean;
+        selectedOption: any;
+        showFeedbackIcon: boolean;
+        brandIconType: "android" | "ios";
+        showAllSelectedText: boolean;
+        statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -463,17 +320,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    mandatory: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
     options: {
@@ -484,6 +337,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -501,7 +358,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
     multi: {
@@ -553,28 +410,28 @@ declare const DropdownTypes: () => (({
         default: boolean;
     };
     statusDotType: {
-        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, {
     label: string;
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
     loading: boolean;
+    open: boolean;
     options: unknown[];
     singleAppSelection: boolean;
+    mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     placeholder: string;
     feedbackText: string;
-    feedbackVariant: "success" | "warning" | "error";
+    feedbackVariant: "error" | "success" | "warning";
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -586,8 +443,8 @@ declare const DropdownTypes: () => (({
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
     showAllSelectedText: boolean;
-    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
@@ -596,269 +453,7 @@ declare const DropdownTypes: () => (({
         "end-icon"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            valueToCopy: string;
-            options: unknown[];
-            singleAppSelection: boolean;
-            placeholder: string;
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            selectedOption: any;
-            brandIconType: "android" | "ios";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-            onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large">;
-                default: string;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multi: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
-            optionNameKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionImageKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            optionEndIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: any;
-            };
-            selectedOption: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
-                default: any;
-            };
-        }>> & {
-            onClick?: () => any;
-            onCopyToClipboard?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-            copyToClipboard: () => void;
-        }, string, {
-            label: string;
-            testId: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
-            valueToCopy: string;
-            options: unknown[];
-            singleAppSelection: boolean;
-            placeholder: string;
-            multi: boolean;
-            optionNameKey: string;
-            optionIconKey: string;
-            optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            optionEndIconKey: string;
-            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            selectedOption: any;
-            brandIconType: "android" | "ios";
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -876,17 +471,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        mandatory: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        loading: {
+        open: {
             type: import("vue").PropType<boolean>;
+            required: true;
             default: boolean;
         };
         valueToCopy: {
@@ -901,13 +492,147 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        multi: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: () => any;
+        onCopyToClipboard?: () => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+        copyToClipboard: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        valueToCopy: string;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        placeholder: string;
+        feedbackVariant: string;
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
@@ -945,10 +670,32 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: () => any;
         onCopyToClipboard?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        loading: boolean;
+        open: boolean;
+        valueToCopy: string;
+        options: unknown[];
+        singleAppSelection: boolean;
+        mandatory: boolean;
+        placeholder: string;
+        feedbackVariant: string;
+        multi: boolean;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -970,17 +717,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    mandatory: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    open: {
         type: import("vue").PropType<boolean>;
+        required: true;
         default: boolean;
     };
     valueToCopy: {
@@ -995,10 +738,18 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1039,10 +790,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: () => any;
     onCopyToClipboard?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     copyToClipboard: () => void;
 }, string, {
@@ -1050,13 +801,14 @@ declare const DropdownTypes: () => (({
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
     loading: boolean;
+    open: boolean;
     valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
+    mandatory: boolean;
     placeholder: string;
+    feedbackVariant: string;
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -1066,287 +818,14 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     selectedOption: any;
     brandIconType: "android" | "ios";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
         "icon-end"?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            option: any;
-            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;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            endIconKey: string;
-            endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            treeMainOption: boolean;
-            treeMainOptionExpanded: boolean;
-            stopOptionClickEventPropagation: boolean;
-            treeChildShown: boolean;
-            isMulti: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            option: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            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;
-            };
-            iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            treeMainOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeMainOptionExpanded: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            stopOptionClickEventPropagation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeChildShown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isMulti: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & {
-            onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
-        $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;
-            };
-            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;
-            };
-            iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endTextIconKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            treeMainOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeMainOptionExpanded: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            stopOptionClickEventPropagation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            treeChildShown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isMulti: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & {
-            onToggleTreeCollapse?: (option: unknown) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            toggleTreeCollapse: (option: unknown) => void;
-        }, string, {
-            option: any;
-            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;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            endIconKey: string;
-            endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            treeMainOption: boolean;
-            treeMainOptionExpanded: boolean;
-            stopOptionClickEventPropagation: boolean;
-            treeChildShown: boolean;
-            isMulti: boolean;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         option: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -1355,14 +834,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        active: {
-            type: import("vue").PropType<boolean>;
-            default: any;
-        };
         endIconType: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
         optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1399,6 +878,10 @@ declare const DropdownTypes: () => (({
             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;
@@ -1435,75 +918,244 @@ declare const DropdownTypes: () => (({
             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;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    option: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
-    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;
-    };
-    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;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        toggleTreeCollapse: (option: unknown) => void;
+    }, import("vue").PublicProps, {
+        option: any;
+        disabled: boolean;
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        active: boolean;
+        optionFlagKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        isIndeterminate: boolean;
+        subtitle: string;
+        selectAllOption: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        warningKey: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconKey: string;
+        endTextIconKey: string;
+        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
+        isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        subtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selectAllOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        nameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        imageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        warningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+        endIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        toolTipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        treeMainOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeMainOptionExpanded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        stopOptionClickEventPropagation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeChildShown: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        minMaxSelectionTooltipMessage: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selectedProp: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onToggleTreeCollapse?: (option: unknown) => any;
+    }>, {}, {}, {}, {}, {
+        option: any;
+        disabled: boolean;
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        active: boolean;
+        optionFlagKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        isIndeterminate: boolean;
+        subtitle: string;
+        selectAllOption: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        warningKey: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconKey: string;
+        endTextIconKey: string;
+        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
+        isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    endIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionTwoLinesVariant: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: any;
+    };
+    optionTwoLinesKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selectAllOption: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    nameKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    imageKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    iconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    warningKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    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>;
@@ -1533,18 +1185,22 @@ declare const DropdownTypes: () => (({
         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;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggleTreeCollapse: (option: unknown) => void;
 }, string, {
     option: any;
     disabled: boolean;
-    active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    active: boolean;
     optionFlagKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -1554,6 +1210,7 @@ declare const DropdownTypes: () => (({
     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;
@@ -1563,27 +1220,49 @@ declare const DropdownTypes: () => (({
     stopOptionClickEventPropagation: boolean;
     treeChildShown: boolean;
     isMulti: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    minMaxSelectionTooltipMessage: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         flag?(_: {}): any;
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
         "icon-end"?(_: {}): any;
+        "option-end"?(_: {
+            option: any;
+        }): any;
     };
-})) | import("vue").DefineComponent<{
+})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        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<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-}>>, {
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
     testId: string;
-}> | import("vue").DefineComponent<{
+    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<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1639,9 +1318,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -1697,9 +1380,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
     onClear?: () => any;
-}, {
+}>, {
     label: string;
     testId: string;
     disabled: boolean;
@@ -1709,695 +1396,9 @@ declare const DropdownTypes: () => (({
     displayedValue: any;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
-}> | ({
-    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;
-            selected: any;
-            valueToCopy: string;
-            placeholder: string;
-            multi: boolean;
-            infiniteLoading: boolean;
-            showSelectAll: boolean;
-            defaultOpen: boolean;
-            keepOpen: boolean;
-            autoSize: boolean;
-            disableKeyboardEvents: boolean;
-            dynamicFilterMode: boolean;
-            isOnTop: boolean;
-            triggerLabel: string;
-            triggerHelperText: string;
-            triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
-            triggerFeedbackShowIcon: boolean;
-            triggerShowAllSelectedText: boolean;
-            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;
-            disabledOptionKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            customNumberOfDisplayedOptions: number;
-            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;
-            };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                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;
-            };
-            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;
-            };
-            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;
-            };
-            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;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            customNumberOfDisplayedOptions: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            fullWidth: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            optionsListWidth: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            statusType: {
-                type: import("vue").PropType<"default" | "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" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "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;
-            };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                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;
-            };
-            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;
-            };
-            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;
-            };
-            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;
-            };
-            disabledOptionKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: any;
-            };
-            optionTwoLinesKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            groupedOptions: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            comparingKey: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            customNumberOfDisplayedOptions: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-            fullWidth: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            optionsListWidth: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            statusType: {
-                type: import("vue").PropType<"default" | "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;
-            selected: any;
-            valueToCopy: string;
-            placeholder: string;
-            multi: boolean;
-            infiniteLoading: boolean;
-            showSelectAll: boolean;
-            defaultOpen: boolean;
-            keepOpen: boolean;
-            autoSize: boolean;
-            disableKeyboardEvents: boolean;
-            dynamicFilterMode: boolean;
-            isOnTop: boolean;
-            triggerLabel: string;
-            triggerHelperText: string;
-            triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
-            triggerFeedbackShowIcon: boolean;
-            triggerShowAllSelectedText: boolean;
-            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;
-            disabledOptionKey: string;
-            optionTwoLinesVariant: "horizontal" | "vertical";
-            optionTwoLinesKey: string;
-            groupedOptions: boolean;
-            comparingKey: string;
-            customNumberOfDisplayedOptions: number;
-            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<{
+    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;
@@ -2406,14 +1407,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        placement: {
-            type: import("vue").PropType<import("floating-vue").Placement>;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
@@ -2430,14 +1431,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        flip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -2452,18 +1445,22 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
-        selected: {
-            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;
@@ -2483,6 +1480,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2503,10 +1504,22 @@ declare const DropdownTypes: () => (({
             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;
@@ -2520,7 +1533,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         triggerFeedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         triggerFeedbackShowIcon: {
@@ -2531,6 +1544,10 @@ declare const DropdownTypes: () => (({
             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";
@@ -2595,6 +1612,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        optionWarningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2628,7 +1649,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         statusType: {
-            type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+            type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
             default: any;
         };
         disableVirtualScroll: {
@@ -2643,166 +1664,610 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
-        onCopyToClipboard?: () => any;
+    }>> & Readonly<{
         onClear?: () => any;
+        onCopyToClipboard?: () => any;
         onApply?: (value: unknown) => any;
-        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onSelectAll?: () => any;
         onLoadMore?: () => any;
         onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }>, {
         selectItem: (option: any, index?: number) => void;
         scrollTo: (index: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & 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;
-    };
-    selected: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        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;
-    };
-    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;
-    };
-    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;
-    };
-    predefinedTrigger: {
-        type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
-        default: "default" | "icon-button" | "chip" | "app";
-    };
-    inlineSearch: {
-        type: import("vue").PropType<boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+        closed: () => void;
+        opened: () => void;
+        apply: (value: unknown) => void;
+        selectAll: () => void;
+        clear: () => void;
+        copyToClipboard: () => void;
+        onsearch: (value: string) => void;
+        loadMore: () => void;
+        allSelectedChanged: (value: boolean) => void;
+        unsavedSelectionUpdate: (value: unknown[]) => void;
+    }, import("vue").PublicProps, {
+        theme: string;
+        testId: string;
+        disabled: boolean;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        container: string;
+        popperClass: string;
+        size: "small" | "medium" | "large";
+        skidding: number;
+        modelValue: any;
+        valueToCopy: string;
+        selected: any;
+        mandatory: boolean;
+        placeholder: string;
+        multi: boolean;
+        infiniteLoading: boolean;
+        showSelectAll: boolean;
+        showClearAll: boolean;
+        defaultOpen: boolean;
+        keepOpen: boolean;
+        autoSize: boolean;
+        disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
+        minSelections: number;
+        maxSelections: number;
+        isOnTop: boolean;
+        flip: boolean;
+        triggerLabel: string;
+        triggerHelperText: string;
+        triggerFeedbackText: string;
+        triggerFeedbackVariant: "error" | "success" | "warning";
+        triggerFeedbackShowIcon: boolean;
+        triggerShowAllSelectedText: boolean;
+        triggerShownValuesCount: number;
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        inlineSearch: boolean;
+        inlineSearchPlaceholder: string;
+        onSearch: (option: any, term: string) => boolean;
+        noResultsText: string;
+        searchAutoFocus: boolean;
+        onClearSearch: () => void;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionsEndTextIconKey: string;
+        optionFlagKey: string;
+        optionWarningKey: string;
+        disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        customNumberOfDisplayedOptions: number;
+        fullWidth: boolean;
+        optionsListWidth: string;
+        statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+        disableVirtualScroll: boolean;
+        overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        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;
+        };
+        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;
+    }, {}, {}, {}, {
+        theme: string;
+        testId: string;
+        disabled: boolean;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        container: string;
+        popperClass: string;
+        size: "small" | "medium" | "large";
+        skidding: number;
+        modelValue: any;
+        valueToCopy: string;
+        selected: any;
+        mandatory: boolean;
+        placeholder: string;
+        multi: boolean;
+        infiniteLoading: boolean;
+        showSelectAll: boolean;
+        showClearAll: boolean;
+        defaultOpen: boolean;
+        keepOpen: boolean;
+        autoSize: boolean;
+        disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
+        minSelections: number;
+        maxSelections: number;
+        isOnTop: boolean;
+        flip: boolean;
+        triggerLabel: string;
+        triggerHelperText: string;
+        triggerFeedbackText: string;
+        triggerFeedbackVariant: "error" | "success" | "warning";
+        triggerFeedbackShowIcon: boolean;
+        triggerShowAllSelectedText: boolean;
+        triggerShownValuesCount: number;
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        inlineSearch: boolean;
+        inlineSearchPlaceholder: string;
+        onSearch: (option: any, term: string) => boolean;
+        noResultsText: string;
+        searchAutoFocus: boolean;
+        onClearSearch: () => void;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionsEndTextIconKey: string;
+        optionFlagKey: string;
+        optionWarningKey: string;
+        disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        customNumberOfDisplayedOptions: number;
+        fullWidth: boolean;
+        optionsListWidth: string;
+        statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+        disableVirtualScroll: boolean;
+        overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<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: {
@@ -2861,6 +2326,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    optionWarningKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2894,7 +2363,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     statusType: {
-        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        type: import("vue").PropType<"default" | "error" | "disabled" | "success" | "warning" | "archive">;
         default: any;
     };
     disableVirtualScroll: {
@@ -2909,23 +2378,23 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
-    onCopyToClipboard?: () => any;
+}>> & Readonly<{
     onClear?: () => any;
+    onCopyToClipboard?: () => any;
     onApply?: (value: unknown) => any;
-    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onSelectAll?: () => any;
     onLoadMore?: () => any;
     onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
-}, {
+}>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
     closed: () => void;
@@ -2941,34 +2410,38 @@ declare const DropdownTypes: () => (({
 }, string, {
     theme: string;
     testId: string;
-    placement: import("floating-vue").Placement;
     disabled: boolean;
+    placement: import("floating-vue").Placement;
     distance: number;
     container: string;
     popperClass: string;
     size: "small" | "medium" | "large";
-    flip: boolean;
-    mandatory: boolean;
     skidding: number;
     modelValue: any;
-    selected: 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: "success" | "warning" | "error";
+    triggerFeedbackVariant: "error" | "success" | "warning";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -2984,6 +2457,7 @@ declare const DropdownTypes: () => (({
     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;
@@ -2992,11 +2466,11 @@ declare const DropdownTypes: () => (({
     customNumberOfDisplayedOptions: number;
     fullWidth: boolean;
     optionsListWidth: string;
-    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
     withConditions: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
         "dropdown-trigger"?(_: {
@@ -3026,9 +2500,9 @@ declare const DropdownTypes: () => (({
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                feedbackVariant: "success" | "warning" | "error";
+                feedbackVariant: "error" | "success" | "warning";
                 valueToCopy: string;
-                statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
                 size: "small" | "medium" | "large";
                 showAllSelectedText: boolean;
                 allSelected: boolean;
@@ -3045,14 +2519,17 @@ declare const DropdownTypes: () => (({
         "select-all"?(_: {}): any;
         "group-option"?(_: {}): any;
         default?(_: {
-            option: unknown;
+            option: any;
             index: number;
             selected: boolean;
             active: boolean;
             disabled: any;
         }): any;
+        "option-end"?(_: {
+            option: any;
+        }): any;
     };
-})) | import("vue").DefineComponent<{
+})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3069,10 +2546,41 @@ declare const DropdownTypes: () => (({
         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<{
+    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;
@@ -3081,344 +2589,525 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
-    hideEndIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideEndIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: () => any;
+}>, {
+    testId: string;
+    variant: "text" | "outlined";
+    disabled: boolean;
+    startIconName: string;
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    open: boolean;
+    hideEndIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | ({
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        optionUniqueIdKey: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+        };
+        preExpandedOptions: {
+            type: import("vue").PropType<string[] | number[]>;
+            required: true;
+        };
+    }>> & Readonly<{
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, import("vue").PublicProps, {
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        valueToCopy: string;
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        disabledOptionKey: string;
+        optionEndTextIconKey: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        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;
+    }>, {}, {}, {}, {}, {
+        testId: string;
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        valueToCopy: string;
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        disabledOptionKey: string;
+        optionEndTextIconKey: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & 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;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
+    inlineSearchPlaceholder: {
         type: import("vue").PropType<string>;
+        default: string;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
-    testId: {
+    optionNameKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"text" | "outlined">;
+    optionIconKey: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: any;
     };
-    startIconName: {
+    optionEndIconKey: {
         type: import("vue").PropType<string>;
-        default: any;
+        default: string;
     };
-    startIconType: {
+    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;
     };
-    hideEndIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    optionEndTextIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
     };
-}>> & {
-    onClick?: () => 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;
+}, string, {
     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";
-            selected: unknown[];
-            valueToCopy: string;
-            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>;
-            };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                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" | "selected" | "valueToCopy" | "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>;
-            };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                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";
-            selected: unknown[];
-            valueToCopy: string;
-            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<{
+    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, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "trigger-end-icon"?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
+        isOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large">;
+        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;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        selected: {
-            type: import("vue").PropType<unknown[]>;
+        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;
         };
-        valueToCopy: {
+        optionFlagKey: {
             type: import("vue").PropType<string>;
-            default: any;
+            default: string;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        placeholder: {
+        comparingKey: {
             type: import("vue").PropType<string>;
+            required: true;
             default: string;
         };
-        inlineSearchPlaceholder: {
+        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;
         };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<any[]>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingOverride: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClear?: () => any;
+        onClosed?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => any;
+        "onUpdate:appliedSelections"?: (value: unknown) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+        closed: () => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        isOpen: boolean;
+        infiniteLoading: boolean;
+        triggerShownValuesCount: number;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionFlagKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        minCharsToStart: number;
+        searchQuery: string;
+        loadMoreFn: () => Promise<any[]>;
+        fetchDataDebounceTime: number;
+        autoFocusSearch: boolean;
+        loadingOverride: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
             required: true;
+            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: {
@@ -3433,152 +3122,100 @@ declare const DropdownTypes: () => (({
             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;
+        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;
         };
-        optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
-        disabledOptionKey: {
+        searchQuery: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        optionEndTextIconKey: {
-            type: import("vue").PropType<string>;
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<any[]>>;
             default: any;
         };
-        optionChildrenKey: {
-            type: import("vue").PropType<string>;
-            required: true;
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
-        optionUniqueIdKey: {
-            type: import("vue").PropType<string | number>;
-            required: true;
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        preExpandedOptions: {
-            type: import("vue").PropType<string[] | number[]>;
-            required: true;
+        loadingOverride: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-    }>> & {
-        "onUpdate:selected"?: (value: unknown) => any;
-        "onUpdate:isOpen"?: (value: unknown) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & Readonly<{
+        onClear?: () => any;
+        onClosed?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
+            label: string;
+            value: string;
+            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;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & 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>;
-    };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: any;
-    };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        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";
-    selected: unknown[];
-    valueToCopy: string;
-    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> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        "trigger-end-icon"?(_: {}): any;
-    };
-})) | import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3596,111 +3233,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    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: {
+    triggerShownValuesCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    autoFocusSearch: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    loadingOverride: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, 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, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
-    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3779,7 +3315,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onClear?: () => any;
     onClosed?: () => any;
     "onUpdate:selectedCondition"?: (value: {
@@ -3788,11 +3324,21 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
-}, {
+}>, {}, {}, {}, {}, 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;
     testId: string;
     isOpen: boolean;
     infiniteLoading: boolean;
+    triggerShownValuesCount: number;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -3806,5 +3352,11 @@ 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 () => {
+    $slots: {
+        "option-end"?(_: {
+            option: any;
+        }): any;
+    };
+})))[];
 export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };