@ironsource/shared-ui 1.4.3-rc.2 → 1.4.3-rc.4

package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-6b2024eb]{color:#41454d}.loader[data-v-6b2024eb]{width:10px;height:10px;border:1.2px solid #D2D5D8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-6b2024eb 1s linear infinite}.loader.loader-active[data-v-6b2024eb]{border:1.2px solid var(--189a2944);border-bottom-color:transparent}@keyframes rotation-6b2024eb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-6b2024eb]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-6b2024eb]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-6b2024eb]{background-color:var(--189a2944);opacity:.7}.toggle-head[data-v-6b2024eb]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-6b2024eb]{background-color:var(--189a2944)}.toggle-active .toggle-head[data-v-6b2024eb]{transform:translate(.75rem)}.checkbox[data-v-6b2024eb]{display:none}.item-text[data-v-6b2024eb]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-6b2024eb]{color:#8e959d}.helper-text[data-v-6b2024eb]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-6b2024eb]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-6b2024eb]{padding-top:0}.toggle-wrap[data-v-6b2024eb]{height:1rem}
+.label[data-v-6b2024eb]{color:#41454d}.loader[data-v-6b2024eb]{width:10px;height:10px;border:1.2px solid #d2d5d8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-6b2024eb 1s linear infinite}.loader.loader-active[data-v-6b2024eb]{border:1.2px solid var(--189a2944);border-bottom-color:transparent}@keyframes rotation-6b2024eb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-6b2024eb]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-6b2024eb]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-6b2024eb]{background-color:var(--189a2944);opacity:.7}.toggle-head[data-v-6b2024eb]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-6b2024eb]{background-color:var(--189a2944)}.toggle-active .toggle-head[data-v-6b2024eb]{transform:translate(.75rem)}.checkbox[data-v-6b2024eb]{display:none}.item-text[data-v-6b2024eb]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-6b2024eb]{color:#8e959d}.helper-text[data-v-6b2024eb]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-6b2024eb]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-6b2024eb]{padding-top:0}.toggle-wrap[data-v-6b2024eb]{height:1rem}

package/components/ThemeWrapper/ThemeStrore.d.ts

@@ -0,0 +1,4 @@
+export declare const useThemeStore: () => {
+    theme: import("vue").Ref<string>;
+    toggleTheme: () => void;
+};

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    version: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    version: string;
+}>>>, {}>;
+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;
+    };
+};

package/components/appTrigger/AppTrigger.vue.js

@@ -4,9 +4,9 @@ import Icon from '../icon/Icon.vue.js';
 import { AppTriggerTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      *//* empty css                                                            */
+/* empty css                                                                         *//* empty css                                                            */
 import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["data-testid"];
 const _hoisted_2 = { class: "app-trigger__left-image" };
@@ -193,6 +193,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-180b1bc2"]]);
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1313b5bc"]]);
 
 export { AppTrigger as default };

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -2,7 +2,8 @@ import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock
 import Dropdown from '../dropdown/Dropdown.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 /* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
-/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import GroupOption from './GroupOption.vue.js';
+/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                       */import GroupOption from './GroupOption.vue.js';
 import AutocompleteInput from './AutocompleteInput.vue.js';
 import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';

package/components/button/{ButtonBase.vue.d.ts → common/ButtonBase.vue.d.ts}

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
-    theme?: 'primary' | 'secondary' | 'third' | 'danger';
+    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';
     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';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
-    theme?: 'primary' | 'secondary' | 'third' | 'danger';
+    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';
     loading?: boolean;
     isTruncated?: boolean;
     strong?: boolean;
@@ -25,10 +25,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     strong: boolean;
 }>>>, {
-    size: 'xs' | 'sm' | 'md' | 'lg';
     strong: boolean;
-    variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
-    theme: 'primary' | 'secondary' | 'third' | 'danger';
+    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';
     loading: boolean;
 }>;
 export default _default;

package/components/button/{ButtonBase.vue.js → common/ButtonBase.vue.js}

@@ -1,11 +1,11 @@
 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/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";
