@ironsource/shared-ui 2.1.7-test.1 → 2.1.7-test.10

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

@@ -552,6 +552,7 @@ declare const DropdownTypes: () => (({
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
+        "end-icon"?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): {
@@ -1039,6 +1040,8 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -1048,6 +1051,10 @@ declare const DropdownTypes: () => (({
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            treeMainOption: boolean;
+            treeMainOptionExpanded: boolean;
+            stopOptionClickEventPropagation: boolean;
+            treeChildShown: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1065,6 +1072,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            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;
@@ -1101,10 +1116,28 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
+            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;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+        }>> & {
+            onToggleTreeCollapse?: (option: unknown) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1116,7 +1149,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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;
+        $emit: (event: "toggleTreeCollapse", option: unknown) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             option: {
@@ -1135,6 +1168,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            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;
@@ -1171,14 +1212,36 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
+            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;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>> & {
+            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";
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -1188,6 +1251,10 @@ declare const DropdownTypes: () => (({
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            treeMainOption: boolean;
+            treeMainOptionExpanded: boolean;
+            stopOptionClickEventPropagation: boolean;
+            treeChildShown: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1225,6 +1292,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        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;
@@ -1261,10 +1336,28 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
         };
+        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;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & {
+        onToggleTreeCollapse?: (option: unknown) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -1285,6 +1378,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    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;
@@ -1321,14 +1422,36 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
     };
+    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;
+    };
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    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";
+    optionTwoLinesVariant: "horizontal" | "vertical";
+    optionTwoLinesKey: string;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
@@ -1338,6 +1461,10 @@ declare const DropdownTypes: () => (({
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
     toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    treeMainOption: boolean;
+    treeMainOptionExpanded: boolean;
+    stopOptionClickEventPropagation: boolean;
+    treeChildShown: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1503,6 +1630,8 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             valueToCopy: string;
             disabledOptionKey: string;
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1691,6 +1820,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1718,9 +1855,10 @@ declare const DropdownTypes: () => (({
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1732,7 +1870,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -1917,6 +2055,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1944,6 +2090,7 @@ declare const DropdownTypes: () => (({
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -1958,6 +2105,7 @@ declare const DropdownTypes: () => (({
             selectAll: () => void;
             clear: () => void;
             copyToClipboard: () => void;
+            onsearch: (value: string) => void;
         }, string, {
             theme: string;
             disabled: boolean;
@@ -2001,6 +2149,8 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             valueToCopy: string;
             disabledOptionKey: string;
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2209,6 +2359,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2236,6 +2394,7 @@ declare const DropdownTypes: () => (({
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
+        onOnsearch?: (value: string) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2428,6 +2587,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    optionTwoLinesVariant: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: any;
+    };
+    optionTwoLinesKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2455,6 +2622,7 @@ declare const DropdownTypes: () => (({
     onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
+    onOnsearch?: (value: string) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2469,6 +2637,7 @@ declare const DropdownTypes: () => (({
     selectAll: () => void;
     clear: () => void;
     copyToClipboard: () => void;
+    onsearch: (value: string) => void;
 }, string, {
     theme: string;
     disabled: boolean;
@@ -2512,6 +2681,8 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     valueToCopy: string;
     disabledOptionKey: string;
+    optionTwoLinesVariant: "horizontal" | "vertical";
+    optionTwoLinesKey: string;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2527,7 +2698,34 @@ declare const DropdownTypes: () => (({
                 label: any;
                 onClick: () => void;
             };
+            defaultTriggerProps: {
+                placeholder: string;
+                open: boolean;
+                label: string;
+                showFeedbackIcon: boolean;
+                mandatory: boolean;
+                testId: string;
+                multi: boolean;
+                disabled: boolean;
+                selectedOption: unknown;
+                displayValue: (option: unknown) => string;
+                options: unknown[];
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionAndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                feedbackVariant: "success" | "warning" | "error";
+                valueToCopy: string;
+                statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                size: "small" | "medium" | "large";
+                showAllSelectedText: boolean;
+                onKeydown: (event: any) => void;
+                onClick: () => void;
+            };
         }): any;
+        "inline-search"?(_: {}): any;
         "input-list"?(_: {
             open: true;
         }): any;
@@ -2617,7 +2815,319 @@ declare const DropdownTypes: () => (({
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon: boolean;
-}> | import("vue").DefineComponent<{
+}> | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            size: "small" | "medium" | "large";
+            testId: 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";
+            valueToCopy: string;
+            disabledOptionKey: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            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;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionChildrenKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            optionUniqueIdKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selected"?: (value: unknown) => any;
+            "onUpdate:isOpen"?: (value: unknown) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "testId" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+        $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<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            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;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionChildrenKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            optionUniqueIdKey: {
+                type: import("vue").PropType<string>;
+                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, {
+            disabled: boolean;
+            size: "small" | "medium" | "large";
+            testId: 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";
+            valueToCopy: string;
+            disabledOptionKey: 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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        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;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        optionUniqueIdKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2687,87 +3197,19 @@ declare const DropdownTypes: () => (({
     };
     optionChildrenKey: {
         type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selected": (value: unknown) => void;
-    "update:isOpen": (value: unknown) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "medium" | "large">;
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    placeholder: {
+    optionUniqueIdKey: {
         type: import("vue").PropType<string>;
-        default: string;
-    };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
-    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;
-    };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
-    disabledOptionKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    optionChildrenKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
 }>> & {
     "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, {
     disabled: boolean;
     size: "small" | "medium" | "large";
     testId: string;
@@ -2782,6 +3224,9 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     valueToCopy: string;
     disabledOptionKey: string;
-    optionChildrenKey: string;
-}>)[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "trigger-end-icon"?(_: {}): any;
+    };
+})))[];
 export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, };