@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.1

package/components/button/Button.vue.d.ts

@@ -1,37 +1,40 @@
-import { IconName } from '@/components/icon';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg';
-}>, {
-    leftIconName: any;
-    rightIconName: any;
-    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<{
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    size?: 'sm' | 'md' | 'lg';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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<"sm" | "md" | "lg">;
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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: "sm" | "md" | "lg";
+    leftIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "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" | "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" | "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" | "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-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";
 }>, {
-    leftIconName: any;
-    rightIconName: any;
-    size: string;
-}>>>, {
-    size: 'sm' | 'md' | 'lg';
-    leftIconName: IconName;
-    rightIconName: IconName;
+    default?(_: {}): any;
+    loader?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/button/Button.vue.js

@@ -1,63 +1,6 @@
-import { defineComponent, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
-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 "../../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" }
-  },
-  setup(__props) {
-    const props = __props;
-    const computedIconWidth = computed(() => `${iconSizeMap[props.size]}px`);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ButtonBase, mergeProps({
-        class: [
-          __props.size,
-          {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
-          }
-        ],
-        size: __props.size
-      }, _ctx.$attrs), 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
-      ]), 1040, ["class", "size"]);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e54ca3e"]]);
-
-export { Button as default };
+import o from "./Button.vue2.js";
+/* empty css             */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c27c5d9"]]);
+export {
+  p as default
+};

package/components/button/Button.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as f, computed as u, openBlock as n, createBlock as a, mergeProps as d, createSlots as z, withCtx as i, createElementVNode as I, normalizeClass as N, unref as o, createCommentVNode as m, renderSlot as c } from "vue";
+import r from "../icon/Icon.vue.js";
+import h from "./ButtonBase.vue2.js";
+import { iconSizeMap as g } from "./consts.js";
+const w = /* @__PURE__ */ f({
+  __name: "Button",
+  props: {
+    leftIconName: { default: null },
+    rightIconName: { default: null },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const s = e, l = u(() => `${g[s.size]}px`);
+    return (t, k) => (n(), a(h, d({
+      class: [
+        e.size,
+        {
+          "with-left-icon": !!e.leftIconName,
+          "with-right-icon": !!e.rightIconName
+        }
+      ],
+      size: e.size
+    }, t.$attrs), z({
+      default: i(() => [
+        I("div", {
+          class: N({
+            flex: e.leftIconName || e.rightIconName
+          })
+        }, [
+          e.leftIconName ? (n(), a(o(r), {
+            key: 0,
+            name: e.leftIconName,
+            "font-size": o(l)
+          }, null, 8, ["name", "font-size"])) : m("", !0),
+          c(t.$slots, "default", {}, void 0, !0),
+          e.rightIconName ? (n(), a(o(r), {
+            key: 1,
+            name: e.rightIconName,
+            "font-size": o(l)
+          }, null, 8, ["name", "font-size"])) : m("", !0)
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      t.$slots.loader ? {
+        name: "loader",
+        fn: i(() => [
+          c(t.$slots, "loader", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["class", "size"]));
+  }
+});
+export {
+  w as default
+};

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

@@ -1,48 +1,65 @@
-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';
-    loading?: boolean;
-    isTruncated?: boolean;
-    strong?: boolean;
-}>, {
-    size: string;
-    variant: string;
-    theme: string;
-    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';
-    loading?: boolean;
-    isTruncated?: boolean;
-    strong?: boolean;
-}>, {
-    size: string;
-    variant: string;
-    theme: string;
-    loading: boolean;
-    strong: boolean;
-}>>>, {
-    size: 'xs' | 'sm' | 'md' | 'lg';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+    strong: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
+    variant: {
+        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"primary" | "secondary" | "third" | "danger">;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+    strong: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
+    variant: {
+        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"primary" | "secondary" | "third" | "danger">;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    size: "sm" | "md" | "lg" | "xs";
     strong: boolean;
-    variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
-    theme: 'primary' | 'secondary' | 'third' | 'danger';
+    variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+    theme: "primary" | "secondary" | "third" | "danger";
     loading: boolean;
+}>, {
+    content?(_: {}): any;
+    default?(_: {}): any;
+    loader?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/button/ButtonBase.vue2.js

@@ -0,0 +1,6 @@
+import o from "./ButtonBase.vue3.js";
+/* empty css                */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7211e733"]]);
+export {
+  m as default
+};

package/components/button/ButtonBase.vue3.js

@@ -0,0 +1,53 @@
+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";
+/* empty css                          */import h from "../typography/Text.vue.js";
+import B from "../icon/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/IconButton.vue.d.ts

@@ -1,31 +1,30 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'sm' | 'md' | 'lg';
-    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | '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';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    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, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+    };
+}>>, {
+    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';
+    default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/button/IconButton.vue.js

@@ -1,51 +1,6 @@
-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 "../../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-1d38d347"]]);
-
-export { IconButton as default };
+import o from "./IconButton.vue2.js";
+/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c30a9bf2"]]);
+export {
+  f as default
+};

package/components/button/IconButton.vue2.js

@@ -0,0 +1,45 @@
+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 "./ButtonBase.vue2.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
+};