@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.3

package/components/tooltip/Tooltip.vue.d.ts

@@ -1,61 +1,89 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    text?: string;
-    header?: string;
-    delay?: number;
-    triggers?: ("hover" | "click" | "focus" | "touch")[];
-    forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    theme?: string;
-    disabled?: boolean;
-}>, {
-    text: any;
-    header: any;
-    delay: number;
-    triggers: () => string[];
-    forceShowWithTruncate: boolean;
-    placement: string;
-    theme: string;
-    disabled: boolean;
-}>, {}, 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<{
-    text?: string;
-    header?: string;
-    delay?: number;
-    triggers?: ("hover" | "click" | "focus" | "touch")[];
-    forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    theme?: string;
-    disabled?: boolean;
-}>, {
-    text: any;
-    header: any;
-    delay: number;
-    triggers: () => string[];
-    forceShowWithTruncate: boolean;
-    placement: string;
-    theme: string;
-    disabled: boolean;
-}>>>, {
+type TooltipPositions = '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';
+type Triggers = 'hover' | 'click' | 'focus' | 'touch';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    delay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    triggers: {
+        type: import("vue").PropType<Triggers[]>;
+        default: () => string[];
+    };
+    forceShowWithTruncate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placement: {
+        type: import("vue").PropType<TooltipPositions>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    delay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    triggers: {
+        type: import("vue").PropType<Triggers[]>;
+        default: () => string[];
+    };
+    forceShowWithTruncate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placement: {
+        type: import("vue").PropType<TooltipPositions>;
+        default: string;
+    };
+}>>, {
     header: string;
     text: string;
     theme: string;
+    disabled: boolean;
     delay: number;
-    triggers: ("hover" | "click" | "focus" | "touch")[];
+    triggers: Triggers[];
     forceShowWithTruncate: boolean;
-    placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    disabled: boolean;
+    placement: TooltipPositions;
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {
+        text: any;
+    }): 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-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/tooltip/Tooltip.vue.js

@@ -1,97 +1,80 @@
-import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
-import TextWithTitleContent from './TextWithTitleContent.vue.js';
-/* empty css                                                                     */import Text from '../typography/Text.vue.js';
-import { Tooltip } from 'floating-vue';
-/* empty css                                             */
-import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as y, ref as r, useSlots as v, watch as f, openBlock as i, createBlock as d, unref as h, mergeProps as w, withCtx as u, renderSlot as m, createTextVNode as g, toDisplayString as T, createElementVNode as S, nextTick as k } from "vue";
+import { Tooltip as W } from "floating-vue";
+import "../typography/Heading.vue2.js";
+import b from "../typography/Text.vue.js";
+import B from "./TextWithTitleContent.vue2.js";
+const N = /* @__PURE__ */ y({
   __name: "Tooltip",
   props: {
     text: { default: null },
     header: { default: null },
     delay: { default: 0 },
     triggers: { default: () => ["hover"] },
-    forceShowWithTruncate: { type: Boolean, default: false },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
     placement: { default: "top" },
     theme: { default: "default" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const props = __props;
-    const showTooltip = ref(false);
-    const textForDisplay = ref(null);
-    const container = ref(null);
-    const slots = useSlots();
-    const getText = () => showTooltip.value ? props.text : null;
-    const checkShouldShowTooltip = async () => {
-      showTooltip.value = true;
-      await nextTick();
-      if (!props.forceShowWithTruncate) {
-        const slotElement = container.value?.children && container.value.children[0];
-        const textOverflow = slotElement && window.getComputedStyle(slotElement, null).getPropertyValue("text-overflow");
-        if (textOverflow === "ellipsis") {
-          showTooltip.value = slotElement.offsetWidth < slotElement.scrollWidth;
-        }
+  setup(e) {
+    const a = e, o = r(!1), l = r(null), n = r(null), p = v(), s = () => o.value ? a.text : null, c = async () => {
+      if (o.value = !0, await k(), !a.forceShowWithTruncate) {
+        const t = n.value?.children && n.value.children[0];
+        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (o.value = t.offsetWidth < t.scrollWidth);
       }
     };
-    watch(
-      () => props.text,
+    return f(
+      () => a.text,
       async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
+        await c(), l.value = s();
       },
-      { immediate: true }
-    );
-    watch(
-      () => slots.default,
+      { immediate: !0 }
+    ), f(
+      () => p.default,
       async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
+        await c(), l.value = s();
       },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: __props.theme,
-        "no-auto-focus": "",
-        triggers: __props.triggers,
-        delay: { show: __props.delay, hide: 0 },
-        placement: __props.placement,
-        disabled: __props.disabled || __props.text && !textForDisplay.value,
-        "auto-hide": ""
-      }), {
-        popper: withCtx(() => [
-          renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !__props.header ? (openBlock(), createBlock(unref(Text), {
-              key: 0,
-              size: "sm",
-              "is-truncated": false,
-              strong: ""
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(textForDisplay.value), 1)
-              ]),
-              _: 1
-            })) : (openBlock(), createBlock(TextWithTitleContent, {
-              key: 1,
-              text: __props.text,
-              header: __props.header
-            }, null, 8, ["text", "header"]))
-          ])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "container",
-            ref: container,
-            class: "container"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 512)
-        ]),
-        _: 3
-      }, 16, ["theme", "triggers", "delay", "placement", "disabled"]);
-    };
+      { immediate: !0 }
+    ), (t, x) => (i(), d(h(W), w(t.$props, {
+      theme: e.theme,
+      "no-auto-focus": "",
+      triggers: e.triggers,
+      delay: { show: e.delay, hide: 0 },
+      placement: e.placement,
+      disabled: e.disabled || e.text && !l.value,
+      "auto-hide": ""
+    }), {
+      popper: u(() => [
+        m(t.$slots, "tooltip", { text: l.value }, () => [
+          e.header ? (i(), d(B, {
+            key: 1,
+            text: e.text,
+            header: e.header
+          }, null, 8, ["text", "header"])) : (i(), d(h(b), {
+            key: 0,
+            size: "sm",
+            "is-truncated": !1,
+            strong: ""
+          }, {
+            default: u(() => [
+              g(T(l.value), 1)
+            ]),
+            _: 1
+          }))
+        ])
+      ]),
+      default: u(() => [
+        S("div", {
+          ref_key: "container",
+          ref: n,
+          class: "container"
+        }, [
+          m(t.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled"]));
   }
 });
-
-export { _sfc_main as default };
+export {
+  N as default
+};

package/components/tooltip/Tooltip.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/components/tooltip/Tooltip.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Tooltip.vue.js";
+import "./Tooltip.vue2.js";
+export {
+  o as default
+};

package/components/tooltip/index.d.ts

@@ -1,94 +1,211 @@
-declare const TooltipTypes: () => import("vue").DefineComponent<{
+declare const TooltipTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            header: string;
+            text: string;
+            theme: string;
+            disabled: boolean;
+            delay: number;
+            triggers: ("hover" | "click" | "focus" | "touch")[];
+            forceShowWithTruncate: boolean;
+            placement: "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";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            triggers: {
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                default: () => string[];
+            };
+            forceShowWithTruncate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "delay" | "triggers" | "forceShowWithTruncate" | "placement">;
+        $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<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            triggers: {
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                default: () => string[];
+            };
+            forceShowWithTruncate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            header: string;
+            text: string;
+            theme: string;
+            disabled: boolean;
+            delay: number;
+            triggers: ("hover" | "click" | "focus" | "touch")[];
+            forceShowWithTruncate: boolean;
+            placement: "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";
+        }, {}, 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<{
+        header: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        text: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        delay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        triggers: {
+            type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+            default: () => string[];
+        };
+        forceShowWithTruncate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import("vue").PropType<"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">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     header: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     text: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     theme: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    delay: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    triggers: {
-        type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
-    } & {
-        default: () => string[];
-    };
-    forceShowWithTruncate: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    placement: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-    } & {
         default: string;
     };
     disabled: {
         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<{
-    header: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    theme: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
     delay: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     triggers: {
         type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
-    } & {
         default: () => string[];
     };
     forceShowWithTruncate: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-    } & {
+        type: import("vue").PropType<"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">;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     header: string;
     text: string;
     theme: string;
+    disabled: boolean;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;
-    placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    disabled: boolean;
-}>[];
+    placement: "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";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {
+            text: any;
+        }): any;
+    };
+}))[];
 export { default as Tooltip } from './Tooltip.vue';
 export { TooltipTypes };

package/components/tooltip/index.js

@@ -0,0 +1,7 @@
+import o from "./Tooltip.vue.js";
+import "./Tooltip.vue2.js";
+const i = () => [o];
+export {
+  o as Tooltip,
+  i as TooltipTypes
+};

package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts

@@ -1,15 +1,19 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    args: unknown;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    args: unknown;
-}>>>, {}>;
-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]>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    args: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    args: {
+        type: import("vue").PropType<unknown>;
         required: true;
     };
+}>>, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };