@ironsource/shared-ui 1.4.2-vite.1 → 1.4.3-andyk.1

package/components/appIcon/index.d.ts

@@ -1,25 +1,29 @@
 declare const AppIconTypes: () => import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
+    } & {
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
+    } & {
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
+    } & {
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
+    } & {
         default: string;
     };
 }>>, {
-    size: "sm" | "md" | "lg" | "xl";
+    size: "md" | "sm" | "lg" | "xl";
     src: string;
 }>[];
 export { default as AppIcon } from './AppIcon.vue';

package/components/appIcon/index.vue.js

@@ -0,0 +1,6 @@
+import AppIcon from './AppIcon.vue.js';
+export { default as AppIcon } from './AppIcon.vue.js';
+
+const AppIconTypes = () => [AppIcon];
+
+export { AppIconTypes };

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -1,53 +1,47 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    singleAppSelection: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    singleAppSelection: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected?: Application[];
+    options?: Application[];
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    testId?: string;
+}>, {
+    selected: any;
+    options: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected?: Application[];
+    options?: Application[];
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    testId?: string;
+}>, {
+    selected: any;
+    options: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    testId: string;
+}>>>, {
+    testId: string;
     loading: boolean;
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
-}>, {
-    "left-image"?(_: {}): any;
-    "left-icon"?(_: {}): any;
-    title?(_: {}): any;
-    description?(_: {}): any;
-    "right-icon"?(_: {}): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/appTrigger/AppTrigger.vue.js

@@ -1,6 +1,198 @@
-import o from "./AppTrigger.vue2.js";
-/* empty css                 */import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dc6aea6b"]]);
-export {
-  e as default
-};
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import AppIcon from '../appIcon/AppIcon.vue.js';
+import Icon from '../icon/Icon.vue.js';
+import { AppTriggerTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+/* empty css                                                                      *//* empty css                                                            */
+import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = { class: "app-trigger__left-image" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: false },
+    singleAppSelection: { type: Boolean, default: false },
+    testId: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const allTitle = "All apps selected";
+    const NoAppsTitle = "No apps to select";
+    const title = computed(() => {
+      if (props.singleAppSelection && noApp.value) {
+        return NoAppsTitle;
+      }
+      if (props.singleAppSelection && singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
+      if (allMode.value) {
+        return allTitle;
+      }
+      if (singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
+      return `${selectedSize.value} apps selected`;
+    });
+    const allAppsIcon = "widgetsz";
+    const noAppsIcon = "cube-background";
+    const appIcon = computed(
+      () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
+    );
+    const osIcon = computed(() => {
+      if (!allMode.value || props.singleAppSelection && singleApp.value) {
+        return firstSelection.value.platform.toLowerCase();
+      }
+      return null;
+    });
+    const appImage = computed(() => {
+      if (!selectedSize.value || !optionsSize.value) {
+        return "";
+      }
+      return firstSelection.value?.icon;
+    });
+    const description = computed(() => {
+      if (props.loading) {
+        return "";
+      }
+      if (singleApp.value) {
+        return firstSelection.value.appKey;
+      }
+      if (allMode.value) {
+        return allDescription.value;
+      }
+      if (selectedSize.value <= 0) {
+        return `${firstSelection.value?.name}`;
+      }
+      return `${firstSelection.value?.name} and ${selectedSize.value - 1}+`;
+    });
+    const selectedSize = computed(() => {
+      return props.selected?.length || 0;
+    });
+    const optionsSize = computed(() => {
+      return props.options?.length || 0;
+    });
+    const singleApp = computed(() => {
+      return selectedSize.value === 1;
+    });
+    const noApp = computed(() => {
+      return optionsSize.value === 0;
+    });
+    const allMode = computed(() => {
+      return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
+    });
+    const allDescription = computed(() => {
+      if (optionsSize.value === 1) {
+        return `${firstOption.value?.name}`;
+      }
+      return `${firstOption.value?.name} and ${optionsSize.value - 1}+`;
+    });
+    const firstSelection = computed(() => props.selected?.[0]);
+    const firstOption = computed(() => props.options?.[0]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["app-trigger", {
+          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
+        }]),
+        "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).WRAPPER}`
+      }, [
+        renderSlot(_ctx.$slots, "left-image", {}, () => [
+          createElementVNode("div", _hoisted_2, [
+            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
+              key: 0,
+              size: "xl",
+              src: unref(appImage)
+            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
+              key: 1,
+              class: "trigger-icon",
+              "font-size": "2rem",
+              name: unref(appIcon)
+            }, null, 8, ["name"]))
+          ])
+        ], true),
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
+            key: 0,
+            class: "app-trigger__left-icon",
+            name: unref(osIcon),
+            "font-size": "md"
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ], true),
+        createElementVNode("div", {
+          class: normalizeClass(["app-trigger__middle-section", {
+            "app-trigger__middle-section--single": unref(singleApp),
+            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createVNode(unref(_sfc_main$1), {
+              text: unref(title),
+              "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TOOLTIP_TEXT}`
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Text), {
+                  strong: "",
+                  class: "title",
+                  "is-truncated": "",
+                  size: "sm",
+                  "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TEXT}`
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(title)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["test-id"])
+              ]),
+              _: 1
+            }, 8, ["text", "data-testid"])
+          ], true),
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createElementVNode("div", null, [
+              createVNode(unref(_sfc_main$1), {
+                text: unref(description),
+                "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TOOLTIP_TEXT}`
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Text), {
+                    class: "app-trigger__description",
+                    size: "xs",
+                    "is-truncated": "",
+                    "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TEXT}`
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(description)), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["test-id"])
+                ]),
+                _: 1
+              }, 8, ["text", "data-testid"])
+            ])
+          ], true)
+        ], 2),
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          createVNode(unref(IconButton), {
+            class: "app-trigger__right-icon",
+            theme: "third",
+            "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TRIGGER_BUTTON}`
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Icon), {
+                "font-size": "sm",
+                name: "angle-down"
+              })
+            ]),
+            _: 1
+          }, 8, ["data-testid"])
+        ], true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-180b1bc2"]]);
+
+export { AppTrigger as default };

