@volverjs/ui-vue 0.0.1-beta.11

package/README.md

@@ -0,0 +1,91 @@
+<div align="center">
+  
+[![volverjs](https://raw.githubusercontent.com/volverjs/style/main/src/assets/volverjs.svg)](https://github.com/volverjs)
+
+## @volverjs/ui-vue
+
+`vue` `components` `ui` `design-system` `typography`  
+`input` `button` `text`
+
+<br>
+
+#### proudly powered by
+
+<br>
+
+[![24/Consulting](https://raw.githubusercontent.com/volverjs/style/main/src/assets/24consulting.svg)](https://24consulting.it)
+
+<br>
+
+</div>
+
+## Install
+
+```
+$ npm i @volverjs/ui-vue
+```
+
+## Style
+
+#### @volverjs/ui-vue is closely linked to [@volverjs/style](https://volverjs.github.io/style/) and is neeeded to style components
+
+<br />
+
+## Basic usage
+
+```typescript
+import iconsDetailed from '@volverjs/ui-vue/src/assets/icons/detailed.json'
+import iconsNormal from '@volverjs/ui-vue/src/assets/icons/normal.json'
+import iconsSimple from '@volverjs/ui-vue/src/assets/icons/simple.json'
+import { VolverPlugin } from '@volverjs/ui-vue'
+
+app.use(VolverPlugin, {
+	iconsCollections: [iconsSimple, iconsNormal, iconsDetailed]
+})
+```
+
+Constructor parameters:
+
+```typescript
+interface IVolverParams {
+	/**
+	 * If true set "fetchOptions" with credentials: 'include'
+	 */
+	fetchWithCredentials?: boolean
+	/**
+	 * Optional fetch params
+	 */
+	fetchOptions?: RequestInit
+	/**
+	 * Array of https://docs.iconify.design/types/iconify-json.html
+	 * This collections will be added during plugin install
+	 */
+	iconsCollections?: IconifyJSON[]
+}
+```
+
+Volver definition
+
+```typescript
+interface IVolver extends IVolverParams {
+	/**
+	 * @param {String} src Icon source path (url)
+	 * @param {RequestInit} options
+	 * @returns {Promise<string | undefined>} String SVG if exist
+	 */
+	fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>
+	/**
+	 * Add iconify collection to library 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
+	 * @param {String} name
+	 * @param {IconifyIcon} data
+	 * @returns {Boolean} true on success, false if something is wrong with data
+	 */
+	addIcon(name: string, data: IconifyIcon): boolean
+}
+```

package/dist/Volver.d.ts

@@ -0,0 +1,58 @@
+import { type IconifyIcon, type IconifyJSON } from '@iconify/vue';
+import type { Plugin } from 'vue';
+export declare const VOLVER_PREFIX = "ds";
+interface IVolverParams {
+    /**
+     * If true set "fetchOptions" with credentials: 'include'
+     */
+    fetchWithCredentials?: boolean;
+    /**
+     * Optional fetch params
+     */
+    fetchOptions?: RequestInit;
+    /**
+     * Array of https://docs.iconify.design/types/iconify-json.html
+     * This collections will be added during plugin install
+     */
+    iconsCollections?: IconifyJSON[];
+}
+export interface IVolver extends IVolverParams {
+    /**
+     * @param {String} src Icon source path (url)
+     * @param {RequestInit} options
+     * @returns {Promise<string | undefined>} String SVG if exist
+     */
+    fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
+    /**
+     * Add iconify collection to library 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
+     * @param {String} name
+     * @param {IconifyIcon} data
+     * @returns {Boolean} true on success, false if something is wrong with data
+     */
+    addIcon(name: string, data: IconifyIcon): boolean;
+    /**
+     * Current provider
+     */
+    provider: string;
+    /**
+     * Icon collections
+     */
+    iconsCollections: IconifyJSON[];
+}
+export declare class Volver implements IVolver {
+    fetchOptions: RequestInit;
+    iconsCollections: IconifyJSON[];
+    provider: string;
+    constructor({ fetchWithCredentials, fetchOptions, iconsCollections }?: IVolverParams);
+    addCollection(collection: IconifyJSON, providerName?: string): boolean;
+    addIcon(name: string, data: IconifyIcon): boolean;
+    fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
+}
+declare const VolverPlugin: Plugin;
+export default VolverPlugin;

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

@@ -0,0 +1,32 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const VvAccordionProps: {
+    /**
+     * Accordion header title
+     */
+    title: StringConstructor;
+    /**
+     * Accordion content description
+     */
+    content: StringConstructor;
+    /**
+     * (Optional) Defines if item is open. Event "update:open" is emitted on accordion header click
+     */
+    open: BooleanConstructor;
+    /**
+     * Change icon position to right side
+     */
+    iconRight: BooleanConstructor;
+    /**
+     * Add border to accordion item
+     */
+    bordered: BooleanConstructor;
+    /**
+     * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+     */
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+};
+export declare const VvAccordionEvents: string[];
+declare type _VvAccordionPropsType = typeof VvAccordionProps;
+export declare type VvAccordionPropsTypes = ExtractPropTypes<_VvAccordionPropsType>;
+export {};

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

@@ -0,0 +1,260 @@
+import { inject as E, computed as y, unref as d, toRef as k, toRefs as j, defineComponent as B, useAttrs as S, ref as D, openBlock as I, createElementBlock as q, normalizeClass as $, createElementVNode as A, renderSlot as O, createTextVNode as C, toDisplayString as v } from "vue";
+import { v4 as x } from "uuid";
+const G = {
+  title: String,
+  content: String,
+  open: Boolean,
+  iconRight: Boolean,
+  bordered: Boolean,
+  modifiers: [String, Array],
+  disabled: Boolean
+}, F = ["update:open"], g = {
+  equals(e, t, r) {
+    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
+  },
+  deepEquals(e, t) {
+    if (e === t)
+      return !0;
+    if (e && t && typeof e == "object" && typeof t == "object") {
+      const r = Array.isArray(e), s = Array.isArray(t);
+      let n, o, i;
+      if (r && s) {
+        if (o = e.length, o != t.length)
+          return !1;
+        for (n = o; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
+            return !1;
+        return !0;
+      }
+      if (r != s)
+        return !1;
+      const c = e instanceof Date, l = t instanceof Date;
+      if (c != l)
+        return !1;
+      if (c && l)
+        return e.getTime() == t.getTime();
+      const a = e instanceof RegExp, f = t instanceof RegExp;
+      if (a != f)
+        return !1;
+      if (a && f)
+        return e.toString() == t.toString();
+      const m = Object.keys(e);
+      if (o = m.length, o !== Object.keys(t).length)
+        return !1;
+      for (n = o; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, m[n]))
+          return !1;
+      for (n = o; n-- !== 0; )
+        if (i = m[n], !this.deepEquals(e[i], t[i]))
+          return !1;
+      return !0;
+    }
+    return e !== e && t !== t;
+  },
+  resolveFieldData(e, t) {
+    if (e && Object.keys(e).length && t) {
+      if (t.indexOf(".") === -1)
+        return e[t];
+      {
+        const r = t.split(".");
+        let s = e;
+        for (let n = 0, o = r.length; n < o; ++n) {
+          if (e == null)
+            return null;
+          s = s[r[n]];
+        }
+        return s;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, t) {
+    let r = -1;
+    if (t) {
+      for (let s = 0; s < t.length; s++)
+        if (this.equals(t[s], e)) {
+          r = s;
+          break;
+        }
+    }
+    return r;
+  },
+  contains(e, t) {
+    if (e != null && t && t.length) {
+      for (const r of t)
+        if (this.equals(e, r))
+          return !0;
+    }
+    return !1;
+  },
+  isEmpty(e) {
+    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
+  },
+  isNotEmpty(e) {
+    return !this.isEmpty(e);
+  },
+  pickBy(e, t) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([r]) => t(r))
+    );
+  },
+  removeFromList(e, t) {
+    const r = this.findIndexInList(e, t);
+    return r > -1 ? t.filter((s, n) => n !== r) : t;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((t, r) => {
+      var s, n, o, i, c;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((c = e[r]) == null ? void 0 : c.type())), t;
+    }, {});
+  },
+  filterArray(e, t, r) {
+    return e.filter((s) => t.some((n) => typeof n == "string" ? s[r] == n : this.equals(
+      s[r],
+      n[r]
+    )));
+  },
+  kebabCase(e) {
+    var t, r;
+    if (e)
+      return (r = (t = 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 : t.join("-")) == null ? void 0 : r.toLowerCase();
+  }
+};
+function L(e) {
+  const t = E(e, void 0), r = y(() => g.isNotEmpty(t));
+  function s(n, o, i) {
+    if (t != null && t.value) {
+      const c = d(t.value)[n];
+      return y({
+        get() {
+          return c == null ? void 0 : c.value;
+        },
+        set(l) {
+          c.value = l;
+        }
+      });
+    } else {
+      const c = k(o, n);
+      return y({
+        get() {
+          return c.value;
+        },
+        set(l) {
+          i && i(`update:${n}`, l);
+        }
+      });
+    }
+  }
+  return {
+    group: t,
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const V = Symbol("VV_ACCORDION_GROUP");
+function T(e, t) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = L(V), { modifiers: o } = j(e), i = n("modelValue", e, t), c = n("bordered", e), l = n("disabled", e), a = n("iconRight", e), f = n("accordion", e);
+  return {
+    modelValue: i,
+    disabled: l,
+    bordered: c,
+    iconRight: a,
+    isInGroup: s,
+    group: r,
+    accordion: f,
+    modifiers: o
+  };
+}
+function N(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: y(() => Object.keys(t).reduce((n, o) => {
+      const i = d(t[o]) || !1;
+      if (!i)
+        return n;
+      if (o === "modifiers") {
+        const c = Array.isArray(i) ? i : [i];
+        return {
+          ...n,
+          ...c.reduce(
+            (l, a) => ({
+              ...l,
+              [`${e}--${g.kebabCase(
+                a
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${g.kebabCase(o)}`]: i
+        };
+    }, r) || {})
+  };
+}
+const Z = ["open"], z = ["aria-controls", "aria-expanded"], P = ["aria-hidden"], M = /* @__PURE__ */ B({
+  __name: "VvAccordion",
+  props: G,
+  emits: F,
+  setup(e, { emit: t }) {
+    const r = e, s = S(), n = (s == null ? void 0 : s.name) || x(), {
+      modelValue: o,
+      modifiers: i,
+      bordered: c,
+      disabled: l = D(!1),
+      iconRight: a,
+      isInGroup: f,
+      accordion: m
+    } = T(r, t), h = y(() => f.value ? m.value ? g.equals(n, o.value) : g.contains(n, o.value) : r.open), { bemCssClasses: R } = N("vv-accordion", {
+      modifiers: i,
+      disabled: l,
+      markerRight: y(() => a.value),
+      bordered: c
+    }), _ = (u) => {
+      const p = u.target;
+      t("update:open", p.open);
+    }, b = (u) => {
+      f.value && (m.value ? o.value = h.value ? null : n : o.value = h.value ? g.removeFromList(
+        n,
+        o.value
+      ) : [...o.value, n], u.preventDefault());
+    };
+    return (u, p) => (I(), q("details", {
+      class: $(d(R)),
+      open: d(h),
+      onToggle: _,
+      onClick: b
+    }, [
+      A("summary", {
+        "aria-controls": `#${d(n)}`,
+        "aria-expanded": d(h),
+        class: "vv-collapse__summary"
+      }, [
+        O(u.$slots, "header", {}, () => [
+          C(v(u.title), 1)
+        ])
+      ], 8, z),
+      A("div", {
+        "aria-hidden": !d(h),
+        class: "vv-collapse__content"
+      }, [
+        O(u.$slots, "details", {}, () => [
+          C(v(u.content), 1)
+        ])
+      ], 8, P)
+    ], 42, Z));
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +1 @@
+(function(s,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("uuid")):typeof define=="function"&&define.amd?define(["vue","uuid"],g):(s=typeof globalThis<"u"?globalThis:s||self,s.VvAccordion=g(s.vue,s.uuid))})(this,function(s,g){"use strict";const A={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},O=["update:open"],m={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),o=Array.isArray(t);let n,i,c;if(r&&o){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=o)return!1;const l=e instanceof Date,a=t instanceof Date;if(l!=a)return!1;if(l&&a)return e.getTime()==t.getTime();const f=e instanceof RegExp,d=t instanceof RegExp;if(f!=d)return!1;if(f&&d)return e.toString()==t.toString();const y=Object.keys(e);if(i=y.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,y[n]))return!1;for(n=i;n--!==0;)if(c=y[n],!this.deepEquals(e[c],t[c]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let o=e;for(let n=0,i=r.length;n<i;++n){if(e==null)return null;o=o[r[n]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){r=o;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((o,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var o,n,i,c,l;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(o=e[r])!=null&&o.type&&(Array.isArray(e[r].type)?t[r]=((n=e[r])==null?void 0:n.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((c=e[r])==null?void 0:c.default)||((l=e[r])==null?void 0:l.type())),t},{})},filterArray(e,t,r){return e.filter(o=>t.some(n=>typeof n=="string"?o[r]==n:this.equals(o[r],n[r])))},kebabCase(e){var t,r;if(e)return(r=(t=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:t.join("-"))==null?void 0:r.toLowerCase()}};function C(e){const t=s.inject(e,void 0),r=s.computed(()=>m.isNotEmpty(t));function o(n,i,c){if(t!=null&&t.value){const l=s.unref(t.value)[n];return s.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}else{const l=s.toRef(i,n);return s.computed({get(){return l.value},set(a){c&&c(`update:${n}`,a)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}const _=Symbol("VV_ACCORDION_GROUP");function R(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:n}=C(_),{modifiers:i}=s.toRefs(e),c=n("modelValue",e,t),l=n("bordered",e),a=n("disabled",e),f=n("iconRight",e),d=n("accordion",e);return{modelValue:c,disabled:a,bordered:l,iconRight:f,isInGroup:o,group:r,accordion:d,modifiers:i}}function E(e,t){const r={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((n,i)=>{const c=s.unref(t[i])||!1;if(!c)return n;if(i==="modifiers"){const l=Array.isArray(c)?c:[c];return{...n,...l.reduce((a,f)=>({...a,[`${e}--${m.kebabCase(f)}`]:!0}),{})}}else return{...n,[`${e}--${m.kebabCase(i)}`]:c}},r)||{})}}const b=["open"],j=["aria-controls","aria-expanded"],k=["aria-hidden"];return s.defineComponent({__name:"VvAccordion",props:A,emits:O,setup(e,{emit:t}){const r=e,o=s.useAttrs(),n=(o==null?void 0:o.name)||g.v4(),{modelValue:i,modifiers:c,bordered:l,disabled:a=s.ref(!1),iconRight:f,isInGroup:d,accordion:y}=R(r,t),h=s.computed(()=>d.value?y.value?m.equals(n,i.value):m.contains(n,i.value):r.open),{bemCssClasses:S}=E("vv-accordion",{modifiers:c,disabled:a,markerRight:s.computed(()=>f.value),bordered:l}),q=u=>{const p=u.target;t("update:open",p.open)},B=u=>{d.value&&(y.value?i.value=h.value?null:n:i.value=h.value?m.removeFromList(n,i.value):[...i.value,n],u.preventDefault())};return(u,p)=>(s.openBlock(),s.createElementBlock("details",{class:s.normalizeClass(s.unref(S)),open:s.unref(h),onToggle:q,onClick:B},[s.createElementVNode("summary",{"aria-controls":`#${s.unref(n)}`,"aria-expanded":s.unref(h),class:"vv-collapse__summary"},[s.renderSlot(u.$slots,"header",{},()=>[s.createTextVNode(s.toDisplayString(u.title),1)])],8,j),s.createElementVNode("div",{"aria-hidden":!s.unref(h),class:"vv-collapse__content"},[s.renderSlot(u.$slots,"details",{},()=>[s.createTextVNode(s.toDisplayString(u.content),1)])],8,k)],42,b))}})});

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

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

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

@@ -0,0 +1,16 @@
+import type { VvAccordionPropsTypes } from './VvAccordion';
+import type IAccordionGroupState from '@/composables/group/types/IAccordionGroupState';
+/**
+ * Estreae tutte le prop del componente VvButton che possono essere
+ * "sovrascritte" quando il buttone si trova in un gruppo.
+ */
+export declare function toAccordionRefs(props: VvAccordionPropsTypes, emit: (event: any, ...args: any[]) => void): {
+    modelValue: import("vue").WritableComputedRef<any>;
+    disabled: import("vue").WritableComputedRef<any>;
+    bordered: import("vue").WritableComputedRef<any>;
+    iconRight: import("vue").WritableComputedRef<any>;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    group: import("vue").Ref<IAccordionGroupState> | undefined;
+    accordion: import("vue").WritableComputedRef<any>;
+    modifiers: import("vue").Ref<string | unknown[] | undefined> | undefined;
+};

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

@@ -0,0 +1,50 @@
+export interface VvAccordionGroupItem {
+    name?: string;
+    title: string;
+    content: string;
+}
+export declare const VvAccordionGroupProps: {
+    /**
+     * VModel
+     */
+    modelValue: (StringConstructor | ArrayConstructor)[];
+    /**
+     * Change icon position to right side
+     */
+    iconRight: BooleanConstructor;
+    /**
+     * Add border to accordion item
+     */
+    bordered: BooleanConstructor;
+    /**
+     * Accordion items
+     * @type VvAccordionGroupItem
+     */
+    items: {
+        type: {
+            (arrayLength: number): VvAccordionGroupItem[];
+            (...items: VvAccordionGroupItem[]): VvAccordionGroupItem[];
+            new (arrayLength: number): VvAccordionGroupItem[];
+            new (...items: VvAccordionGroupItem[]): VvAccordionGroupItem[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    /**
+     * If true, close others accordion when an item is open
+     */
+    accordion: BooleanConstructor;
+    /**
+     * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+     */
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+};
+export declare const VvAccordionGroupEvents: string[];