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

package/components/banner/Banner.vue2.js

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

package/components/banner/index.d.ts

@@ -1,33 +1,114 @@
-declare const BannerTypes: () => import("vue").DefineComponent<{
+declare const BannerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "error" | "info" | "success" | "warning";
+            testId: string;
+            iconSize: "sm" | "md" | "lg";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: () => "error" | "info" | "success" | "warning";
+                default: string;
+            };
+            iconSize: {
+                type: () => "sm" | "md" | "lg";
+                default: string;
+            };
+            testId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "testId" | "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;
+            };
+            testId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            type: "error" | "info" | "success" | "warning";
+            testId: string;
+            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;
+        };
+        testId: {
+            type: StringConstructor;
+            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;
     };
     testId: {
         type: StringConstructor;
         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;
-    };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "error" | "info" | "success" | "warning";
     testId: string;
-    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
+};

package/components/button/common/ButtonBase.vue.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized' | 'contained' | 'outlined' | 'text';
-    theme?: 'secondary' | 'third' | 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: "small" | "sm" | "md" | "lg" | "xs" | "medium" | "large" | "extraLarge";
+    variant?: "link" | "text" | "solid" | "border" | "borderless" | "ghost" | "colorized" | "contained" | "outlined";
+    theme?: "default" | "info" | "success" | "warning" | "primary" | "secondary" | "third" | "danger";
     loading?: boolean;
     isTruncated?: boolean;
     strong?: boolean;
@@ -12,9 +12,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     strong: 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<{
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized' | 'contained' | 'outlined' | 'text';
-    theme?: 'secondary' | 'third' | 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
+    size?: "small" | "sm" | "md" | "lg" | "xs" | "medium" | "large" | "extraLarge";
+    variant?: "link" | "text" | "solid" | "border" | "borderless" | "ghost" | "colorized" | "contained" | "outlined";
+    theme?: "default" | "info" | "success" | "warning" | "primary" | "secondary" | "third" | "danger";
     loading?: boolean;
     isTruncated?: boolean;
     strong?: boolean;
@@ -26,10 +26,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     strong: boolean;
 }>>>, {
     strong: boolean;
-    theme: 'secondary' | 'third' | 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
-    variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized' | 'contained' | 'outlined' | 'text';
+    theme: "default" | "info" | "success" | "warning" | "primary" | "secondary" | "third" | "danger";
+    size: "small" | "sm" | "md" | "lg" | "xs" | "medium" | "large" | "extraLarge";
+    variant: "link" | "text" | "solid" | "border" | "borderless" | "ghost" | "colorized" | "contained" | "outlined";
     loading: boolean;
+}>, {
+    content?(_: {}): any;
+    default?(_: {}): any;
+    loader?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -42,7 +46,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/common/ButtonBase.vue.js

@@ -1,63 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, 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 } from '../consts.vue.js';
-import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
-/* empty css                                                            */
-import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: false },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: true }
-  },
-  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]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        class: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
-      }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createVNode(unref(Text), {
-              size: unref(textSize),
-              strong: __props.strong,
-              class: "content"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["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);
-    };
-  }
-});
-var ButtonBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-248dc19c"]]);
-
-export { ButtonBase as default };
+import o from "./ButtonBase.vue2.js";
+/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-70baba59"]]);
+export {
+  a as default
+};

package/components/button/common/ButtonBase.vue2.js

@@ -0,0 +1,54 @@
+ import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
+import "../../typography/Heading.vue.js";
+import h from "../../typography/Text.vue.js";
+import B from "../../icon/v3/Icon.vue.js";
+import { sizeToFont as y } from "../consts.js";
+import x from "../icon/LoaderDotsIcon.vue.js";
+const k = { key: 0 }, W = /* @__PURE__ */ p({
+  __name: "ButtonBase",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" },
+    theme: { default: "primary" },
+    loading: { type: Boolean, default: !1 },
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const r = e, u = 32, c = 24, f = l(
+      () => r.size === "lg" ? u + "px" : c + "px"
+    ), g = l(() => y[r.size]);
+    return (t, I) => (s(), i("button", z({
+      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
+    }, t.$attrs), [
+      e.loading ? m("", !0) : (s(), i("span", k, [
+        n(t.$slots, "content", {}, () => [
+          a(o(h), {
+            size: o(g),
+            strong: e.strong,
+            class: "content"
+          }, {
+            default: d(() => [
+              n(t.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["size", "strong"])
+        ], !0)
+      ])),
+      e.loading ? n(t.$slots, "loader", { key: 1 }, () => [
+        a(o(B), {
+          "font-size": o(f),
+          class: "loading"
+        }, {
+          default: d(() => [
+            a(x)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ], !0) : m("", !0)
+    ], 16));
+  }
+});
+export {
+  W as default
+};

package/components/button/common/ButtonSuper.vue.d.ts

@@ -1,8 +1,7 @@
-import { IconName } from '@/components/icon/v3';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    leftIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    rightIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    size?: "small" | "sm" | "md" | "lg" | "medium" | "large" | "extraLarge";
     testId?: string;
 }>, {
     leftIconName: any;
@@ -10,9 +9,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
     testId: 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<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
+    leftIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    rightIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    size?: "small" | "sm" | "md" | "lg" | "medium" | "large" | "extraLarge";
     testId?: string;
 }>, {
     leftIconName: any;
@@ -20,10 +19,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
     testId: string;
 }>>>, {
-    size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
+    size: "small" | "sm" | "md" | "lg" | "medium" | "large" | "extraLarge";
     testId: string;
-    leftIconName: IconName;
-    rightIconName: IconName;
+    leftIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    rightIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+}>, {
+    default?(_: {}): any;
+    loader?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -36,7 +38,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/consts.js

@@ -0,0 +1,18 @@
+const s = {
+  lg: "md",
+  md: "sm",
+  sm: "xs"
+}, m = {
+  lg: 24,
+  md: 16,
+  sm: 16
+}, o = {
+  lg: 22,
+  md: 16,
+  sm: 11
+};
+export {
+  m as iconSizeMap,
+  o as loaderSizeMap,
+  s as sizeToFont
+};

package/components/button/icon/LoaderCircleIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/button/icon/LoaderCircleIcon.vue.js

@@ -1,15 +1,10 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../LoaderCircleIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
+import { openBlock as t, createElementBlock as r, createElementVNode as e } from "vue";
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
   width: "100",
   height: "100",
   viewBox: "0 0 100 100"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
+}, s = /* @__PURE__ */ e("circle", {
   cx: "50",
   cy: "50",
   fill: "none",
@@ -18,7 +13,7 @@ const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
   r: "35",
   "stroke-dasharray": "164.93361431346415 56.97787143782138"
 }, [
-  /*#__PURE__*/createElementVNode("animateTransform", {
+  /* @__PURE__ */ e("animateTransform", {
     attributeName: "transform",
     type: "rotate",
     repeatCount: "indefinite",
@@ -26,14 +21,13 @@ const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
     values: "0 50 50;360 50 50",
     keyTimes: "0;1"
   })
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
+], -1), i = [
+  s
 ];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+function a(_, d) {
+  return t(), r("svg", c, i);
 }
-var LoaderCircleIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { LoaderCircleIcon as default };
+const l = /* @__PURE__ */ o(n, [["render", a]]);
+export {
+  l as default
+};

package/components/button/icon/LoaderDotsIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;