@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

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

@@ -1,48 +1,1342 @@
 import Dropdown from './DropdownV4.vue';
-declare const DropdownTypes: () => ({
+import DefaultDropdownTrigger from './DefaultDropdownTrigger.vue';
+import IconButtonDropdownTrigger from './IconButtonDropdownTrigger.vue';
+import ChipDropdownTrigger from './ChipDropdownTrigger.vue';
+import AppDropdownTrigger from './AppDropdownTrigger.vue';
+import Option from './OptionV4.vue';
+declare const DropdownTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            size: "small" | "medium" | "large";
+            testId: string;
+            loading: boolean;
+            disabled: boolean;
+            options: unknown[];
+            singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
+            mandatory: boolean;
+            multi: boolean;
+            valueToCopy: string;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
+        $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;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: () => void;
+        }, string, {
+            label: string;
+            size: "small" | "medium" | "large";
+            testId: string;
+            loading: boolean;
+            disabled: boolean;
+            options: unknown[];
+            singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
+            mandatory: boolean;
+            multi: boolean;
+            valueToCopy: string;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
+    }>> & {
+        onClick?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    brandIconType: {
+        type: import("vue").PropType<"android" | "ios">;
+        default: any;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: any;
+    };
+}>> & {
+    onClick?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, {
+    label: string;
+    size: "small" | "medium" | "large";
+    testId: string;
+    loading: boolean;
+    disabled: boolean;
+    options: unknown[];
+    singleAppSelection: boolean;
+    placeholder: string;
+    open: boolean;
+    mandatory: boolean;
+    multi: boolean;
+    valueToCopy: string;
+    selectedOption: any;
+    brandIconType: "android" | "ios";
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        image?(_: {}): any;
+        "icon-start"?(_: {}): any;
+    };
+})) | import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: string;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: string;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClear?: () => any;
+}, {
+    label: string;
+    testId: string;
+    disabled: boolean;
+    open: boolean;
+    displayedValue: any;
+    feedbackVariant: string;
+}> | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            size: "small" | "medium" | "large";
+            testId: string;
+            loading: boolean;
+            disabled: boolean;
+            options: unknown[];
+            singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
+            mandatory: boolean;
+            multi: boolean;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            feedbackText: string;
+            feedbackVariant: "error" | "success" | "warning";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
+        $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;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: () => void;
+        }, string, {
+            label: string;
+            size: "small" | "medium" | "large";
+            testId: string;
+            loading: boolean;
+            disabled: boolean;
+            options: unknown[];
+            singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
+            mandatory: boolean;
+            multi: boolean;
+            selectedOption: any;
+            brandIconType: "android" | "ios";
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            feedbackText: string;
+            feedbackVariant: "error" | "success" | "warning";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+    }>> & {
+        onClick?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    brandIconType: {
+        type: import("vue").PropType<"android" | "ios">;
+        default: any;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: any;
+    };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"error" | "success" | "warning">;
+        default: any;
+    };
+}>> & {
+    onClick?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, {
+    label: string;
+    size: "small" | "medium" | "large";
+    testId: string;
+    loading: boolean;
+    disabled: boolean;
+    options: unknown[];
+    singleAppSelection: boolean;
+    placeholder: string;
+    open: boolean;
+    mandatory: boolean;
+    multi: boolean;
+    selectedOption: any;
+    brandIconType: "android" | "ios";
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        image?(_: {}): any;
+        "icon-start"?(_: {}): any;
+    };
+})) | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    testId: string;
+}> | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            option: any;
+            disabled: boolean;
+            isIndeterminate: boolean;
+            subtitle: string;
+            selectAllOption: boolean;
+            active: boolean;
+            nameKey: string;
+            imageKey: string;
+            iconKey: string;
+            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            option: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isIndeterminate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selectedProp: {
+                type: import("vue").PropType<boolean>;
+            };
+            selectAllOption: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            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" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+        $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: string, ...args: any[]) => 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;
+            };
+            isIndeterminate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selectedProp: {
+                type: import("vue").PropType<boolean>;
+            };
+            selectAllOption: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            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" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            option: any;
+            disabled: boolean;
+            isIndeterminate: boolean;
+            subtitle: string;
+            selectAllOption: boolean;
+            active: boolean;
+            nameKey: string;
+            imageKey: string;
+            iconKey: string;
+            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        subtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selectedProp: {
+            type: import("vue").PropType<boolean>;
+        };
+        selectAllOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        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" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: 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;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selectedProp: {
+        type: import("vue").PropType<boolean>;
+    };
+    selectAllOption: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+    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" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: any;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    option: any;
+    disabled: boolean;
+    isIndeterminate: boolean;
+    subtitle: string;
+    selectAllOption: boolean;
+    active: boolean;
+    nameKey: string;
+    imageKey: string;
+    iconKey: string;
+    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        image?(_: {}): any;
+        "icon-start"?(_: {}): any;
+        default?(_: {}): any;
+    };
+})) | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            title: string;
             theme: string;
             size: "sm" | "lg";
             testId: string;
