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

package/components/button/v3/Button.vue.js

@@ -1,102 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, createSlots, withCtx, createElementVNode, normalizeClass, createBlock, createCommentVNode } from 'vue';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-import Icon from '../../icon/v3/Icon.vue.js';
-import { sizeToFont, iconSizeMap } from '../consts.vue.js';
-import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
-/* empty css                                                        */
-import "../../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: false },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: true },
-    leftIconName: { default: null },
-    rightIconName: { default: null },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderWidthLargeInPixel = 32;
-    const loaderWidthMedSmallInPixel = 24;
-    const loaderWidth = computed(
-      () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
-    );
-    const textSize = computed(() => sizeToFont[props.size]);
-    const computedIconWidth = computed(() => `${iconSizeMap[props.size]}px`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        class: [[
-          __props.size,
-          __props.theme,
-          __props.variant,
-          { loading: __props.loading },
-          {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
-          }
-        ], "button-wrap"],
-        "data-testid": props.testId
-      }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createVNode(unref(Text), {
-              size: unref(textSize),
-              strong: __props.strong,
-              class: "content"
-            }, createSlots({
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  class: normalizeClass({
-                    flex: __props.leftIconName || __props.rightIconName
-                  })
-                }, [
-                  __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 0,
-                    name: __props.leftIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true),
-                  __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 1,
-                    name: __props.rightIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
-                ], 2)
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.loader ? {
-                name: "loader",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "loader", {}, void 0, true)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["size", "strong"])
-          ], true)
-        ])) : createCommentVNode("", true),
-        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderWidth),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderDotsIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ], true) : createCommentVNode("", true)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-642d0dc0"]]);
-
-export { Button as default };
+import o from "./Button.vue2.js";
+/* empty css             */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Button.vue_vue_type_style_index_0_scoped_d7977f86_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7977f86"]]);
+export {
+  p as default
+};

package/components/button/v3/Button.vue2.js

