@ironsource/shared-ui 1.4.2-test.9 → 1.4.2-vite.1

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,42 +1,6 @@
-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/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-76680bfa"]]);
-
-export { GroupOption as default };
+import o from "./GroupOption.vue2.js";
+/* empty css                  */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ca2cd83"]]);
+export {
+  c as default
+};

package/components/autocompleteDropdown/GroupOption.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as u, ref as m, onMounted as f, onUnmounted as l, openBlock as d, createElementBlock as a, withModifiers as c, unref as o, createVNode as _, withCtx as O, renderSlot as g } from "vue";
+import { NOOP as n } from "@vue/shared";
+/* empty css                          */import k from "../typography/Text.vue.js";
+import { useDropdownContext as x } from "../dropdown/DropdownContext.js";
+import { useId as C } from "../../composables/useId.js";
+const y = /* @__PURE__ */ u({
+  __name: "GroupOption",
+  setup(v) {
+    const e = x("GroupOption"), t = C().value, i = m(null);
+    return f(() => e.registerOption(t, !0, !1)), l(() => e.unRegisterOption(t)), (p, r) => (d(), a("div", {
+      ref_key: "el",
+      ref: i,
+      class: "group-option",
+      onClick: r[0] || (r[0] = c(
+        //@ts-ignore
+        (...s) => o(n) && o(n)(...s),
+        ["stop"]
+      ))
+    }, [
+      _(o(k), {
+        size: "md",
+        strong: ""
+      }, {
+        default: O(() => [
+          g(p.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+});
+export {
+  y as default
+};

package/components/autocompleteDropdown/consts.js

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

package/components/autocompleteDropdown/index.d.ts

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

package/components/autocompleteDropdown/index.js

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

package/components/autocompleteDropdown/useKeyboardNavigation.js

@@ -0,0 +1,52 @@
+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
+}) => {
+  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)
+      return -1;
+    r(v.value) ? e.value += 1 : e.value += 2;
+  }, p = () => {
+    if (e.value < 0)
+      return -1;
+    r(f.value) ? e.value -= 1 : e.value -= 2;
+  }, w = () => {
+    !o.value || !r(o.value) || n(o.value);
+  };
+  l(u, () => {
+    e.value = -1;
+  }), l(e, () => {
+    const a = e.value - 5;
+    a >= 0 && c(a);
+  });
+  function k(a) {
+    switch (a.key) {
+      case "ArrowUp": {
+        p(), a.preventDefault(), a.stopPropagation();
+        break;
+      }
+      case "ArrowDown": {
+        d(), a.preventDefault(), a.stopPropagation();
+        break;
+      }
+      case "Enter": {
+        w(), a.preventDefault();
+        break;
+      }
+    }
+  }
+  return {
+    isFocused: i,
+    keyDownHandler: k
+  };
+};
+export {
+  g as useKeyboardNavigation
+};

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

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

package/components/banner/Banner.vue.js

@@ -1,58 +1,6 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-32b00538"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
-const _hoisted_2 = { class: "content-wrapper" };
-const _hoisted_3 = { class: "icon-container" };
-const _hoisted_4 = { class: "content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    },
-    iconSize: {
-      type: String,
-      default: "md"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconClass = computed(() => `${props.type}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["banner", `banner-type-${__props.type}`])
-      }, [
-        _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
-              class: normalizeClass(unref(iconClass))
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              name: unref(iconClass),
-              class: normalizeClass(unref(iconClass)),
-              "font-size": __props.iconSize
-            }, null, 8, ["name", "class", "font-size"]))
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])
-        ])
-      ], 2);
-    };
-  }
-});
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32b00538"]]);
-
-export { Banner as default };
+import o from "./Banner.vue2.js";
+/* empty css             */import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e5deda81"]]);
+export {
+  m as default
+};

package/components/banner/Banner.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent as p, computed as u, openBlock as c, createElementBlock as f, normalizeClass as a, createElementVNode as o, createBlock as i, unref as t, withCtx as m, renderSlot as l, pushScopeId as _, popScopeId as h } from "vue";
+import r from "../icon/Icon.vue.js";
+const v = (e) => (_("data-v-e5deda81"), e = e(), h(), e), y = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "left-border" }, null, -1)), S = { class: "content-wrapper" }, k = { class: "icon-container" }, z = { class: "content" }, I = /* @__PURE__ */ p({
+  __name: "Banner",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    iconSize: {
+      type: String,
+      default: "sm"
+    }
+  },
+  setup(e) {
+    const d = e, n = u(() => `${d.type}`);
+    return (s, $) => (c(), f("div", {
+      class: a(["banner", `banner-type-${e.type}`])
+    }, [
+      y,
+      o("div", S, [
+        o("div", k, [
+          s.$slots.icon ? (c(), i(t(r), {
+            key: 0,
+            class: a(t(n))
+          }, {
+            default: m(() => [
+              l(s.$slots, "icon", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : (c(), i(t(r), {
+            key: 1,
+            name: t(n),
+            class: a(t(n)),
+            "font-size": e.iconSize
+          }, null, 8, ["name", "class", "font-size"]))
+        ]),
+        o("div", z, [
+          l(s.$slots, "default", {}, void 0, !0)
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/components/banner/index.d.ts

@@ -1,24 +1,95 @@
-declare const BannerTypes: () => import("vue").DefineComponent<{
+declare const BannerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "error" | "info" | "success" | "warning";
+            iconSize: "sm" | "md" | "lg";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: () => "error" | "info" | "success" | "warning";
+                default: string;
+            };
+            iconSize: {
+                type: () => "sm" | "md" | "lg";
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "iconSize">;
+        $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<{
+            type: {
+                type: () => "error" | "info" | "success" | "warning";
+                default: string;
+            };
+            iconSize: {
+                type: () => "sm" | "md" | "lg";
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            type: "error" | "info" | "success" | "warning";
+            iconSize: "sm" | "md" | "lg";
+        }, {}, 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<{
+        type: {
+            type: () => "error" | "info" | "success" | "warning";
+            default: string;
+        };
+        iconSize: {
+            type: () => "sm" | "md" | "lg";
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: () => "error" | "info" | "success" | "warning";
         default: string;
     };
     iconSize: {
-        type: () => "md" | "sm" | "lg";
+        type: () => "sm" | "md" | "lg";
         default: string;
     };
-}, {}, 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";
-        default: string;
-    };
-    iconSize: {
-        type: () => "md" | "sm" | "lg";
-        default: string;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "error" | "info" | "success" | "warning";
-    iconSize: "md" | "sm" | "lg";
-}>[];
+    iconSize: "sm" | "md" | "lg";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+}))[];
 export { default as Banner } from './Banner.vue';
 export { BannerTypes };

package/components/banner/index.js

@@ -0,0 +1,6 @@
+import n from "./Banner.vue.js";
+const e = () => [n];
+export {
+  n as Banner,
+  e as BannerTypes
+};