-            error: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
             modelValue: any;
             placeholder: string;
             mandatory: boolean;
-            helperText: string;
-            searchPlaceholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
-            showButtonOnOpen: boolean;
-            autoFocus: boolean;
             distance: number;
             skidding: number;
-            clearable: boolean;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            multiOptionsPlaceholderPrefix: string;
-            multiOptionsPlaceholderSuffix: string;
-            darkTheme: boolean;
             valueToCopy: string;
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            onClear: () => void;
+            inlineSearchPlaceholder: string;
+            triggerLabel: string;
+            triggerHelperText: string;
+            triggerFeedbackText: string;
+            triggerFeedbackVariant: "error" | "success" | "warning";
+            searchAutoFocus: boolean;
+            predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+            fullWidth: boolean;
+            optionsListWidth: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -55,10 +1349,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            error: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             loading: {
                 type: import("vue").PropType<boolean>;
             };
@@ -70,7 +1360,11 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            container: {
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            popperClass: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -79,7 +1373,10 @@ declare const DropdownTypes: () => ({
                 default: any;
             };
             options: {
-                type: import("vue").PropType<unknown[]>;
+                type: import("vue").PropType<unknown[] | {
+                    id: string;
+                    text: string;
+                }[]>;
                 required: true;
             };
             modelValue: {
@@ -94,14 +1391,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            helperText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -114,10 +1403,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -129,14 +1414,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showButtonOnOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -148,17 +1425,13 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            clearable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
             onSearch: {
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
+                default: any;
             };
             flip: {
                 type: import("vue").PropType<boolean>;
@@ -176,21 +1449,65 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            multiOptionsPlaceholderPrefix: {
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+            onClear: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
+            inlineSearchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            multiOptionsPlaceholderSuffix: {
+            triggerHelperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            darkTheme: {
+            triggerFeedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerFeedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+            searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            valueToCopy: {
+            predefinedTrigger: {
+                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                default: "default" | "icon-button" | "chip" | "app";
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            optionsListWidth: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
         }>> & {
             onApply?: (value: unknown) => any;
@@ -198,7 +1515,7 @@ declare const DropdownTypes: () => ({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "size" | "testId" | "error" | "placement" | "disabled" | "container" | "selected" | "modelValue" | "placeholder" | "mandatory" | "helperText" | "searchPlaceholder" | "isOnTop" | "multi" | "inlineSearch" | "popperClass" | "noResultsText" | "defaultOpen" | "showButtonOnOpen" | "autoFocus" | "distance" | "skidding" | "clearable" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme" | "valueToCopy">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -213,10 +1530,6 @@ declare const DropdownTypes: () => ({
         $emit: ((event: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -229,10 +1542,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            error: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             loading: {
                 type: import("vue").PropType<boolean>;
             };
@@ -248,12 +1557,19 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
             options: {
-                type: import("vue").PropType<unknown[]>;
+                type: import("vue").PropType<unknown[] | {
+                    id: string;
+                    text: string;
+                }[]>;
                 required: true;
             };
             modelValue: {
@@ -268,14 +1584,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            helperText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -288,10 +1596,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -303,14 +1607,6 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showButtonOnOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -322,17 +1618,13 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            clearable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
             onSearch: {
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
+                default: any;
             };
             flip: {
                 type: import("vue").PropType<boolean>;
@@ -350,21 +1642,65 @@ declare const DropdownTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            multiOptionsPlaceholderPrefix: {
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+            onClear: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
+            inlineSearchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            multiOptionsPlaceholderSuffix: {
+            triggerHelperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            darkTheme: {
+            triggerFeedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            triggerFeedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+            searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            valueToCopy: {
+            predefinedTrigger: {
+                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                default: "default" | "icon-button" | "chip" | "app";
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            optionsListWidth: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
         }>> & {
             onApply?: (value: unknown) => any;
@@ -382,40 +1718,44 @@ declare const DropdownTypes: () => ({
             opened: () => void;
             apply: (value: unknown) => void;
         }, string, {
-            title: string;
             theme: string;
             size: "sm" | "lg";
             testId: string;
-            error: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
             modelValue: any;
             placeholder: string;
             mandatory: boolean;
-            helperText: string;
-            searchPlaceholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
-            showButtonOnOpen: boolean;
-            autoFocus: boolean;
             distance: number;
             skidding: number;
-            clearable: boolean;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            multiOptionsPlaceholderPrefix: string;
-            multiOptionsPlaceholderSuffix: string;
-            darkTheme: boolean;
             valueToCopy: string;
+            optionNameKey: string;
+            optionImageKey: string;
+            optionIconKey: string;
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            onClear: () => void;
+            inlineSearchPlaceholder: string;
+            triggerLabel: string;
+            triggerHelperText: string;
+            triggerFeedbackText: string;
+            triggerFeedbackVariant: "error" | "success" | "warning";
+            searchAutoFocus: boolean;
+            predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+            fullWidth: boolean;
+            optionsListWidth: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -437,10 +1777,6 @@ declare const DropdownTypes: () => ({
         $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<{
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         theme: {
             type: import("vue").PropType<string>;
             default: string;
@@ -453,10 +1789,6 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        error: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -472,12 +1804,19 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
         options: {
-            type: import("vue").PropType<unknown[]>;
+            type: import("vue").PropType<unknown[] | {
+                id: string;
+                text: string;
+            }[]>;
             required: true;
         };
         modelValue: {
@@ -492,14 +1831,6 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        helperText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        searchPlaceholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -512,10 +1843,6 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        popperClass: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         noResultsText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -527,14 +1854,6 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showButtonOnOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
@@ -546,17 +1865,13 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
-        clearable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
         onSearch: {
             type: import("vue").PropType<(option: any, term: string) => boolean>;
-            default: () => true;
+            default: any;
         };
         flip: {
             type: import("vue").PropType<boolean>;
@@ -574,21 +1889,65 @@ declare const DropdownTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        multiOptionsPlaceholderPrefix: {
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
+        onClear: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        triggerHelperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        multiOptionsPlaceholderSuffix: {
+        triggerFeedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        darkTheme: {
+        triggerFeedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        searchAutoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        valueToCopy: {
+        predefinedTrigger: {
+            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+            default: "default" | "icon-button" | "chip" | "app";
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionsListWidth: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: any;
         };
     }>> & {
         onApply?: (value: unknown) => any;
@@ -604,10 +1963,6 @@ declare const DropdownTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     theme: {
         type: import("vue").PropType<string>;
         default: string;
@@ -620,10 +1975,6 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    error: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     loading: {
         type: import("vue").PropType<boolean>;
     };
@@ -639,12 +1990,19 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
     };
     options: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<unknown[] | {
+            id: string;
+            text: string;
+        }[]>;
         required: true;
     };
     modelValue: {
@@ -659,14 +2017,6 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    helperText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    searchPlaceholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -679,10 +2029,6 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    popperClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     noResultsText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -694,14 +2040,6 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showButtonOnOpen: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     distance: {
         type: import("vue").PropType<number>;
         default: number;
@@ -713,17 +2051,13 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
-    clearable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
     onSearch: {
         type: import("vue").PropType<(option: any, term: string) => boolean>;
-        default: () => true;
+        default: any;
     };
     flip: {
         type: import("vue").PropType<boolean>;
@@ -741,21 +2075,65 @@ declare const DropdownTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    multiOptionsPlaceholderPrefix: {
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: any;
+    };
+    onClear: {
+        type: import("vue").PropType<() => void>;
+        default: () => true;
+    };
+    inlineSearchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    triggerLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    triggerHelperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    multiOptionsPlaceholderSuffix: {
+    triggerFeedbackText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    darkTheme: {
+    triggerFeedbackVariant: {
+        type: import("vue").PropType<"error" | "success" | "warning">;
+        default: any;
+    };
+    searchAutoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    valueToCopy: {
+    predefinedTrigger: {
+        type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+        default: "default" | "icon-button" | "chip" | "app";
+    };
+    fullWidth: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    optionsListWidth: {
         type: import("vue").PropType<string>;
-        default: string;
+        default: any;
     };
 }>> & {
     onApply?: (value: unknown) => any;
@@ -773,49 +2151,48 @@ declare const DropdownTypes: () => ({
     opened: () => void;
     apply: (value: unknown) => void;
 }, string, {
-    title: string;
     theme: string;
     size: "sm" | "lg";
     testId: string;
-    error: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
     container: string;
+    popperClass: string;
     selected: any;
     modelValue: any;
     placeholder: string;
     mandatory: boolean;
-    helperText: string;
-    searchPlaceholder: string;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
-    popperClass: string;
     noResultsText: string;
     defaultOpen: boolean;
-    showButtonOnOpen: boolean;
-    autoFocus: boolean;
     distance: number;
     skidding: number;
-    clearable: boolean;
     onSearch: (option: any, term: string) => boolean;
     flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    multiOptionsPlaceholderPrefix: string;
-    multiOptionsPlaceholderSuffix: string;
-    darkTheme: boolean;
     valueToCopy: string;
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    onClear: () => void;
+    inlineSearchPlaceholder: string;
+    triggerLabel: string;
+    triggerHelperText: string;
+    triggerFeedbackText: string;
+    triggerFeedbackVariant: "error" | "success" | "warning";
+    searchAutoFocus: boolean;
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    fullWidth: boolean;
+    optionsListWidth: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
-        input?(_: {
-            open: boolean;
-            value: any;
-            disabled: boolean;
-        }): any;
-        image?(_: {}): any;
+        "dropdown-trigger"?(_: {}): any;
         "input-list"?(_: {
             open: true;
         }): any;
@@ -825,5 +2202,5 @@ declare const DropdownTypes: () => ({
             active: boolean;
         }): any;
     };
-}))[];
-export { Dropdown, DropdownTypes };
+})))[];
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, };