@@ -0,0 +1,91 @@
+ import "../../../Button.vue_vue_type_style_index_0_scoped_d7977f86_lang.css"; import { defineComponent as N, computed as d, openBlock as a, createElementBlock as f, mergeProps as y, renderSlot as l, createVNode as s, unref as t, createSlots as k, withCtx as r, createElementVNode as B, normalizeClass as $, createBlock as u, createCommentVNode as i } from "vue";
+import "../../typography/Heading.vue.js";
+import v from "../../typography/Text.vue.js";
+import m from "../../icon/Icon.vue.js";
+import { sizeToFont as x, iconSizeMap as S } from "../consts.js";
+import w from "../icon/LoaderDotsIcon.vue.js";
+const C = ["data-testid"], W = { key: 0 }, D = /* @__PURE__ */ N({
+  __name: "Button",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" },
+    theme: { default: "primary" },
+    loading: { type: Boolean, default: !1 },
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean, default: !0 },
+    leftIconName: { default: null },
+    rightIconName: { default: null },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const n = e, g = 32, h = 24, z = d(
+      () => n.size === "lg" ? g + "px" : h + "px"
+    ), I = d(() => x[n.size]), c = d(() => `${S[n.size]}px`);
+    return (o, P) => (a(), f("button", y({
+      class: [[
+        e.size,
+        e.theme,
+        e.variant,
+        { loading: e.loading },
+        {
+          "with-left-icon": !!e.leftIconName,
+          "with-right-icon": !!e.rightIconName
+        }
+      ], "button-wrap"],
+      "data-testid": n.testId
+    }, o.$attrs), [
+      e.loading ? i("", !0) : (a(), f("span", W, [
+        l(o.$slots, "content", {}, () => [
+          s(t(v), {
+            size: t(I),
+            strong: e.strong,
+            class: "content"
+          }, k({
+            default: r(() => [
+              B("div", {
+                class: $({
+                  flex: e.leftIconName || e.rightIconName
+                })
+              }, [
+                e.leftIconName ? (a(), u(t(m), {
+                  key: 0,
+                  name: e.leftIconName,
+                  "font-size": t(c)
+                }, null, 8, ["name", "font-size"])) : i("", !0),
+                l(o.$slots, "default", {}, void 0, !0),
+                e.rightIconName ? (a(), u(t(m), {
+                  key: 1,
+                  name: e.rightIconName,
+                  "font-size": t(c)
+                }, null, 8, ["name", "font-size"])) : i("", !0)
+              ], 2)
+            ]),
+            _: 2
+          }, [
+            o.$slots.loader ? {
+              name: "loader",
+              fn: r(() => [
+                l(o.$slots, "loader", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["size", "strong"])
+        ], !0)
+      ])),
+      e.loading ? l(o.$slots, "loader", { key: 1 }, () => [
+        s(t(m), {
+          "font-size": t(z),
+          class: "loading"
+        }, {
+          default: r(() => [
+            s(w)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ], !0) : i("", !0)
+    ], 16, C));
+  }
+});
+export {
+  D as default
+};

package/components/button/v3/IconButton.vue.d.ts

@@ -1,18 +1,20 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'sm' | 'md' | 'lg';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: "sm" | "md" | "lg";
+    variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
 }>, {
     variant: string;
     size: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'sm' | 'md' | 'lg';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
+    size?: "sm" | "md" | "lg";
+    variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
 }>, {
     variant: string;
     size: string;
 }>>>, {
-    size: 'sm' | 'md' | 'lg';
-    variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
+    size: "sm" | "md" | "lg";
+    variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -25,7 +27,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/button/v3/IconButton.vue.js

@@ -1,51 +1,7 @@
-import { defineComponent, computed, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, unref } from 'vue';
-import Icon from '../../icon/v3/Icon.vue.js';
-import ButtonBase from '../common/ButtonBase.vue.js';
-import { loaderSizeMap } from '../consts.vue.js';
-import LoaderCircleIcon from '../icon/LoaderCircleIcon.vue.js';
-/* empty css                                                            */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconButton",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderSize = computed(() => loaderSizeMap[props.size] + "px");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ButtonBase, mergeProps({
-        size: __props.size,
-        "is-truncated": false
-      }, _ctx.$attrs, {
-        variant: __props.variant,
-        class: "icon-base"
-      }), {
-        content: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["icon", { [__props.size]: true, [__props.variant]: true }])
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 2)
-        ]),
-        loader: withCtx(() => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderSize),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderCircleIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ]),
-        _: 3
-      }, 16, ["size", "variant"]);
-    };
-  }
-});
-var IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c7a586"]]);
-
-export { IconButton as default };
+import o from "./IconButton.vue2.js";
+/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconButton.vue_vue_type_style_index_0_scoped_7c4033d4_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7c4033d4"]]);
+export {
+  s as default
+};

package/components/button/v3/IconButton.vue2.js

