@volverjs/ui-vue 0.0.9 → 0.0.10-beta.10

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import VolverPlugin from './Volver';
-import type { Volver } from './Volver';
+import type { Volver, VolverOptions } from './Volver';
 export { VolverPlugin };
+export * from './types';
+export type { Volver, VolverOptions };
 declare module 'vue' {
     interface ComponentCustomProperties {
         $vv?: typeof Volver.prototype;

package/dist/index.es.js

@@ -21,25 +21,28 @@ function useDefaultProps(component, defaults, name) {
   return {
     ...component,
     name: componentName,
-    props: Object.keys(props).reduce((acc, key) => {
-      if (!(key in componentDefaults)) {
-        acc[key] = props[key];
-        return acc;
-      }
-      const customDefault = componentDefaults[key];
-      if (typeof props[key] === "function" || Array.isArray(props[key])) {
+    props: Object.keys(props).reduce(
+      (acc, key) => {
+        if (!(key in componentDefaults)) {
+          acc[key] = props[key];
+          return acc;
+        }
+        const customDefault = componentDefaults[key];
+        if (typeof props[key] === "function" || Array.isArray(props[key])) {
+          acc[key] = {
+            type: props[key],
+            default: customDefault
+          };
+          return acc;
+        }
         acc[key] = {
-          type: props[key],
+          ...props[key],
           default: customDefault
         };
         return acc;
-      }
-      acc[key] = {
-        ...props[key],
-        default: customDefault
-      };
-      return acc;
-    }, {})
+      },
+      {}
+    )
   };
 }
 class Volver {
@@ -111,7 +114,7 @@ const VolverPlugin = {
    * @param {App} Vue
    * @param {Object} options
    */
-  install(app, options) {
+  install(app, options = {}) {
     const volver = new Volver(options);
     app.config.globalProperties.$vv = volver;
     if (options.components) {

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t={}){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/props/index.d.ts

@@ -1,6 +1,7 @@
 import type { PropType } from 'vue';
-import type { Option } from '../types/generic';
-import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } from '../constants';
+import type { Option } from '@/types/generic';
+import type { NavItem } from '@/types/nav';
+import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType, ActionTag } from '@/constants';
 export declare const LinkProps: {
     /**
      * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -79,6 +80,12 @@ export declare const ActiveProps: {
      */
     active: BooleanConstructor;
 };
+export declare const CurrentProps: {
+    /**
+     * Whether the item is current
+     */
+    current: BooleanConstructor;
+};
 export declare const PressedProps: {
     /**
      * Whether the item is pressed
@@ -241,24 +248,24 @@ export declare const DropdownProps: {
      */
     shift: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
@@ -273,25 +280,25 @@ export declare const DropdownProps: {
      */
     flip: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
@@ -308,16 +315,16 @@ export declare const DropdownProps: {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
             apply?: ((args: {
                 x: number;
                 y: number;
-                initialPlacement: import("@floating-ui/core").Placement;
-                placement: import("@floating-ui/core").Placement;
-                strategy: import("@floating-ui/core").Strategy;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/core").ElementRects;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
                 elements: import("@floating-ui/dom").Elements;
             } & {
@@ -328,16 +335,16 @@ export declare const DropdownProps: {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
             apply?: ((args: {
                 x: number;
                 y: number;
-                initialPlacement: import("@floating-ui/core").Placement;
-                placement: import("@floating-ui/core").Placement;
-                strategy: import("@floating-ui/core").Strategy;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/core").ElementRects;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
                 elements: import("@floating-ui/dom").Elements;
             } & {
@@ -355,24 +362,24 @@ export declare const DropdownProps: {
      */
     autoPlacement: {
         type: PropType<boolean | {
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
@@ -770,6 +777,13 @@ export declare const ActionProps: {
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Default tag for the action
+     */
+    defaultTag: {
+        type: StringConstructor;
+        default: ActionTag;
+    };
     /**
      * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
      * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
@@ -795,6 +809,10 @@ export declare const ActionProps: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the item is current
+     */
+    current: BooleanConstructor;
     /**
      * Whether the item is active
      */
@@ -812,3 +830,9 @@ export declare const ActionProps: {
      */
     disabled: BooleanConstructor;
 };
+export declare const NavProps: {
+    items: {
+        type: PropType<NavItem[]>;
+        default: () => never[];
+    };
+};

package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts

@@ -5,20 +5,57 @@ declare const _default: Meta<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             disabled?: boolean | undefined;
-            not?: boolean | undefined;
             collapse?: boolean | undefined;
+            not?: boolean | undefined;
             items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
             itemModifiers?: string | string[] | undefined;
-            ref?: import("vue").VNodeRef | undefined;
+            key?: string | number | symbol | undefined;
             readonly modelValue?: string | unknown[] | undefined;
             readonly modifiers?: string | string[] | undefined;
-            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
             style?: unknown;
             class?: unknown;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
             readonly storeKey?: string | undefined;
         };
         $attrs: {
@@ -49,12 +86,12 @@ declare const _default: Meta<{
             not: BooleanConstructor;
             storeKey: StringConstructor;
             modifiers: globalThis.PropType<string | string[]>;
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            [x: string]: (...args: any[]) => void;
+        }, string, {
             disabled: boolean;
-            not: boolean;
             collapse: boolean;
+            not: boolean;
             items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
             itemModifiers: string | string[];
         }, {}, string, {}> & {
@@ -92,9 +129,7 @@ declare const _default: Meta<{
         not: BooleanConstructor;
         storeKey: StringConstructor;
         modifiers: globalThis.PropType<string | string[]>;
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -113,12 +148,12 @@ declare const _default: Meta<{
     not: BooleanConstructor;
     storeKey: StringConstructor;
     modifiers: globalThis.PropType<string | string[]>;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: any[]) => void;
+}, string, {
     disabled: boolean;
-    not: boolean;
     collapse: boolean;
+    not: boolean;
     items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
     itemModifiers: string | string[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {