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

package/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./ChipDropdownTrigger.vue2.js";
+/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e5202bb9"]]);
+export {
+  s as default
+};

package/components/dropdown/v4/ChipDropdownTrigger.vue2.js

@@ -0,0 +1,73 @@
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+import m from "../../icon/v4/IconV4.vue.js";
+import A from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as B } from "../../../utils/testIds.js";
+const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon" }, $ = ["onClick"], L = /* @__PURE__ */ V({
+  __name: "ChipDropdownTrigger",
+  props: {
+    label: { default: "Status" },
+    open: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    feedbackVariant: { default: "" },
+    displayedValue: { default: "" },
+    options: null,
+    selectedOption: null,
+    displayValue: null,
+    multi: { type: Boolean }
+  },
+  emits: ["clear"],
+  setup(r, { emit: h }) {
+    const e = r, y = () => {
+      h("clear");
+    }, i = b(!0), g = (l) => {
+      let a = l;
+      return Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a, a ? `${e.label}: ${a}` : e.label;
+    }, O = p(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), n = B(e.testId, o), T = p(() => {
+      if (!e.multi)
+        return e.selectedOption ? e.displayValue(e.selectedOption) : "";
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length ? e.options.length === e.selectedOption.length ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
+          e.displayValue(e.selectedOption[0]),
+          e.selectedOption.length - 1
+        ] : [];
+    });
+    return (l, a) => (_(), C("div", s({
+      class: ["chip-trigger", [t(O), { active: i.value, disabled: r.disabled, open: r.open }]]
+    }, t(n)[t(o).BUTTON]), [
+      c("div", N, [
+        d(t(A), s({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
+          default: w(() => [
+            k(v(g(t(T))), 1)
+          ]),
+          _: 1
+        }, 16),
+        u(c("div", I, [
+          d(t(m), {
+            name: "caret-down",
+            size: "16px"
+          })
+        ], 512), [
+          [f, !i.value]
+        ]),
+        u(c("div", s({ class: "x-circle-wrapper" }, t(n)[t(o).BUTTON_CLEAR], {
+          onClick: x(y, ["stop"])
+        }), [
+          d(t(m), {
+            name: "x-circle",
+            size: "16px",
+            type: "fill"
+          })
+        ], 16, $), [
+          [f, i.value]
+        ])
+      ])
+    ], 16));
+  }
+});
+export {
+  L as default
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -0,0 +1,143 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    label: string;
+    mandatory?: boolean;
+    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";
+    feedbackVariant?: "error" | "success" | "warning";
+    feedbackText?: string;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    placeholder: string;
+    selectedOption: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    multi: boolean;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    label: string;
+    mandatory?: boolean;
+    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";
+    feedbackVariant?: "error" | "success" | "warning";
+    feedbackText?: string;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    placeholder: string;
+    selectedOption: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    multi: boolean;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
+}>>> & {
+    onClick?: () => any;
+}, {
+    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";
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./DefaultDropdownTrigger.vue2.js";
+/* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c6156fa0"]]);
+export {
+  p as default
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -0,0 +1,112 @@
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as s, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
+import A from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
+import g from "../../icon/v4/IconV4.vue.js";
+import N from "../../shared/FieldLabel.vue.js";
+import K from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as C } from "../../../utils/testIds.js";
+const $ = { class: "content" }, D = {
+  key: 0,
+  class: "image"
+}, w = ["src"], H = {
+  key: 1,
+  class: "start-icon"
+}, M = /* @__PURE__ */ O({
+  __name: "DefaultDropdownTrigger",
+  props: {
+    placeholder: { default: "Select" },
+    selectedOption: { default: null },
+    options: { default: null },
+    multi: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    brandIconType: { default: null },
+    displayValue: null,
+    optionNameKey: { default: null },
+    optionImageKey: { default: null },
+    optionIconKey: { default: null },
+    optionIconType: { default: null }
+  },
+  emits: ["click"],
+  setup(t, { emit: T }) {
+    const e = t, b = r(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), k = () => {
+      T("click");
+    }, f = C(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? "All" : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = r(() => {
+      if (!e.selectedOption)
+        return null;
+      if (!e.multi)
+        return e.selectedOption;
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
+    });
+    return (d, p) => (a(), i(I, null, [
+      t.label ? (a(), m(N, {
+        key: 0,
+        label: t.label,
+        mandatory: t.mandatory,
+        "hover-help-text": t.hoverHelpText,
+        "hover-help-text-placement": t.hoverHelpTextPlacement,
+        disabled: t.disabled,
+        "test-id": t.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      s("div", y({
+        class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
+      }, l(f)[l(u).BUTTON_WRAPPER], {
+        onClick: p[0] || (p[0] = (P) => k())
+      }), [
+        s("div", $, [
+          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", D, [
+            h(d.$slots, "image", {}, () => [
+              t.optionImageKey ? (a(), i("img", {
+                key: 0,
+                src: l(o)[t.optionImageKey]
+              }, null, 8, w)) : n("", !0)
+            ], !0)
+          ])) : n("", !0),
+          d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
+            h(d.$slots, "icon-start", {}, () => [
+              c(l(g), {
+                type: t.optionIconType,
+                name: l(o)[t.optionIconKey],
+                size: "16px"
+              }, null, 8, ["type", "name"])
+            ], !0)
+          ])) : n("", !0),
+          c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: x(() => [
+              V(B(l(v)), 1)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        s("div", null, [
+          c(l(g), {
+            name: "caret-down",
+            size: "20px"
+          })
+        ])
+      ], 16),
+      t.feedbackText ? (a(), m(K, {
+        key: 1,
+        text: t.feedbackText,
+        variant: t.feedbackVariant,
+        "test-id": t.testId
+      }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
+    ], 64));
+  }
+});
+export {
+  M as default
+};

package/components/dropdown/v4/Dropdown.types.d.ts

@@ -0,0 +1,3 @@
+export declare const TRIGGER_TYPES: readonly ["default", "icon-button", "chip", "app"];
+export type TriggerType = (typeof TRIGGER_TYPES)[number];
+export declare const TRIGGERS: Record<string, TriggerType>;

package/components/dropdown/v4/Dropdown.types.js

@@ -0,0 +1,9 @@
+const t = {
+  DEFAULT: "default",
+  ICON_BUTTON: "icon-button",
+  CHIP: "chip",
+  APP: "app"
+};
+export {
+  t as TRIGGERS
+};

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -1,80 +1,91 @@
 import { Placement } from 'floating-vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
+    selected?: unknown;
+    multi?: boolean;
     placeholder?: string;
     disabled?: boolean;
-    mandatory?: boolean;
-    helperText?: string;
-    searchPlaceholder?: string;
-    isOnTop?: boolean;
-    multi?: boolean;
-    title?: string;
-    inlineSearch?: boolean;
     popperClass?: string;
-    noResultsText?: string;
     loading?: boolean;
-    selected?: unknown;
+    testId?: string;
+    isOpen?: boolean;
+    options: unknown[] | {
+        id: string;
+        text: string;
+    }[];
     showSelectAll?: boolean;
     defaultOpen?: boolean;
-    showButtonOnOpen?: boolean;
-    autoFocus?: boolean;
+    keepOpen?: boolean;
+    autoSize?: boolean;
+    disableKeyboardEvents?: boolean;
+    isOnTop?: boolean;
     distance?: number;
-    isOpen?: boolean;
+    container?: string;
+    flip?: boolean;
     skidding?: number;
     placement?: Placement;
-    clearable?: boolean;
-    error?: string;
+    triggerLabel?: string;
+    triggerHelperText?: string;
+    triggerFeedbackText?: string;
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
-    displayValue: (option: unknown) => string;
-    options: unknown[];
+    mandatory?: boolean;
+    predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
+    inlineSearch?: boolean;
+    inlineSearchPlaceholder?: string;
     onSearch?: (option: any, term: string) => boolean;
-    theme?: string;
-    container?: string;
-    flip?: boolean;
-    keepOpen?: boolean;
-    autoSize?: boolean;
-    disableKeyboardEvents?: boolean;
-    multiOptionsPlaceholderPrefix?: string;
-    multiOptionsPlaceholderSuffix?: string;
-    testId?: string;
-    darkTheme?: boolean;
+    noResultsText?: string;
+    searchAutoFocus?: boolean;
+    onClear?: () => void;
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionIconKey?: string;
+    optionImageKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     valueToCopy?: string;
+    theme?: string;
+    fullWidth?: boolean;
+    optionsListWidth?: string;
 }>, {
     multi: boolean;
-    searchPlaceholder: string;
-    title: string;
+    inlineSearchPlaceholder: string;
     popperClass: string;
     mandatory: boolean;
     selected: any;
     open: boolean;
-    showButtonOnOpen: boolean;
     inlineSearch: boolean;
     isOnTop: boolean;
     distance: number;
     skidding: number;
     placement: string;
     noResultsText: string;
-    autoFocus: boolean;
     modelValue: any;
     defaultOpen: boolean;
     disabled: boolean;
     placeholder: string;
     size: string;
-    clearable: boolean;
-    onSearch: () => true;
-    helperText: string;
-    error: string;
+    onSearch: any;
+    onClear: () => true;
     theme: string;
     container: string;
     flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    multiOptionsPlaceholderPrefix: string;
-    multiOptionsPlaceholderSuffix: string;
     testId: string;
-    darkTheme: boolean;
-    valueToCopy: string;
+    triggerLabel: string;
+    triggerHelperText: string;
+    triggerFeedbackText: string;
+    triggerFeedbackVariant: any;
+    searchAutoFocus: boolean;
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: any;
+    valueToCopy: any;
+    fullWidth: boolean;
+    optionsListWidth: any;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -86,80 +97,91 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     apply: (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
+    selected?: unknown;
+    multi?: boolean;
     placeholder?: string;
     disabled?: boolean;
-    mandatory?: boolean;
-    helperText?: string;
-    searchPlaceholder?: string;
-    isOnTop?: boolean;
-    multi?: boolean;
-    title?: string;
-    inlineSearch?: boolean;
     popperClass?: string;
-    noResultsText?: string;
     loading?: boolean;
-    selected?: unknown;
+    testId?: string;
+    isOpen?: boolean;
+    options: unknown[] | {
+        id: string;
+        text: string;
+    }[];
     showSelectAll?: boolean;
     defaultOpen?: boolean;
-    showButtonOnOpen?: boolean;
-    autoFocus?: boolean;
+    keepOpen?: boolean;
+    autoSize?: boolean;
+    disableKeyboardEvents?: boolean;
+    isOnTop?: boolean;
     distance?: number;
-    isOpen?: boolean;
+    container?: string;
+    flip?: boolean;
     skidding?: number;
     placement?: Placement;
-    clearable?: boolean;
-    error?: string;
+    triggerLabel?: string;
+    triggerHelperText?: string;
+    triggerFeedbackText?: string;
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
-    displayValue: (option: unknown) => string;
-    options: unknown[];
+    mandatory?: boolean;
+    predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
+    inlineSearch?: boolean;
+    inlineSearchPlaceholder?: string;
     onSearch?: (option: any, term: string) => boolean;
-    theme?: string;
-    container?: string;
-    flip?: boolean;
-    keepOpen?: boolean;
-    autoSize?: boolean;
-    disableKeyboardEvents?: boolean;
-    multiOptionsPlaceholderPrefix?: string;
-    multiOptionsPlaceholderSuffix?: string;
-    testId?: string;
-    darkTheme?: boolean;
+    noResultsText?: string;
+    searchAutoFocus?: boolean;
+    onClear?: () => void;
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionIconKey?: string;
+    optionImageKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     valueToCopy?: string;
+    theme?: string;
+    fullWidth?: boolean;
+    optionsListWidth?: string;
 }>, {
     multi: boolean;
-    searchPlaceholder: string;
-    title: string;
+    inlineSearchPlaceholder: string;
     popperClass: string;
     mandatory: boolean;
     selected: any;
     open: boolean;
-    showButtonOnOpen: boolean;
     inlineSearch: boolean;
     isOnTop: boolean;
     distance: number;
     skidding: number;
     placement: string;
     noResultsText: string;
-    autoFocus: boolean;
     modelValue: any;
     defaultOpen: boolean;
     disabled: boolean;
     placeholder: string;
     size: string;
-    clearable: boolean;
-    onSearch: () => true;
-    helperText: string;
-    error: string;
+    onSearch: any;
+    onClear: () => true;
     theme: string;
     container: string;
     flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    multiOptionsPlaceholderPrefix: string;
-    multiOptionsPlaceholderSuffix: string;
     testId: string;
-    darkTheme: boolean;
-    valueToCopy: string;
+    triggerLabel: string;
+    triggerHelperText: string;
+    triggerFeedbackText: string;
+    triggerFeedbackVariant: any;
+    searchAutoFocus: boolean;
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: any;
+    valueToCopy: any;
+    fullWidth: boolean;
+    optionsListWidth: any;
 }>>> & {
     onApply?: (value: unknown) => any;
     "onUpdate:selected"?: (value: unknown) => any;
@@ -167,48 +189,47 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
-    title: string;
     theme: string;
     size: "sm" | "lg";
     testId: string;
-    error: string;
     placement: 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;
 }>, {
     label?(_: {}): any;
-    input?(_: {
-        open: boolean;
-        value: any;
-        disabled: boolean;
-    }): any;
-    image?(_: {}): any;
+    "dropdown-trigger"?(_: {}): any;
     "input-list"?(_: {
         open: true;
     }): any;