@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.6

package/components/button/v4/index.d.ts

@@ -1,5 +1,6 @@
 import Button from './ButtonV4.vue';
-declare const ButtonTypes: () => ({
+import IconButton from './IconButtonV4.vue';
+declare const ButtonTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -205,5 +206,191 @@ declare const ButtonTypes: () => ({
         default?(_: {}): any;
         loader?(_: {}): any;
     };
-}))[];
-export { Button, ButtonTypes };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            size: "small" | "medium" | "large" | "extraLarge";
+            testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
+            iconName: string;
+            color: "default" | "error" | "primary";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "testId" | "variant" | "disabled" | "iconName" | "color">;
+        $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: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            size: "small" | "medium" | "large" | "extraLarge";
+            testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
+            iconName: string;
+            color: "default" | "error" | "primary";
+        }, {}, 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: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "error" | "primary">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "outlined">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "error" | "primary">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    size: "small" | "medium" | "large" | "extraLarge";
+    testId: string;
+    variant: "default" | "outlined";
+    disabled: boolean;
+    iconName: string;
+    color: "default" | "error" | "primary";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
+export { Button, IconButton, ButtonTypes };

package/components/button/v4/index.js

@@ -1,6 +1,8 @@
-import t from "./ButtonV4.vue.js";
-const n = () => [t];
+import o from "./ButtonV4.vue.js";
+import t from "./IconButtonV4.vue.js";
+const m = () => [o, t];
 export {
-  t as Button,
-  n as ButtonTypes
+  o as Button,
+  m as ButtonTypes,
+  t as IconButton
 };

package/components/dialog/common/Dialog.common.d.ts

@@ -0,0 +1,10 @@
+import { Reason } from './Reason';
+export declare const dialogCommon: (props: any, emit: any) => {
+    visible: import("vue").Ref<boolean>;
+    inlineStyle: import("vue").ComputedRef<{
+        width: any;
+    } | {
+        width?: undefined;
+    }>;
+    handleClose: (reason: Reason) => void;
+};

package/components/dialog/common/Dialog.common.js

@@ -0,0 +1,57 @@
+import { ref as v, computed as y, watch as D } from "vue";
+import { Reason as C } from "./Reason.js";
+import { useTimeoutFn as f } from "@vueuse/core";
+const O = (e, t) => {
+  const l = v(!1);
+  let n, i;
+  const a = (o) => {
+    l.value = !1, t("close", o), t("update:modelValue", !1);
+  }, u = () => {
+    l.value = !0, t("open");
+  }, c = (o) => {
+    if (n?.(), i?.(), e.closeDelay && e.closeDelay > 0) {
+      ({ stop: i } = f(
+        () => a(o),
+        e.closeDelay
+      ));
+      return;
+    }
+    a(o);
+  }, s = () => {
+    if (i?.(), n?.(), e.openDelay && e.openDelay > 0) {
+      ({ stop: n } = f(() => u(), e.openDelay));
+      return;
+    }
+    u();
+  }, d = y(
+    () => e.width ? { width: e.width } : {}
+  );
+  D(
+    () => e.modelValue,
+    (o) => {
+      if (o) {
+        s();
+        return;
+      }
+      l.value && c(C.Other);
+    }
+  );
+  function r(o) {
+    function m(h) {
+      h || (t("close", o), l.value = !1);
+    }
+    if (e.beforeClose) {
+      e.beforeClose(m);
+      return;
+    }
+    c(o);
+  }
+  return {
+    visible: l,
+    inlineStyle: d,
+    handleClose: r
+  };
+};
+export {
+  O as dialogCommon
+};

package/components/dialog/{Dialog.vue.d.ts → v3/Dialog.vue.d.ts}

@@ -1,4 +1,4 @@
-import { Reason } from '@/components/dialog/Reason';
+import { Reason } from '@/components/dialog/common/Reason';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     appendToBody?: boolean;
     content?: string;

