@volverjs/ui-vue 0.0.1-beta.11

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(h,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("@iconify/vue"),require("vue"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue","uuid","@vueuse/core"],V):(h=typeof globalThis<"u"?globalThis:h||self,V(h.volver={},h.vue,h.vue$1,h.uuid,h.core))})(this,function(h,V,e,j,N){"use strict";var ot=Object.defineProperty;var nt=(h,V,e)=>V in h?ot(h,V,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[V]=e;var I=(h,V,e)=>(nt(h,typeof V!="symbol"?V+"":V,e),e);const F="ds";class Y{constructor({fetchWithCredentials:n=!1,fetchOptions:o={},iconsCollections:l=[]}={}){I(this,"fetchOptions");I(this,"iconsCollections");I(this,"provider");n&&(o={...o,credentials:"include"}),this.provider=F,this.fetchOptions=o,this.iconsCollections=l,this.iconsCollections.forEach(r=>{this.addCollection(r,this.provider)})}addCollection(n,o){return V.addCollection(n,o)}addIcon(n,o){return V.addIcon(n,o)}fetchIcon(n,o){return new Promise((l,r)=>{fetch(n,{...this.fetchOptions,...o}).catch(a=>r(a)).then(a=>a==null?void 0:a.text()).then(a=>l(a))})}}const x={install(t,n){const o=new Y(n);t.config.globalProperties.$ds=o,t.provide(F,o)}};var P=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(P||{}),w=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(w||{}),M=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(M||{});const $={icon:String,iconPosition:{type:String,default:"left",validator:t=>t in P},label:String,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:t=>t in M},block:Boolean,active:Boolean,rounded:Boolean,disabled:Boolean,fullBleed:Boolean,action:Boolean,actionQuiet:Boolean,selected:Boolean,modifiers:[Array,String]},b={equals(t,n,o){return o?this.resolveFieldData(t,o)===this.resolveFieldData(n,o):this.deepEquals(t,n)},deepEquals(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const o=Array.isArray(t),l=Array.isArray(n);let r,a,c;if(o&&l){if(a=t.length,a!=n.length)return!1;for(r=a;r--!==0;)if(!this.deepEquals(t[r],n[r]))return!1;return!0}if(o!=l)return!1;const u=t instanceof Date,i=n instanceof Date;if(u!=i)return!1;if(u&&i)return t.getTime()==n.getTime();const m=t instanceof RegExp,d=n instanceof RegExp;if(m!=d)return!1;if(m&&d)return t.toString()==n.toString();const s=Object.keys(t);if(a=s.length,a!==Object.keys(n).length)return!1;for(r=a;r--!==0;)if(!Object.prototype.hasOwnProperty.call(n,s[r]))return!1;for(r=a;r--!==0;)if(c=s[r],!this.deepEquals(t[c],n[c]))return!1;return!0}return t!==t&&n!==n},resolveFieldData(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const o=n.split(".");let l=t;for(let r=0,a=o.length;r<a;++r){if(t==null)return null;l=l[o[r]]}return l}}else return null},isFunction(t){return!!(t&&t.constructor&&t.call&&t.apply)},findIndexInList(t,n){let o=-1;if(n){for(let l=0;l<n.length;l++)if(this.equals(n[l],t)){o=l;break}}return o},contains(t,n){if(t!=null&&n&&n.length){for(const o of n)if(this.equals(t,o))return!0}return!1},isEmpty(t){return t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0},isNotEmpty(t){return!this.isEmpty(t)},pickBy(t,n){return Object.fromEntries(Object.entries(t).filter(([o])=>n(o)))},removeFromList(t,n){const o=this.findIndexInList(t,n);return o>-1?n.filter((l,r)=>r!==o):n},isString(t){return typeof t=="string"||t instanceof String},propsToObject(t){return Object.keys(t).reduce((n,o)=>{var l,r,a,c,u;return this.isFunction(t[o])?n[o]=t[o]():Array.isArray(t[o])?n[o]=t[o][0]():(l=t[o])!=null&&l.type&&(Array.isArray(t[o].type)?n[o]=((r=t[o])==null?void 0:r.default)||((a=t[o])==null?void 0:a.type[0]()):n[o]=((c=t[o])==null?void 0:c.default)||((u=t[o])==null?void 0:u.type())),n},{})},filterArray(t,n,o){return t.filter(l=>n.some(r=>typeof r=="string"?l[o]==r:this.equals(l[o],r[o])))},kebabCase(t){var n,o;if(t)return(o=(n=t.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:n.join("-"))==null?void 0:o.toLowerCase()}},ee={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]}};function S(t,n){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,a)=>{const c=e.unref(n[a])||!1;if(!c)return r;if(a==="modifiers"){const u=Array.isArray(c)?c:[c];return{...r,...u.reduce((i,m)=>({...i,[`${t}--${b.kebabCase(m)}`]:!0}),{})}}else return{...r,[`${t}--${b.kebabCase(a)}`]:c}},o)||{})}}const D=e.defineComponent({__name:"VvIcon",props:ee,setup(t){const n=t,o=e.ref(!0),{modifiers:l}=e.toRefs(n),r=e.inject(F),{bemCssClasses:a}=S("vv-icon",{modifiers:l}),c=e.computed(()=>n.provider||(r==null?void 0:r.provider)),u=e.computed(()=>{const d=n.name||"",s=`@${c.value}:${n.prefix}:${n.name}`;return V.iconExists(d)?d:V.iconExists(s)?s:(r==null?void 0:r.iconsCollections.find(p=>{const f=`@${c.value}:${p.prefix}:${d}`;if(V.iconExists(f))return f}))||d});function i(d){let s=null;if(typeof window>"u"){const{JSDOM:g}=require("jsdom");s=new g().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(d,"text/html").querySelector("svg")}function m(d){const s=i(d),p=(s==null?void 0:s.innerHTML.trim())||"";s&&p&&V.addIcon(`@${c.value}:${n.prefix}:${n.name}`,{body:p,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return r&&(n.src?(o.value=!1,r.fetchIcon(n.src).then(d=>{d&&(m(d),o.value=!0)}).catch(d=>{throw new Error(`During fetch icon: ${d==null?void 0:d.message}`)})):n.svg&&m(n.svg)),(d,s)=>o.value?(e.openBlock(),e.createBlock(e.unref(V.Icon),e.mergeProps({key:0,class:e.unref(a)},{...d.$props,provider:e.unref(c),icon:e.unref(u)}),null,16,["class"])):e.createCommentVNode("",!0)}});function q(t){const n=e.inject(t,void 0),o=e.computed(()=>b.isNotEmpty(n));function l(r,a,c){if(n!=null&&n.value){const u=e.unref(n.value)[r];return e.computed({get(){return u==null?void 0:u.value},set(i){u.value=i}})}else{const u=e.toRef(a,r);return e.computed({get(){return u.value},set(i){c&&c(`update:${r}`,i)}})}}return{group:n,isInGroup:o,getGroupOrLocalRef:l}}const H=Symbol("VV_BUTTON_GROUP"),U=Symbol("VV_CHECK_GROUP"),K=Symbol("VV_ACCORDION_GROUP");function te(t){const{group:n,isInGroup:o,getGroupOrLocalRef:l}=q(H),{modifiers:r,fullBleed:a,iconPosition:c,icon:u,label:i,block:m,selected:d}=e.toRefs(t),s=l("modelValue",t),p=l("disabled",t),f=l("toggle",t),y=l("rounded",t),g=l("action",t),k=l("actionQuiet",t);return{modelValue:s,disabled:p,toggle:f,isInGroup:o,group:n,modifiers:r,action:g,actionQuiet:k,selected:d,block:m,rounded:y,fullBleed:a,iconPosition:c,icon:u,label:i}}const oe={key:1,class:"vv-button__label"},ne={key:1,class:"vv-button__label"},re=e.defineComponent({__name:"VvButton",props:$,setup(t){const n=t,o=e.useAttrs(),l=(o==null?void 0:o.name)||j.v4(),{modifiers:r,action:a,actionQuiet:c,block:u,rounded:i,fullBleed:m,iconPosition:d,icon:s,label:p,modelValue:f,disabled:y,toggle:g,isInGroup:k}=te(n),C=e.computed(()=>{switch(!0){case y.value:return w.button;case n.to!==void 0:return w.routerLink;case n.href!==void 0:return w.a;default:return w.button}}),E=e.computed(()=>g.value?Array.isArray(f.value)?b.contains(l,f.value):b.equals(l,f.value):n.active),O=e.computed(()=>g.value?Array.isArray(f.value)?b.contains(l,f.value):b.equals(l,f.value):n.selected),{bemCssClasses:z}=S("vv-button",{modifiers:r,active:E,action:a,actionQuiet:c,selected:O,block:u,rounded:i,fullBleed:m,disabled:y,reverse:e.computed(()=>[P.right,P.bottom].includes(d.value)),column:e.computed(()=>[P.top,P.bottom].includes(d.value)),iconOnly:e.computed(()=>(s==null?void 0:s.value)&&!(p!=null&&p.value))}),T=e.computed(()=>({...B.value,"aria-label":n.label||o["aria-label"],"aria-disabled":y.value,role:"button",class:z.value,to:n.to})),B=e.computed(()=>{const _=C.value===w.a;let R={};return _&&(R=y.value?{href:"javascript:;"}:{target:n.target,href:n.href}),R});function A(){k.value&&(f.value=l)}return(_,R)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(C)),e.mergeProps(e.unref(T),{onClickPassive:A}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"default",{},()=>[_.loading?e.renderSlot(_.$slots,"loading",{key:0},()=>[_.loadingIcon?(e.openBlock(),e.createBlock(D,{key:0,class:"vv-button__loading-icon",name:_.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),_.loadingLabel?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(_.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(_.$slots,"before"),e.unref(s)?(e.openBlock(),e.createBlock(D,{key:0,class:"vv-button__icon",name:e.unref(s)},null,8,["name"])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",ne,[e.renderSlot(_.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)])])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"after")],64))])]),_:3},16))}}),le={value:[String,Number],color:String},se=e.defineComponent({__name:"VvBadge",props:le,setup(t){const n=t,o=e.computed(()=>n.color?`vv-badge--${n.color}`:"");return(l,r)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["vv-badge",e.unref(o)]),role:"status"},e.toDisplayString(l.value),3))}}),ae={disabled:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},block:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},action:Boolean,actionQuiet:Boolean,modelValue:{type:String,default:void 0}},ce=["update:modelValue"];function L(t){if(Object.keys(t).some(n=>n!=="key"&&!e.isRef(t[n])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}const ie=e.defineComponent({__name:"VvButtonGroup",props:ae,emits:ce,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"modelValue",n),{disabled:r,vertical:a,compact:c,block:u,rounded:i,toggle:m,action:d,actionQuiet:s}=e.toRefs(o),{bemCssClasses:p}=S("vv-button-group",{vertical:a,compact:c,block:u});return L({key:H,modelValue:l,disabled:r,toggle:m,rounded:i,action:d,actionQuiet:s}),(y,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(p)),role:"group"},[e.renderSlot(y.$slots,"default")],2))}}),de={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},ue=["update:open"];function fe(t,n){const{group:o,isInGroup:l,getGroupOrLocalRef:r}=q(K),{modifiers:a}=e.toRefs(t),c=r("modelValue",t,n),u=r("bordered",t),i=r("disabled",t),m=r("iconRight",t),d=r("accordion",t);return{modelValue:c,disabled:i,bordered:u,iconRight:m,isInGroup:l,group:o,accordion:d,modifiers:a}}const pe=["open"],me=["aria-controls","aria-expanded"],ge=["aria-hidden"],Q=e.defineComponent({__name:"VvAccordion",props:de,emits:ue,setup(t,{emit:n}){const o=t,l=e.useAttrs(),r=(l==null?void 0:l.name)||j.v4(),{modelValue:a,modifiers:c,bordered:u,disabled:i=e.ref(!1),iconRight:m,isInGroup:d,accordion:s}=fe(o,n),p=e.computed(()=>d.value?s.value?b.equals(r,a.value):b.contains(r,a.value):o.open),{bemCssClasses:f}=S("vv-accordion",{modifiers:c,disabled:i,markerRight:e.computed(()=>m.value),bordered:u}),y=k=>{const C=k.target;n("update:open",C.open)},g=k=>{d.value&&(s.value?a.value=p.value?null:r:a.value=p.value?b.removeFromList(r,a.value):[...a.value,r],k.preventDefault())};return(k,C)=>(e.openBlock(),e.createElementBlock("details",{class:e.normalizeClass(e.unref(f)),open:e.unref(p),onToggle:y,onClick:g},[e.createElementVNode("summary",{"aria-controls":`#${e.unref(r)}`,"aria-expanded":e.unref(p),class:"vv-collapse__summary"},[e.renderSlot(k.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(k.title),1)])],8,me),e.createElementVNode("div",{"aria-hidden":!e.unref(p),class:"vv-collapse__content"},[e.renderSlot(k.$slots,"details",{},()=>[e.createTextVNode(e.toDisplayString(k.content),1)])],8,ge)],42,pe))}}),ye={modelValue:[String,Array],iconRight:Boolean,bordered:Boolean,items:{type:Array,default:()=>[]},accordion:Boolean,modifiers:[String,Array],disabled:Boolean},he=["update:open"],be=e.defineComponent({__name:"VvAccordionGroup",props:ye,emits:he,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"modelValue",n),{disabled:r,bordered:a,iconRight:c,accordion:u,modifiers:i,items:m}=e.toRefs(o);L({key:K,modelValue:l,disabled:r,bordered:a,iconRight:c,accordion:u});const{bemCssClasses:s}=S("vv-accordion-group",{modifiers:i,disabled:r});return(p,f)=>{var y;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s))},[((y=o.items)==null?void 0:y.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(m),g=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:g.title},{name:g.name,title:g.title,content:g.content,...o}),null,16))),128)):e.renderSlot(p.$slots,"default",{key:1})],2)}}}),Z={valid:Boolean,validLabel:[String,Array]},W={error:Boolean,errorLabel:[String,Array]},ke={disabled:Boolean},J={modifiers:[String,Array]},Ve={hintLabel:{type:String,default:""}},_e={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},Ce={...J,routes:Array,multiline:Boolean},Be={class:"vv-breadcrumb__list"},Se=["content"],Ae=e.defineComponent({__name:"VvBreadcrumb",props:Ce,setup(t){const n=t,{modifiers:o,multiline:l}=e.toRefs(n),{bemCssClasses:r}=S("vv-breadcrumb",{modifiers:o,multiline:l});return(a,c)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(r)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.routes,(u,i)=>{var m,d,s,p;return e.openBlock(),e.createElementBlock("li",{key:`${u.label}-${i}`,class:e.normalizeClass({"vv-breadcrumb__item":i<Number((m=a.routes)==null?void 0:m.length)-1,"vv-breadcrumb__item-active":i===Number((d=a.routes)==null?void 0:d.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.to?"router-link":u.href?"a":"span"),e.mergeProps(u,{class:{"vv-breadcrumb__link":i<Number((s=a.routes)==null?void 0:s.length)-1},"aria-current":i===Number((p=a.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label)+" ",1)]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${i+1}`},null,8,Se)],2)}),128))])],2))}}),Ee={title:String,modifiers:[String,Array]},Oe={key:0,class:"vv-card__header"},Ne={key:1,class:"vv-card__content"},Pe={key:2,class:"vv-card__footer"},we=e.defineComponent({__name:"VvCard",props:Ee,setup(t){const n=t,o=e.useAttrs(),{modifiers:l}=e.toRefs(n),{bemCssClasses:r}=S("vv-card",{modifiers:l}),a=e.computed(()=>o);return(c,u)=>(e.openBlock(),e.createElementBlock("article",e.mergeProps({class:e.unref(r)},e.unref(a)),[c.$slots.header||c.title?(e.openBlock(),e.createElementBlock("header",Oe,[e.renderSlot(c.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(c.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"default"),c.$slots.content?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(c.$slots,"content")])):e.createCommentVNode("",!0),c.$slots.footer?(e.openBlock(),e.createElementBlock("footer",Pe,[e.renderSlot(c.$slots,"footer")])):e.createCommentVNode("",!0)],16))}}),Re={...Z,...W,value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},De=["click","update:modelValue","change","focus","blur"];function ve(t,n){const{group:o,isInGroup:l,getGroupOrLocalRef:r}=q(U),{valid:a,error:c,switch:u}=e.toRefs(t),i=r("modelValue",t,n),m=r("readonly",t),d=r("disabled",t);return{group:o,isInGroup:l,valid:a,error:c,propsSwitch:u,modelValue:i,readonly:m,disabled:d}}function Ge(t,n){const{focused:o}=N.useFocus(t);return e.watch(o,l=>{n(l?"focus":"blur",t.value)}),{focused:o}}const Ie={inheritAttrs:!1},X=e.defineComponent({...Ie,__name:"VvCheck",props:Re,emits:De,setup(t,{emit:n}){const o=t,l=e.useAttrs(),{disabled:r,readonly:a,valid:c,error:u,propsSwitch:i,modelValue:m}=ve(o,n),d=e.ref(),{focused:s}=Ge(d,n),p=e.computed(()=>o.binary?b.equals(m.value,o.trueValue):Array.isArray(m.value)?b.contains(o.value,m.value):b.equals(o.value,m.value)),{bemCssClasses:f}=S("vv-input-checkbox",{switch:i,valid:c,invalid:u}),{bemCssClasses:y}=S("vv-input-check__input",{checked:p,disabled:r,readonly:a}),g=e.computed(()=>({[l.class]:!0,...f.value})),k=e.computed(()=>({...y.value,"focus-visible":s.value})),C=e.computed(()=>{const{id:B,name:A,style:_}=l,R=b.pickBy(l,tt=>tt.startsWith("data-"));return{for:B||A,style:_,...R}}),E=e.computed(()=>{const{id:B="",name:A=""}=l;return{type:"checkbox",id:B||A,name:A,value:o.value,disabled:r.value,readonly:a.value,checked:p.value,...O.value}}),O=e.computed(()=>{const{name:B}=l,A=b.pickBy(l,_=>_.startsWith("aria-"));return{"aria-label":B,"aria-checked":p.value,...A}});function z(){if(o.binary){m.value=p.value?o.falseValue:o.trueValue;return}if(m.value===null){m.value=[o.value];return}if(Array.isArray(m.value)){m.value=p.value?b.removeFromList(o.value,m.value):[...m.value,o.value];return}}function T(B){r.value||(n("click",B),n("change",p.value?o.value:null),s.value=!0)}return(B,A)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(g)},e.unref(C),{onClick:T}),[e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:d,class:e.unref(k)},e.unref(E),{onInput:z}),null,16),e.renderSlot(B.$slots,"default",{value:e.unref(m)},()=>[e.createTextVNode(e.toDisplayString(B.label),1)])],16))}}),je={...Z,...W,...Ve,..._e,modelValue:{type:Array},label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}},Fe=["update:modelValue","change"];function qe(t){const{options:n,optionLabel:o,optionValue:l}=e.toRefs(t);return{options:n,getOptionLabel:c=>typeof c!="object"&&c!==null?c:typeof o.value=="function"?o.value(c):c[o.value],getOptionValue:c=>typeof c!="object"&&c!==null?c:typeof l.value=="function"?l.value(c):c[l.value]}}function v(t){return Array.isArray(t)?t.filter(n=>b.isString(n)).reduce((n,o)=>n.length>0?n+`
+`+o:o,""):t}function Le(t,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(o){const l=e.toRefs(t),{error:r,valid:a,hint:c,loading:u}=n,{hintLabel:i,modelValue:m,valid:d,validLabel:s,error:p,errorLabel:f}=l,y=b.resolveFieldData(l,"loading"),g=b.resolveFieldData(l,"loadingLabel"),k=e.computed(()=>p.value?!!(p.value&&r||(f==null?void 0:f.value)&&Array.isArray(f.value)&&f.value.length>0||(f==null?void 0:f.value)&&b.isNotEmpty(f.value)):!1),C=e.computed(()=>!!(i&&i.value||c||a||s&&s.value||k.value||(y==null?void 0:y.value)&&u||(y==null?void 0:y.value)&&(g==null?void 0:g.value))),E=e.computed(()=>{const O=N.toReactive({hintLabel:i,modelValue:m,valid:d,validLabel:s,error:p,errorLabel:f,loading:y,loadingLabel:g,...o.params});return p!=null&&p.value?(r==null?void 0:r(O))||v(f==null?void 0:f.value)||(i==null?void 0:i.value):d!=null&&d.value?(a==null?void 0:a(O))||v(s==null?void 0:s.value)||(i==null?void 0:i.value):y!=null&&y.value?(u==null?void 0:u(O))||v(g==null?void 0:g.value)||(i==null?void 0:i.value):(c==null?void 0:c(O))||v(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:C,hintContent:E}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const ze=["textContent"],Te={class:"vv-input-checkbox-group__wrapper"},Me=e.defineComponent({__name:"VvCheckGroup",props:je,emits:Fe,setup(t,{emit:n}){const o=t,l=e.useSlots(),r=N.useVModel(o,"modelValue",n),{disabled:a,readonly:c,error:u,valid:i}=e.toRefs(o);L({key:U,modelValue:r,disabled:a,readonly:c});const{getOptionLabel:d,getOptionValue:s}=qe(o),{bemCssClasses:p}=S("vv-input-checkbox-group",{horizontal:e.computed(()=>!o.vertical),valid:i,invalid:u}),f=(g,k)=>({id:`${o.name}_opt${k}`,name:o.name,label:d(g),value:s(g)}),y=Le(o,l);return(g,k)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(p))},[g.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(g.label)},null,8,ze)):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[g.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(g.options,(C,E)=>(e.openBlock(),e.createBlock(X,e.mergeProps({key:E},f(C,E)),null,16))),128)):e.renderSlot(g.$slots,"default",{key:1})]),e.createVNode(e.unref(y),{class:"vv-input-checkbox-group__hint"})],2))}}),G={normal:"",small:"small",fullscreen:"fullscreen"},He=["open","close","update:open"],Ue={id:{type:String,required:!0},title:String,open:Boolean,transition:{type:String,default:"fade-block"},size:{type:String,default:G.normal,validator:t=>Object.values(G).includes(t)},autoClose:{type:Boolean,default:!0}},Ke={key:0,class:"vv-dialog__header"},Qe=["onClick"],Ze={class:"vv-dialog__content"},We={key:1,class:"vv-dialog__footer"},Je=e.defineComponent({__name:"VvDialog",props:Ue,emits:He,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"open",n),r=e.ref(!0),a=e.ref(null),c=e.computed(()=>{const{id:s}=o;return{id:s,open:r.value}}),u=e.computed(()=>({"vv-dialog":!0,"vv-dialog--small":o.size===G.small,"vv-dialog--fullscreen":o.size===G.fullscreen})),i=e.computed(()=>`vv-dialog--${o.transition}`),m={"after-enter":()=>{r.value=!0,n("open")},"after-leave":()=>{r.value=!1,n("close")}};N.onClickOutside(a,()=>{o.autoClose&&(l.value=!1)});function d(){l.value=!1}return(s,p)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(i)},e.toHandlers(m)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(c),{class:e.unref(u)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:a,class:"vv-dialog__wrapper"},[s.$slots.header||s.title?(e.openBlock(),e.createElementBlock("header",Ke,[e.renderSlot(s.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(s.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(d,["prevent"])},[e.createVNode(D,{name:"close"})],8,Qe)])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ze,[e.renderSlot(s.$slots,"default")]),s.$slots.footer?(e.openBlock(),e.createElementBlock("footer",We,[e.renderSlot(s.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(l)]])]),_:3},16,["name"]))}}),Xe={...ke,...J,modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},Ye={key:0},xe=["for"],$e=["id","type","value","checked","disabled"],et=e.defineComponent({__name:"VvDropdown",props:Xe,emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=j.v4(),{modifiers:r,disabled:a}=e.toRefs(o),{bemCssClasses:c}=S("vv-dropdown",{modifiers:r,disabled:a});function u(s){return Array.isArray(o.modelValue)?b.contains(s,o.modelValue)||b.contains(i(s),o.modelValue):b.equals(s,o.modelValue)||b.equals(i(s),o.modelValue)}function i(s){return typeof s=="string"?s:String(s[o.valueKey])}function m(s){return typeof s=="string"?s:s[o.labelKey]}function d(s){var g,k;const p=s.target;let f=p.value;if(f=(o.useObject?(g=o.options)==null?void 0:g.find(C=>C[o.valueKey]==f):null)||f,o.multiple){if(typeof o.maxValues<"u"&&o.maxValues>=0&&((k=o.modelValue)==null?void 0:k.length)>=o.maxValues&&(Array.isArray(o.modelValue)&&!b.contains(f,o.modelValue)||o.maxValues==0)){p.checked=!1;return}Array.isArray(o.modelValue)?f=b.contains(f,o.modelValue)?b.removeFromList(f,o.modelValue):[...o.modelValue,f]:f=[f]}n("update:modelValue",f)}return(s,p)=>{var f;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(c)),role:"listbox"},[(f=s.options)!=null&&f.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",Ye,[e.createElementVNode("label",null,e.toDisplayString(s.labelNoResult),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,(y,g)=>{var k;return e.openBlock(),e.createElementBlock("li",{key:g},[e.createElementVNode("label",{for:`dropdown-${g}-${e.unref(l)}`},[e.createElementVNode("input",{id:`dropdown-${g}-${e.unref(l)}`,type:s.multiple?"checkbox":"radio",value:i(y),checked:u(y),disabled:typeof y=="object"&&(k=y.disabled)!=null?k:e.unref(a),onInput:d},null,40,$e),e.createTextVNode(" "+e.toDisplayString(m(y)),1)],8,xe)])}),128))],2)}}});h.VolverPlugin=x,h.VvAccordion=Q,h.VvAccordionGroup=be,h.VvBadge=se,h.VvBreadcrumb=Ae,h.VvButton=re,h.VvButtonGroup=ie,h.VvCard=we,h.VvCheck=X,h.VvCheckGroup=Me,h.VvDialog=Je,h.VvDropdown=et,h.VvIcon=D,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/props/index.d.ts

@@ -0,0 +1,92 @@
+export declare const ValidProps: {
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+};
+export declare const ErrorProps: {
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+};
+export declare const LoadingProps: {
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+};
+export declare const DisabledProps: {
+    disabled: BooleanConstructor;
+};
+export declare const ReadonlyProps: {
+    readonly: BooleanConstructor;
+};
+export declare const ModifiersProps: {
+    modifiers: (StringConstructor | ArrayConstructor)[];
+};
+export declare const HintProps: {
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const OptionsProps: {
+    /**
+     * Lista delle radio options
+     */
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * Se options è un array di oggetti, optionLabel = nome del campo da utilizzare come label oppure una funzione per ricavare la label
+     */
+    optionLabel: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+    /**
+     * Se options è un array di oggetti, optionValue = nome del campo da utilizzare come value oppure una funzione per ricavare il value
+     */
+    optionValue: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+};
+export declare const LimitProps: {
+    /**
+     * Conteggio caratteri
+     * @description
+     * Se false, non mostrare il conteggio caratteri
+     * Se true, mostra quanti caratteri ho digitato sin ora e qualì'è la maxlength.
+     * Se true e maxlength > 0, mostra quanti caratteri ho digitato sin ora e qualì'è la maxlength.
+     * Se "countdown", mostra quanti caratteri mancano per raggiungere la maxlength.
+     */
+    limit: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+};
+export declare const InputProps: {
+    id: StringConstructor;
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+};
+export declare const DebounceProps: {
+    /**
+     * Debounce time (millisecondi)
+     * @descrition
+     * Tempo che deve passare dall'ultima battuta prima che modelValue venga aggiornato.
+     */
+    debounce: NumberConstructor;
+};

package/dist/stories/Button/Button.test.d.ts

@@ -0,0 +1,11 @@
+import type { PlayAttributes } from '@/test/types';
+interface ButtonConfig {
+    isClickDisabled?: boolean;
+    className?: string | string[] | null;
+}
+export declare function testButton({ canvasElement }?: PlayAttributes, { isClickDisabled, className }?: ButtonConfig): Promise<void>;
+export declare function testButtonWithBadge(playAttributes: PlayAttributes): Promise<void>;
+export declare function testButtonWithIconLeft(playAttributes: PlayAttributes): Promise<void>;
+export declare function testButtonWithIconOnly(playAttributes: PlayAttributes): Promise<void>;
+export declare function testButtonLink(playAttributes: PlayAttributes, { isClickDisabled, className }?: ButtonConfig): Promise<void>;
+export {};

package/dist/stories/Icon/IconList.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

package/dist/stories/RadioGroup/RadioProperty.test.d.ts

@@ -0,0 +1,12 @@
+import type { PlayAttributes } from '@/test/types';
+interface RadioConfig {
+    isClickDisabled?: boolean;
+    isVertical?: boolean;
+    className?: string | string[] | null;
+    child?: number;
+    propName?: string;
+}
+declare function radioGroupTest({ canvasElement, ...data }?: PlayAttributes, { isClickDisabled, className, isVertical }?: RadioConfig): Promise<void>;
+declare function labelTest({ canvasElement, ...data }?: PlayAttributes, { child, propName }?: RadioConfig): Promise<void>;
+declare function readonlyTest({ canvasElement, ...data }?: PlayAttributes): Promise<void>;
+export { radioGroupTest, labelTest, readonlyTest };

package/dist/stories/utils.d.ts

@@ -0,0 +1,5 @@
+declare type StorybookGroup = {
+    [key: string]: any;
+};
+export declare function toGroup(keys: string[], categoryName: string): StorybookGroup;
+export {};

package/dist/test/expect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="jest" />
+import { expect } from '@storybook/jest';
+declare global {
+    namespace jest {
+        interface Matchers<R> {
+            toBeClicked: (expected?: HTMLElement) => CustomMatcherResult;
+        }
+        interface Matchers<R> {
+            toHaveClass: (className: string | string[], expected?: HTMLElement) => CustomMatcherResult;
+        }
+    }
+}
+export { expect };

package/dist/utils/ObjectUtilities.d.ts

@@ -0,0 +1,96 @@
+declare const _default: {
+    /**
+     * Compare objects, primitives, array, dates, regexp
+     * @param {any} obj1 first literal
+     * @param {any} obj2 second literal
+     * @param {string} field optional field of obj1 and obj2 (also nested dotted field "prop1.prop12")
+     * @returns {boolean}
+     */
+    equals(obj1: any, obj2: any, field?: string): boolean;
+    /**
+     * Compare objects, primitives, array, dates, regexp
+     * @param {any} a first literal
+     * @param {any} b second literal
+     * @returns {boolean}
+     */
+    deepEquals(a: any, b: any): boolean;
+    /**
+     * Find and return field or nested field from object (also nested dotted field)
+     * @param {object} data object that contains the field
+     * @param {string} field ex: "prop1" or "prop1.prop12"
+     * @returns {boolean}
+     */
+    resolveFieldData(data: {
+        [key: string]: any;
+    }, field: string): any;
+    /**
+     * @param {any} obj data to check
+     * @returns {boolean}
+     */
+    isFunction(obj: any): boolean;
+    /**
+     * Return the index of value in list array
+     * @param {any} value the element to find
+     * @param {Array<any>} list array list
+     * @returns {number} the index
+     */
+    findIndexInList(value: any, list: Array<any>): number;
+    /**
+     * Return the index of value in list array
+     * @param {any} value the element to find
+     * @param {Array<any>} list array list
+     * @returns {boolean} the index
+     */
+    contains(value: any, list: Array<any>): boolean;
+    /**
+     * @param {string | null | undefined | number | Array<any> | object} value element to checj
+     * @returns {boolean}
+     */
+    isEmpty(value: string | null | undefined | number | Array<any> | object): boolean;
+    /**
+     * @param {string | null | undefined | number | Array<any> | object} value element to checj
+     * @returns {boolean}
+     */
+    isNotEmpty(value: string | null | undefined | number | Array<any> | object): boolean;
+    /**
+     * Return the object entries that match the predicate passed
+     * @param {Object} value
+     * @param {Function} predicate
+     * @returns {Object}
+     */
+    pickBy(value: {
+        [key: string]: any;
+    }, predicate: (k: string) => boolean): {
+        [k: string]: any;
+    };
+    /**
+     * Remove a value from an Array
+     * @param {any} value the element to remove
+     * @param {Array<any>} list
+     * @returns {Array<any>}
+     */
+    removeFromList(value: any, list: Array<any>): any[];
+    /**
+     * @param {any} value
+     * @returns {boolean}
+     */
+    isString(value: any): boolean;
+    /**
+     * Convert props definition to object with "prop" as key and default as value
+     * @param {ComponentObjectPropsOptions} props vue component props
+     * @returns {Object}
+     */
+    propsToObject(props: any): any;
+    /**
+     * Filter array objects by filter array
+     * @param {object[]} list the listo to filter
+     * @param {object[] | string[]} filter the filter list, array of string or array of object
+     * @param {string} key
+     * @return {object[]}
+     */
+    filterArray<T = {
+        [key: string]: any;
+    }>(list: T[], filter: string[] | T[], key: string): T[];
+    kebabCase(value: string): string | undefined;
+};
+export default _default;

package/package.json

@@ -0,0 +1,216 @@
+{
+  "name": "@volverjs/ui-vue",
+  "description": "@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/ui.",
+  "version": "0.0.1-beta.11",
+  "type": "module",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "main": "./dist/Volver.umd.js",
+  "module": "./dist/Volver.es.js",
+  "dependencies": {
+    "@iconify/vue": "^4.0.0",
+    "@vueuse/core": "^9.5.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-mdx": "^2.0.5",
+    "jsdom": "^20.0.2",
+    "uuid": "^9.0.0",
+    "vue": "^3.2.42"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@babel/preset-env": "^7.20.2",
+    "@iconify/tools": "^2.1.1",
+    "@iconify/types": "^2.0.0",
+    "@iconify/utils": "^2.0.1",
+    "@mdx-js/react": "^2.1.5",
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@storybook/addon-a11y": "^7.0.0-alpha.48",
+    "@storybook/addon-actions": "^7.0.0-alpha.48",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.48",
+    "@storybook/addon-docs": "^7.0.0-alpha.48",
+    "@storybook/addon-essentials": "^7.0.0-alpha.48",
+    "@storybook/addon-interactions": "^7.0.0-alpha.48",
+    "@storybook/addon-links": "^7.0.0-alpha.48",
+    "@storybook/addon-measure": "7.0.0-alpha.48",
+    "@storybook/addon-outline": "7.0.0-alpha.48",
+    "@storybook/addon-storyshots": "^7.0.0-alpha.48",
+    "@storybook/addons": "7.0.0-alpha.48",
+    "@storybook/builder-vite": "7.0.0-alpha.48",
+    "@storybook/channel-postmessage": "7.0.0-alpha.48",
+    "@storybook/channel-websocket": "7.0.0-alpha.48",
+    "@storybook/cli": "^7.0.0-alpha.48",
+    "@storybook/client-api": "7.0.0-alpha.48",
+    "@storybook/client-logger": "7.0.0-alpha.48",
+    "@storybook/core-common": "7.0.0-alpha.48",
+    "@storybook/jest": "^0.0.10",
+    "@storybook/preview-web": "7.0.0-alpha.48",
+    "@storybook/testing-library": "^0.0.14-next.0",
+    "@storybook/vue3": "^7.0.0-alpha.48",
+    "@storybook/vue3-vite": "^7.0.0-alpha.48",
+    "@types/jest-axe": "^3.5.5",
+    "@types/jsdom": "^20.0.1",
+    "@types/node": "18.11.9",
+    "@types/react": "^18.0.25",
+    "@types/uuid": "^8.3.4",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@volverjs/style": "^0.1.2-beta.7",
+    "@vue/compiler-sfc": "^3.2.42",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vue/test-utils": "^2.2.1",
+    "@vue/tsconfig": "^0.1.3",
+    "change-case": "^4.1.2",
+    "eslint": "^8.27.0",
+    "eslint-mdx": "^2.0.5",
+    "eslint-plugin-storybook": "^0.6.7",
+    "eslint-plugin-vue": "^9.7.0",
+    "glob": "^8.0.3",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^29.3.1",
+    "jest-axe": "^7.0.0",
+    "jsdom": "^20.0.2",
+    "npm-run-all": "^4.1.5",
+    "preact": "^10.11.2",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.56.1",
+    "sass-loader": "^13.1.0",
+    "storybook": "^7.0.0-alpha.48",
+    "storybook-addon-markdown-docs": "^1.0.5",
+    "storybook-dark-mode": "^1.1.2",
+    "ts-node": "^10.9.1",
+    "typescript": "~4.8.4",
+    "vite": "^3.2.3",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-externalize-deps": "^0.4.0",
+    "vitest": "^0.25.1",
+    "vue-loader": "^17.0.1",
+    "vue-tsc": "^1.0.9",
+    "webpack": "^5.74.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "default": "./dist/index.umd.js"
+    },
+    "./src/*": "./src/*",
+    "./dist/*": "./dist/*",
+    "./components": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/components/index.es.js",
+      "default": "./dist/components/index.umd.js"
+    },
+    "./icons": {
+      "import": "./dist/icons.es.js",
+      "default": "./dist/icons.umd.js"
+    },
+    "./vv-accordion": {
+      "types": "./dist/components/VvAccordion/VvAccordion.vue.d.ts",
+      "import": "./dist/components/VvAccordion/VvAccordion.es.js",
+      "default": "./dist/components/VvAccordion/VvAccordion.umd.js"
+    },
+    "./vv-accordion-group": {
+      "types": "./dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts",
+      "import": "./dist/components/VvAccordionGroup/VvAccordionGroup.es.js",
+      "default": "./dist/components/VvAccordionGroup/VvAccordionGroup.umd.js"
+    },
+    "./vv-badge": {
+      "types": "./dist/components/VvBadge/VvBadge.vue.d.ts",
+      "import": "./dist/components/VvBadge/VvBadge.es.js",
+      "default": "./dist/components/VvBadge/VvBadge.umd.js"
+    },
+    "./vv-breadcrumb": {
+      "types": "./dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts",
+      "import": "./dist/components/VvBreadcrumb/VvBreadcrumb.es.js",
+      "default": "./dist/components/VvBreadcrumb/VvBreadcrumb.umd.js"
+    },
+    "./vv-button": {
+      "types": "./dist/components/VvButton/VvButton.vue.d.ts",
+      "import": "./dist/components/VvButton/VvButton.es.js",
+      "default": "./dist/components/VvButton/VvButton.umd.js"
+    },
+    "./vv-button-group": {
+      "types": "./dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts",
+      "import": "./dist/components/VvButtonGroup/VvButtonGroup.es.js",
+      "default": "./dist/components/VvButtonGroup/VvButtonGroup.umd.js"
+    },
+    "./vv-card": {
+      "types": "./dist/components/VvCard/VvCard.vue.d.ts",
+      "import": "./dist/components/VvCard/VvCard.es.js",
+      "default": "./dist/components/VvCard/VvCard.umd.js"
+    },
+    "./vv-check": {
+      "types": "./dist/components/VvCheck/VvCheck.vue.d.ts",
+      "import": "./dist/components/VvCheck/VvCheck.es.js",
+      "default": "./dist/components/VvCheck/VvCheck.umd.js"
+    },
+    "./vv-check-group": {
+      "types": "./dist/components/VvCheckGroup/VvCheckGroup.vue.d.ts",
+      "import": "./dist/components/VvCheckGroup/VvCheckGroup.es.js",
+      "default": "./dist/components/VvCheckGroup/VvCheckGroup.umd.js"
+    },
+    "./vv-dialog": {
+      "types": "./dist/components/VvDialog/VvDialog.vue.d.ts",
+      "import": "./dist/components/VvDialog/VvDialog.es.js",
+      "default": "./dist/components/VvDialog/VvDialog.umd.js"
+    },
+    "./vv-dropdown": {
+      "types": "./dist/components/VvDropdown/VvDropdown.vue.d.ts",
+      "import": "./dist/components/VvDropdown/VvDropdown.es.js",
+      "default": "./dist/components/VvDropdown/VvDropdown.umd.js"
+    },
+    "./vv-icon": {
+      "types": "./dist/components/VvIcon/VvIcon.vue.d.ts",
+      "import": "./dist/components/VvIcon/VvIcon.es.js",
+      "default": "./dist/components/VvIcon/VvIcon.umd.js"
+    },
+    "./vv-input-text": {
+      "types": "./dist/components/VvInputText/VvInputText.vue.d.ts",
+      "import": "./dist/components/VvInputText/VvInputText.es.js",
+      "default": "./dist/components/VvInputText/VvInputText.umd.js"
+    },
+    "./vv-native-select": {
+      "types": "./dist/components/VvNativeSelect/VvNativeSelect.vue.d.ts",
+      "import": "./dist/components/VvNativeSelect/VvNativeSelect.es.js",
+      "default": "./dist/components/VvNativeSelect/VvNativeSelect.umd.js"
+    },
+    "./vv-progress": {
+      "types": "./dist/components/VvProgress/VvProgress.vue.d.ts",
+      "import": "./dist/components/VvProgress/VvProgress.es.js",
+      "default": "./dist/components/VvProgress/VvProgress.umd.js"
+    },
+    "./vv-radio": {
+      "types": "./dist/components/VvRadio/VvRadio.vue.d.ts",
+      "import": "./dist/components/VvRadio/VvRadio.es.js",
+      "default": "./dist/components/VvRadio/VvRadio.umd.js"
+    },
+    "./vv-radio-group": {
+      "types": "./dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts",
+      "import": "./dist/components/VvRadioGroup/VvRadioGroup.es.js",
+      "default": "./dist/components/VvRadioGroup/VvRadioGroup.umd.js"
+    },
+    "./vv-select": {
+      "types": "./dist/components/VvSelect/VvSelect.vue.d.ts",
+      "import": "./dist/components/VvSelect/VvSelect.es.js",
+      "default": "./dist/components/VvSelect/VvSelect.umd.js"
+    },
+    "./vv-textarea": {
+      "types": "./dist/components/VvTextarea/VvTextarea.vue.d.ts",
+      "import": "./dist/components/VvTextarea/VvTextarea.es.js",
+      "default": "./dist/components/VvTextarea/VvTextarea.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "styleguide": "storybook build",
+    "build": "npm run generate-icons && npm run generate-tsd && node ./scripts/build.js",
+    "type-check": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "generate-icons": "ts-node-esm scripts/icons/generateIcons.ts",
+    "generate-tsd": "vue-tsc --declaration --emitDeclarationOnly"
+  }
+}