package/components/appTrigger/index.d.ts

@@ -1,136 +1,61 @@
-declare const AppTriggerTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            loading: boolean;
-            selected: import("../includeExclude/includeExcludeMocks").Application[];
-            options: import("../includeExclude/includeExcludeMocks").Application[];
-            singleAppSelection: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selected: {
-                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "selected" | "options" | "singleAppSelection">;
-        $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<{
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            selected: {
-                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-                default: any;
-            };
-            options: {
-                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-                default: any;
-            };
-            singleAppSelection: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            loading: boolean;
-            selected: import("../includeExclude/includeExcludeMocks").Application[];
-            options: import("../includeExclude/includeExcludeMocks").Application[];
-            singleAppSelection: boolean;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        selected: {
-            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-            default: any;
-        };
-        options: {
-            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-            default: any;
-        };
-        singleAppSelection: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
+    } & {
         default: boolean;
     };
     selected: {
-        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
+    } & {
         default: any;
     };
     options: {
-        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
+    } & {
         default: any;
     };
     singleAppSelection: {
         type: import("vue").PropType<boolean>;
+    } & {
         default: boolean;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
+    } & {
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
+    } & {
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+}>>, {
+    testId: string;
     loading: boolean;
-    selected: import("../includeExclude/includeExcludeMocks").Application[];
-    options: import("../includeExclude/includeExcludeMocks").Application[];
+    selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     singleAppSelection: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        "left-image"?(_: {}): any;
-        "left-icon"?(_: {}): any;
-        title?(_: {}): any;
-        description?(_: {}): any;
-        "right-icon"?(_: {}): any;
-    };
-}))[];
+}>[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/appTrigger/index.vue.js

@@ -0,0 +1,6 @@
+import AppTrigger from './AppTrigger.vue.js';
+export { default as AppTrigger } from './AppTrigger.vue.js';
+
+const AppTriggerTypes = () => [AppTrigger];
+
+export { AppTriggerTypes };

package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -1,80 +1,60 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: () => any[];
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-        default: () => any[];
-    };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-        default: (option: unknown) => string;
-    };
-    handleSearch: {
-        type: import("vue").PropType<(option: any, term: string) => boolean>;
-        default: () => true;
-    };
-    grouped: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: unknown[];
+    selected?: unknown[];
+    placeholder: string;
+    displayValue: (option: unknown) => string;
+    handleSearch?: (option: any, term: string) => boolean;
+    grouped?: boolean;
+    testId?: string;
+}>, {
+    options: () => any[];
+    selected: () => any[];
+    placeholder: string;
+    displayValue: (option: unknown) => string;
+    handleSearch: () => true;
+    grouped: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: () => any[];
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-        default: () => any[];
-    };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-        default: (option: unknown) => string;
-    };
-    handleSearch: {
-        type: import("vue").PropType<(option: any, term: string) => boolean>;
-        default: () => true;
-    };
-    grouped: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: unknown[];
+    selected?: unknown[];
+    placeholder: string;
+    displayValue: (option: unknown) => string;
+    handleSearch?: (option: any, term: string) => boolean;
+    grouped?: boolean;
+    testId?: string;
+}>, {
+    options: () => any[];
+    selected: () => any[];
+    placeholder: string;
+    displayValue: (option: unknown) => string;
+    handleSearch: () => true;
+    grouped: boolean;
+    testId: string;
+}>>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
-    placeholder: string;
+    testId: string;
     selected: unknown[];
     options: unknown[];
+    placeholder: string;
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}>, {
-    "input-option"?(_: {
-        option: unknown;
-    }): any;
-    default?(_: {
-        option: unknown;
-        active: boolean;
-    }): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};