@volverjs/ui-vue 0.0.10-beta.58 → 0.0.10-beta.59

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

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {

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

@@ -29,7 +29,7 @@ export declare const VvAccordionProps: {
      */
     not: BooleanConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };
@@ -43,5 +43,5 @@ export declare function useGroupProps(props: VvAccordionPropsTypes): {
     group: AccordionGroupState | undefined;
     modifiers: globalThis.ComputedRef<string[]>;
     disabled: globalThis.ComputedRef<boolean>;
-    bus: import("mitt").Emitter<import("../..").AccordionGroupBusEvents> | undefined;
+    bus: import("mitt").Emitter<import("../../types/group").AccordionGroupBusEvents> | undefined;
 };

package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js

@@ -622,6 +622,9 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
               (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
               storage
             );
+            if (storageValue.value) {
+              localValue.value = storageValue.value;
+            }
             return;
           }
           storageValue = void 0;
@@ -650,18 +653,15 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
       });
     }
   });
-  return computed({
-    get: () => {
-      return (storageValue == null ? void 0 : storageValue.value) ?? localValue.value;
-    },
-    set: (value) => {
-      if (storageValue) {
-        storageValue.value = value;
-        return;
-      }
-      localValue.value = value;
+  watch(localValue, (newValue) => {
+    if (storageValue) {
+      storageValue.value = newValue;
     }
+  }, {
+    deep: true,
+    immediate: true
   });
+  return localValue;
 }
 function useGroupStateProvide(key, groupState) {
   provide(key, groupState);

package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordionGroup=o(e.vue,e.mitt,e.core)}(this,(function(e,o,t){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),a=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(a||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i=Symbol.for("accordionGroup"),s=(Boolean,Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});l.before,a.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button,u.button;const d={storageType:{type:String,default:n.local,validator:e=>Object.values(n).includes(e)},storageKey:String},c={...s,...d,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const m={...s,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function v(o){const{group:t,isInGroup:n}=function(o){const t=e.inject(o,void 0),n=e.computed((()=>void 0!==t));return{group:t,isInGroup:n,getGroupOrLocalRef:function(o,n,a){const l=null==t?void 0:t[o];if(l)return e.computed({get:()=>l.value,set(e){l.value=e}});const r=e.toRef(n,o);return e.computed({get:()=>r.value,set(e){a&&a(`update:${o}`,e)}})}}}(i),a=e.computed((()=>Boolean(o.disabled||(null==t?void 0:t.disabled.value)))),l=e.computed((()=>{let e=o.modifiers,n=null==t?void 0:t.modifiers.value;const a=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>a.add(e)))),n&&(Array.isArray(n)||(n=n.split(" ")),n.forEach((e=>a.add(e)))),Array.from(a)}));return{isInGroup:n,group:t,modifiers:l,disabled:a,bus:null==t?void 0:t.bus}}function p(o,t,n){return e.computed((()=>{const a={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(a[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{a[`${o}--${t}`]=e.unref(n.value[t])})),a}))}const f=["id","open"],g=["aria-controls","aria-expanded"],y=["aria-hidden"],b=e.defineComponent({name:"VvAccordion",props:m,emits:["update:modelValue"],setup(o,{expose:n,emit:a}){const l=o,r=a,u=e.useAttrs(),i=t.useVModel(l,"modelValue",r),s=e.computed((()=>l.name||(null==u?void 0:u.id)||e.useId())),{title:d,content:c,not:m}=e.toRefs(l),{isInGroup:b,modifiers:S,disabled:x,bus:A}=v(l),B=e.ref(!1);function h(){x.value||(b.value?null==A||A.emit("toggle",{name:s.value,value:!B.value}):B.value=!B.value)}function V(){B.value||h()}function w(){B.value&&h()}function k(e){A?A.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function $(e){A?null==A||A.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(i,(e=>{"boolean"==typeof e&&(B.value=m.value?!e:e)}),{immediate:!0}),e.watch(B,(e=>{i.value=m.value?!e:e})),null==A||A.on("toggle",(({name:e,value:o})=>{e===s.value&&(B.value=o)})),e.watch(s,((e,o)=>{A&&(o&&o!==e&&A.emit("unregister",{name:o}),A.emit("register",{name:e}))}),{immediate:!0}),e.onBeforeUnmount((()=>{A&&A.emit("unregister",{name:s.value})})),n({isExpanded:B,expand:V,collapse:w,groupExpand:k,groupCollapse:$});const E=p("vv-accordion",S,e.computed((()=>({disabled:x.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(E)),open:e.unref(B)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(B),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers((e=>h()),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(B),expand:V,collapse:w,groupExpand:k,groupCollapse:$})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)),1)]))],8,g),e.createElementVNode("div",{"aria-hidden":!e.unref(B),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(B),expand:V,collapse:w,groupExpand:k,groupCollapse:$})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)]))],8,y)],10,f))}});return e.defineComponent({name:"VvAccordionGroup",props:c,emits:["update:modelValue"],setup(a,{expose:l,emit:r}){const u=a,s=r,{disabled:d,modifiers:c,itemModifiers:m,items:v,storageKey:f,storageType:g}=e.toRefs(u);e.watchEffect((()=>{"string"==typeof u.modelValue&&u.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")}));const y=e.reactive(new Set),S=function(o,a=n.local,l){const r=e.ref();let u;return l&&(r.value=l),e.onMounted((()=>{o&&e.watch(o,((o,l)=>{const i=e.unref(a)===n.session?sessionStorage:localStorage;l&&l!==o&&i.removeItem(l),u=o?t.useStorage(o,(null==u?void 0:u.value)??r.value,i):void 0}),{immediate:!0}),e.isRef(a)&&e.watch(a,((e,a)=>{if(null==o?void 0:o.value){if(e){const a=e===n.session?sessionStorage:localStorage;u=t.useStorage(o.value,(null==u?void 0:u.value)??r.value,a)}a&&a!==e&&(a===n.session?sessionStorage:localStorage).removeItem(o.value)}}))})),e.computed({get:()=>(null==u?void 0:u.value)??r.value,set:e=>{u?u.value=e:r.value=e}})}(f,g,[]),x=e.computed({get:()=>null!==u.modelValue&&void 0!==u.modelValue?u.modelValue:S.value,set:e=>{s("update:modelValue",e),S.value=e}}),A=e.computed({get:()=>{if(void 0===x.value)return new Set;let e=new Set;return u.not?"string"==typeof x.value?e=new Set([...y].filter((e=>e!==x.value))):Array.isArray(x.value)&&(e=new Set([...y].filter((e=>!x.value.includes(e))))):"string"==typeof x.value?e=new Set([x.value]):Array.isArray(x.value)&&(e=new Set(x.value)),e},set:e=>{u.not?x.value=[...y].filter((o=>!e.has(o))):u.collapse?x.value=[...e]:x.value=e.values().next().value}});e.onMounted((()=>{u.not&&void 0===x.value&&(x.value=u.collapse?[]:[...y.values()].splice(1,y.size)),e.nextTick((()=>{for(const e of y)B.emit("toggle",{name:e,value:A.value.has(e)})}))}));const B=o();var h,V;function w(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)B.emit("toggle",{name:o,value:!0});else for(const o of y)B.emit("toggle",{name:o,value:!0});else B.emit("toggle",{name:e,value:!0})}function k(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)B.emit("toggle",{name:o,value:!1});else for(const o of y)B.emit("toggle",{name:o,value:!1});else B.emit("toggle",{name:e,value:!1})}h=i,V={disabled:d,modifiers:m,bus:B},e.provide(h,V),B.on("register",(({name:e})=>{y.add(e)})),B.on("unregister",(({name:e})=>{y.delete(e)})),B.on("toggle",(({name:e,value:o})=>{const t=new Set(A.value);if(o){if(!u.collapse){for(const o of t)o!==e&&B.emit("toggle",{name:o,value:!1});t.clear()}return t.add(e),void(A.value=t)}t.delete(e),A.value=t})),B.on("expand",(({name:e})=>w(e))),B.on("collapse",(({name:e})=>k(e))),l({expandedAccordions:A,expand:w,collapse:k});const $=p("vv-accordion-group",c,e.computed((()=>({disabled:d.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref($))},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({expandedAccordions:e.unref(A),expand:w,collapse:k})),(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:t.title,ref_for:!0},{name:t.name,title:t.title,content:t.content}),e.createSlots({_:2},[o.$slots[`summary::${t.name}`]?{name:"summary",fn:e.withCtx((n=>[e.renderSlot(o.$slots,`summary::${t.name}`,e.mergeProps({ref_for:!0},n))])),key:"0"}:void 0,o.$slots[`content::${t.name}`]?{name:"default",fn:e.withCtx((n=>[e.renderSlot(o.$slots,`content::${t.name}`,e.mergeProps({ref_for:!0},n))])),key:"1"}:void 0]),1040)))),128))]))],2))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordionGroup=o(e.vue,e.mitt,e.core)}(this,(function(e,o,t){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i=Symbol.for("accordionGroup"),s=(Boolean,Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});l.before,n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button,u.button;const d={storageType:{type:String,default:a.local,validator:e=>Object.values(a).includes(e)},storageKey:String},c={...s,...d,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const m={...s,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function v(o){const{group:t,isInGroup:a}=function(o){const t=e.inject(o,void 0),a=e.computed((()=>void 0!==t));return{group:t,isInGroup:a,getGroupOrLocalRef:function(o,a,n){const l=null==t?void 0:t[o];if(l)return e.computed({get:()=>l.value,set(e){l.value=e}});const r=e.toRef(a,o);return e.computed({get:()=>r.value,set(e){n&&n(`update:${o}`,e)}})}}}(i),n=e.computed((()=>Boolean(o.disabled||(null==t?void 0:t.disabled.value)))),l=e.computed((()=>{let e=o.modifiers,a=null==t?void 0:t.modifiers.value;const n=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>n.add(e)))),a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach((e=>n.add(e)))),Array.from(n)}));return{isInGroup:a,group:t,modifiers:l,disabled:n,bus:null==t?void 0:t.bus}}function p(o,t,a){return e.computed((()=>{const n={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${o}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((t=>{n[`${o}--${t}`]=e.unref(a.value[t])})),n}))}const f=["id","open"],g=["aria-controls","aria-expanded"],y=["aria-hidden"],b=e.defineComponent({name:"VvAccordion",props:m,emits:["update:modelValue"],setup(o,{expose:a,emit:n}){const l=o,r=n,u=e.useAttrs(),i=t.useVModel(l,"modelValue",r),s=e.computed((()=>l.name||(null==u?void 0:u.id)||e.useId())),{title:d,content:c,not:m}=e.toRefs(l),{isInGroup:b,modifiers:S,disabled:x,bus:A}=v(l),B=e.ref(!1);function h(){x.value||(b.value?null==A||A.emit("toggle",{name:s.value,value:!B.value}):B.value=!B.value)}function w(){B.value||h()}function V(){B.value&&h()}function k(e){A?A.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function $(e){A?null==A||A.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(i,(e=>{"boolean"==typeof e&&(B.value=m.value?!e:e)}),{immediate:!0}),e.watch(B,(e=>{i.value=m.value?!e:e})),null==A||A.on("toggle",(({name:e,value:o})=>{e===s.value&&(B.value=o)})),e.watch(s,((e,o)=>{A&&(o&&o!==e&&A.emit("unregister",{name:o}),A.emit("register",{name:e}))}),{immediate:!0}),e.onBeforeUnmount((()=>{A&&A.emit("unregister",{name:s.value})})),a({isExpanded:B,expand:w,collapse:V,groupExpand:k,groupCollapse:$});const E=p("vv-accordion",S,e.computed((()=>({disabled:x.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(E)),open:e.unref(B)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(B),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers((e=>h()),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(B),expand:w,collapse:V,groupExpand:k,groupCollapse:$})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)),1)]))],8,g),e.createElementVNode("div",{"aria-hidden":!e.unref(B),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(B),expand:w,collapse:V,groupExpand:k,groupCollapse:$})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)]))],8,y)],10,f))}});return e.defineComponent({name:"VvAccordionGroup",props:c,emits:["update:modelValue"],setup(n,{expose:l,emit:r}){const u=n,s=r,{disabled:d,modifiers:c,itemModifiers:m,items:v,storageKey:f,storageType:g}=e.toRefs(u);e.watchEffect((()=>{"string"==typeof u.modelValue&&u.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")}));const y=e.reactive(new Set),S=function(o,n=a.local,l){const r=e.ref();let u;return l&&(r.value=l),e.onMounted((()=>{o&&e.watch(o,((o,l)=>{const i=e.unref(n)===a.session?sessionStorage:localStorage;if(l&&l!==o&&i.removeItem(l),o)return u=t.useStorage(o,(null==u?void 0:u.value)??r.value,i),void(u.value&&(r.value=u.value));u=void 0}),{immediate:!0}),e.isRef(n)&&e.watch(n,((e,n)=>{if(null==o?void 0:o.value){if(e){const n=e===a.session?sessionStorage:localStorage;u=t.useStorage(o.value,(null==u?void 0:u.value)??r.value,n)}n&&n!==e&&(n===a.session?sessionStorage:localStorage).removeItem(o.value)}}))})),e.watch(r,(e=>{u&&(u.value=e)}),{deep:!0,immediate:!0}),r}(f,g,[]),x=e.computed({get:()=>null!==u.modelValue&&void 0!==u.modelValue?u.modelValue:S.value,set:e=>{s("update:modelValue",e),S.value=e}}),A=e.computed({get:()=>{if(void 0===x.value)return new Set;let e=new Set;return u.not?"string"==typeof x.value?e=new Set([...y].filter((e=>e!==x.value))):Array.isArray(x.value)&&(e=new Set([...y].filter((e=>!x.value.includes(e))))):"string"==typeof x.value?e=new Set([x.value]):Array.isArray(x.value)&&(e=new Set(x.value)),e},set:e=>{u.not?x.value=[...y].filter((o=>!e.has(o))):u.collapse?x.value=[...e]:x.value=e.values().next().value}});e.onMounted((()=>{u.not&&void 0===x.value&&(x.value=u.collapse?[]:[...y.values()].splice(1,y.size)),e.nextTick((()=>{for(const e of y)B.emit("toggle",{name:e,value:A.value.has(e)})}))}));const B=o();var h,w;function V(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)B.emit("toggle",{name:o,value:!0});else for(const o of y)B.emit("toggle",{name:o,value:!0});else B.emit("toggle",{name:e,value:!0})}function k(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)B.emit("toggle",{name:o,value:!1});else for(const o of y)B.emit("toggle",{name:o,value:!1});else B.emit("toggle",{name:e,value:!1})}h=i,w={disabled:d,modifiers:m,bus:B},e.provide(h,w),B.on("register",(({name:e})=>{y.add(e)})),B.on("unregister",(({name:e})=>{y.delete(e)})),B.on("toggle",(({name:e,value:o})=>{const t=new Set(A.value);if(o){if(!u.collapse){for(const o of t)o!==e&&B.emit("toggle",{name:o,value:!1});t.clear()}return t.add(e),void(A.value=t)}t.delete(e),A.value=t})),B.on("expand",(({name:e})=>V(e))),B.on("collapse",(({name:e})=>k(e))),l({expandedAccordions:A,expand:V,collapse:k});const $=p("vv-accordion-group",c,e.computed((()=>({disabled:d.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref($))},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({expandedAccordions:e.unref(A),expand:V,collapse:k})),(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:t.title,ref_for:!0},{name:t.name,title:t.title,content:t.content}),e.createSlots({_:2},[o.$slots[`summary::${t.name}`]?{name:"summary",fn:e.withCtx((a=>[e.renderSlot(o.$slots,`summary::${t.name}`,e.mergeProps({ref_for:!0},a))])),key:"0"}:void 0,o.$slots[`content::${t.name}`]?{name:"default",fn:e.withCtx((a=>[e.renderSlot(o.$slots,`content::${t.name}`,e.mergeProps({ref_for:!0},a))])),key:"1"}:void 0]),1040)))),128))]))],2))}})}));

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

