@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

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

@@ -1,5 +1,4 @@
-declare function focusInput(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
@@ -10,9 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placeholder: string;
     testId: string;
 }>, {
-    focusInput: typeof focusInput;
+    focusInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (option: unknown) => void;
+} & {
     search: (searchQuery: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value: unknown[];
@@ -32,10 +32,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     placeholder: string;
     displayValue: (option: unknown) => string;
-}>, {
-    option?(_: {
-        option: unknown;
-    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -48,15 +44,7 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? 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;
-    };
+    } : P[K];
 };

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+import Icon from '../icon/v3/Icon.vue.js';
+import Text from '../typography/Text.vue.js';
+import { useDropdownContext } from '../dropdown/common/DropdownContext.vue.js';
+import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
+import { AutocompleteInputTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid", "onClick"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["value", "placeholder", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AutocompleteInput",
+  props: {
+    value: { default: () => [] },
+    displayValue: { type: Function, default: (option) => option.toString() },
+    placeholder: { default: DEFAULT_PLACEHOLDER },
+    testId: { default: "" }
+  },
+  emits: ["remove", "search"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const api = useDropdownContext("autocompleteInput");
+    const inputEl = ref(null);
+    const isOpen = computed(() => api.open.value);
+    const getOptionLabel = (option) => props.displayValue(option);
+    function onContainerClick() {
+      api.toggle(true);
+      focusInput();
+    }
+    const onSearch = (event) => {
+      const { value } = event.target;
+      api.toggle(true);
+      api.search(value);
+    };
+    function removeOption(option) {
+      emit("remove", option);
+      if (isOpen.value) {
+        focusInput();
+      }
+    }
+    watch(api.query, (value) => {
+      emit("search", value);
+    });
+    function focusInput() {
+      inputEl.value?.focus();
+    }
+    expose({
+      focusInput
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
+        "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).WRAPPER}`,
+        onClick: withModifiers(onContainerClick, ["stop"])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SELECTED_OPTION}-${index}`,
+            class: "autocomplete-input__option"
+          }, [
+            renderSlot(_ctx.$slots, "option", { option }, () => [
+              createVNode(Text, {
+                size: "sm",
+                "is-truncated": ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getOptionLabel(option)), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], true),
+            createVNode(unref(Icon), {
+              class: "autocomplete-input__close-icon",
+              name: "close-bold",
+              "font-size": "sm",
+              onClick: withModifiers(($event) => removeOption(option), ["stop"])
+            }, null, 8, ["onClick"])
+          ], 8, _hoisted_2);
+        }), 128)),
+        createElementVNode("input", {
+          ref_key: "inputEl",
+          ref: inputEl,
+          class: "autocomplete-input__search-field",
+          type: "text",
+          value: unref(api).query.value,
+          placeholder: __props.placeholder,
+          "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SEARCH_FIELD}`,
+          onInput: onSearch
+        }, null, 40, _hoisted_3)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-169f694c"]]);
+
+export { AutocompleteInput as default };

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

@@ -1,9 +1,2 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
-    default?(_: {}): any;
-}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
+import { NOOP } from '@vue/shared';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { useDropdownContext } from '../dropdown/common/DropdownContext.vue.js';
+import { useId } from '../../composables/useId.vue.js';
+/* empty css                                                             */
+import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupOption",
+  setup(__props) {
+    const api = useDropdownContext("GroupOption");
+    const id = useId().value;
+    const el = ref(null);
+    onMounted(() => api.registerOption(id, true, false));
+    onUnmounted(() => api.unRegisterOption(id));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: "group-option",
+        onClick: _cache[0] || (_cache[0] = withModifiers(
+          (...args) => unref(NOOP) && unref(NOOP)(...args),
+          ["stop"]
+        ))
+      }, [
+        createVNode(unref(Text), {
+          size: "md",
+          strong: ""
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        })
+      ], 512);
+    };
+  }
+});
+var GroupOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52c8859b"]]);
+
+export { GroupOption as default };

package/components/autocompleteDropdown/consts.vue.js

@@ -1,5 +1,4 @@
-const _ = "Add item...", O = "__IS_GROUP";
-export {
-  _ as DEFAULT_PLACEHOLDER,
-  O as GROUP_OPTION_FLAG
-};
+const DEFAULT_PLACEHOLDER = "Add item...";
+const GROUP_OPTION_FLAG = "__IS_GROUP";
+
+export { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG };

package/components/autocompleteDropdown/index.d.ts

@@ -1,202 +1,86 @@
-declare const AutocompleteDropdownTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            testId: string;
-            selected: unknown[];
-            options: unknown[];
-            placeholder: string;
-            displayValue: (option: unknown) => string;
-            handleSearch: (option: any, term: string) => boolean;
-            grouped: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                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[];
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            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;
-            };
-        }>> & {
-            "onUpdate:selected"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "placeholder" | "displayValue" | "handleSearch" | "grouped">;
-        $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;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                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[];
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            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;
-            };
-        }>> & {
-            "onUpdate:selected"?: (value: unknown) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:selected": (value: unknown) => void;
-        }, string, {
-            testId: string;
-            selected: unknown[];
-            options: unknown[];
-            placeholder: string;
-            displayValue: (option: unknown) => string;
-            handleSearch: (option: any, term: string) => boolean;
-            grouped: 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<{
-        testId: {
-            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[];
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        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;
-        };
-    }>> & {
-        "onUpdate:selected"?: (value: unknown) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
     testId: {
         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[];
     };
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
+    } & {
         default: string;
     };
     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;
     };
