@wizleap-inc/wiz-ui-next 0.4.0 → 0.4.1

package/dist/components/base/anchor/anchor.vue.d.ts

@@ -1,131 +1,137 @@
 import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+import { PropType } from "vue";
+import { TIcon } from '../../../components';
 declare const _sfc_main: import("vue").DefineComponent<{
     to: {
-        type: null;
+        type: PropType<string | import("vue-router/types/router").Location>;
         required: true;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     fontSize: {
-        type: null;
+        type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
         required: false;
         default: string;
     };
     fontWeight: {
-        type: null;
+        type: PropType<"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold">;
         required: false;
         default: string;
     };
     icon: {
-        type: null;
+        type: PropType<TIcon>;
         required: false;
     };
     iconPosition: {
-        type: StringConstructor;
+        type: PropType<"left" | "right">;
         required: false;
         default: string;
     };
     openInNewTab: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     nowrap: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
 }, {
     props: any;
     isRouterLink: import("vue").ComputedRef<boolean>;
-    readonly getRelativeFontSize: (key: "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6";
+    readonly getRelativeFontSize: (key: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", diffIndex: number) => "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
     readonly anchorStyle: string;
     readonly anchorNoWrapStyle: string;
     readonly colorStyle: Record<ColorKeys, string>;
-    readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
-    readonly fontWeightStyle: Record<"normal" | "bold" | "medium" | "thin" | "light" | "extralight" | "semibold", string>;
+    readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
+    readonly fontWeightStyle: Record<"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold", string>;
     readonly WizIcon: import("vue").DefineComponent<{
-        size: {
-            type: null;
-            required: false;
-            default: string;
+        icon: {
+            type: PropType<TIcon>;
+            required: true;
         };
         color: {
-            type: null;
+            type: PropType<ColorKeys>;
             required: false;
             default: string;
         };
-        icon: {
-            type: null;
-            required: true;
+        size: {
+            type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
+            required: false;
+            default: string;
         };
     }, {
         readonly iconStyle: string;
-        readonly iconSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
+        readonly iconSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
         readonly fillStyle: Record<ColorKeys, string>;
-        readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
+        readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: null;
-            required: false;
-            default: string;
+        icon: {
+            type: PropType<TIcon>;
+            required: true;
         };
         color: {
-            type: null;
+            type: PropType<ColorKeys>;
             required: false;
             default: string;
         };
-        icon: {
-            type: null;
-            required: true;
+        size: {
+            type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
+            required: false;
+            default: string;
         };
     }>>, {
-        color: any;
-        size: any;
+        color: ColorKeys;
+        size: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        type: null;
+        type: PropType<string | import("vue-router/types/router").Location>;
         required: true;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     fontSize: {
-        type: null;
+        type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
         required: false;
         default: string;
     };
     fontWeight: {
-        type: null;
+        type: PropType<"thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold">;
         required: false;
         default: string;
     };
     icon: {
-        type: null;
+        type: PropType<TIcon>;
         required: false;
     };
     iconPosition: {
-        type: StringConstructor;
+        type: PropType<"left" | "right">;
         required: false;
         default: string;
     };
     openInNewTab: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     nowrap: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
 }>>, {
-    color: any;
-    fontSize: any;
-    fontWeight: any;
-    iconPosition: string;
+    color: ColorKeys;
+    fontSize: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
+    fontWeight: "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold";
+    iconPosition: "left" | "right";
     openInNewTab: boolean;
     nowrap: boolean;
 }>;

package/dist/components/base/avatar/avatar.vue.d.ts

@@ -1,21 +1,22 @@
 import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+import { PropType } from "vue";
 declare const _sfc_main: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;
         required: true;
     };
     size: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
         default: string;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
@@ -34,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     props: any;
     emits: (event: "click") => void;
-    onClick: () => false | void | undefined;
+    onClick: () => false | void;
     isImgLoadSuccess: import("vue").Ref<boolean>;
     onError: () => void;
     readonly avatarStyle: string;
@@ -42,7 +43,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly avatarFallbackStyle: string;
     readonly avatarClickableStyle: string;
     readonly backgroundStyle: Record<ColorKeys, string>;
-    readonly sizeStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+    readonly sizeStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
     readonly colorStyle: Record<ColorKeys, string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     src: {
@@ -50,17 +51,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
     size: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
         default: string;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
@@ -79,9 +80,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    color: any;
-    size: any;
-    bgColor: any;
+    color: ColorKeys;
+    size: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
+    bgColor: ColorKeys;
     clickable: boolean;
 }>;
 export default _sfc_main;

package/dist/components/base/badge/badge.vue.d.ts

@@ -1,4 +1,5 @@
 import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+import { PropType } from "vue";
 declare const _sfc_main: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -7,35 +8,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hidden: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     offset: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
         default: string;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg">;
         required: false;
         default: string;
     };
 }, {
     readonly badgeStyle: string;
-    readonly badgeSizeStyle: Record<"md" | "lg" | "sm", string>;
+    readonly badgeSizeStyle: Record<"sm" | "md" | "lg", string>;
     readonly badgeContainerStyle: string;
     readonly backgroundStyle: Record<ColorKeys, string>;
     readonly colorStyle: Record<ColorKeys, string>;
-    readonly topStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
-    readonly rightStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+    readonly topStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
+    readonly rightStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
@@ -44,32 +46,33 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hidden: {
         type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     color: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
     offset: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
         default: string;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg">;
         required: false;
         default: string;
     };
 }>>, {
-    color: any;
-    size: string;
-    bgColor: any;
+    color: ColorKeys;
+    size: "sm" | "md" | "lg";
+    bgColor: ColorKeys;
     hidden: boolean;
-    offset: any;
+    offset: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
 }>;
 export default _sfc_main;

package/dist/components/base/box/box.vue.d.ts

@@ -1,6 +1,8 @@
+import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+import { PropType } from "vue";
 declare const _sfc_main: import("vue").DefineComponent<{
     position: {
-        type: StringConstructor;
+        type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
         required: false;
     };
     top: {
@@ -11,11 +13,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-    bottom: {
+    left: {
         type: StringConstructor;
         required: false;
     };
-    left: {
+    bottom: {
         type: StringConstructor;
         required: false;
     };
@@ -28,59 +30,59 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     round: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
     roundT: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundR: {
-        type: null;
+    roundL: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundB: {
-        type: null;
+    roundR: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundL: {
-        type: null;
+    roundB: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
     zIndex: {
-        type: null;
+        type: PropType<"base" | "floating" | "dialog" | "popover">;
         required: false;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
     };
     shadow: {
-        type: null;
+        type: PropType<"sm" | "md" | "none">;
         required: false;
     };
     dropShadow: {
-        type: null;
+        type: PropType<"sm" | "md" | "none">;
         required: false;
     };
     overflow: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     overflowX: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     overflowY: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     cursor: {
-        type: StringConstructor;
+        type: PropType<"default" | "pointer">;
         required: false;
     };
     pointerEvents: {
-        type: StringConstructor;
+        type: PropType<"auto" | "none">;
         required: false;
     };
     transform: {
@@ -96,7 +98,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     scroll: {
-        type: StringConstructor;
+        type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };
 }, {
@@ -104,7 +106,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     computedStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
-        type: StringConstructor;
+        type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
         required: false;
     };
     top: {
@@ -115,11 +117,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-    bottom: {
+    left: {
         type: StringConstructor;
         required: false;
     };
-    left: {
+    bottom: {
         type: StringConstructor;
         required: false;
     };
@@ -132,59 +134,59 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     round: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
     roundT: {
-        type: null;
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundR: {
-        type: null;
+    roundL: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundB: {
-        type: null;
+    roundR: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
-    roundL: {
-        type: null;
+    roundB: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
     };
     zIndex: {
-        type: null;
+        type: PropType<"base" | "floating" | "dialog" | "popover">;
         required: false;
     };
     bgColor: {
-        type: null;
+        type: PropType<ColorKeys>;
         required: false;
     };
     shadow: {
-        type: null;
+        type: PropType<"sm" | "md" | "none">;
         required: false;
     };
     dropShadow: {
-        type: null;
+        type: PropType<"sm" | "md" | "none">;
         required: false;
     };
     overflow: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     overflowX: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     overflowY: {
-        type: StringConstructor;
+        type: PropType<"auto" | "hidden" | "visible" | "scroll">;
         required: false;
     };
     cursor: {
-        type: StringConstructor;
+        type: PropType<"default" | "pointer">;
         required: false;
     };
     pointerEvents: {
-        type: StringConstructor;
+        type: PropType<"auto" | "none">;
         required: false;
     };
     transform: {
@@ -200,7 +202,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     scroll: {
-        type: StringConstructor;
+        type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };
 }>>, {}>;

package/dist/components/base/buttons/icon/icon.vue.d.ts

@@ -1,10 +1,12 @@
+import { PropType } from "vue";
+import type { TIcon } from '../../../../components/icons';
 declare const _sfc_main: import("vue").DefineComponent<{
     icon: {
-        type: null;
+        type: PropType<TIcon>;
         required: true;
     };
     variant: {
-        type: StringConstructor;
+        type: PropType<"transparent" | "link" | "sub" | "primary">;
         required: false;
         default: string;
     };
@@ -14,7 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl">;
         required: false;
         default: string;
     };
@@ -22,18 +24,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
     props: any;
     emits: (event: "click") => void;
     onClick: () => true | void;
-    readonly getRelativeFontSize: (key: "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6";
-    readonly iconButtonSVGStyle: Record<"link" | "sub" | "transparent" | "primary", string>;
-    readonly iconButtonStyle: Record<"link" | "sub" | "transparent" | "primary", string>;
+    readonly getRelativeFontSize: (key: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", diffIndex: number) => "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
+    readonly iconButtonSVGStyle: Record<"transparent" | "link" | "sub" | "primary", string>;
+    readonly iconButtonStyle: Record<"transparent" | "link" | "sub" | "primary", string>;
     readonly iconButtonDisabledStyle: string;
-    readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
+    readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
-        type: null;
+        type: PropType<TIcon>;
         required: true;
     };
     variant: {
-        type: StringConstructor;
+        type: PropType<"transparent" | "link" | "sub" | "primary">;
         required: false;
         default: string;
     };
@@ -43,15 +45,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl">;
         required: false;
         default: string;
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
+    size: "sm" | "md" | "lg" | "xl";
     disabled: boolean;
-    variant: string;
+    variant: "transparent" | "link" | "sub" | "primary";
 }>;
 export default _sfc_main;