@@ -1,27 +1,27 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: {
-        type: PropType<string | string[] | undefined>;
+        type: globalThis.PropType<string | string[] | undefined>;
         default: undefined;
     };
     items: {
-        type: PropType<import(".").VvAccordionGroupItem[]>;
+        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
         default: () => never[];
     };
     collapse: BooleanConstructor;
     itemModifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: string;
     };
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
     storageKey: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {
@@ -30,28 +30,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     collapse: (name?: string | string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
-        type: PropType<string | string[] | undefined>;
+        type: globalThis.PropType<string | string[] | undefined>;
         default: undefined;
     };
     items: {
-        type: PropType<import(".").VvAccordionGroupItem[]>;
+        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
         default: () => never[];
     };
     collapse: BooleanConstructor;
     itemModifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: string;
     };
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
     storageKey: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
@@ -67,14 +67,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     isExpanded: boolean;
     expand: () => void;
     collapse: () => void;
-    groupExpand: (name?: string | string[]) => void;
-    groupCollapse: (name?: string | string[]) => void;
+    groupExpand: (name?: string | string[] | undefined) => void;
+    groupCollapse: (name?: string | string[] | undefined) => void;
 }) => any>> & Partial<Record<`content::${string}`, (_: {
     isExpanded: boolean;
     expand: () => void;
     collapse: () => void;
-    groupExpand: (name?: string | string[]) => void;
-    groupCollapse: (name?: string | string[]) => void;
+    groupExpand: (name?: string | string[] | undefined) => void;
+    groupCollapse: (name?: string | string[] | undefined) => void;
 }) => any>> & {
     default?(_: {
         expandedAccordions: Set<string>;

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

@@ -10,7 +10,7 @@ export declare const VvAccordionGroupProps: {
      * VModel
      */
     modelValue: {
-        type: PropType<string | string[] | undefined>;
+        type: globalThis.PropType<string | string[] | undefined>;
         default: undefined;
     };
     /**
@@ -18,7 +18,7 @@ export declare const VvAccordionGroupProps: {
      * @type VvAccordionGroupItem
      */
     items: {
-        type: PropType<VvAccordionGroupItem[]>;
+        type: globalThis.PropType<VvAccordionGroupItem[]>;
         default: () => never[];
     };
     /**
@@ -29,7 +29,7 @@ export declare const VvAccordionGroupProps: {
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
      */
     itemModifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: string;
     };
     /**
@@ -41,13 +41,13 @@ export declare const VvAccordionGroupProps: {
      */
     not: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
     storageKey: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,7 +1,7 @@
 import { ActionTag } from '../../constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     type: {
-        type: PropType<`${import("../../constants").ButtonType}`>;
+        type: globalThis.PropType<"button" | "submit" | "reset">;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     $el: globalThis.Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     type: {
-        type: PropType<`${import("../../constants").ButtonType}`>;
+        type: globalThis.PropType<"button" | "submit" | "reset">;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

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

@@ -1,7 +1,7 @@
 export declare const VvActionEvents: string[];
 export declare const VvActionProps: {
     type: {
-        type: PropType<`${import("../../constants").ButtonType}`>;
+        type: globalThis.PropType<"button" | "submit" | "reset">;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modifiers: {
-        type: PropType<import("../..").AlertModifier | import("../..").AlertModifier[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
     dismissable: {
@@ -28,15 +28,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: undefined;
     };
     role: {
-        type: PropType<`${import("../../constants").AlertRole}`>;
+        type: globalThis.PropType<"alert" | "alertdialog">;
         default: import("../../constants").AlertRole;
     };
     icon: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("../../constants").Position}`>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     close: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modifiers: {
-        type: PropType<import("../..").AlertModifier | import("../..").AlertModifier[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
     dismissable: {
@@ -73,15 +73,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: undefined;
     };
     role: {
-        type: PropType<`${import("../../constants").AlertRole}`>;
+        type: globalThis.PropType<"alert" | "alertdialog">;
         default: import("../../constants").AlertRole;
     };
     icon: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("../../constants").Position}`>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };

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

@@ -1,4 +1,3 @@
-import type { AlertModifier } from '@/types';
 import type { ExtractPropTypes, PropType } from 'vue';
 import { AlertRole } from '@/constants';
 export declare const VvAlertProps: {
@@ -6,7 +5,7 @@ export declare const VvAlertProps: {
      * Component BEM modifiers
      */
     modifiers: {
-        type: PropType<AlertModifier | AlertModifier[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     /**
@@ -72,7 +71,7 @@ export declare const VvAlertProps: {
      * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Alertdialog_role
      */
     role: {
-        type: PropType<`${AlertRole}`>;
+        type: PropType<"alert" | "alertdialog">;
         default: AlertRole;
     };
     icon: {
@@ -80,7 +79,7 @@ export declare const VvAlertProps: {
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("@/constants").Position}`>;
+        type: PropType<"before" | "after">;
         default: import("@/constants").Position;
         validation: (value: import("@/constants").Position) => boolean;
     };

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         required: boolean;
     };
     items: {
-        type: PropType<import("../..").Alert[]>;
+        type: globalThis.PropType<import("../..").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -16,15 +16,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: boolean;
     };
     inline: {
-        type: PropType<"start" | "middle" | "end">;
+        type: globalThis.PropType<"start" | "end" | "middle">;
         default: undefined;
     };
     block: {
-        type: PropType<"top" | "center" | "bottom">;
+        type: globalThis.PropType<"top" | "bottom" | "center">;
         default: undefined;
     };
     position: {
-        type: PropType<"absolute" | "fixed">;
+        type: globalThis.PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: undefined;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         required: boolean;
     };
     items: {
-        type: PropType<import("../..").Alert[]>;
+        type: globalThis.PropType<import("../..").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -53,15 +53,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: boolean;
     };
     inline: {
-        type: PropType<"start" | "middle" | "end">;
+        type: globalThis.PropType<"start" | "end" | "middle">;
         default: undefined;
     };
     block: {
-        type: PropType<"top" | "center" | "bottom">;
+        type: globalThis.PropType<"top" | "bottom" | "center">;
         default: undefined;
     };
     position: {
-        type: PropType<"absolute" | "fixed">;
+        type: globalThis.PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {
@@ -69,12 +69,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: undefined;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    reverse: boolean;
     modifiers: string | string[];
+    reverse: boolean;
     items: import("../..").Alert[];
     transition: string;
     inline: "start" | "end" | "middle";

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

@@ -6,7 +6,7 @@ export declare const VvAlertGroupProps: {
         required: boolean;
     };
     items: {
-        type: PropType<Alert[]>;
+        type: globalThis.PropType<Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -18,15 +18,15 @@ export declare const VvAlertGroupProps: {
         default: boolean;
     };
     inline: {
-        type: PropType<"start" | "middle" | "end">;
+        type: globalThis.PropType<"start" | "end" | "middle">;
         default: undefined;
     };
     block: {
-        type: PropType<"top" | "center" | "bottom">;
+        type: globalThis.PropType<"top" | "bottom" | "center">;
         default: undefined;
     };
     position: {
-        type: PropType<"absolute" | "fixed">;
+        type: globalThis.PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {
@@ -34,7 +34,7 @@ export declare const VvAlertGroupProps: {
         default: undefined;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,13 +1,13 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     imgSrc: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     imgSrc: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {

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

@@ -4,7 +4,7 @@ export declare const VvAvatarProps: {
      */
     imgSrc: StringConstructor;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     items: {
-        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        type: globalThis.PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -11,14 +11,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: PropType<string | string[]>;
+    avatarModifiers: globalThis.PropType<string | string[]>;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     items: {
-        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        type: globalThis.PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -29,9 +29,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: PropType<string | string[]>;
+    avatarModifiers: globalThis.PropType<string | string[]>;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {

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

@@ -9,7 +9,7 @@ export declare const VvAvatarGroupProps: {
      * avatar items
      */
     items: {
-        type: PropType<AvatarItem[]>;
+        type: globalThis.PropType<AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -20,9 +20,9 @@ export declare const VvAvatarGroupProps: {
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: PropType<string | string[]>;
+    avatarModifiers: globalThis.PropType<string | string[]>;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,13 +1,13 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {

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

@@ -1,7 +1,7 @@
 export declare const VvBadgeProps: {
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,13 +1,13 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
-    routes: PropType<import("../..").NavItem[]>;
+    routes: globalThis.PropType<import("../..").NavItem[]>;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    routes: PropType<import("../..").NavItem[]>;
+    routes: globalThis.PropType<import("../..").NavItem[]>;
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
@@ -17,17 +17,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         index: number;
         label: string;
         isLast: boolean;
-        ariaLabel?: string;
-        title?: string;
-        to?: string | Record<string, unknown>;
-        href?: string;
-        target?: string;
-        rel?: string;
-        disabled?: boolean;
-        current?: boolean;
-        class?: string | string[];
-        on?: Record<"click" | string, () => void>;
-        data?: Record<string, unknown>;
+        ariaLabel?: string | undefined;
+        title?: string | undefined;
+        to?: string | Record<string, unknown> | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+        rel?: string | undefined;
+        disabled?: boolean | undefined;
+        current?: boolean | undefined;
+        class?: string | string[] | undefined;
+        on?: Record<string, () => void> | undefined;
+        data?: Record<string, unknown> | undefined;
     }): any;
 }>;
 export default _default;