@volverjs/ui-vue 0.0.3-beta.4 → 0.0.3

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

@@ -1 +1 @@
-(function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue"),require("nanoid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@iconify/vue"],k):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButton=k(e.vue,e.nanoid,e.vue$1))})(this,function(e,k,v){"use strict";const P="ds",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]}},E={name:"VvIcon"},C=e.defineComponent({...E,props:N,setup(n){const i=n,o=ref(!0),{modifiers:g}=toRefs(i),a=inject(P),{bemCssClasses:u}=useBemModifiers("vv-icon",{modifiers:g}),p=computed(()=>i.provider||(a==null?void 0:a.provider)),h=computed(()=>{const t=i.name??"",r=`@${p.value}:${i.prefix}:${i.name}`;return v.iconExists(t)?t:v.iconExists(r)?r:(a==null?void 0:a.iconsCollections.find(d=>{const m=`@${p.value}:${d.prefix}:${t}`;if(v.iconExists(m))return m}))||t});function l(t){let r=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");r=new S().window}return(r?new r.DOMParser:new window.DOMParser).parseFromString(t,"text/html").querySelector("svg")}function c(t){const r=l(t),d=(r==null?void 0:r.innerHTML.trim())||"";r&&d&&v.addIcon(`@${p.value}:${i.prefix}:${i.name}`,{body:d,height:r.viewBox.baseVal.height,width:r.viewBox.baseVal.width})}return a&&(i.src&&!v.iconExists(`@${p.value}:${i.prefix}:${i.name}`)?(o.value=!1,a.fetchIcon(i.src).then(t=>{t&&(c(t),o.value=!0)}).catch(t=>{throw new Error(`During fetch icon: ${t==null?void 0:t.message}`)})):i.svg&&c(i.svg)),(t,r)=>e.unref(o)?(e.openBlock(),e.createBlock(e.unref(v.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:t.rotate,color:t.color,onLoad:t.onLoad,icon:e.unref(h)}),null,16,["class"])):e.createCommentVNode("",!0)}}),O={disabled:Boolean},A={modifiers:[String,Array]},F={unselectable:{type:Boolean,default:!0}},D="VV_BUTTON_GROUP";var b=(n=>(n.left="left",n.right="right",n.top="top",n.bottom="bottom",n))(b||{}),L=(n=>(n.button="button",n.submit="submit",n.reset="reset",n))(L||{}),f=(n=>(n.nuxtLink="nuxt-link",n.routerLink="router-link",n.a="a",n.button="button",n))(f||{}),$=(n=>(n._blank="_blank",n._self="_self",n._parent="_parent",n._top="_top",n))($||{});const I=["update:modelValue"],M={...A,...O,...F,icon:{type:[String,Object],default:""},iconPosition:{type:String,default:"left",validator:n=>n in b},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:n=>n in $},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:n=>n in L},toggle:{type:Boolean,default:!1},modelValue:String};function q(n,i){var V;const{group:o,isInGroup:g,getGroupOrLocalRef:a}=useInjectedGroupState(D),{iconPosition:u,icon:p,label:h,pressed:l,modifiers:c}=toRefs(n),t=a("modelValue",n,i),r=a("disabled",n),d=a("toggle",n),m=a("unselectable",n),y=((V=o==null?void 0:o.value)==null?void 0:V.multiple)??ref(!1),S=computed(()=>{var _;const w=c!=null&&c.value?Array.isArray(c.value)?c.value:[c.value]:[],B=(_=o==null?void 0:o.value.itemModifiers)!=null&&_.value?Array.isArray(o.value.itemModifiers.value)?o.value.itemModifiers.value:[o.value.itemModifiers.value]:[];return[...w,...B]});return{group:o,isInGroup:g,modelValue:t,disabled:r,toggle:d,unselectable:m,multiple:y,modifiers:S,pressed:l,iconPosition:u,icon:p,label:h}}const R={key:1,class:"vv-button__label"},j={key:1,class:"vv-button__label"},G={name:"VvButton"};return e.defineComponent({...G,props:M,emits:I,setup(n,{emit:i}){const o=n,g=useAttrs(),a=useSlots(),u=(g==null?void 0:g.name)||k.nanoid(),{modifiers:p,iconPosition:h,icon:l,label:c,modelValue:t,disabled:r,toggle:d,unselectable:m}=q(o,i),y=inject(P),S=computed(()=>{switch(!0){case r.value:return f.button;case o.to!==void 0:return y!=null&&y.nuxt?f.nuxtLink:f.routerLink;case o.href!==void 0:return f.a;default:return f.button}}),V=computed(()=>d.value?Array.isArray(t.value)?contains(u,t.value):equals(u,t.value):o.pressed),{bemCssClasses:w}=useBemModifiers("vv-button",{modifiers:p,active:o.active,pressed:V,disabled:r,reverse:computed(()=>[b.right,b.bottom].includes(h.value)),column:computed(()=>[b.top,b.bottom].includes(h.value)),iconOnly:computed(()=>(l==null?void 0:l.value)&&!(c!=null&&c.value)&&!a.default)}),B=computed(()=>typeof(l==null?void 0:l.value)=="string"?{name:l==null?void 0:l.value}:l==null?void 0:l.value),_=computed(()=>{const s={class:w.value,"aria-pressed":V.value?!0:void 0};switch(S.value){case f.a:return{...s,role:"button",href:o.href,target:o.target,rel:o.rel};case f.routerLink:case f.nuxtLink:return{...s,role:"button",to:o.to,target:o.target};default:return{...s,type:o.type,disabled:r.value}}}),U=()=>{if(d.value){if(Array.isArray(t.value)){if(contains(u,t.value)){m.value&&(t.value=t.value.filter(s=>s!==u));return}t.value.push(u);return}if(equals(u,t.value)&&m.value){t.value=void 0;return}t.value=u}};return(s,z)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(S)),e.mergeProps(e.unref(_),{onClickPassive:U}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[s.loading?e.renderSlot(s.$slots,"loading",{key:0},()=>[s.loadingIcon?(e.openBlock(),e.createBlock(C,{key:0,class:"vv-button__loading-icon",name:s.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),s.loadingLabel?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(s.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(s.$slots,"before"),e.unref(l)?(e.openBlock(),e.createBlock(C,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(B)),null,16)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(s.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"after")],64))])]),_:3},16))}})});
+(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"]))}})});

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

@@ -1,13 +1,10 @@
-import { ButtonIconPosition } from '@/components/VvButton';
+import { Side } from '@/constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    icon: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: string;
-    };
+    icon: (StringConstructor | ObjectConstructor)[];
     iconPosition: {
-        type: import("vue").PropType<ButtonIconPosition>;
-        default: ButtonIconPosition;
-        validator: (value: string) => boolean;
+        type: import("vue").PropType<Side>;
+        default: Side;
+        validator: (value: Side) => boolean;
     };
     label: (StringConstructor | NumberConstructor)[];
     loading: BooleanConstructor;