package/components/dialog/v3/Dialog.vue.js

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

package/components/dialog/v3/Dialog.vue2.js

@@ -0,0 +1,137 @@
+ import "../../../Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css"; import { defineComponent as E, useCssVars as N, openBlock as s, createBlock as m, Teleport as w, createVNode as r, Transition as D, withCtx as n, unref as t, normalizeClass as f, createElementVNode as i, normalizeStyle as R, withKeys as A, renderSlot as u, createTextVNode as $, toDisplayString as h, createCommentVNode as l, createElementBlock as y } from "vue";
+import { UseFocusTrap as S } from "@vueuse/integrations/useFocusTrap/component";
+import k from "../../typography/Text.vue.js";
+import { NOOP as T } from "@vue/shared";
+import { Reason as B } from "../common/Reason.js";
+import "../../button/v3/Button.vue.js";
+import V from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import g from "../../icon/v3/Icon.vue.js";
+import { DialogTestIdModifiers as o } from "../../../testids/index.js";
+import { dialogCommon as P } from "../common/Dialog.common.js";
+const z = ["data-testid"], p = ["data-testid"], K = ["data-testid"], F = ["data-testid"], H = { class: "placeholder" }, U = {
+  key: 1,
+  class: "footer"
+}, W = ["data-testid"], x = ["data-testid"], ee = /* @__PURE__ */ E({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: I }) {
+    const O = e;
+    N((d) => ({
+      "639c24b4": e.width
+    }));
+    const { visible: b, inlineStyle: v, handleClose: c } = P(O, I);
+    return (d, a) => (s(), m(w, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      r(D, null, {
+        default: n(() => [
+          t(b) ? (s(), m(t(S), {
+            key: 0,
+            class: f(["container", e.themeClass])
+          }, {
+            default: n(() => [
+              i("div", {
+                class: "modal",
+                style: R(t(v)),
+                "data-testid": `${e.testId}-${t(o).WRAPPER}`,
+                onKeydown: a[1] || (a[1] = A((C) => e.escapeToClose ? t(c)(t(B).Escape) : t(T)(), ["esc"]))
+              }, [
+                i("header", {
+                  class: f(["header", { "header--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).HEADER}`
+                }, [
+                  e.headerBorder ? u(d.$slots, "header", { key: 0 }, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : l("", !0),
+                  e.showCloseButton ? (s(), m(t(V), {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    "data-testid": `${e.testId}-${t(o).ACTION_CLOSE}`,
+                    onClick: a[0] || (a[0] = (C) => t(c)(t(B).CloseButton))
+                  }, {
+                    default: n(() => [
+                      r(g, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data-testid"])) : l("", !0)
+                ], 10, p),
+                e.headerBorder ? l("", !0) : (s(), y("div", {
+                  key: 0,
+                  class: "header--secondary",
+                  "data-testid": `${e.testId}-${t(o).HEADER_SECONDARY}`
+                }, [
+                  u(d.$slots, "header", {}, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ], 8, K)),
+                i("div", {
+                  class: f(["content", { "content--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).CONTENT}`
+                }, [
+                  u(d.$slots, "default", {}, () => [
+                    i("div", H, h(e.content), 1)
+                  ], !0)
+                ], 10, F),
+                d.$slots.footer ? (s(), y("footer", U, [
+                  i("div", {
+                    class: "action-buttons",
+                    "data-testid": `${e.testId}-${t(o).ACTION_BUTTONS_WRAPPER}`
+                  }, [
+                    u(d.$slots, "footer", {}, void 0, !0)
+                  ], 8, W)
+                ])) : l("", !0)
+              ], 44, z),
+              e.showBackdrop ? (s(), y("div", {
+                key: 0,
+                class: "backdrop",
+                "data-testid": `${e.testId}-${t(o).BACKDROP}`,
+                onClick: a[2] || (a[2] = (C) => e.closeOnClickOutside ? t(c)(t(B).Backdrop) : t(T)())
+              }, null, 8, x)) : l("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : l("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  ee as default
+};

package/components/dialog/{index.d.ts → v3/index.d.ts}

@@ -79,7 +79,7 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: import("./Reason").Reason) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
             onOpen?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "width" | "testId" | "content" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
@@ -94,7 +94,7 @@ declare const DialogTypes: () => ({
         }>;
         $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: "close", reason: import("./Reason").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
+        $emit: ((event: "close", reason: import("../common/Reason").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -158,13 +158,13 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: import("./Reason").Reason) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
             onOpen?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
             open: () => void;
-            close: (reason: import("./Reason").Reason) => void;
+            close: (reason: import("../common/Reason").Reason) => void;
         }, string, {
             title: string;
             themeClass: string;
@@ -262,7 +262,7 @@ declare const DialogTypes: () => ({
             default: boolean;
         };
     }>> & {
-        onClose?: (reason: import("./Reason").Reason) => any;
+        onClose?: (reason: import("../common/Reason").Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
         onOpen?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -331,13 +331,13 @@ declare const DialogTypes: () => ({
         default: boolean;
     };
 }>> & {
-    onClose?: (reason: import("./Reason").Reason) => any;
+    onClose?: (reason: import("../common/Reason").Reason) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
     onOpen?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
-    close: (reason: import("./Reason").Reason) => void;
+    close: (reason: import("../common/Reason").Reason) => void;
 }, string, {
     title: string;
     themeClass: string;
@@ -362,4 +362,4 @@ declare const DialogTypes: () => ({
 }))[];
 export { default as Dialog } from './Dialog.vue';
 export { DialogTypes };
-export * from './Reason';
+export * from '../common/Reason';

package/components/dialog/v3/index.js

@@ -0,0 +1,8 @@
+import o from "./Dialog.vue.js";
+import { Reason as a } from "../common/Reason.js";
+const e = () => [o];
+export {
+  o as Dialog,
+  e as DialogTypes,
+  a as Reason
+};

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -0,0 +1,109 @@
+import { Reason } from '@/components/dialog/common/Reason';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    content?: string;
+    title?: string;
+    subtitle?: string;
+    appendToBody?: boolean;
+    size?: "small" | "medium" | "extraSmall";
+    showBackdrop?: boolean;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    closeOnClickOutside?: boolean;
+    beforeClose?: (show: () => void) => void;
+    showCloseButton?: boolean;
+    testId?: string;
+}>, {
+    content: any;
+    title: string;
+    subtitle: string;
+    size: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    escapeToClose: boolean;
+    beforeClose: any;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: (reason: Reason) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    content?: string;
+    title?: string;
+    subtitle?: string;
+    appendToBody?: boolean;
+    size?: "small" | "medium" | "extraSmall";
+    showBackdrop?: boolean;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    closeOnClickOutside?: boolean;
+    beforeClose?: (show: () => void) => void;
+    showCloseButton?: boolean;
+    testId?: string;
+}>, {
+    content: any;
+    title: string;
+    subtitle: string;
+    size: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    escapeToClose: boolean;
+    beforeClose: any;
+    testId: string;
+}>>> & {
+    onClose?: (reason: Reason) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onOpen?: () => any;
+}, {
+    title: string;
+    size: "small" | "medium" | "extraSmall";
+    testId: string;
+    content: string;
+    subtitle: string;
+    appendToBody: boolean;
+    closeDelay: number;
+    openDelay: number;
+    escapeToClose: boolean;
+    showBackdrop: boolean;
+    closeOnClickOutside: boolean;
+    beforeClose: (show: () => void) => void;
+    showCloseButton: boolean;
+}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dialog/v4/DialogV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./DialogV4.vue2.js";
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c0c12287_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c0c12287"]]);
+export {
+  t as default
+};