@volverjs/ui-vue 0.0.5 → 0.0.6-beta.15

package/dist/props/index.d.ts

@@ -7,7 +7,7 @@ export declare const LinkProps: {
      * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
      */
     to: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     /**
      * Anchor href
@@ -36,7 +36,7 @@ export declare const ValidProps: {
     /**
      * Valid label
      */
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
 export declare const InvalidProps: {
     /**
@@ -46,7 +46,7 @@ export declare const InvalidProps: {
     /**
      * Invalid label
      */
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
 };
 export declare const LoadingProps: {
     /**
@@ -161,7 +161,7 @@ export declare const IconProps: {
      * @see VVIcon
      */
     icon: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     /**
      * VvIcon position
@@ -317,9 +317,9 @@ export declare const DropdownProps: {
         default: boolean;
     };
     /**
-     * Close dropdown on click outside
+     * Keep open dropdown on click outside
      */
-    autoClose: {
+    keepOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -412,7 +412,7 @@ export declare const InputTextareaProps: {
      * @see VVIcon
      */
     icon: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     /**
      * VvIcon position
@@ -460,7 +460,7 @@ export declare const InputTextareaProps: {
     /**
      * Invalid label
      */
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     /**
      * Valid status
      */
@@ -468,7 +468,7 @@ export declare const InputTextareaProps: {
     /**
      * Valid label
      */
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
     /**
      * The value is not editable
      */
@@ -522,7 +522,18 @@ export declare const CheckboxRadioProps: {
     /**
      * Input value
      */
-    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * Loading status
+     */
+    loading: BooleanConstructor;
+    /**
+     * Loading label
+     */
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The item label
      */
@@ -550,7 +561,7 @@ export declare const CheckboxRadioProps: {
     /**
      * Invalid label
      */
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     /**
      * Valid status
      */
@@ -558,7 +569,7 @@ export declare const CheckboxRadioProps: {
     /**
      * Valid label
      */
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
     /**
      * Global attribute tabindex
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
@@ -586,7 +597,7 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * Input value
      */
-    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     /**
      * Input name
      */
@@ -598,6 +609,17 @@ export declare const CheckboxRadioGroupProps: {
      * If true, the group will be displayed in a vertical column
      */
     vertical: BooleanConstructor;
+    /**
+     * Loading status
+     */
+    loading: BooleanConstructor;
+    /**
+     * Loading label
+     */
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The item label
      */
@@ -653,7 +675,7 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * Invalid label
      */
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     /**
      * Valid status
      */
@@ -661,7 +683,7 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * Valid label
      */
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
 export declare const ActionProps: {
     /**
@@ -677,7 +699,7 @@ export declare const ActionProps: {
      * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
      */
     to: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     /**
      * Anchor href

package/dist/resolvers/unplugin.es.js

@@ -23,13 +23,16 @@ const getStyleNames = function(kebabName) {
     ];
   }
   if (kebabName === "vv-accordion-group") {
-    return ["vv-accordion-group", "vv-accordion"];
+    return ["vv-accordion", "vv-accordion-group"];
   }
   if (kebabName === "vv-checkbox-group") {
-    return ["vv-checkbox-group", "vv-checkbox"];
+    return ["vv-checkbox", "vv-checkbox-group"];
   }
   if (kebabName === "vv-radio-group") {
-    return ["vv-radio-group", "vv-radio"];
+    return ["vv-radio", "vv-radio-group"];
+  }
+  if (kebabName === "vv-alert-group") {
+    return ["vv-alert", "vv-alert-group"];
   }
   if (kebabName === "v-tooltip") {
     return ["vv-tooltip"];

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"],n=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-group","vv-accordion"]:"vv-checkbox-group"===o?["vv-checkbox-group","vv-checkbox"]:"vv-radio-group"===o?["vv-radio-group","vv-radio"]:"v-tooltip"===o?["vv-tooltip"]:[o]},v=function(o,e){const r=[];if(!e)return r;const t=n(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:n,ignore:i}={}){return[{type:"component",resolve:t=>{if(!o||!t.toLowerCase().startsWith(o.toLowerCase()))return;const n=e(t).replace(`${o}-`,"vv-");return i&&i.includes(n)?void 0:{from:`@volverjs/ui-vue/${n}`,sideEffects:v(n,r)}}},{type:"directive",resolve:o=>{if(!n)return;const c=`v-${e(o)}`;return!t.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:v(c,r)}}}]},o.getStyleNames=n,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 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"})}));

package/dist/stories/Accordion/Accordion.settings.d.ts

@@ -3,22 +3,11 @@ export declare const defaultArgs: {
     content: string;
     modifiers: never[];
     disabled: boolean;
+    not: boolean;
 };
 export declare const argTypes: {
-    default: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-    };
     disabled: {
-        type: string;
+        control: string;
         description: string;
         table: {
             defaultValue: {
@@ -38,7 +27,7 @@ export declare const argTypes: {
             };
         };
     };
-    details: {
+    default: {
         description: string;
         control: {
             type: string;
@@ -50,14 +39,26 @@ export declare const argTypes: {
             };
         };
     };
+    title: {
+        description: string;
+    };
+    content: {
+        description: string;
+    };
     modifiers: {
         options: string[];
-        type: {
-            summary: string[];
-        };
         description: string;
         control: {
             type: string;
         };
     };
+    not: {
+        description: string;
+        control: string;
+        table: {
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+    };
 };

package/dist/stories/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import VvAccordion from '@/components/VvAccordion/VvAccordion.vue';
+declare const meta: Meta<typeof VvAccordion>;
+export default meta;
+type Story = StoryObj<typeof VvAccordion>;
+export declare const Default: Story;
+export declare const Not: Story;

package/dist/stories/Accordion/AccordionSlots.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import VvAccordion from '@/components/VvAccordion/VvAccordion.vue';
+declare const meta: Meta<typeof VvAccordion>;
+export default meta;
+type Story = StoryObj<typeof VvAccordion>;
+export declare const Default: Story;
+export declare const Summary: Story;

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

@@ -23,7 +23,7 @@ export declare const argTypes: {
         };
     };
     disabled: {
-        type: string;
+        control: string;
         description: string;
         table: {
             defaultValue: {
@@ -41,17 +41,36 @@ export declare const argTypes: {
             disable: boolean;
         };
     };
+    items: {
+        description: string;
+    };
+    collapse: {
+        description: string;
+        control: string;
+        table: {
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+    };
+    not: {
+        description: string;
+        control: string;
+        table: {
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+    };
     modifiers: {
         options: string[];
-        type: {
-            summary: string[];
-        };
         description: string;
         control: {
             type: string;
         };
     };
     itemModifiers: {
+        description: string;
         control: string;
         options: string[];
     };

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

@@ -0,0 +1,134 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import VvAccordionGroup from '@/components/VvAccordionGroup/VvAccordionGroup.vue';
+declare const _default: Meta<{
+    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;
+    };
+})>;
+export default _default;
+export type Story = StoryObj<typeof VvAccordionGroup>;
+export declare const Default: Story;
+export declare const Not: Story;
+export declare const Collapse: Story;
+export declare const CollapseNot: Story;