@@ -25,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     href: StringConstructor;
     target: {
         type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: string) => boolean;
+        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
     };
     active: BooleanConstructor;
     pressed: BooleanConstructor;
@@ -36,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: import("@/components/VvButton").ButtonType;
-        validator: (value: string) => boolean;
+        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
     };
     toggle: {
         type: BooleanConstructor;
@@ -49,15 +46,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     modifiers: import("vue").PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: string;
-    };
+    id: (StringConstructor | NumberConstructor)[];
+}, {
+    $el: import("vue").Ref<HTMLElement | null>;
+}, 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<ButtonIconPosition>;
-        default: ButtonIconPosition;
-        validator: (value: string) => boolean;
+        type: import("vue").PropType<Side>;
+        default: Side;
+        validator: (value: Side) => boolean;
     };
     label: (StringConstructor | NumberConstructor)[];
     loading: BooleanConstructor;
@@ -75,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     href: StringConstructor;
     target: {
         type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: string) => boolean;
+        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
     };
     active: BooleanConstructor;
     pressed: BooleanConstructor;
@@ -86,7 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: import("@/components/VvButton").ButtonType;
-        validator: (value: string) => boolean;
+        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
     };
     toggle: {
         type: BooleanConstructor;
@@ -99,21 +96,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     modifiers: import("vue").PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     type: string;
-    icon: string | Record<string, any>;
-    toggle: boolean;
-    unselectable: boolean;
-    iconPosition: ButtonIconPosition;
+    iconPosition: Side;
     loading: boolean;
     loadingIcon: string;
     loadingLabel: string;
     active: boolean;
     pressed: boolean;
     rel: string;
+    toggle: boolean;
+    unselectable: boolean;
 }>, {
     default: (_: {}) => any;
     loading: (_: {}) => any;

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

@@ -1,11 +1,6 @@
 import type { Ref, PropType, ExtractPropTypes } from 'vue';
-import type IButtonGroupState from '@/composables/group/types/IButtonGroupState';
-export declare enum ButtonIconPosition {
-    left = "left",
-    right = "right",
-    top = "top",
-    bottom = "bottom"
-}
+import type { ButtonGroupState } from '@/types/group';
+import { Side } from '@/constants';
 export declare enum ButtonType {
     button = "button",
     submit = "submit",
@@ -28,17 +23,14 @@ export declare const VvButtonProps: {
     /**
      * Button icon
      */
-    icon: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: string;
-    };
+    icon: (StringConstructor | ObjectConstructor)[];
     /**
      * Button icon position
      */
     iconPosition: {
-        type: PropType<ButtonIconPosition>;
-        default: ButtonIconPosition;
-        validator: (value: string) => boolean;
+        type: PropType<Side>;
+        default: Side;
+        validator: (value: Side) => boolean;
     };
     /**
      * Button label
@@ -78,7 +70,7 @@ export declare const VvButtonProps: {
      */
     target: {
         type: PropType<ButtonTarget>;
-        validator: (value: string) => boolean;
+        validator: (value: ButtonTarget) => boolean;
     };
     active: BooleanConstructor;
     /**
@@ -98,7 +90,7 @@ export declare const VvButtonProps: {
     type: {
         type: StringConstructor;
         default: ButtonType;
-        validator: (value: string) => boolean;
+        validator: (value: ButtonType) => boolean;
     };
     toggle: {
         type: BooleanConstructor;
@@ -111,22 +103,24 @@ export declare const VvButtonProps: {
     };
     disabled: BooleanConstructor;
     modifiers: PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
 };
 export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
 /**
  * Merges local and group props
  */
 export declare function useGroupProps(props: VvButtonPropsTypes, emit: (event: (typeof VvButtonEvents)[number], value: unknown) => void): {
-    group: Ref<IButtonGroupState> | undefined;
+    group: Ref<ButtonGroupState> | undefined;
     isInGroup: import("vue").ComputedRef<boolean>;
     modelValue: Ref<string | string[] | undefined>;
     disabled: Ref<boolean>;
     toggle: Ref<boolean>;
     unselectable: Ref<boolean>;
     multiple: Ref<boolean>;
+    id: Ref<string | number | undefined> | undefined;
     modifiers: import("vue").ComputedRef<string[]>;
     pressed: Ref<boolean>;
-    iconPosition: Ref<ButtonIconPosition>;
-    icon: Ref<string | Record<string, any>>;
+    iconPosition: Ref<Side>;
+    icon: Ref<string | Record<string, any> | undefined> | undefined;
     label: Ref<string | number | undefined> | undefined;
 };

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1,62 +1,77 @@
-import { defineComponent as c, openBlock as f, createElementBlock as y, normalizeClass as v, unref as V, renderSlot as g } from "vue";
-const B = "VV_BUTTON_GROUP", _ = {
+import { defineComponent as b, openBlock as y, createElementBlock as g, normalizeClass as v, unref as B, renderSlot as O } from "vue";
+var a = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(a || {}), s = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(s || {}), l = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(l || {});
+const S = Symbol.for("buttonGroup"), V = {
+  /**
+   * Whether the form control is disabled
+   */
   disabled: Boolean
-}, b = {
+}, h = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, A = {
+};
+l.before;
+const _ = {
+  /**
+   * If true the input will be unselectable
+   */
   unselectable: { type: Boolean, default: !0 }
-}, G = {
-  ...b,
+};
+a.bottom;
+const j = {
+  ...h,
+  ...V,
   ..._,
-  ...A,
+  /**
+   * String or String[] of css classes (modifiers) that will be provided to each button'
+   */
   itemModifiers: { type: [String, Array], default: void 0 },
   toggle: { type: Boolean, default: !1 },
   multiple: { type: Boolean, default: !1 },
   modelValue: { type: [String, Array], default: void 0 }
-}, P = ["update:modelValue"], S = {
+}, A = ["update:modelValue"], E = {
   name: "VvButtonGroup"
-}, M = /* @__PURE__ */ c({
-  ...S,
-  props: G,
-  emits: P,
-  setup(r, { emit: l }) {
-    const e = r, {
-      disabled: s,
-      toggle: a,
-      modifiers: u,
-      multiple: o,
-      unselectable: n,
-      itemModifiers: i
+}, N = /* @__PURE__ */ b({
+  ...E,
+  props: j,
+  emits: A,
+  setup(t, { emit: u }) {
+    const e = t, {
+      disabled: n,
+      toggle: i,
+      modifiers: d,
+      multiple: r,
+      unselectable: f,
+      itemModifiers: p
     } = toRefs(e);
     watchEffect(() => {
-      typeof e.modelValue == "string" && o.value && console.warn(
+      typeof e.modelValue == "string" && r.value && console.warn(
         "[VvButtonGroup]: modelValue is a string but multiple is true."
       );
     });
-    const d = computed({
-      get: () => o.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
-      set: (t) => (t !== void 0 && (Array.isArray(e.modelValue) || o.value) && !Array.isArray(t) && (t = [t]), l("update:modelValue", t))
-    }), p = {
-      key: B,
-      modelValue: d,
-      disabled: s,
-      toggle: a,
-      multiple: o,
-      unselectable: n,
-      itemModifiers: i
-    };
-    useProvideGroupState(p);
-    const { bemCssClasses: m } = useBemModifiers("vv-button-group", {
-      modifiers: u
+    const c = computed({
+      get: () => r.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
+      set: (o) => (o !== void 0 && (Array.isArray(e.modelValue) || r.value) && !Array.isArray(o) && (o = [o]), u("update:modelValue", o))
+    });
+    useProvideGroupState({
+      key: S,
+      modelValue: c,
+      disabled: n,
+      toggle: i,
+      multiple: r,
+      unselectable: f,
+      itemModifiers: p
     });
-    return (t, U) => (f(), y("div", {
-      class: v(V(m)),
+    const m = useBemModifiers("vv-button-group", d);
+    return (o, G) => (y(), g("div", {
+      class: v(B(m)),
       role: "group"
     }, [
-      g(t.$slots, "default")
+      O(o.$slots, "default")
     ], 2));
   }
 });
 export {
-  M as default
+  N as default
 };

package/dist/components/VvButtonGroup/VvButtonGroup.umd.js

@@ -1 +1 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=s(e.vue))})(this,function(e){"use strict";const s="VV_BUTTON_GROUP",l={...{modifiers:[String,Array]},...{disabled:Boolean},...{unselectable:{type:Boolean,default:!0}},itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},n=["update:modelValue"],u={name:"VvButtonGroup"};return e.defineComponent({...u,props:l,emits:n,setup(i,{emit:a}){const t=i,{disabled:d,toggle:p,modifiers:f,multiple:r,unselectable:c,itemModifiers:m}=toRefs(t);watchEffect(()=>{typeof t.modelValue=="string"&&r.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const y=computed({get:()=>r.value?t.modelValue:Array.isArray(t.modelValue)?t.modelValue[0]:t.modelValue,set:o=>(o!==void 0&&(Array.isArray(t.modelValue)||r.value)&&!Array.isArray(o)&&(o=[o]),a("update:modelValue",o))}),V={key:s,modelValue:y,disabled:d,toggle:p,multiple:r,unselectable:c,itemModifiers:m};useProvideGroupState(V);const{bemCssClasses:v}=useBemModifiers("vv-button-group",{modifiers:f});return(o,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})});
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=o(e.vue))})(this,function(e){"use strict";var o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),s=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(s||{}),n=(t=>(t.before="before",t.after="after",t))(n||{});const u=Symbol.for("buttonGroup"),i={disabled:Boolean},d={modifiers:[String,Array]};n.before;const f={unselectable:{type:Boolean,default:!0}};o.bottom;const p={...d,...i,...f,itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},c=["update:modelValue"],m={name:"VvButtonGroup"};return e.defineComponent({...m,props:p,emits:c,setup(t,{emit:y}){const r=t,{disabled:b,toggle:g,modifiers:v,multiple:a,unselectable:B,itemModifiers:h}=toRefs(r);watchEffect(()=>{typeof r.modelValue=="string"&&a.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const O=computed({get:()=>a.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:l=>(l!==void 0&&(Array.isArray(r.modelValue)||a.value)&&!Array.isArray(l)&&(l=[l]),y("update:modelValue",l))});useProvideGroupState({key:u,modelValue:O,disabled:b,toggle:g,multiple:a,unselectable:B,itemModifiers:h});const S=useBemModifiers("vv-button-group",v);return(l,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S)),role:"group"},[e.renderSlot(l.$slots,"default")],2))}})});

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

@@ -103,8 +103,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     itemModifiers: string | string[];
     toggle: boolean;
-    multiple: boolean;
     unselectable: boolean;
+    multiple: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/VvCard/VvCard.es.js

@@ -1,43 +1,41 @@
-import { defineComponent as d, openBlock as s, createElementBlock as o, normalizeClass as i, unref as c, renderSlot as t, createTextVNode as f, toDisplayString as m, createCommentVNode as r } from "vue";
-const p = {
+import { defineComponent as i, openBlock as s, createElementBlock as t, normalizeClass as c, unref as f, renderSlot as o, createTextVNode as m, toDisplayString as p, createCommentVNode as r } from "vue";
+const u = {
   title: String,
   modifiers: [String, Array]
-}, u = {
+}, v = {
   key: 0,
   class: "vv-card__header"
-}, v = {
+}, _ = {
   key: 1,
   class: "vv-card__content"
-}, _ = {
+}, h = {
   key: 2,
   class: "vv-card__footer"
-}, h = {
+}, C = {
   name: "VvCard"
-}, k = /* @__PURE__ */ d({
-  ...h,
-  props: p,
-  setup(a) {
-    const n = a, { bemCssClasses: l } = useBemModifiers("vv-card", {
-      modifiers: n.modifiers
-    });
-    return (e, C) => (s(), o("article", {
-      class: i(c(l))
+}, y = /* @__PURE__ */ i({
+  ...C,
+  props: u,
+  setup(n) {
+    const a = n, { modifiers: l } = toRefs(a), d = useBemModifiers("vv-card", l);
+    return (e, $) => (s(), t("article", {
+      class: c(f(d))
     }, [
-      e.$slots.header || e.title ? (s(), o("header", u, [
-        t(e.$slots, "header", {}, () => [
-          f(m(e.title), 1)
+      e.$slots.header || e.title ? (s(), t("header", v, [
+        o(e.$slots, "header", {}, () => [
+          m(p(e.title), 1)
         ])
       ])) : r("", !0),
-      t(e.$slots, "default"),
-      e.$slots.content ? (s(), o("div", v, [
-        t(e.$slots, "content")
+      o(e.$slots, "default"),
+      e.$slots.content ? (s(), t("div", _, [
+        o(e.$slots, "content")
       ])) : r("", !0),
-      e.$slots.footer ? (s(), o("footer", _, [
-        t(e.$slots, "footer")
+      e.$slots.footer ? (s(), t("footer", h, [
+        o(e.$slots, "footer")
       ])) : r("", !0)
     ], 2));
   }
 });
 export {
-  k as default
+  y as default
 };

package/dist/components/VvCard/VvCard.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=t(e.vue))})(this,function(e){"use strict";const t={title:String,modifiers:[String,Array]},s={key:0,class:"vv-card__header"},r={key:1,class:"vv-card__content"},n={key:2,class:"vv-card__footer"},d={name:"VvCard"};return e.defineComponent({...d,props:t,setup(l){const i=l,{bemCssClasses:c}=useBemModifiers("vv-card",{modifiers:i.modifiers});return(o,f)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(c))},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",s,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),o.$slots.content?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",n,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=o(e.vue))})(this,function(e){"use strict";const o={title:String,modifiers:[String,Array]},s={key:0,class:"vv-card__header"},n={key:1,class:"vv-card__content"},r={key:2,class:"vv-card__footer"},d={name:"VvCard"};return e.defineComponent({...d,props:o,setup(l){const c=l,{modifiers:i}=toRefs(c),a=useBemModifiers("vv-card",i);return(t,m)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(a))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",s,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",r,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});