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

package/README.md

@@ -121,12 +121,13 @@ export default defineConfig({
 
 The following features are planned for the next releases:
 
+- [x] (v0.0.3) `VvTooltip` component and `v-tooltip` directive;
+- [x] (v0.0.3) Redesign of `VvCombobox` for better accessibility and more features;
+- [x] (v0.0.3) Rewrite of `VvDropdown` to get it applicable to any element;
 - [ ] `VvAvatar` component;
+- [ ] `VvAvatarGroup` component;
 - [ ] Alerts, notifications and toasts with `VvAlert` and `VvToast` component;
 - [ ] Loaders with `VvLoader` and `VvSkeleton`;
-- [ ] `VvTooltip` component;
-- [ ] Redesign `VvCombobox` for better accessibility;
-- [ ] Rewrite `VvDropdown` component and get it applicable to any element;
 - [ ] Menus, navigation and tabs with `VvNav`;
 - [ ] Input masks for `VvInputText` component;
 - [ ] `VvTable` component with sort, filters, pagination and cell editing;

package/auto-imports.d.ts

@@ -34,9 +34,6 @@ declare global {
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const h: typeof import('vue')['h']
-  const iAccordionGroupState: typeof import('./src/composables/group/types/IAccordionGroupState')['default']
-  const iButtonGroupState: typeof import('./src/composables/group/types/IButtonGroupState')['default']
-  const iGroupState: typeof import('./src/composables/group/types/IGroupState')['default']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
   const isDefined: typeof import('@vueuse/core')['isDefined']
@@ -99,7 +96,6 @@ declare global {
   const templateRef: typeof import('@vueuse/core')['templateRef']
   const throttledRef: typeof import('@vueuse/core')['throttledRef']
   const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
-  const toBem: typeof import('./src/composables/useModifiers')['toBem']
   const toRaw: typeof import('vue')['toRaw']
   const toReactive: typeof import('@vueuse/core')['toReactive']
   const toRef: typeof import('vue')['toRef']
@@ -138,8 +134,7 @@ declare global {
   const useCloned: typeof import('@vueuse/core')['useCloned']
   const useColorMode: typeof import('@vueuse/core')['useColorMode']
   const useComponentFocus: typeof import('./src/composables/useComponentFocus')['useComponentFocus']
-  const useComponentIcon: typeof import('./src/composables/useComponentIcons')['useComponentIcon']
-  const useComponentIcons: typeof import('./src/composables/useComponentIcons')['useComponentIcons']
+  const useComponentIcon: typeof import('./src/composables/useComponentIcon')['useComponentIcon']
   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
   const useCounter: typeof import('@vueuse/core')['useCounter']
   const useCssModule: typeof import('vue')['useCssModule']
@@ -183,6 +178,9 @@ declare global {
   const useIdle: typeof import('@vueuse/core')['useIdle']
   const useImage: typeof import('@vueuse/core')['useImage']
   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useInjectedDropdownAction: typeof import('./src/composables/dropdown/useInjectDropdown')['useInjectedDropdownAction']
+  const useInjectedDropdownItem: typeof import('./src/composables/dropdown/useInjectDropdown')['useInjectedDropdownItem']
+  const useInjectedDropdownTrigger: typeof import('./src/composables/dropdown/useInjectDropdown')['useInjectedDropdownTrigger']
   const useInjectedGroupState: typeof import('./src/composables/group/useInjectedGroupState')['useInjectedGroupState']
   const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
   const useInterval: typeof import('@vueuse/core')['useInterval']
@@ -219,6 +217,10 @@ declare global {
   const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
   const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
   const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
+  const usePrevious: typeof import('@vueuse/core')['usePrevious']
+  const useProvideDropdownAction: typeof import('./src/composables/dropdown/useProvideDropdown')['useProvideDropdownAction']
+  const useProvideDropdownItem: typeof import('./src/composables/dropdown/useProvideDropdown')['useProvideDropdownItem']
+  const useProvideDropdownTrigger: typeof import('./src/composables/dropdown/useProvideDropdown')['useProvideDropdownTrigger']
   const useProvideGroupState: typeof import('./src/composables/group/useProvideGroupState')['useProvideGroupState']
   const useRafFn: typeof import('@vueuse/core')['useRafFn']
   const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
@@ -258,12 +260,14 @@ declare global {
   const useToString: typeof import('@vueuse/core')['useToString']
   const useToggle: typeof import('@vueuse/core')['useToggle']
   const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUniqueId: typeof import('./src/composables/useUniqueId')['useUniqueId']
   const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
   const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
   const useVModel: typeof import('@vueuse/core')['useVModel']
   const useVModels: typeof import('@vueuse/core')['useVModels']
   const useVibrate: typeof import('@vueuse/core')['useVibrate']
   const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useVolver: typeof import('./src/composables/useVolver')['useVolver']
   const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
   const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
   const useWebSocket: typeof import('@vueuse/core')['useWebSocket']

package/bin/icons.cjs

@@ -2,11 +2,11 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("fs"), require("yargs"), require("yargs/helpers"), require("@iconify/tools"), require("path"), require("@iconify/utils")) : typeof define === "function" && define.amd ? define(["exports", "fs", "yargs", "yargs/helpers", "@iconify/tools", "path", "@iconify/utils"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["generate-icons"] = {}, global.fileSystem, global.yargs, global.helpers, global.tools, global.path, global.utils));
 })(this, function(exports2, fileSystem, yargs, helpers, tools, path, utils) {
   "use strict";
-  function getAllFiles(dirPath, objectFiles = {}, prefix = "iconify") {
+  function getAllFiles(dirPath, prefix = "iconify", objectFiles = {}) {
     const files = fileSystem.readdirSync(dirPath);
     files.forEach(function(file) {
       if (fileSystem.statSync(dirPath + "/" + file).isDirectory()) {
-        objectFiles = getAllFiles(dirPath + "/" + file, objectFiles, file);
+        objectFiles = getAllFiles(dirPath + "/" + file, file, objectFiles);
       } else {
         if (file.includes(".svg")) {
           objectFiles[prefix] ? objectFiles[prefix].push(path.join(dirPath, "/", file)) : objectFiles[prefix] = [path.join(dirPath, "/", file)];
@@ -46,14 +46,14 @@
       JSON.stringify(iconifyJson)
     );
   }
-  function createIconifyJsonFiles(srcPath2, destPath2) {
-    const objectFiles = getAllFiles(srcPath2);
+  function createIconifyJsonFiles(srcPath2, destPath2, prefix) {
+    const objectFiles = getAllFiles(srcPath2, prefix);
     if (!Object.keys(objectFiles).length) {
       console.error(`There are no files in ${srcPath2}`);
     } else {
-      Object.keys(objectFiles).forEach((prefix) => {
-        generateIcons(prefix, objectFiles[prefix], destPath2);
-        console.info(`Icons generated in: ${destPath2}/${prefix}.json
+      Object.keys(objectFiles).forEach((prefix2) => {
+        generateIcons(prefix2, objectFiles[prefix2], destPath2);
+        console.info(`Icons generated in: ${destPath2}/${prefix2}.json
 `);
       });
     }
@@ -67,7 +67,7 @@
     );
     process.exit();
   }
-  createIconifyJsonFiles(srcPath, destPath);
+  createIconifyJsonFiles(srcPath, destPath, argv.prefix);
   exports2.createIconifyJsonFiles = createIconifyJsonFiles;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });

package/bin/icons.js

@@ -4,11 +4,11 @@ import { hideBin } from "yargs/helpers";
 import { blankIconSet, SVG, cleanupSVG, parseColors, isEmptyColor, runSVGO } from "@iconify/tools";
 import path from "path";
 import { validateIconSet } from "@iconify/utils";
-function getAllFiles(dirPath, objectFiles = {}, prefix = "iconify") {
+function getAllFiles(dirPath, prefix = "iconify", objectFiles = {}) {
   const files = fileSystem.readdirSync(dirPath);
   files.forEach(function(file) {
     if (fileSystem.statSync(dirPath + "/" + file).isDirectory()) {
-      objectFiles = getAllFiles(dirPath + "/" + file, objectFiles, file);
+      objectFiles = getAllFiles(dirPath + "/" + file, file, objectFiles);
     } else {
       if (file.includes(".svg")) {
         objectFiles[prefix] ? objectFiles[prefix].push(path.join(dirPath, "/", file)) : objectFiles[prefix] = [path.join(dirPath, "/", file)];
@@ -48,14 +48,14 @@ async function generateIcons(prefix, files, destPath2) {
     JSON.stringify(iconifyJson)
   );
 }
-function createIconifyJsonFiles(srcPath2, destPath2) {
-  const objectFiles = getAllFiles(srcPath2);
+function createIconifyJsonFiles(srcPath2, destPath2, prefix) {
+  const objectFiles = getAllFiles(srcPath2, prefix);
   if (!Object.keys(objectFiles).length) {
     console.error(`There are no files in ${srcPath2}`);
   } else {
-    Object.keys(objectFiles).forEach((prefix) => {
-      generateIcons(prefix, objectFiles[prefix], destPath2);
-      console.info(`Icons generated in: ${destPath2}/${prefix}.json
+    Object.keys(objectFiles).forEach((prefix2) => {
+      generateIcons(prefix2, objectFiles[prefix2], destPath2);
+      console.info(`Icons generated in: ${destPath2}/${prefix2}.json
 `);
     });
   }
@@ -69,7 +69,7 @@ if (!srcPath || !destPath) {
   );
   process.exit();
 }
-createIconifyJsonFiles(srcPath, destPath);
+createIconifyJsonFiles(srcPath, destPath, argv.prefix);
 export {
   createIconifyJsonFiles
 };

package/dist/Volver.d.ts

@@ -1,7 +1,8 @@
 import { type IconifyIcon, type IconifyJSON, type PartialIconifyAPIConfig } from '@iconify/vue';
-import type { Plugin } from 'vue';
-export declare const VOLVER_PREFIX = "ds";
-interface IVolverParams {
+import type { Component, Plugin } from 'vue';
+export declare function useDefaultProps(component: Component, defaults?: Record<string, unknown>, name?: string): Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+export type DefaultOptions = Record<string, Record<string, unknown>>;
+export type VolverOptions = {
     /**
      * If true set "fetchOptions" with credentials: 'include'
      */
@@ -11,16 +12,34 @@ interface IVolverParams {
      */
     fetchOptions?: RequestInit;
     /**
-     * Array of https://docs.iconify.design/types/iconify-json.html
-     * This collections will be added during plugin install
+     * Array of iconify collections that will be added during plugin install
+     * @see https://docs.iconify.design/types/iconify-json.html
      */
     iconsCollections?: IconifyJSON[];
     /**
      * Set true inside nuxt
      */
     nuxt?: boolean;
-}
-export interface IVolver extends IVolverParams {
+    /**
+     * Default iconify provider
+     * @see https://docs.iconify.design/icon-components/vue/add-collection.html
+     * @default 'vv'
+     */
+    provider?: string;
+    /**
+     * Components to install
+     */
+    components?: Record<string, Component>;
+    /**
+     * Alias to install
+     */
+    aliases?: Record<string, Component>;
+    /**
+     * Default props for components
+     */
+    defaults?: DefaultOptions;
+};
+export interface VolverInterface {
     /**
      * @param {String} src Icon source path (url)
      * @param {RequestInit} options
@@ -28,13 +47,15 @@ export interface IVolver extends IVolverParams {
      */
     fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
     /**
-     * Add iconify collection to library https://docs.iconify.design/icon-components/vue/add-collection.html
+     * Add iconify collection to library
+     * @see https://docs.iconify.design/icon-components/vue/add-collection.html
      * @param {IconifyJSON} collection
      * @param {String} providerName Optional provider name
      */
     addCollection(collection: IconifyJSON, providerName?: string): boolean;
     /**
-     * Add icon to collection https://docs.iconify.design/icon-components/vue/add-icon.html
+     * Add icon to collection
+     * @see https://docs.iconify.design/icon-components/vue/add-icon.html
      * @param {String} name
      * @param {IconifyIcon} data
      * @returns {Boolean} true on success, false if something is wrong with data
@@ -52,16 +73,21 @@ export interface IVolver extends IVolverParams {
      */
     provider: string;
     /**
-     * Icon collections
+     * Array of installed iconify collections
+     * @see https://docs.iconify.design/types/iconify-json.html
      */
     iconsCollections: IconifyJSON[];
+    /**
+     * Set true inside nuxt
+     */
+    nuxt: boolean;
 }
-export declare class Volver implements IVolver {
+export declare class Volver implements VolverInterface {
     fetchOptions: RequestInit;
+    nuxt: boolean;
     iconsCollections: IconifyJSON[];
     provider: string;
-    nuxt: boolean;
-    constructor({ fetchWithCredentials, fetchOptions, iconsCollections, nuxt, }?: IVolverParams);
+    constructor({ fetchWithCredentials, fetchOptions, provider, nuxt, iconsCollections, }?: VolverOptions);
     addCollection(collection: IconifyJSON, providerName?: string): boolean;
     addIcon(name: string, data: IconifyIcon): boolean;
     addAPIProvider(provider: string, customConfig: PartialIconifyAPIConfig): boolean;

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

@@ -1,97 +1,124 @@
-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 = {
+import { defineComponent as h, openBlock as I, createElementBlock as N, unref as t, normalizeClass as O, withModifiers as B, createElementVNode as y, renderSlot as g, normalizeProps as A, guardReactiveProps as C, createTextVNode as b, toDisplayString as S } from "vue";
+import { nanoid as E } from "nanoid";
+const P = Symbol.for("accordionGroup"), R = {
+  /**
+   * Accordion name
+   */
   name: String,
+  /**
+   * Header title
+   */
   title: String,
+  /**
+   * Content text
+   */
   content: String,
+  /**
+   * (Optional) Defines if item is open. Event "update:modelValue" is emitted on accordion header click
+   */
   modelValue: {
     type: Boolean,
     default: void 0
   },
+  /**
+   * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+   */
   modifiers: [String, Array],
+  /**
+   * If true, the accordion will be disabled
+   */
   disabled: Boolean
-}, 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);
+}, k = ["update:modelValue"];
+function x(n, d) {
+  const { group: l, isInGroup: s, getGroupOrLocalRef: o } = useInjectedGroupState(
+    P
+  ), { title: c, content: v } = toRefs(n), m = o("modelValue", n, d), p = o("disabled", n), i = o("collapse", n), e = o("modifiers", n);
   return {
+    // group props
     modelValue: m,
     disabled: p,
-    isInGroup: a,
+    isInGroup: s,
     group: l,
     collapse: i,
     modifiers: e,
-    title: u,
+    // local props
+    title: c,
     content: v
   };
 }
-const E = ["id", "open"], M = ["aria-controls", "aria-expanded"], $ = ["aria-hidden"], z = {
+const M = ["id", "open"], T = ["aria-controls", "aria-expanded"], $ = ["aria-hidden"], z = {
   name: "VvAccordion"
-}, L = /* @__PURE__ */ S({
+}, K = /* @__PURE__ */ h({
   ...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,
+  props: R,
+  emits: k,
+  setup(n, { emit: d }) {
+    const l = n, s = useAttrs(), o = computed(
+      () => l.name || (s == null ? void 0 : s.id) || E()
+    ), {
+      modifiers: c,
       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) => {
+    } = x(l, d), _ = ref(!1), r = computed({
+      get: () => f.value ? i.value && Array.isArray(e.value) ? e.value.includes(o.value) : e.value === o.value : e.value === void 0 ? _.value : e.value,
+      set: (a) => {
         if (f.value) {
           if (i.value && Array.isArray(e.value)) {
-            if (n) {
-              e.value.push(o);
+            if (a) {
+              e.value.push(o.value);
               return;
             }
             e.value = e.value.filter(
-              (c) => c !== o
+              (u) => u !== o.value
             );
             return;
           }
-          e.value = n ? o : null;
+          e.value = a ? o.value : null;
           return;
         }
-        if (e.value === void 0 && typeof n == "boolean") {
-          _.value = n;
+        if (e.value === void 0 && typeof a == "boolean") {
+          _.value = a;
           return;
         }
-        e.value = n;
+        e.value = a;
       }
-    }), { bemCssClasses: G } = useBemModifiers("vv-accordion", {
-      modifiers: u,
-      disabled: p
-    }), R = useToggle(r);
-    return (n, c) => (b(), h("details", {
+    }), G = useBemModifiers(
+      "vv-accordion",
+      c,
+      computed(() => ({
+        disabled: p.value
+      }))
+    ), V = useToggle(r);
+    return (a, u) => (I(), N("details", {
       id: t(o),
-      class: P(t(G)),
+      class: O(t(G)),
       open: t(r),
-      onClick: c[0] || (c[0] = B((T) => t(R)(), ["prevent"]))
+      onClick: u[0] || (u[0] = B((D) => t(V)(), ["prevent"]))
     }, [
-      g("summary", {
+      y("summary", {
         "aria-controls": t(o),
         "aria-expanded": t(r),
         class: "vv-collapse__summary"
       }, [
-        y(n.$slots, "summary", A(V({ open: t(r) })), () => [
-          C(O(t(v)), 1)
+        g(a.$slots, "summary", A(C({ open: t(r) })), () => [
+          b(S(t(v)), 1)
         ])
-      ], 8, M),
-      g("div", {
+      ], 8, T),
+      y("div", {
         "aria-hidden": !t(r),
         class: "vv-collapse__content"
       }, [
-        y(n.$slots, "details", A(V({ open: t(r) })), () => [
-          C(O(t(m)), 1)
+        g(a.$slots, "details", A(C({ open: t(r) })), () => [
+          b(S(t(m)), 1)
         ])
       ], 8, $)
-    ], 10, E));
+    ], 10, M));
   }
 });
 export {
-  L as default
+  K as default
 };

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

@@ -1 +1 @@
-(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))}})});
+(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 g=Symbol.for("accordionGroup"),A={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},S=["update:modelValue"];function V(r,u){const{group:l,isInGroup:a,getGroupOrLocalRef:n}=useInjectedGroupState(g),{title:f,content:p}=toRefs(r),m=n("modelValue",r,u),v=n("disabled",r),d=n("collapse",r),o=n("modifiers",r);return{modelValue:m,disabled:v,isInGroup:a,group:l,collapse:d,modifiers:o,title:f,content:p}}const h=["id","open"],C=["aria-controls","aria-expanded"],N=["aria-hidden"],b={name:"VvAccordion"};return e.defineComponent({...b,props:A,emits:S,setup(r,{emit:u}){const l=r,a=useAttrs(),n=computed(()=>l.name||(a==null?void 0:a.id)||s.nanoid()),{modifiers:f,title:p,content:m,disabled:v,collapse:d,modelValue:o,isInGroup:_}=V(l,u),y=ref(!1),i=computed({get:()=>_.value?d.value&&Array.isArray(o.value)?o.value.includes(n.value):o.value===n.value:o.value===void 0?y.value:o.value,set:t=>{if(_.value){if(d.value&&Array.isArray(o.value)){if(t){o.value.push(n.value);return}o.value=o.value.filter(c=>c!==n.value);return}o.value=t?n.value:null;return}if(o.value===void 0&&typeof t=="boolean"){y.value=t;return}o.value=t}}),G=useBemModifiers("vv-accordion",f,computed(()=>({disabled:v.value}))),P=useToggle(i);return(t,c)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(n),class:e.normalizeClass(e.unref(G)),open:e.unref(i),onClick:c[0]||(c[0]=e.withModifiers(I=>e.unref(P)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(n),"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,C),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,N)],10,h))}})});

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

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, Ref } from 'vue';
-import type IAccordionGroupState from '@/composables/group/types/IAccordionGroupState';
+import type { AccordionGroupState } from '@/types/group';
 export declare const VvAccordionProps: {
     /**
      * Accordion name
@@ -38,7 +38,7 @@ export declare function useGroupProps(props: VvAccordionPropsTypes, emit: (event
     modelValue: import("vue").WritableComputedRef<unknown>;
     disabled: Ref<boolean>;
     isInGroup: import("vue").ComputedRef<boolean>;
-    group: Ref<IAccordionGroupState> | undefined;
+    group: Ref<AccordionGroupState> | undefined;
     collapse: Ref<boolean>;
     modifiers: Ref<string | string[]>;
     title: Ref<string | undefined> | undefined;