+/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../../typography/Text.vue.js';
+import Icon from '../../icon/Icon.vue.js';
+import { sizeToFont } from '../consts.vue.js';
+import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
+/* empty css                                                            *//* 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",
@@ -58,6 +58,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2650dac1"]]);
+var ButtonBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5425b1e1"]]);
 
 export { ButtonBase as default };

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

@@ -0,0 +1,42 @@
+import { IconName } from '@/components/icon';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
+    testId?: string;
+}>, {
+    leftIconName: any;
+    rightIconName: any;
+    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';
+    testId?: string;
+}>, {
+    leftIconName: any;
+    rightIconName: any;
+    size: string;
+    testId: string;
+}>>>, {
+    size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'extraLarge';
+    testId: string;
+    leftIconName: IconName;
+    rightIconName: IconName;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/button/{Button.vue.js → common/ButtonSuper.vue.js}

@@ -1,12 +1,12 @@
 import { defineComponent, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../../icon/Icon.vue.js';
 import ButtonBase from './ButtonBase.vue.js';
-import { iconSizeMap } from './consts.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import { iconSizeMap } from '../consts.vue.js';
+/* empty css                                                             */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../ButtonSuper.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
+  __name: "ButtonSuper",
   props: {
     leftIconName: { default: null },
     rightIconName: { default: null },
@@ -60,6 +60,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-195cffac"]]);
+var ButtonSuper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fbb82ae"]]);
 
-export { Button as default };
+export { ButtonSuper as default };

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

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import ButtonSuper from '../common/ButtonSuper.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    leftIconName: { default: null },
+    rightIconName: { default: null },
+    size: { default: "md" },
+    testId: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ButtonSuper, mergeProps({
+        class: [
+          __props.size,
+          {
+            "with-left-icon": !!__props.leftIconName,
+            "with-right-icon": !!__props.rightIconName
+          }
+        ],
+        size: __props.size,
+        "data-testid": props.testId,
+        "left-icon-name": __props.leftIconName,
+        "right-icon-name": __props.rightIconName
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class", "size", "data-testid", "left-icon-name", "right-icon-name"]);
+    };
+  }
+});
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64003b2c"]]);
+
+export { Button as default };

package/components/button/{IconButton.vue.js → v3/IconButton.vue.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, unref } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import ButtonBase from './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 Icon from '../../icon/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";
+import "../../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
@@ -46,6 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d38d347"]]);
+var IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3fa1ea6"]]);
 
 export { IconButton as default };

package/components/button/{ScrollButton.vue.js → v3/ScrollButton.vue.js}

@@ -1,10 +1,10 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                            *//* empty css                                                        */import IconButton from './IconButton.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+import Icon from '../../icon/Icon.vue.js';
+/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                     *//* empty css                                                                    *//* empty css                                                                    *//* 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";
+import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScrollButton",
   props: {
@@ -43,6 +43,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ScrollButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a43437e"]]);
+var ScrollButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fbd33082"]]);
 
 export { ScrollButton as default };

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

@@ -0,0 +1,126 @@
+import Button from './Button.vue';
+import IconButton from './IconButton.vue';
+import ScrollButton from './ScrollButton.vue';
+declare const ButtonTypes: () => (import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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">;
+    } & {
+        default: any;
+    };
+    rightIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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">;
+    } & {
+        default: any;
+    };
+}, {}, 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;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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">;
+    } & {
+        default: any;
+    };
+    rightIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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">;
+    } & {
+        default: any;
+    };
+}>>, {
+    size: "md" | "sm" | "lg";
+    testId: string;
+    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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";
+    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "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";
+}> | import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "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";
+    variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+}> | 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<{
+    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;
+    };
+}>> & {
+    onScrolled?: (...args: any[]) => any;
+}, {
+    show: boolean;
+    iconName: string;
+    tooltipText: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+}>)[];
+export { Button, IconButton, ScrollButton, ButtonTypes };

package/components/button/v4/ButtonV4.vue.d.ts

@@ -0,0 +1,52 @@
+import { IconName } from '@/components/icon';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: 'small' | 'medium' | 'large' | 'extraLarge';
+    variant?: 'contained' | 'outlined' | 'text';
+    color?: 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
+    testId?: string;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+}>, {
+    leftIconName: any;
+    rightIconName: any;
+    size: string;
+    testId: string;
+    variant: string;
+    color: 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?: 'small' | 'medium' | 'large' | 'extraLarge';
+    variant?: 'contained' | 'outlined' | 'text';
+    color?: 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
+    testId?: string;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+}>, {
+    leftIconName: any;
+    rightIconName: any;
+    size: string;
+    testId: string;
+    variant: string;
+    color: string;
+}>>>, {
+    size: 'small' | 'medium' | 'large' | 'extraLarge';
+    testId: string;
+    variant: 'contained' | 'outlined' | 'text';
+    leftIconName: IconName;
+    rightIconName: IconName;
+    color: 'primary' | 'default' | 'danger' | 'info' | 'success' | 'warning';
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/button/v4/ButtonV4.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import ButtonSuper from '../common/ButtonSuper.vue.js';
+/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ButtonV4",
+  props: {
+    size: { default: "medium" },
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    testId: { default: "" },
+    leftIconName: { default: null },
+    rightIconName: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ButtonSuper, mergeProps({
+        class: [
+          __props.size,
+          {
+            "with-left-icon": !!__props.leftIconName,
+            "with-right-icon": !!__props.rightIconName
+          }
+        ],
+        size: __props.size,
+        "data-testid": props.testId,
+        "left-icon-name": __props.leftIconName,
+        "right-icon-name": __props.rightIconName,
+        variant: __props.variant,
+        theme: __props.color
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class", "size", "data-testid", "left-icon-name", "right-icon-name", "variant", "theme"]);
+    };
+  }
+});
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48ad2f11"]]);
+
+export { Button as default };