-}>> & {
-    "onUpdate:selected"?: (value: unknown) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
-}, string, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        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[];
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    } & {
+        default: string;
+    };
+    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;
+    };
+}>> & {
+    "onUpdate:selected"?: (value: unknown) => any;
+}, {
     testId: string;
     selected: unknown[];
     options: unknown[];
@@ -204,16 +88,6 @@ declare const AutocompleteDropdownTypes: () => ({
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        "input-option"?(_: {
-            option: unknown;
-        }): any;
-        default?(_: {
-            option: any;
-            active: boolean;
-        }): any;
-    };
-}))[];
+}>[];
 export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue';
 export { AutocompleteDropdownTypes };

package/components/autocompleteDropdown/index.vue.js

@@ -1,6 +1,6 @@
-import o from "./AutocompleteDropdown.vue.vue.js";
-const t = () => [o];
-export {
-  o as AutocompleteDropdown,
-  t as AutocompleteDropdownTypes
-};
+import AutocompleteDropdown from './AutocompleteDropdown.vue.js';
+export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue.js';
+
+const AutocompleteDropdownTypes = () => [AutocompleteDropdown];
+
+export { AutocompleteDropdownTypes };

package/components/autocompleteDropdown/useKeyboardNavigation.vue.js

@@ -1,52 +1,79 @@
-import { ref as D, computed as t, watch as l, toRaw as s } from "vue";
-const g = ({
-  options: u,
-  canFocus: r,
-  scrollTo: c,
-  selectItem: n
+import { ref, computed, watch, toRaw } from 'vue';
+
+const useKeyboardNavigation = ({
+  options,
+  canFocus,
+  scrollTo,
+  selectItem
 }) => {
-  const e = D(-1), o = t(() => u.value[e.value]), v = t(
-    () => u.value[e.value + 1]
-  ), f = t(
-    () => u.value[e.value - 1]
-  ), i = (a) => s(a) === s(o.value), d = () => {
-    if (e.value > u.value.length - 1)
+  const focusedIndex = ref(-1);
+  const focusedOption = computed(() => options.value[focusedIndex.value]);
+  const optionAfterFocused = computed(
+    () => options.value[focusedIndex.value + 1]
+  );
+  const optionBeforeFocused = computed(
+    () => options.value[focusedIndex.value - 1]
+  );
+  const isFocused = (option) => {
+    return toRaw(option) === toRaw(focusedOption.value);
+  };
+  const focusNext = () => {
+    if (focusedIndex.value > options.value.length - 1)
       return -1;
-    r(v.value) ? e.value += 1 : e.value += 2;
-  }, p = () => {
-    if (e.value < 0)
+    if (!canFocus(optionAfterFocused.value)) {
+      focusedIndex.value += 2;
+    } else {
+      focusedIndex.value += 1;
+    }
+  };
+  const focusPrev = () => {
+    if (focusedIndex.value < 0)
       return -1;
-    r(f.value) ? e.value -= 1 : e.value -= 2;
-  }, w = () => {
-    !o.value || !r(o.value) || n(o.value);
+    if (!canFocus(optionBeforeFocused.value)) {
+      focusedIndex.value -= 2;
+    } else {
+      focusedIndex.value -= 1;
+    }
   };
-  l(u, () => {
-    e.value = -1;
-  }), l(e, () => {
-    const a = e.value - 5;
-    a >= 0 && c(a);
+  const selectFocused = () => {
+    if (!focusedOption.value || !canFocus(focusedOption.value))
+      return;
+    selectItem(focusedOption.value);
+  };
+  watch(options, () => {
+    focusedIndex.value = -1;
+  });
+  watch(focusedIndex, () => {
+    const scrollToIndex = focusedIndex.value - 5;
+    if (scrollToIndex >= 0) {
+      scrollTo(scrollToIndex);
+    }
   });
-  function k(a) {
-    switch (a.key) {
+  function keyDownHandler(event) {
+    switch (event.key) {
       case "ArrowUp": {
-        p(), a.preventDefault(), a.stopPropagation();
+        focusPrev();
+        event.preventDefault();
+        event.stopPropagation();
         break;
       }
       case "ArrowDown": {
-        d(), a.preventDefault(), a.stopPropagation();
+        focusNext();
+        event.preventDefault();
+        event.stopPropagation();
         break;
       }
       case "Enter": {
-        w(), a.preventDefault();
+        selectFocused();
+        event.preventDefault();
         break;
       }
     }
   }
   return {
-    isFocused: i,
-    keyDownHandler: k
+    isFocused,
+    keyDownHandler
   };
 };
-export {
-  g as useKeyboardNavigation
-};
+
+export { useKeyboardNavigation };

package/components/banner/Banner.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     type: {
-        type: () => "error" | "info" | "success" | "warning";
+        type: () => 'success' | 'error' | 'info' | 'warning';
         default: string;
     };
     iconSize: {
-        type: () => "sm" | "md" | "lg";
+        type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
     testId: {
@@ -13,11 +13,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: () => "error" | "info" | "success" | "warning";
+        type: () => 'success' | 'error' | 'info' | 'warning';
         default: string;
     };
     iconSize: {
-        type: () => "sm" | "md" | "lg";
+        type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
     testId: {
@@ -27,14 +27,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     type: "error" | "info" | "success" | "warning";
     testId: string;
-    iconSize: "sm" | "md" | "lg";
-}>, {
-    icon?(_: {}): any;
-    default?(_: {}): any;
+    iconSize: "md" | "sm" | "lg";
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};