@@ -0,0 +1,45 @@
+ import "../../../IconButton.vue_vue_type_style_index_0_scoped_7c4033d4_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
+import p from "../../icon/Icon.vue.js";
+import v from "../common/ButtonBase.vue.js";
+import { loaderSizeMap as B } from "../consts.js";
+import C from "../icon/LoaderCircleIcon.vue.js";
+const N = /* @__PURE__ */ s({
+  __name: "IconButton",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" }
+  },
+  setup(e) {
+    const n = e, i = c(() => B[n.size] + "px");
+    return (o, I) => (l(), d(v, m({
+      size: e.size,
+      "is-truncated": !1
+    }, o.$attrs, {
+      variant: e.variant,
+      class: "icon-base"
+    }), {
+      content: t(() => [
+        f("div", {
+          class: u(["icon", { [e.size]: !0, [e.variant]: !0 }])
+        }, [
+          z(o.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ]),
+      loader: t(() => [
+        a(r(p), {
+          "font-size": r(i),
+          class: "loading"
+        }, {
+          default: t(() => [
+            a(C)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ]),
+      _: 3
+    }, 16, ["size", "variant"]));
+  }
+});
+export {
+  N as default
+};

package/components/button/v3/ScrollButton.vue.d.ts

@@ -8,7 +8,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconName: string;
     tooltipText: string;
     position: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scrolled"[], "scrolled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scrolled: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     show?: boolean;
     iconName?: string;
     tooltipText?: string;
@@ -37,7 +39,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/button/v3/ScrollButton.vue.js

@@ -1,48 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
-import Icon from '../../icon/v3/Icon.vue.js';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                     *//* empty css                                                        */import IconButton from './IconButton.vue.js';
-import _sfc_main$1 from '../../tooltip/Tooltip.vue.js';
-/* empty css                                                              */
-import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ScrollButton",
-  props: {
-    show: { type: Boolean, default: false },
-    iconName: { default: "angle-up" },
-    tooltipText: { default: "Back to top" },
-    position: { default: "bottom-right" }
-  },
-  emits: ["scrolled"],
-  setup(__props, { emit }) {
-    const onScroll = () => {
-      emit("scrolled");
-    };
-    return (_ctx, _cache) => {
-      return __props.show ? (openBlock(), createBlock(unref(IconButton), {
-        key: 0,
-        class: normalizeClass(["scroll-button", __props.position]),
-        theme: "third",
-        variant: "borderless",
-        size: "lg",
-        onClick: onScroll
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$1), {
-            text: __props.tooltipText,
-            delay: 400
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), { name: __props.iconName }, null, 8, ["name"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["class"])) : createCommentVNode("", true);
-    };
-  }
-});
-var ScrollButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc4330fa"]]);
-
-export { ScrollButton as default };
+import o from "./ScrollButton.vue2.js";
+/* empty css                   */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_36f329cf_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-36f329cf"]]);
+export {
+  s as default
+};

package/components/button/v3/ScrollButton.vue2.js

@@ -0,0 +1,46 @@
+ import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_36f329cf_lang.css"; import { defineComponent as r, openBlock as i, createBlock as c, unref as o, normalizeClass as m, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
+import u from "../../icon/Icon.vue.js";
+import "./Button.vue.js";
+import f from "./IconButton.vue.js";
+import "./ScrollButton.vue.js";
+import "../../tooltip/Tooltip.vue2.js";
+import d from "../../tooltip/Tooltip.vue.js";
+const g = /* @__PURE__ */ r({
+  __name: "ScrollButton",
+  props: {
+    show: { type: Boolean, default: !1 },
+    iconName: { default: "angle-up" },
+    tooltipText: { default: "Back to top" },
+    position: { default: "bottom-right" }
+  },
+  emits: ["scrolled"],
+  setup(t, { emit: n }) {
+    const a = () => {
+      n("scrolled");
+    };
+    return (p, h) => t.show ? (i(), c(o(f), {
+      key: 0,
+      class: m(["scroll-button", t.position]),
+      theme: "third",
+      variant: "borderless",
+      size: "lg",
+      onClick: a
+    }, {
+      default: e(() => [
+        l(o(d), {
+          text: t.tooltipText,
+          delay: 400
+        }, {
+          default: e(() => [
+            l(o(u), { name: t.iconName }, null, 8, ["name"])
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["class"])) : s("", !0);
+  }
+});
+export {
+  g as default
+};

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

@@ -1,71 +1,131 @@
 import Button from './Button.vue';
 import IconButton from './IconButton.vue';
 import ScrollButton from './ScrollButton.vue';
-declare const ButtonTypes: () => (import("vue").DefineComponent<{
+declare const ButtonTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "md" | "lg";
+            variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "variant">;
+        $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<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            size: "sm" | "md" | "lg";
+            variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+        }, {}, 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<{
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
         default: string;
     };
     variant: {
         type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-    } & {
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-    } & {
-        default: string;
-    };
-}>>, {
-    size: "md" | "sm" | "lg";
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: "sm" | "md" | "lg";
     variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
-}> | import("vue").DefineComponent<{
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | import("vue").DefineComponent<{
     show: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     iconName: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     tooltipText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     position: {
         type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-    } & {
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scrolled"[], "scrolled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scrolled: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     iconName: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     tooltipText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     position: {
         type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-    } & {
         default: string;
     };
 }>> & {

package/components/button/v3/index.js

@@ -0,0 +1,10 @@
+import o from "./Button.vue.js";
+import t from "./IconButton.vue.js";
+import r from "./ScrollButton.vue.js";
+const u = () => [o, t, r];
+export {
+  o as Button,
+  u as ButtonTypes,
+  t as IconButton,
+  r as ScrollButton
+};