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

package/dist/components/VvAccordion/VvAccordion.es.js

@@ -1,74 +1,6 @@
-import { unref as r, computed as v, inject as $, toRef as k, toRefs as S, defineComponent as j, useAttrs as I, ref as B, openBlock as P, createElementBlock as z, normalizeClass as D, withModifiers as E, createElementVNode as A, renderSlot as C, normalizeProps as b, guardReactiveProps as g, createTextVNode as O, toDisplayString as R } from "vue";
-import { useToggle as M } from "@vueuse/core";
-import { nanoid as Z } from "nanoid";
-function L(o) {
-  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(r(o));
-}
-function V(o) {
-  var e, a;
-  if (o)
-    return (a = (e = o.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 : a.toLowerCase();
-}
-function N(o, e) {
-  const a = { [`${o}`]: !0 };
-  return {
-    bemCssClasses: v(() => Object.keys(e).reduce((t, l) => {
-      const s = r(e[l]) || !1;
-      if (!s)
-        return t;
-      if (l === "modifiers") {
-        const f = Array.isArray(s) ? s : s.split(" ");
-        return {
-          ...t,
-          ...f.reduce(
-            (i, c) => ({
-              ...i,
-              [`${o}--${V(c)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...t,
-          [`${o}--${V(l)}`]: s
-        };
-    }, a) || {})
-  };
-}
-function T(o) {
-  const e = $(o, void 0), a = v(() => !L(e));
-  function u(t, l, s) {
-    if (e != null && e.value) {
-      const i = r(e.value)[t];
-      return v({
-        get() {
-          return i == null ? void 0 : i.value;
-        },
-        set(c) {
-          i.value = c;
-        }
-      });
-    }
-    const f = k(l, t);
-    return v({
-      get() {
-        return f.value;
-      },
-      set(i) {
-        s && s(`update:${t}`, i);
-      }
-    });
-  }
-  return {
-    group: e,
-    isInGroup: a,
-    getGroupOrLocalRef: u
-  };
-}
-const U = "VV_ACCORDION_GROUP", x = {
+import { defineComponent as S, openBlock as b, createElementBlock as h, unref as t, normalizeClass as P, withModifiers as B, createElementVNode as g, renderSlot as y, normalizeProps as A, guardReactiveProps as V, createTextVNode as C, toDisplayString as O } from "vue";
+import { nanoid as I } from "nanoid";
+const N = "VV_ACCORDION_GROUP", k = {
   name: String,
   title: String,
   content: String,
@@ -78,88 +10,88 @@ const U = "VV_ACCORDION_GROUP", x = {
   },
   modifiers: [String, Array],
   disabled: Boolean
-}, q = ["update:modelValue"];
-function F(o, e) {
-  const { group: a, isInGroup: u, getGroupOrLocalRef: t } = T(U), { title: l, content: s } = S(o), f = t("modelValue", o, e), i = t("disabled", o), c = t("collapse", o), n = t("modifiers", o);
+}, x = ["update:modelValue"];
+function D(s, d) {
+  const { group: l, isInGroup: a, getGroupOrLocalRef: o } = useInjectedGroupState(N), { title: u, content: v } = toRefs(s), m = o("modelValue", s, d), p = o("disabled", s), i = o("collapse", s), e = o("modifiers", s);
   return {
-    modelValue: f,
-    disabled: i,
-    isInGroup: u,
-    group: a,
-    collapse: c,
-    modifiers: n,
-    title: l,
-    content: s
+    modelValue: m,
+    disabled: p,
+    isInGroup: a,
+    group: l,
+    collapse: i,
+    modifiers: e,
+    title: u,
+    content: v
   };
 }
-const H = ["id", "open"], J = ["aria-controls", "aria-expanded"], K = ["aria-hidden"], Q = {
+const E = ["id", "open"], M = ["aria-controls", "aria-expanded"], $ = ["aria-hidden"], z = {
   name: "VvAccordion"
-}, ee = /* @__PURE__ */ j({
-  ...Q,
-  props: x,
-  emits: q,
-  setup(o, { emit: e }) {
-    const a = o, u = I(), t = a.name || (u == null ? void 0 : u.id) || Z(), {
-      modifiers: l,
-      title: s,
-      content: f,
-      disabled: i,
-      collapse: c,
-      modelValue: n,
-      isInGroup: _
-    } = F(a, e), y = B(!1), m = v({
-      get: () => _.value ? c.value && Array.isArray(n.value) ? n.value.includes(t) : n.value === t : n.value === void 0 ? y.value : n.value,
-      set: (d) => {
-        if (_.value) {
-          if (c.value && Array.isArray(n.value)) {
-            if (d) {
-              n.value.push(t);
+}, L = /* @__PURE__ */ S({
+  ...z,
+  props: k,
+  emits: x,
+  setup(s, { emit: d }) {
+    const l = s, a = useAttrs(), o = l.name || (a == null ? void 0 : a.id) || I(), {
+      modifiers: u,
+      title: v,
+      content: m,
+      disabled: p,
+      collapse: i,
+      modelValue: e,
+      isInGroup: f
+    } = D(l, d), _ = ref(!1), r = computed({
+      get: () => f.value ? i.value && Array.isArray(e.value) ? e.value.includes(o) : e.value === o : e.value === void 0 ? _.value : e.value,
+      set: (n) => {
+        if (f.value) {
+          if (i.value && Array.isArray(e.value)) {
+            if (n) {
+              e.value.push(o);
               return;
             }
-            n.value = n.value.filter(
-              (p) => p !== t
+            e.value = e.value.filter(
+              (c) => c !== o
             );
             return;
           }
-          n.value = d ? t : null;
+          e.value = n ? o : null;
           return;
         }
-        if (n.value === void 0 && typeof d == "boolean") {
-          y.value = d;
+        if (e.value === void 0 && typeof n == "boolean") {
+          _.value = n;
           return;
         }
-        n.value = d;
+        e.value = n;
       }
-    }), { bemCssClasses: h } = N("vv-accordion", {
-      modifiers: l,
-      disabled: i
-    }), G = M(m);
-    return (d, p) => (P(), z("details", {
-      id: r(t),
-      class: D(r(h)),
-      open: r(m),
-      onClick: p[0] || (p[0] = E((W) => r(G)(), ["prevent"]))
+    }), { bemCssClasses: G } = useBemModifiers("vv-accordion", {
+      modifiers: u,
+      disabled: p
+    }), R = useToggle(r);
+    return (n, c) => (b(), h("details", {
+      id: t(o),
+      class: P(t(G)),
+      open: t(r),
+      onClick: c[0] || (c[0] = B((T) => t(R)(), ["prevent"]))
     }, [
-      A("summary", {
-        "aria-controls": r(t),
-        "aria-expanded": r(m),
+      g("summary", {
+        "aria-controls": t(o),
+        "aria-expanded": t(r),
         class: "vv-collapse__summary"
       }, [
-        C(d.$slots, "summary", b(g({ open: r(m) })), () => [
-          O(R(r(s)), 1)
+        y(n.$slots, "summary", A(V({ open: t(r) })), () => [
+          C(O(t(v)), 1)
         ])
-      ], 8, J),
-      A("div", {
-        "aria-hidden": !r(m),
+      ], 8, M),
+      g("div", {
+        "aria-hidden": !t(r),
         class: "vv-collapse__content"
       }, [
-        C(d.$slots, "details", b(g({ open: r(m) })), () => [
-          O(R(r(f)), 1)
+        y(n.$slots, "details", A(V({ open: t(r) })), () => [
+          C(O(t(m)), 1)
         ])
-      ], 8, K)
-    ], 10, H));
+      ], 8, $)
+    ], 10, E));
   }
 });
 export {
-  ee as default
+  L as default
 };

package/dist/components/VvAccordion/VvAccordion.umd.js

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

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

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     disabled: BooleanConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: StringConstructor;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     disabled: BooleanConstructor;
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type Ref } from 'vue';
+import type { ExtractPropTypes, Ref } from 'vue';
 import type IAccordionGroupState from '@/composables/group/types/IAccordionGroupState';
 export declare const VvAccordionProps: {
     /**
@@ -23,7 +23,7 @@ export declare const VvAccordionProps: {
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
      */
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     /**
      * If true, the accordion will be disabled
      */

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))}})});