@volverjs/ui-vue 0.0.3 → 0.0.5-beta.1

package/dist/components/VvButton/VvButton.umd.js

@@ -1 +1 @@
-(function(t,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],d):(t=typeof globalThis<"u"?globalThis:t||self,t.VvButton=d(t.vue,t.vue$1))})(this,function(t,d){"use strict";const D={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},A={name:"VvIcon"},C=t.defineComponent({...A,props:D,setup(e){const s=e,i=ref(!0),l=useVolver(),{modifiers:f}=toRefs(s),k=useBemModifiers("vv-icon",f),b=computed(()=>s.provider||(l==null?void 0:l.provider)),B=computed(()=>{const o=s.name??"",n=`@${b.value}:${s.prefix}:${s.name}`;return d.iconExists(o)?o:d.iconExists(n)?n:(l==null?void 0:l.iconsCollections.find(c=>{const v=`@${b.value}:${c.prefix}:${o}`;if(d.iconExists(v))return v}))||o});function y(o){let n=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");n=new h().window}return(n?new n.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function a(o){const n=y(o),c=(n==null?void 0:n.innerHTML.trim())||"";n&&c&&d.addIcon(`@${b.value}:${s.prefix}:${s.name}`,{body:c,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return l&&(s.src&&!d.iconExists(`@${b.value}:${s.prefix}:${s.name}`)?(i.value=!1,l.fetchIcon(s.src).then(o=>{o&&(a(o),i.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):s.svg&&a(s.svg)),(o,n)=>t.unref(i)?(t.openBlock(),t.createBlock(t.unref(d.Icon),t.mergeProps({key:0,class:t.unref(k)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:t.unref(B)}),null,16,["class"])):t.createCommentVNode("",!0)}});var p=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(p||{}),I=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(I||{}),w=(e=>(e.before="before",e.after="after",e))(w||{});const E=Symbol.for("buttonGroup"),F={disabled:Boolean},q={modifiers:[String,Array]};w.before;const G={unselectable:{type:Boolean,default:!0}},R={id:[String,Number]};p.bottom;var P=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(P||{}),m=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(m||{}),$=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))($||{});const x=["update:modelValue"],z={...R,...q,...F,...G,icon:[String,Object],iconPosition:{type:String,default:p.left,validator:e=>Object.values(p).includes(e)},label:[String,Number],loading:Boolean,loadingIcon:{type:String,default:"eos-icons:bubble-loading"},loadingLabel:{type:String,default:"Loading..."},to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values($).includes(e)},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:e=>Object.values(P).includes(e)},toggle:{type:Boolean,default:!1},modelValue:String};function U(e,s){var S;const{group:i,isInGroup:l,getGroupOrLocalRef:f}=useInjectedGroupState(E),{id:k,iconPosition:b,icon:B,label:y,pressed:a,modifiers:o}=toRefs(e),n=f("modelValue",e,s),c=f("disabled",e),v=f("toggle",e),_=f("unselectable",e),h=((S=i==null?void 0:i.value)==null?void 0:S.multiple)??ref(!1),g=computed(()=>{var u;const V=o!=null&&o.value?Array.isArray(o.value)?o.value:[o.value]:[],O=(u=i==null?void 0:i.value.itemModifiers)!=null&&u.value?Array.isArray(i.value.itemModifiers.value)?i.value.itemModifiers.value:[i.value.itemModifiers.value]:[];return[...V,...O]});return{group:i,isInGroup:l,modelValue:n,disabled:c,toggle:v,unselectable:_,multiple:h,id:k,modifiers:g,pressed:a,iconPosition:b,icon:B,label:y}}const J={key:1,class:"vv-button__label"},T={key:1,class:"vv-button__label"},H={name:"VvButton"};return t.defineComponent({...H,props:z,emits:x,setup(e,{expose:s,emit:i}){const l=e,f=useAttrs(),k=useSlots(),{id:b,modifiers:B,iconPosition:y,icon:a,label:o,modelValue:n,disabled:c,toggle:v,unselectable:_}=U(l,i),h=useUniqueId(b),g=computed(()=>(f==null?void 0:f.name)||h.value),S=useVolver(),V=ref(null);s({$el:V});const{reference:O,bus:u,aria:j}=useInjectedDropdownTrigger();watch(()=>V.value,r=>{O&&(O.value=r)});const{role:K}=useInjectedDropdownAction(),N=computed(()=>{switch(!0){case c.value:return m.button;case l.to!==void 0:return S!=null&&S.nuxt?m.nuxtLink:m.routerLink;case l.href!==void 0:return m.a;default:return m.button}}),L=computed(()=>v.value?Array.isArray(n.value)?contains(g.value,n.value):equals(g.value,n.value):l.pressed),W=useBemModifiers("vv-button",B,computed(()=>({active:l.active,pressed:L.value,disabled:c.value,reverse:[p.right,p.bottom].includes(y.value),column:[p.top,p.bottom].includes(y.value),iconOnly:Boolean((a==null?void 0:a.value)&&!(o!=null&&o.value)&&!k.default)}))),Y=computed(()=>typeof(a==null?void 0:a.value)=="string"?{name:a==null?void 0:a.value}:a==null?void 0:a.value),Q=computed(()=>{const r={...j==null?void 0:j.value,"aria-pressed":L.value?!0:void 0,class:W.value,role:K};switch(N.value){case m.a:return{...r,role:r.role??"button",href:l.href,target:l.target,rel:l.rel};case m.routerLink:case m.nuxtLink:return{...r,role:r.role??"button",to:l.to,target:l.target};default:return{...r,type:l.type,disabled:c.value}}}),X=r=>{if(u==null||u.emit("click",r),v.value){if(Array.isArray(n.value)){if(contains(g.value,n.value)){_.value&&(n.value=n.value.filter(M=>M!==g.value));return}n.value.push(g.value);return}if(equals(g,n.value)&&_.value){n.value=void 0;return}n.value=g.value}},Z=r=>{u==null||u.emit("mouseover",r)},ee=r=>{u==null||u.emit("mouseleave",r)};return(r,M)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(N)),t.mergeProps(t.unref(Q),{id:t.unref(h),ref_key:"$el",ref:V,onClickPassive:X,onMouseoverPassive:Z,onMouseleavePassive:ee}),{default:t.withCtx(()=>[t.renderSlot(r.$slots,"default",{},()=>[r.loading?t.renderSlot(r.$slots,"loading",{key:0},()=>[r.loadingIcon?(t.openBlock(),t.createBlock(C,{key:0,class:"vv-button__loading-icon",name:r.loadingIcon},null,8,["name"])):t.createCommentVNode("",!0),r.loadingLabel?(t.openBlock(),t.createElementBlock("span",J,t.toDisplayString(r.loadingLabel),1)):t.createCommentVNode("",!0)]):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.renderSlot(r.$slots,"before"),t.unref(a)?(t.openBlock(),t.createBlock(C,t.mergeProps({key:0,class:"vv-button__icon"},t.unref(Y)),null,16)):t.createCommentVNode("",!0),t.unref(o)?(t.openBlock(),t.createElementBlock("span",T,[t.renderSlot(r.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(t.unref(o)),1)])])):t.createCommentVNode("",!0),t.renderSlot(r.$slots,"after")],64))])]),_:3},16,["id"]))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue"),require("nanoid")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","nanoid"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButton=t(e.vue,e.vue$1,e.nanoid)}(this,(function(e,t,o){"use strict";const n={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};var r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{}),a=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(a||{});const s=Symbol.for("volver"),c=Symbol.for("buttonGroup"),d=Symbol.for("dropdownTrigger"),v=Symbol.for("dropdownAction");function f(){return e.inject(s)}function p(t,o,n){return e.computed((()=>{const r={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(r[`${t}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{r[`${t}--${o}`]=e.unref(n.value[o])})),r}))}const m=e.defineComponent({name:"VvIcon",props:n,setup(o){const n=o,r=e.ref(!0),l=f(),{modifiers:i}=e.toRefs(n),u=p("vv-icon",i),a=e.computed((()=>n.provider||(null==l?void 0:l.iconsProvider))),s=e.computed((()=>{const e=n.name??"",o=`@${a.value}:${n.prefix}:${n.name}`;return t.iconExists(e)?e:t.iconExists(o)?o:(null==l?void 0:l.iconsCollections.find((o=>{const n=`@${a.value}:${o.prefix}:${e}`;if(t.iconExists(n))return n})))||e}));function c(e){const o=function(e){let t=null;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==o?void 0:o.innerHTML.trim())||"";o&&r&&t.addIcon(`@${a.value}:${n.prefix}:${n.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return l&&(n.src&&!t.iconExists(`@${a.value}:${n.prefix}:${n.name}`)?(r.value=!1,l.fetchIcon(n.src).then((e=>{e&&(c(e),r.value=!0)})).catch((e=>{throw new Error(`During fetch icon: ${null==e?void 0:e.message}`)}))):n.svg&&c(n.svg)),(o,n)=>e.unref(r)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:e.unref(s)}),null,16,["class"])):e.createCommentVNode("",!0)}}),g={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(a).includes(e)},rel:{type:String,default:"noopener noreferrer"}},b={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},y={disabled:Boolean},h={active:Boolean},k={pressed:Boolean},S={label:[String,Number]},B={modifiers:[String,Array]};l.before;const x={unselectable:{type:Boolean,default:!0}},$={id:[String,Number]};r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const w={...y,...S,...k,...h,...g,type:{type:String,default:i.button,validator:e=>Object.values(i).includes(e)}},A=w;const j=e.defineComponent({name:"VvAction",props:A,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:n}){const r=t,l=f(),i=e.ref(null);o({$el:i});const{reference:a,bus:s,aria:c,expanded:p}=e.inject(d,{});e.watch((()=>i.value),(e=>{a&&(a.value=e)}));const m=e.computed((()=>r.pressed||(null==p?void 0:p.value))),{role:g}=e.inject(v,{}),b=e.computed((()=>{switch(!0){case r.disabled:return u.button;case void 0!==r.to:return(null==l?void 0:l.nuxt)?u.nuxtLink:u.routerLink;case void 0!==r.href:return u.a;default:return u.button}})),y=e.computed((()=>{const e={...null==c?void 0:c.value,"aria-pressed":!!m.value||void 0,role:g};switch(b.value){case u.a:return{...e,href:r.href,target:r.target,rel:r.rel};case u.routerLink:case u.nuxtLink:return{...e,to:r.to,target:r.target};default:return{...e,type:r.type,disabled:r.disabled}}})),h=e=>{r.disabled?e.preventDefault():(null==s||s.emit("click",e),n("click",e))},k=e=>{null==s||s.emit("mouseover",e),n("mouseover",e)},S=e=>{null==s||s.emit("mouseleave",e),n("mouseleave",e)};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)),e.mergeProps(e.unref(y),{ref_key:"element",ref:i,class:{active:t.active,pressed:e.unref(m),disabled:t.disabled},onClickPassive:h,onMouseoverPassive:k,onMouseleavePassive:S}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});function _(e,t,o){return o?V(e,o)===V(t,o):O(e,t)}function O(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),n=Array.isArray(t);let r,l,i;if(o&&n){if(l=e.length,l!=t.length)return!1;for(r=l;0!=r--;)if(!O(e[r],t[r]))return!1;return!0}if(o!=n)return!1;const u=e instanceof Date,a=t instanceof Date;if(u!=a)return!1;if(u&&a)return e.getTime()==t.getTime();const s=e instanceof RegExp,c=t instanceof RegExp;if(s!=c)return!1;if(s&&c)return e.toString()==t.toString();const d=Object.keys(e);if(l=d.length,l!==Object.keys(t).length)return!1;for(r=l;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,d[r]))return!1;for(r=l;0!=r--;)if(i=d[r],!O(e[i],t[i]))return!1;return!0}return e!=e&&t!=t}function V(e,t){if(e&&Object.keys(e).length&&t){if(-1===t.indexOf("."))return e[t];{const o=t.split(".");let n=e;for(let t=0,r=o.length;t<r;++t){if(null==e)return null;n=n[o[t]]}return n}}return null}function L(e,t){if(null!=e&&t&&t.length)for(const o of t)if(_(e,o))return!0;return!1}function P(t){const o=e.inject(t,void 0),n=e.computed((()=>{return t=o,!(null==(n=e.unref(t))||""===n||Array.isArray(n)&&0===n.length||!(n instanceof Date)&&"object"==typeof n&&0===Object.keys(n).length);var t,n}));return{group:o,isInGroup:n,getGroupOrLocalRef:function(t,n,r){if(null==o?void 0:o.value){const n=e.unref(o.value)[t];return e.computed({get:()=>null==n?void 0:n.value,set(e){n.value=e}})}const l=e.toRef(n,t);return e.computed({get:()=>l.value,set(e){r&&r(`update:${t}`,e)}})}}}const C={...w,...$,...B,...x,...b,icon:[String,Object],iconPosition:{type:String,default:r.left,validator:e=>Object.values(r).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},modelValue:String};const D={key:1,class:"vv-button__label"},E={key:1,class:"vv-button__label"};return e.defineComponent({name:"VvButton",props:C,emits:["update:modelValue"],setup(t,{expose:n,emit:l}){const i=t,u=e.useAttrs(),a=e.useSlots(),{id:s,modifiers:d,iconPosition:v,icon:f,label:g,modelValue:b,disabled:y,toggle:h,unselectable:k}=function(t,o){const{group:n,isInGroup:r,getGroupOrLocalRef:l}=P(c),{id:i,iconPosition:u,icon:a,label:s,pressed:d,modifiers:v}=e.toRefs(t),f=l("modelValue",t,o),p=l("toggle",t),m=l("unselectable",t),g=e.computed((()=>(null==n?void 0:n.value.multiple.value)??!1)),b=e.computed((()=>{var e;return[...(null==v?void 0:v.value)?Array.isArray(v.value)?v.value:v.value.split(" "):[],...(null==(e=null==n?void 0:n.value.itemModifiers)?void 0:e.value)?Array.isArray(n.value.itemModifiers.value)?n.value.itemModifiers.value:n.value.itemModifiers.value.split(" "):[]]})),y=e.computed((()=>{var e;return Boolean(t.disabled||(null==(e=null==n?void 0:n.value)?void 0:e.disabled.value))}));return{group:n,isInGroup:r,modelValue:f,toggle:p,unselectable:m,multiple:g,modifiers:b,disabled:y,id:i,pressed:d,iconPosition:u,icon:a,label:s}}(i,l),S=(t=>e.computed((()=>String((null==t?void 0:t.value)||o.nanoid()))))(s),B=e.computed((()=>(null==u?void 0:u.name)||S.value)),x=e.ref(null);n({$el:e.computed((()=>{var e;return null==(e=x.value)?void 0:e.$el}))});const $=e.computed((()=>h.value?Array.isArray(b.value)?L(B.value,b.value):_(B.value,b.value):i.pressed)),w=p("vv-button",d,e.computed((()=>({reverse:[r.right,r.bottom].includes(v.value),column:[r.top,r.bottom].includes(v.value),"icon-only":Boolean((null==f?void 0:f.value)&&!(null==g?void 0:g.value)&&!a.default)})))),A=e.computed((()=>"string"==typeof(null==f?void 0:f.value)?{name:null==f?void 0:f.value}:null==f?void 0:f.value)),O=()=>{if(h.value){if(Array.isArray(b.value))return L(B.value,b.value)?void(k.value&&(b.value=b.value.filter((e=>e!==B.value)))):void b.value.push(B.value);if(_(B.value,b.value)&&k.value)return void(b.value=void 0);b.value=B.value}};return(t,o)=>(e.openBlock(),e.createBlock(j,e.mergeProps({disabled:e.unref(y),pressed:e.unref($),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel},{id:e.unref(S),ref_key:"element",ref:x,class:e.unref(w),onClick:O}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},(()=>[t.loadingIcon?(e.openBlock(),e.createBlock(m,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(f)?(e.openBlock(),e.createBlock(m,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(A)),null,16)):e.createCommentVNode("",!0),e.unref(g)?(e.openBlock(),e.createElementBlock("span",E,[e.renderSlot(t.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(g)),1)]))])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"after")],64))]))])),_:3},16,["id","class"]))}})}));

package/dist/components/VvButton/VvButton.vue.d.ts

@@ -1,115 +1,115 @@
-import { Side } from '@/constants';
+import { Side } from '../../constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     icon: (StringConstructor | ObjectConstructor)[];
     iconPosition: {
-        type: import("vue").PropType<Side>;
+        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
         validator: (value: Side) => boolean;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
     loadingIcon: {
         type: StringConstructor;
         default: string;
     };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: globalThis.PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: globalThis.PropType<"button" | "submit" | "reset">;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {
-        type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
+        type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
+        validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
     rel: {
         type: StringConstructor;
         default: string;
     };
-    type: {
-        type: StringConstructor;
-        default: import("@/components/VvButton").ButtonType;
-        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 }, {
-    $el: import("vue").Ref<HTMLElement | null>;
+    $el: globalThis.ComputedRef<HTMLElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: (StringConstructor | ObjectConstructor)[];
     iconPosition: {
-        type: import("vue").PropType<Side>;
+        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
         validator: (value: Side) => boolean;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
     loadingIcon: {
         type: StringConstructor;
         default: string;
     };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: globalThis.PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: globalThis.PropType<"button" | "submit" | "reset">;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {
-        type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
+        type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
+        validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
     rel: {
         type: StringConstructor;
         default: string;
     };
-    type: {
-        type: StringConstructor;
-        default: import("@/components/VvButton").ButtonType;
-        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    type: string;
-    iconPosition: Side;
-    loading: boolean;
-    loadingIcon: string;
-    loadingLabel: string;
+    type: "button" | "submit" | "reset";
+    rel: string;
     active: boolean;
     pressed: boolean;
-    rel: string;
+    iconPosition: "left" | "right" | "top" | "bottom";
+    loadingIcon: string;
     toggle: boolean;
+    loading: boolean;
+    loadingLabel: string;
     unselectable: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/components/VvButton/index.d.ts

@@ -1,23 +1,6 @@
 import type { Ref, PropType, ExtractPropTypes } from 'vue';
-import type { ButtonGroupState } from '@/types/group';
-import { Side } from '@/constants';
-export declare enum ButtonType {
-    button = "button",
-    submit = "submit",
-    reset = "reset"
-}
-export declare enum ButtonTag {
-    nuxtLink = "nuxt-link",
-    routerLink = "router-link",
-    a = "a",
-    button = "button"
-}
-export declare enum ButtonTarget {
-    _blank = "_blank",
-    _self = "_self",
-    _parent = "_parent",
-    _top = "_top"
-}
+import type { ButtonGroupState } from '../../types/group';
+import { Side } from '../../constants';
 export declare const VvButtonEvents: string[];
 export declare const VvButtonProps: {
     /**
@@ -28,18 +11,10 @@ export declare const VvButtonProps: {
      * Button icon position
      */
     iconPosition: {
-        type: PropType<Side>;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
         validator: (value: Side) => boolean;
     };
-    /**
-     * Button label
-     */
-    label: (StringConstructor | NumberConstructor)[];
-    /**
-     * Loading status
-     */
-    loading: BooleanConstructor;
     /**
      * Loading icon
      */
@@ -47,63 +22,43 @@ export declare const VvButtonProps: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Loading label
-     */
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
-     * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
-     */
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
-    /**
-     * Link href
-     */
     href: StringConstructor;
-    /**
-     * Link target
-     */
     target: {
-        type: PropType<ButtonTarget>;
-        validator: (value: ButtonTarget) => boolean;
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    /**
-     * Button pressed mode
-     */
-    pressed: BooleanConstructor;
-    /**
-     * Link rel
-     */
     rel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Button type
-     */
-    type: {
-        type: StringConstructor;
-        default: ButtonType;
-        validator: (value: ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 };
 export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
 /**
@@ -111,16 +66,16 @@ export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
  */
 export declare function useGroupProps(props: VvButtonPropsTypes, emit: (event: (typeof VvButtonEvents)[number], value: unknown) => void): {
     group: Ref<ButtonGroupState> | undefined;
-    isInGroup: import("vue").ComputedRef<boolean>;
+    isInGroup: globalThis.ComputedRef<boolean>;
     modelValue: Ref<string | string[] | undefined>;
-    disabled: Ref<boolean>;
     toggle: Ref<boolean>;
     unselectable: Ref<boolean>;
-    multiple: Ref<boolean>;
+    multiple: globalThis.ComputedRef<boolean>;
+    modifiers: globalThis.ComputedRef<string[]>;
+    disabled: globalThis.ComputedRef<boolean>;
     id: Ref<string | number | undefined> | undefined;
-    modifiers: import("vue").ComputedRef<string[]>;
     pressed: Ref<boolean>;
-    iconPosition: Ref<Side>;
+    iconPosition: Ref<"left" | "right" | "top" | "bottom">;
     icon: Ref<string | Record<string, any> | undefined> | undefined;
     label: Ref<string | number | undefined> | undefined;
 };