@volverjs/ui-vue 0.0.9-beta.2 → 0.0.9-beta.21

package/dist/props/index.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { Option } from '../types/generic';
-import { Placement, Position, Side, AnchorTarget, ButtonType } from '../constants';
+import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } 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.
@@ -217,9 +217,9 @@ export declare const DropdownProps: {
      * Dropdown strategy
      */
     strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: string;
-        validator: (value: 'fixed' | 'absolute') => boolean;
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+        validator: (value: Strategy) => boolean;
     };
     /**
      * Dropdown show / hide transition name
@@ -240,12 +240,30 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/shift
      */
     shift: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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;
+            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;
+            limiter?: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            } | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };
@@ -254,12 +272,30 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/flip
      */
     flip: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").FlipOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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;
+            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;
+            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+            flipAlignment?: boolean | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };
@@ -268,13 +304,38 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/size
      */
     size: {
-        type: PropType<boolean | Partial<{
-            apply: (args: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/core").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;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/core").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        } | import("@floating-ui/dom").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/core").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;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
                 rects: import("@floating-ui/core").ElementRects;
                 platform: import("@floating-ui/core").Platform;
@@ -282,13 +343,7 @@ export declare const DropdownProps: {
             } & {
                 availableWidth: number;
                 availableHeight: number;
-            }) => void | Promise<void>;
-        } & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+            }) => void | Promise<void>) | undefined;
         }> | undefined>;
         default: () => {
             padding: number;
@@ -299,12 +354,26 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/autoPlacement
      */
     autoPlacement: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/core").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;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };
@@ -694,6 +763,13 @@ export declare const ActionProps: {
         default: ButtonType;
         validator: (value: ButtonType) => boolean;
     };
+    /**
+     * Button aria-label
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /**
      * 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/)

package/dist/resolvers/unplugin.es.js

@@ -22,6 +22,9 @@ const getStyleNames = function(kebabName) {
       "vv-dropdown-action"
     ];
   }
+  if (kebabName === "vv-button-group") {
+    return ["vv-button", "vv-button-group"];
+  }
   if (kebabName === "vv-accordion-group") {
     return ["vv-accordion", "vv-accordion-group"];
   }

package/dist/resolvers/unplugin.umd.js

@@ -1 +1 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((o="undefined"!=typeof globalThis?globalThis:o||self).components={})}(this,(function(o){"use strict";function e(o,e){if("string"!=typeof o)throw new TypeError("expected a string");return o.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,(o=>/[À-ž]/.test(o)?o:"-")).replace(/^-+|-+$/g,"").replace(/-{2,}/g,(o=>(null==e?void 0:e.condense)?"-":o)).toLowerCase()}const r=["vv-icon","vv-action"],t=["v-tooltip"],v=function(o){if(!r.includes(o))return"vv-dropdown"===o?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===o?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-accordion-group"===o?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===o?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===o?["vv-radio","vv-radio-group"]:"vv-alert-group"===o?["vv-alert","vv-alert-group"]:"v-tooltip"===o?["vv-tooltip"]:[o]},n=function(o,e){const r=[];if(!e)return r;const t=v(o);return t&&t.forEach((o=>{r.push(`@volverjs/style/${"scss"===e?"scss/":""}components/${o}`)})),r};o.VolverResolver=function({prefix:o="vv",importStyle:r,directives:v,ignore:i}={}){return[{type:"component",resolve:t=>{if(!o||!t.toLowerCase().startsWith(o.toLowerCase()))return;const v=e(t).replace(`${o}-`,"vv-");return i&&i.includes(v)?void 0:{from:`@volverjs/ui-vue/${v}`,sideEffects:n(v,r)}}},{type:"directive",resolve:o=>{if(!v)return;const c=`v-${e(o)}`;return!t.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:n(c,r)}}}]},o.getStyleNames=v,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((o="undefined"!=typeof globalThis?globalThis:o||self).components={})}(this,(function(o){"use strict";function e(o,e){if("string"!=typeof o)throw new TypeError("expected a string");return o.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,(o=>/[À-ž]/.test(o)?o:"-")).replace(/^-+|-+$/g,"").replace(/-{2,}/g,(o=>(null==e?void 0:e.condense)?"-":o)).toLowerCase()}const t=["vv-icon","vv-action"],r=["v-tooltip"],v=function(o){if(!t.includes(o))return"vv-dropdown"===o?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===o?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-button-group"===o?["vv-button","vv-button-group"]:"vv-accordion-group"===o?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===o?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===o?["vv-radio","vv-radio-group"]:"vv-alert-group"===o?["vv-alert","vv-alert-group"]:"v-tooltip"===o?["vv-tooltip"]:[o]},n=function(o,e){const t=[];if(!e)return t;const r=v(o);return r&&r.forEach((o=>{t.push(`@volverjs/style/${"scss"===e?"scss/":""}components/${o}`)})),t};o.VolverResolver=function({prefix:o="vv",importStyle:t,directives:v,ignore:i}={}){return[{type:"component",resolve:r=>{if(!o||!r.toLowerCase().startsWith(o.toLowerCase()))return;const v=e(r).replace(`${o}-`,"vv-");return i&&i.includes(v)?void 0:{from:`@volverjs/ui-vue/${v}`,sideEffects:n(v,t)}}},{type:"directive",resolve:o=>{if(!v)return;const c=`v-${e(o)}`;return!r.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:n(c,t)}}}]},o.getStyleNames=v,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

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

@@ -15,10 +15,10 @@ declare const _default: Meta<{
             readonly modelValue?: string | unknown[] | undefined;
             readonly modifiers?: string | string[] | undefined;
             key?: string | number | symbol | undefined;
+            style?: unknown;
+            class?: unknown;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            class?: unknown;
-            style?: unknown;
             readonly storeKey?: string | undefined;
         };
         $attrs: {

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

@@ -5,133 +5,26 @@ declare const _default: {
     includeStories?: (RegExp | string[]) | undefined;
     excludeStories?: (RegExp | string[]) | undefined;
     component?: Omit<import("vue").ConcreteComponent<{
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-                disabled?: boolean | undefined;
-                not?: boolean | undefined;
-                collapse?: boolean | undefined;
-                items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
-                itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                readonly modelValue?: string | unknown[] | undefined;
-                readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
-                readonly storeKey?: string | undefined;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: globalThis.ComponentPublicInstance | null;
-            $parent: globalThis.ComponentPublicInstance | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: (ArrayConstructor | StringConstructor)[];
-                items: {
-                    type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-                    default: () => never[];
-                };
-                collapse: BooleanConstructor;
-                itemModifiers: {
-                    type: globalThis.PropType<string | string[]>;
-                    default: string;
-                };
-                disabled: BooleanConstructor;
-                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, {
-                disabled: boolean;
-                not: boolean;
-                collapse: boolean;
-                items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
-                itemModifiers: string | string[];
-            }, {}, 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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | 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<{
-            modelValue: (ArrayConstructor | StringConstructor)[];
-            items: {
-                type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-                default: () => never[];
-            };
-            collapse: BooleanConstructor;
-            itemModifiers: {
-                type: globalThis.PropType<string | string[]>;
-                default: string;
-            };
-            disabled: BooleanConstructor;
-            not: BooleanConstructor;
-            storeKey: StringConstructor;
-            modifiers: globalThis.PropType<string | string[]>;
-        }>> & {
-            [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<{
-        modelValue: (ArrayConstructor | StringConstructor)[];
-        items: {
-            type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-            default: () => never[];
-        };
-        collapse: BooleanConstructor;
-        itemModifiers: {
-            type: globalThis.PropType<string | string[]>;
-            default: string;
-        };
-        disabled: BooleanConstructor;
-        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, {
-        disabled: boolean;
-        not: boolean;
-        collapse: boolean;
-        items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
-        itemModifiers: string | string[];
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-            default?(_: {}): any;
-        };
-    })>, "props"> | undefined;
+        disabled?: boolean | undefined;
+        not?: boolean | undefined;
+        collapse?: boolean | undefined;
+        items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
+        itemModifiers?: string | string[] | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        readonly modelValue?: string | unknown[] | undefined;
+        readonly modifiers?: string | string[] | undefined;
+        key?: string | number | symbol | undefined;
+        style?: unknown;
+        class?: unknown;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        readonly storeKey?: string | undefined;
+    } & {
+        default?: import("vue").VNodeChild | ((_: {}) => any);
+    }>, "props"> | undefined;
     subcomponents?: Record<string, Omit<import("vue").ConcreteComponent<unknown>, "props">> | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/vue3/dist/render-c842c5d5").V, {
+    play?: import("@storybook/types").PlayFunction<import("@storybook/vue3/dist/render-32b7dd3f").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -146,10 +39,10 @@ declare const _default: {
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
+                style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -256,136 +149,28 @@ declare const _default: {
         $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
-    })> | undefined;
+    })>> | undefined;
     tags?: string[] | undefined;
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/vue3/dist/render-c842c5d5").V, {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-                disabled?: boolean | undefined;
-                not?: boolean | undefined;
-                collapse?: boolean | undefined;
-                items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
-                itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                readonly modelValue?: string | unknown[] | undefined;
-                readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
-                readonly storeKey?: string | undefined;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: globalThis.ComponentPublicInstance | null;
-            $parent: globalThis.ComponentPublicInstance | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: (ArrayConstructor | StringConstructor)[];
-                items: {
-                    type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-                    default: () => never[];
-                };
-                collapse: BooleanConstructor;
-                itemModifiers: {
-                    type: globalThis.PropType<string | string[]>;
-                    default: string;
-                };
-                disabled: BooleanConstructor;
-                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, {
-                disabled: boolean;
-                not: boolean;
-                collapse: boolean;
-                items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
-                itemModifiers: string | string[];
-            }, {}, 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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | 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<{
-            modelValue: (ArrayConstructor | StringConstructor)[];
-            items: {
-                type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-                default: () => never[];
-            };
-            collapse: BooleanConstructor;
-            itemModifiers: {
-                type: globalThis.PropType<string | string[]>;
-                default: string;
-            };
-            disabled: BooleanConstructor;
-            not: BooleanConstructor;
-            storeKey: StringConstructor;
-            modifiers: globalThis.PropType<string | string[]>;
-        }>> & {
-            [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<{
-        modelValue: (ArrayConstructor | StringConstructor)[];
-        items: {
-            type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-            default: () => never[];
-        };
-        collapse: BooleanConstructor;
-        itemModifiers: {
-            type: globalThis.PropType<string | string[]>;
-            default: string;
-        };
-        disabled: BooleanConstructor;
-        not: BooleanConstructor;
-        storeKey: StringConstructor;
-        modifiers: globalThis.PropType<string | string[]>;
-    }>> & {
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/vue3/dist/render-32b7dd3f").V, {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-        disabled: boolean;
-        not: boolean;
-        collapse: boolean;
-        items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
-        itemModifiers: string | string[];
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-            default?(_: {}): any;
-        };
-    })>[] | undefined;
+        disabled?: boolean | undefined;
+        not?: boolean | undefined;
+        collapse?: boolean | undefined;
+        items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
+        itemModifiers?: string | string[] | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        readonly modelValue?: string | unknown[] | undefined;
+        readonly modifiers?: string | string[] | undefined;
+        key?: string | number | symbol | undefined;
+        style?: unknown;
+        class?: unknown;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        readonly storeKey?: string | undefined;
+        default?: import("vue").VNodeChild | ((_: {}) => any);
+    }>[] | undefined;
     parameters?: import("@storybook/types").Parameters | undefined;
-    args?: Partial<{
+    args?: Partial<import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -400,10 +185,10 @@ declare const _default: {
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
+                style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -510,8 +295,8 @@ declare const _default: {
         $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
-    })> | undefined;
-    argTypes?: Partial<import("@storybook/types").ArgTypes<{
+    })>> | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -526,10 +311,10 @@ declare const _default: {
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
+                style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -636,8 +421,8 @@ declare const _default: {
         $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
-    })>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/vue3/dist/render-c842c5d5").V, {
+    })>>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/vue3/dist/render-32b7dd3f").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -652,10 +437,10 @@ declare const _default: {
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
+                style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -762,8 +547,8 @@ declare const _default: {
         $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
-    })>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/vue3/dist/render-c842c5d5").V, {
+    })>>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/vue3/dist/render-32b7dd3f").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -778,10 +563,10 @@ declare const _default: {
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
+                style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
-                style?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -888,7 +673,7 @@ declare const _default: {
         $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
-    })> | undefined;
+    })>> | undefined;
 };
 export default _default;
 export declare const Default: Story;