@volverjs/ui-vue 0.0.2 → 0.0.3-beta.3

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

@@ -1,85 +1,6 @@
-import { isRef as z, provide as D, computed as y, unref as a, inject as L, toRef as Z, toRefs as B, defineComponent as P, useAttrs as N, ref as j, openBlock as C, createElementBlock as $, normalizeClass as E, withModifiers as T, createElementVNode as h, renderSlot as _, normalizeProps as b, guardReactiveProps as G, createTextVNode as O, toDisplayString as k, watchEffect as U, Fragment as F, renderList as q, createBlock as x, mergeProps as H, withCtx as R } from "vue";
-import { useToggle as J } from "@vueuse/core";
-import { nanoid as K } from "nanoid";
-const M = "VV_ACCORDION_GROUP";
-function Q(r) {
-  if (Object.keys(r).some(
-    (e) => e !== "key" && !z(r[e])
-  ))
-    throw Error("One or more groupState props aren't ref.");
-  D(
-    r.key,
-    y(() => r)
-  );
-}
-function W(r) {
-  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(a(r));
-}
-function S(r) {
-  var e, t;
-  if (r)
-    return (t = (e = r.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 : e.join("-")) == null ? void 0 : t.toLowerCase();
-}
-function I(r, e) {
-  const t = { [`${r}`]: !0 };
-  return {
-    bemCssClasses: y(() => Object.keys(e).reduce((o, c) => {
-      const l = a(e[c]) || !1;
-      if (!l)
-        return o;
-      if (c === "modifiers") {
-        const f = Array.isArray(l) ? l : l.split(" ");
-        return {
-          ...o,
-          ...f.reduce(
-            (n, d) => ({
-              ...n,
-              [`${r}--${S(d)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${r}--${S(c)}`]: l
-        };
-    }, t) || {})
-  };
-}
-function X(r) {
-  const e = L(r, void 0), t = y(() => !W(e));
-  function u(o, c, l) {
-    if (e != null && e.value) {
-      const n = a(e.value)[o];
-      return y({
-        get() {
-          return n == null ? void 0 : n.value;
-        },
-        set(d) {
-          n.value = d;
-        }
-      });
-    }
-    const f = Z(c, o);
-    return y({
-      get() {
-        return f.value;
-      },
-      set(n) {
-        l && l(`update:${o}`, n);
-      }
-    });
-  }
-  return {
-    group: e,
-    isInGroup: t,
-    getGroupOrLocalRef: u
-  };
-}
-const Y = {
+import { defineComponent as P, openBlock as g, createElementBlock as S, unref as a, normalizeClass as O, withModifiers as k, createElementVNode as h, renderSlot as A, normalizeProps as C, guardReactiveProps as G, createTextVNode as b, toDisplayString as $, Fragment as M, renderList as E, createBlock as I, mergeProps as N, withCtx as B } from "vue";
+import { nanoid as D } from "nanoid";
+const R = "VV_ACCORDION_GROUP", x = {
   name: String,
   title: String,
   content: String,
@@ -89,88 +10,88 @@ const Y = {
   },
   modifiers: [String, Array],
   disabled: Boolean
-}, w = ["update:modelValue"];
-function ee(r, e) {
-  const { group: t, isInGroup: u, getGroupOrLocalRef: o } = X(M), { title: c, content: l } = B(r), f = o("modelValue", r, e), n = o("disabled", r), d = o("collapse", r), i = o("modifiers", r);
+}, z = ["update:modelValue"];
+function L(s, m) {
+  const { group: t, isInGroup: l, getGroupOrLocalRef: e } = useInjectedGroupState(R), { title: p, content: v } = toRefs(s), f = e("modelValue", s, m), d = e("disabled", s), c = e("collapse", s), r = e("modifiers", s);
   return {
     modelValue: f,
-    disabled: n,
-    isInGroup: u,
+    disabled: d,
+    isInGroup: l,
     group: t,
-    collapse: d,
-    modifiers: i,
-    title: c,
-    content: l
+    collapse: c,
+    modifiers: r,
+    title: p,
+    content: v
   };
 }
-const oe = ["id", "open"], re = ["aria-controls", "aria-expanded"], te = ["aria-hidden"], se = {
+const T = ["id", "open"], U = ["aria-controls", "aria-expanded"], j = ["aria-hidden"], F = {
   name: "VvAccordion"
-}, ne = /* @__PURE__ */ P({
-  ...se,
-  props: Y,
-  emits: w,
-  setup(r, { emit: e }) {
-    const t = r, u = N(), o = t.name || (u == null ? void 0 : u.id) || K(), {
-      modifiers: c,
-      title: l,
+}, q = /* @__PURE__ */ P({
+  ...F,
+  props: x,
+  emits: z,
+  setup(s, { emit: m }) {
+    const t = s, l = useAttrs(), e = t.name || (l == null ? void 0 : l.id) || D(), {
+      modifiers: p,
+      title: v,
       content: f,
-      disabled: n,
-      collapse: d,
-      modelValue: i,
-      isInGroup: g
-    } = ee(t, e), s = j(!1), v = y({
-      get: () => g.value ? d.value && Array.isArray(i.value) ? i.value.includes(o) : i.value === o : i.value === void 0 ? s.value : i.value,
-      set: (p) => {
-        if (g.value) {
-          if (d.value && Array.isArray(i.value)) {
-            if (p) {
-              i.value.push(o);
+      disabled: d,
+      collapse: c,
+      modelValue: r,
+      isInGroup: _
+    } = L(t, m), o = ref(!1), u = computed({
+      get: () => _.value ? c.value && Array.isArray(r.value) ? r.value.includes(e) : r.value === e : r.value === void 0 ? o.value : r.value,
+      set: (i) => {
+        if (_.value) {
+          if (c.value && Array.isArray(r.value)) {
+            if (i) {
+              r.value.push(e);
               return;
             }
-            i.value = i.value.filter(
-              (V) => V !== o
+            r.value = r.value.filter(
+              (V) => V !== e
             );
             return;
           }
-          i.value = p ? o : null;
+          r.value = i ? e : null;
           return;
         }
-        if (i.value === void 0 && typeof p == "boolean") {
-          s.value = p;
+        if (r.value === void 0 && typeof i == "boolean") {
+          o.value = i;
           return;
         }
-        i.value = p;
+        r.value = i;
       }
-    }), { bemCssClasses: m } = I("vv-accordion", {
-      modifiers: c,
-      disabled: n
-    }), A = J(v);
-    return (p, V) => (C(), $("details", {
-      id: a(o),
-      class: E(a(m)),
-      open: a(v),
-      onClick: V[0] || (V[0] = T((ue) => a(A)(), ["prevent"]))
+    }), { bemCssClasses: n } = useBemModifiers("vv-accordion", {
+      modifiers: p,
+      disabled: d
+    }), y = useToggle(u);
+    return (i, V) => (g(), S("details", {
+      id: a(e),
+      class: O(a(n)),
+      open: a(u),
+      onClick: V[0] || (V[0] = k((Q) => a(y)(), ["prevent"]))
     }, [
       h("summary", {
-        "aria-controls": a(o),
-        "aria-expanded": a(v),
+        "aria-controls": a(e),
+        "aria-expanded": a(u),
         class: "vv-collapse__summary"
       }, [
-        _(p.$slots, "summary", b(G({ open: a(v) })), () => [
-          O(k(a(l)), 1)
+        A(i.$slots, "summary", C(G({ open: a(u) })), () => [
+          b($(a(v)), 1)
         ])
-      ], 8, re),
+      ], 8, U),
       h("div", {
-        "aria-hidden": !a(v),
+        "aria-hidden": !a(u),
         class: "vv-collapse__content"
       }, [
-        _(p.$slots, "details", b(G({ open: a(v) })), () => [
-          O(k(a(f)), 1)
+        A(i.$slots, "details", C(G({ open: a(u) })), () => [
+          b($(a(f)), 1)
         ])
-      ], 8, te)
-    ], 10, oe));
+      ], 8, j)
+    ], 10, T));
   }
-}), ae = {
+}), H = {
   modelValue: [String, Array],
   items: { type: Array, default: () => [] },
   collapse: Boolean,
@@ -180,57 +101,57 @@ const oe = ["id", "open"], re = ["aria-controls", "aria-expanded"], te = ["aria-
     default: ""
   },
   disabled: Boolean
-}, ie = ["update:modelValue"], le = {
+}, J = ["update:modelValue"], K = {
   name: "VvAccordionGroup"
-}, me = /* @__PURE__ */ P({
-  ...le,
-  props: ae,
-  emits: ie,
-  setup(r, { emit: e }) {
-    const t = r, { disabled: u, collapse: o, modifiers: c, itemModifiers: l, items: f } = B(t);
-    U(() => {
-      typeof t.modelValue == "string" && o.value && console.warn(
+}, Y = /* @__PURE__ */ P({
+  ...K,
+  props: H,
+  emits: J,
+  setup(s, { emit: m }) {
+    const t = s, { disabled: l, collapse: e, modifiers: p, itemModifiers: v, items: f } = toRefs(t);
+    watchEffect(() => {
+      typeof t.modelValue == "string" && e.value && console.warn(
         "[VvAccordionGroup]: modelValue is a string but collapse is true."
       );
     });
-    const n = j([]), d = y({
+    const d = ref([]), c = computed({
       get: () => {
-        var s;
-        return t.modelValue !== void 0 ? o.value ? t.modelValue : Array.isArray(t.modelValue) ? t.modelValue[0] : t.modelValue : o.value ? n.value : (s = n.value) == null ? void 0 : s[0];
+        var o;
+        return t.modelValue !== void 0 ? e.value ? t.modelValue : Array.isArray(t.modelValue) ? t.modelValue[0] : t.modelValue : e.value ? d.value : (o = d.value) == null ? void 0 : o[0];
       },
-      set: (s) => {
+      set: (o) => {
         if (t.modelValue !== void 0)
-          return (Array.isArray(t.modelValue) || o.value) && !Array.isArray(s) && (s = [s]), e("update:modelValue", s);
-        n.value = Array.isArray(s) ? s : [s];
+          return (Array.isArray(t.modelValue) || e.value) && !Array.isArray(o) && (o = [o]), m("update:modelValue", o);
+        d.value = Array.isArray(o) ? o : [o];
       }
+    }), r = {
+      key: R,
+      modelValue: c,
+      disabled: l,
+      collapse: e,
+      modifiers: v
+    };
+    useProvideGroupState(r);
+    const { bemCssClasses: _ } = useBemModifiers("vv-accordion-group", {
+      modifiers: p,
+      disabled: l
     });
-    Q({
-      key: M,
-      modelValue: d,
-      disabled: u,
-      collapse: o,
-      modifiers: l
-    });
-    const { bemCssClasses: g } = I("vv-accordion-group", {
-      modifiers: c,
-      disabled: u
-    });
-    return (s, v) => (C(), $("div", {
-      class: E(a(g))
+    return (o, u) => (g(), S("div", {
+      class: O(a(_))
     }, [
-      _(s.$slots, "default", {}, () => [
-        (C(!0), $(F, null, q(a(f), (m) => (C(), x(ne, H({
-          key: m.title
+      A(o.$slots, "default", {}, () => [
+        (g(!0), S(M, null, E(a(f), (n) => (g(), I(q, N({
+          key: n.title
         }, {
-          name: m.name,
-          title: m.title,
-          content: m.content
+          name: n.name,
+          title: n.title,
+          content: n.content
         }), {
-          header: R((A) => [
-            _(s.$slots, `header::${m.name}`, b(G(A)))
+          header: B((y) => [
+            A(o.$slots, `header::${n.name}`, C(G(y)))
           ]),
-          details: R((A) => [
-            _(s.$slots, `details::${m.name}`, b(G(A)))
+          details: B((y) => [
+            A(o.$slots, `details::${n.name}`, C(G(y)))
           ]),
           _: 2
         }, 1040))), 128))
@@ -239,5 +160,5 @@ const oe = ["id", "open"], re = ["aria-controls", "aria-expanded"], te = ["aria-
   }
 });
 export {
-  me as default
+  Y as default
 };

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

@@ -1 +1 @@
-(function(e,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],A):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=A(e.vue,e.core,e.nanoid))})(this,function(e,A,k){"use strict";const g="VV_ACCORDION_GROUP";function G(t){if(Object.keys(t).some(r=>r!=="key"&&!e.isRef(t[r])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}function S(t){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(t))}function h(t){var r,n;if(t)return(n=(r=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:r.join("-"))==null?void 0:n.toLowerCase()}function b(t,r){const n={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((o,d)=>{const l=e.unref(r[d])||!1;if(!l)return o;if(d==="modifiers"){const u=Array.isArray(l)?l:l.split(" ");return{...o,...u.reduce((i,f)=>({...i,[`${t}--${h(f)}`]:!0}),{})}}else return{...o,[`${t}--${h(d)}`]:l}},n)||{})}}function $(t){const r=e.inject(t,void 0),n=e.computed(()=>!S(r));function c(o,d,l){if(r!=null&&r.value){const i=e.unref(r.value)[o];return e.computed({get(){return i==null?void 0:i.value},set(f){i.value=f}})}const u=e.toRef(d,o);return e.computed({get(){return u.value},set(i){l&&l(`update:${o}`,i)}})}return{group:r,isInGroup:n,getGroupOrLocalRef:c}}const R={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},P=["update:modelValue"];function B(t,r){const{group:n,isInGroup:c,getGroupOrLocalRef:o}=$(g),{title:d,content:l}=e.toRefs(t),u=o("modelValue",t,r),i=o("disabled",t),f=o("collapse",t),a=o("modifiers",t);return{modelValue:u,disabled:i,isInGroup:c,group:n,collapse:f,modifiers:a,title:d,content:l}}const O=["id","open"],E=["aria-controls","aria-expanded"],j=["aria-hidden"],z={name:"VvAccordion"},M=e.defineComponent({...z,props:R,emits:P,setup(t,{emit:r}){const n=t,c=e.useAttrs(),o=n.name||(c==null?void 0:c.id)||k.nanoid(),{modifiers:d,title:l,content:u,disabled:i,collapse:f,modelValue:a,isInGroup:V}=B(n,r),s=e.ref(!1),y=e.computed({get:()=>V.value?f.value&&Array.isArray(a.value)?a.value.includes(o):a.value===o:a.value===void 0?s.value:a.value,set:m=>{if(V.value){if(f.value&&Array.isArray(a.value)){if(m){a.value.push(o);return}a.value=a.value.filter(C=>C!==o);return}a.value=m?o:null;return}if(a.value===void 0&&typeof m=="boolean"){s.value=m;return}a.value=m}}),{bemCssClasses:p}=b("vv-accordion",{modifiers:d,disabled:i}),_=A.useToggle(y);return(m,C)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(o),class:e.normalizeClass(e.unref(p)),open:e.unref(y),onClick:C[0]||(C[0]=e.withModifiers(L=>e.unref(_)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(o),"aria-expanded":e.unref(y),class:"vv-collapse__summary"},[e.renderSlot(m.$slots,"summary",e.normalizeProps(e.guardReactiveProps({open:e.unref(y)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(l)),1)])],8,E),e.createElementVNode("div",{"aria-hidden":!e.unref(y),class:"vv-collapse__content"},[e.renderSlot(m.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(y)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)])],8,j)],10,O))}}),I={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],itemModifiers:{type:[String,Array],default:""},disabled:Boolean},D=["update:modelValue"],N={name:"VvAccordionGroup"};return e.defineComponent({...N,props:I,emits:D,setup(t,{emit:r}){const n=t,{disabled:c,collapse:o,modifiers:d,itemModifiers:l,items:u}=e.toRefs(n);e.watchEffect(()=>{typeof n.modelValue=="string"&&o.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const i=e.ref([]),f=e.computed({get:()=>{var s;return n.modelValue!==void 0?o.value?n.modelValue:Array.isArray(n.modelValue)?n.modelValue[0]:n.modelValue:o.value?i.value:(s=i.value)==null?void 0:s[0]},set:s=>{if(n.modelValue!==void 0)return(Array.isArray(n.modelValue)||o.value)&&!Array.isArray(s)&&(s=[s]),r("update:modelValue",s);i.value=Array.isArray(s)?s:[s]}});G({key:g,modelValue:f,disabled:c,collapse:o,modifiers:l});const{bemCssClasses:V}=b("vv-accordion-group",{modifiers:d,disabled:c});return(s,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(V))},[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),p=>(e.openBlock(),e.createBlock(M,e.mergeProps({key:p.title},{name:p.name,title:p.title,content:p.content}),{header:e.withCtx(_=>[e.renderSlot(s.$slots,`header::${p.name}`,e.normalizeProps(e.guardReactiveProps(_)))]),details:e.withCtx(_=>[e.renderSlot(s.$slots,`details::${p.name}`,e.normalizeProps(e.guardReactiveProps(_)))]),_:2},1040))),128))])],2))}})});
+(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=f(e.vue,e.nanoid))})(this,function(e,f){"use strict";const S="VV_ACCORDION_GROUP",C={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},h=["update:modelValue"];function P(s,p){const{group:n,isInGroup:a,getGroupOrLocalRef:o}=useInjectedGroupState(S),{title:m,content:y}=toRefs(s),A=o("modelValue",s,p),d=o("disabled",s),u=o("collapse",s),t=o("modifiers",s);return{modelValue:A,disabled:d,isInGroup:a,group:n,collapse:u,modifiers:t,title:m,content:y}}const B=["id","open"],G=["aria-controls","aria-expanded"],k=["aria-hidden"],v={name:"VvAccordion"},R=e.defineComponent({...v,props:C,emits:h,setup(s,{emit:p}){const n=s,a=useAttrs(),o=n.name||(a==null?void 0:a.id)||f.nanoid(),{modifiers:m,title:y,content:A,disabled:d,collapse:u,modelValue:t,isInGroup:_}=P(n,p),r=ref(!1),c=computed({get:()=>_.value?u.value&&Array.isArray(t.value)?t.value.includes(o):t.value===o:t.value===void 0?r.value:t.value,set:i=>{if(_.value){if(u.value&&Array.isArray(t.value)){if(i){t.value.push(o);return}t.value=t.value.filter(g=>g!==o);return}t.value=i?o:null;return}if(t.value===void 0&&typeof i=="boolean"){r.value=i;return}t.value=i}}),{bemCssClasses:l}=useBemModifiers("vv-accordion",{modifiers:m,disabled:d}),V=useToggle(c);return(i,g)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(o),class:e.normalizeClass(e.unref(l)),open:e.unref(c),onClick:g[0]||(g[0]=e.withModifiers(M=>e.unref(V)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(o),"aria-expanded":e.unref(c),class:"vv-collapse__summary"},[e.renderSlot(i.$slots,"summary",e.normalizeProps(e.guardReactiveProps({open:e.unref(c)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(y)),1)])],8,G),e.createElementVNode("div",{"aria-hidden":!e.unref(c),class:"vv-collapse__content"},[e.renderSlot(i.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(c)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(A)),1)])],8,k)],10,B))}}),$={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],itemModifiers:{type:[String,Array],default:""},disabled:Boolean},b=["update:modelValue"],E={name:"VvAccordionGroup"};return e.defineComponent({...E,props:$,emits:b,setup(s,{emit:p}){const n=s,{disabled:a,collapse:o,modifiers:m,itemModifiers:y,items:A}=toRefs(n);watchEffect(()=>{typeof n.modelValue=="string"&&o.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const d=ref([]),u=computed({get:()=>{var r;return n.modelValue!==void 0?o.value?n.modelValue:Array.isArray(n.modelValue)?n.modelValue[0]:n.modelValue:o.value?d.value:(r=d.value)==null?void 0:r[0]},set:r=>{if(n.modelValue!==void 0)return(Array.isArray(n.modelValue)||o.value)&&!Array.isArray(r)&&(r=[r]),p("update:modelValue",r);d.value=Array.isArray(r)?r:[r]}}),t={key:S,modelValue:u,disabled:a,collapse:o,modifiers:y};useProvideGroupState(t);const{bemCssClasses:_}=useBemModifiers("vv-accordion-group",{modifiers:m,disabled:a});return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_))},[e.renderSlot(r.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(A),l=>(e.openBlock(),e.createBlock(R,e.mergeProps({key:l.title},{name:l.name,title:l.title,content:l.content}),{header:e.withCtx(V=>[e.renderSlot(r.$slots,`header::${l.name}`,e.normalizeProps(e.guardReactiveProps(V)))]),details:e.withCtx(V=>[e.renderSlot(r.$slots,`details::${l.name}`,e.normalizeProps(e.guardReactiveProps(V)))]),_:2},1040))),128))])],2))}})});

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

@@ -1,5 +1,5 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     items: {
         type: {
             (arrayLength: number): import("@/components/VvAccordionGroup/").VvAccordionGroupItem[];
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     collapse: BooleanConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     itemModifiers: {
         type: (StringConstructor | {
             (arrayLength: number): string[];
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     items: {
         type: {
             (arrayLength: number): import("@/components/VvAccordionGroup/").VvAccordionGroupItem[];
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     collapse: BooleanConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     itemModifiers: {
         type: (StringConstructor | {
             (arrayLength: number): string[];

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

@@ -9,7 +9,7 @@ export declare const VvAccordionGroupProps: {
     /**
      * VModel
      */
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     /**
      * Accordion items
      * @type VvAccordionGroupItem
@@ -38,7 +38,7 @@ export declare const VvAccordionGroupProps: {
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion-group--'
      */
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
      */

package/dist/components/VvBadge/VvBadge.es.js

@@ -1,62 +1,28 @@
-import { computed as f, unref as u, defineComponent as m, openBlock as p, createElementBlock as C, normalizeClass as b, renderSlot as _, createTextVNode as g, toDisplayString as A } from "vue";
-function i(e) {
-  var s, r;
-  if (e)
-    return (r = (s = e.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 : s.join("-")) == null ? void 0 : r.toLowerCase();
-}
-function $(e, s) {
-  const r = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: f(() => Object.keys(s).reduce((o, a) => {
-      const t = u(s[a]) || !1;
-      if (!t)
-        return o;
-      if (a === "modifiers") {
-        const c = Array.isArray(t) ? t : t.split(" ");
-        return {
-          ...o,
-          ...c.reduce(
-            (l, d) => ({
-              ...l,
-              [`${e}--${i(d)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${e}--${i(a)}`]: t
-        };
-    }, r) || {})
-  };
-}
-const v = {
+import { defineComponent as t, openBlock as a, createElementBlock as n, normalizeClass as i, unref as l, renderSlot as d, createTextVNode as c, toDisplayString as m } from "vue";
+const p = {
   modifiers: [String, Array]
-}, y = {
-  ...v,
+}, f = {
+  ...p,
   value: [String, Number]
-}, B = {
+}, u = {
   name: "VvBadge"
-}, S = /* @__PURE__ */ m({
-  ...B,
-  props: y,
-  setup(e) {
-    const s = e, { bemCssClasses: r } = $("vv-badge", {
-      modifiers: s.modifiers
+}, _ = /* @__PURE__ */ t({
+  ...u,
+  props: f,
+  setup(s) {
+    const o = s, { bemCssClasses: r } = useBemModifiers("vv-badge", {
+      modifiers: o.modifiers
     });
-    return (n, o) => (p(), C("span", {
-      class: b(u(r)),
+    return (e, g) => (a(), n("span", {
+      class: i(l(r)),
       role: "status"
     }, [
-      _(n.$slots, "default", {}, () => [
-        g(A(n.value), 1)
+      d(e.$slots, "default", {}, () => [
+        c(m(e.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  _ as default
 };

package/dist/components/VvBadge/VvBadge.umd.js

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBadge=n(e.vue))})(this,function(e){"use strict";function n(s){var r,t;if(s)return(t=(r=s.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:r.join("-"))==null?void 0:t.toLowerCase()}function f(s,r){const t={[`${s}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((i,a)=>{const o=e.unref(r[a])||!1;if(!o)return i;if(a==="modifiers"){const l=Array.isArray(o)?o:o.split(" ");return{...i,...l.reduce((m,p)=>({...m,[`${s}--${n(p)}`]:!0}),{})}}else return{...i,[`${s}--${n(a)}`]:o}},t)||{})}}const u={...{modifiers:[String,Array]},value:[String,Number]},c={name:"VvBadge"};return e.defineComponent({...c,props:u,setup(s){const r=s,{bemCssClasses:t}=f("vv-badge",{modifiers:r.modifiers});return(d,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(t)),role:"status"},[e.renderSlot(d.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)])],2))}})});
+(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.VvBadge=s(e.vue))})(this,function(e){"use strict";const o={...{modifiers:[String,Array]},value:[String,Number]},t={name:"VvBadge"};return e.defineComponent({...t,props:o,setup(i){const r=i,{bemCssClasses:d}=useBemModifiers("vv-badge",{modifiers:r.modifiers});return(n,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(d)),role:"status"},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])],2))}})});

package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js

@@ -1,79 +1,72 @@
-import { computed as v, unref as _, defineComponent as C, openBlock as c, createElementBlock as u, normalizeClass as p, createElementVNode as d, Fragment as g, renderList as h, createBlock as y, resolveDynamicComponent as $, mergeProps as k, withCtx as A, renderSlot as B, normalizeProps as N, guardReactiveProps as P, createTextVNode as z, toDisplayString as L } from "vue";
-function f(s) {
-  var t, a;
-  if (s)
-    return (a = (t = s.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 : t.join("-")) == null ? void 0 : a.toLowerCase();
-}
-function V(s, t) {
-  const a = { [`${s}`]: !0 };
+import { defineComponent as f, openBlock as m, createElementBlock as c, normalizeClass as p, unref as v, createElementVNode as d, Fragment as _, renderList as C, createBlock as g, resolveDynamicComponent as h, mergeProps as $, withCtx as k, renderSlot as y, normalizeProps as B, guardReactiveProps as N, createTextVNode as P, toDisplayString as A } from "vue";
+function V(t, o) {
+  const u = { [`${t}`]: !0 };
   return {
-    bemCssClasses: v(() => Object.keys(t).reduce((n, r) => {
-      const e = _(t[r]) || !1;
+    bemCssClasses: computed(() => Object.keys(o).reduce((a, r) => {
+      const e = unref(o[r]) || !1;
       if (!e)
-        return n;
+        return a;
       if (r === "modifiers") {
-        const i = Array.isArray(e) ? e : e.split(" ");
+        const n = Array.isArray(e) ? e : e.split(" ");
         return {
-          ...n,
-          ...i.reduce(
-            (l, m) => ({
+          ...a,
+          ...n.reduce(
+            (l, i) => ({
               ...l,
-              [`${s}--${f(m)}`]: !0
+              [`${t}--${kebabCase(i)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${s}--${f(r)}`]: e
+          ...a,
+          [`${t}--${kebabCase(r)}`]: e
         };
-    }, a) || {})
+    }, u) || {})
   };
 }
-const Z = {
+const E = {
   modifiers: [String, Array]
-}, E = {
-  ...Z,
+}, L = {
+  ...E,
   routes: Array
-}, M = { class: "vv-breadcrumb__list" }, S = ["content"], j = {
+}, M = { class: "vv-breadcrumb__list" }, S = ["content"], z = {
   name: "VvBreadcrumb"
-}, D = /* @__PURE__ */ C({
-  ...j,
-  props: E,
-  setup(s) {
-    const t = s, { bemCssClasses: a } = V("vv-breadcrumb", {
-      modifiers: t.modifiers
+}, j = /* @__PURE__ */ f({
+  ...z,
+  props: L,
+  setup(t) {
+    const o = t, { bemCssClasses: u } = V("vv-breadcrumb", {
+      modifiers: o.modifiers
     });
-    return (o, n) => (c(), u("nav", {
-      class: p(_(a)),
+    return (s, a) => (m(), c("nav", {
+      class: p(v(u)),
       "aria-label": "breadcrumbs"
     }, [
       d("ol", M, [
-        (c(!0), u(g, null, h(o.routes, (r, e) => {
-          var i, l, m, b;
-          return c(), u("li", {
+        (m(!0), c(_, null, C(s.routes, (r, e) => {
+          var n, l, i, b;
+          return m(), c("li", {
             key: `${r.label}-${e}`,
             class: p({
-              "vv-breadcrumb__item": e < Number((i = o.routes) == null ? void 0 : i.length) - 1,
-              "vv-breadcrumb__item-active": e === Number((l = o.routes) == null ? void 0 : l.length) - 1
+              "vv-breadcrumb__item": e < Number((n = s.routes) == null ? void 0 : n.length) - 1,
+              "vv-breadcrumb__item-active": e === Number((l = s.routes) == null ? void 0 : l.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (c(), y($(r.to ? "router-link" : r.href ? "a" : "span"), k(r, {
+            (m(), g(h(r.to ? "router-link" : r.href ? "a" : "span"), $(r, {
               class: {
-                "vv-breadcrumb__link": e < Number((m = o.routes) == null ? void 0 : m.length) - 1
+                "vv-breadcrumb__link": e < Number((i = s.routes) == null ? void 0 : i.length) - 1
               },
-              "aria-current": e === Number((b = o.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
+              "aria-current": e === Number((b = s.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: A(() => [
-                B(o.$slots, "label", N(P({ route: r, index: e })), () => [
-                  z(L(r.label), 1)
+              default: k(() => [
+                y(s.$slots, "label", B(N({ route: r, index: e })), () => [
+                  P(A(r.label), 1)
                 ])
               ]),
               _: 2
@@ -89,5 +82,5 @@ const Z = {
   }
 });
 export {
-  D as default
+  j as default
 };

package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js

@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBreadcrumb=a(e.vue))})(this,function(e){"use strict";function a(t){var o,i;if(t)return(i=(o=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:o.join("-"))==null?void 0:i.toLowerCase()}function u(t,o){const i={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(o).reduce((l,s)=>{const r=e.unref(o[s])||!1;if(!r)return l;if(s==="modifiers"){const c=Array.isArray(r)?r:r.split(" ");return{...l,...c.reduce((m,d)=>({...m,[`${t}--${a(d)}`]:!0}),{})}}else return{...l,[`${t}--${a(s)}`]:r}},i)||{})}}const b={...{modifiers:[String,Array]},routes:Array},f={class:"vv-breadcrumb__list"},_=["content"],h={name:"VvBreadcrumb"};return e.defineComponent({...h,props:b,setup(t){const o=t,{bemCssClasses:i}=u("vv-breadcrumb",{modifiers:o.modifiers});return(n,l)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(i)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.routes,(s,r)=>{var c,m,d,p;return e.openBlock(),e.createElementBlock("li",{key:`${s.label}-${r}`,class:e.normalizeClass({"vv-breadcrumb__item":r<Number((c=n.routes)==null?void 0:c.length)-1,"vv-breadcrumb__item-active":r===Number((m=n.routes)==null?void 0:m.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.to?"router-link":s.href?"a":"span"),e.mergeProps(s,{class:{"vv-breadcrumb__link":r<Number((d=n.routes)==null?void 0:d.length)-1},"aria-current":r===Number((p=n.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:s,index:r})),()=>[e.createTextVNode(e.toDisplayString(s.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${r+1}`},null,8,_)],2)}),128))])],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.VvBreadcrumb=o(e.vue))})(this,function(e){"use strict";function o(n,a){const d={[`${n}`]:!0};return{bemCssClasses:computed(()=>Object.keys(a).reduce((i,s)=>{const r=unref(a[s])||!1;if(!r)return i;if(s==="modifiers"){const l=Array.isArray(r)?r:r.split(" ");return{...i,...l.reduce((c,m)=>({...c,[`${n}--${kebabCase(m)}`]:!0}),{})}}else return{...i,[`${n}--${kebabCase(s)}`]:r}},d)||{})}}const u={...{modifiers:[String,Array]},routes:Array},b={class:"vv-breadcrumb__list"},f=["content"],_={name:"VvBreadcrumb"};return e.defineComponent({..._,props:u,setup(n){const a=n,{bemCssClasses:d}=o("vv-breadcrumb",{modifiers:a.modifiers});return(t,i)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(d)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,(s,r)=>{var l,c,m,p;return e.openBlock(),e.createElementBlock("li",{key:`${s.label}-${r}`,class:e.normalizeClass({"vv-breadcrumb__item":r<Number((l=t.routes)==null?void 0:l.length)-1,"vv-breadcrumb__item-active":r===Number((c=t.routes)==null?void 0:c.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.to?"router-link":s.href?"a":"span"),e.mergeProps(s,{class:{"vv-breadcrumb__link":r<Number((m=t.routes)==null?void 0:m.length)-1},"aria-current":r===Number((p=t.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:s,index:r})),()=>[e.createTextVNode(e.toDisplayString(s.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${r+1}`},null,8,f)],2)}),128))])],2))}})});