@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js

@@ -0,0 +1,206 @@
+import { computed as A, unref as b, defineComponent as C, toRefs as _, openBlock as m, createElementBlock as y, normalizeClass as h, createElementVNode as g, Fragment as k, renderList as E, createBlock as O, resolveDynamicComponent as B, mergeProps as j, withCtx as q, createTextVNode as D, toDisplayString as $ } from "vue";
+const p = {
+  equals(e, r, t) {
+    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
+  },
+  deepEquals(e, r) {
+    if (e === r)
+      return !0;
+    if (e && r && typeof e == "object" && typeof r == "object") {
+      const t = Array.isArray(e), i = Array.isArray(r);
+      let s, n, o;
+      if (t && i) {
+        if (n = e.length, n != r.length)
+          return !1;
+        for (s = n; s-- !== 0; )
+          if (!this.deepEquals(e[s], r[s]))
+            return !1;
+        return !0;
+      }
+      if (t != i)
+        return !1;
+      const l = e instanceof Date, c = r instanceof Date;
+      if (l != c)
+        return !1;
+      if (l && c)
+        return e.getTime() == r.getTime();
+      const u = e instanceof RegExp, f = r instanceof RegExp;
+      if (u != f)
+        return !1;
+      if (u && f)
+        return e.toString() == r.toString();
+      const a = Object.keys(e);
+      if (n = a.length, n !== Object.keys(r).length)
+        return !1;
+      for (s = n; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, a[s]))
+          return !1;
+      for (s = n; s-- !== 0; )
+        if (o = a[s], !this.deepEquals(e[o], r[o]))
+          return !1;
+      return !0;
+    }
+    return e !== e && r !== r;
+  },
+  resolveFieldData(e, r) {
+    if (e && Object.keys(e).length && r) {
+      if (r.indexOf(".") === -1)
+        return e[r];
+      {
+        const t = r.split(".");
+        let i = e;
+        for (let s = 0, n = t.length; s < n; ++s) {
+          if (e == null)
+            return null;
+          i = i[t[s]];
+        }
+        return i;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, r) {
+    let t = -1;
+    if (r) {
+      for (let i = 0; i < r.length; i++)
+        if (this.equals(r[i], e)) {
+          t = i;
+          break;
+        }
+    }
+    return t;
+  },
+  contains(e, r) {
+    if (e != null && r && r.length) {
+      for (const t of r)
+        if (this.equals(e, t))
+          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, r) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([t]) => r(t))
+    );
+  },
+  removeFromList(e, r) {
+    const t = this.findIndexInList(e, r);
+    return t > -1 ? r.filter((i, s) => s !== t) : r;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((r, t) => {
+      var i, s, n, o, l;
+      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (i = e[t]) != null && i.type && (Array.isArray(e[t].type) ? r[t] = ((s = e[t]) == null ? void 0 : s.default) || ((n = e[t]) == null ? void 0 : n.type[0]()) : r[t] = ((o = e[t]) == null ? void 0 : o.default) || ((l = e[t]) == null ? void 0 : l.type())), r;
+    }, {});
+  },
+  filterArray(e, r, t) {
+    return e.filter((i) => r.some((s) => typeof s == "string" ? i[t] == s : this.equals(
+      i[t],
+      s[t]
+    )));
+  },
+  kebabCase(e) {
+    var r, t;
+    if (e)
+      return (t = (r = 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 : r.join("-")) == null ? void 0 : t.toLowerCase();
+  }
+};
+function F(e, r) {
+  const t = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: A(() => Object.keys(r).reduce((s, n) => {
+      const o = b(r[n]) || !1;
+      if (!o)
+        return s;
+      if (n === "modifiers") {
+        const l = Array.isArray(o) ? o : [o];
+        return {
+          ...s,
+          ...l.reduce(
+            (c, u) => ({
+              ...c,
+              [`${e}--${p.kebabCase(
+                u
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...s,
+          [`${e}--${p.kebabCase(n)}`]: o
+        };
+    }, t) || {})
+  };
+}
+const L = {
+  modifiers: [String, Array]
+}, N = {
+  ...L,
+  routes: Array,
+  multiline: Boolean
+}, S = { class: "vv-breadcrumb__list" }, I = ["content"], P = /* @__PURE__ */ C({
+  __name: "VvBreadcrumb",
+  props: N,
+  setup(e) {
+    const r = e, { modifiers: t, multiline: i } = _(r), { bemCssClasses: s } = F("vv-breadcrumb", {
+      modifiers: t,
+      multiline: i
+    });
+    return (n, o) => (m(), y("nav", {
+      class: h(b(s)),
+      "aria-label": "breadcrumbs"
+    }, [
+      g("ol", S, [
+        (m(!0), y(k, null, E(n.routes, (l, c) => {
+          var u, f, a, d;
+          return m(), y("li", {
+            key: `${l.label}-${c}`,
+            class: h({
+              "vv-breadcrumb__item": c < Number((u = n.routes) == null ? void 0 : u.length) - 1,
+              "vv-breadcrumb__item-active": c === Number((f = n.routes) == null ? void 0 : f.length) - 1
+            }),
+            itemprop: "itemListElement",
+            itemtype: "https://schema.org/ListItem",
+            itemscope: ""
+          }, [
+            (m(), O(B(l.to ? "router-link" : l.href ? "a" : "span"), j(l, {
+              class: {
+                "vv-breadcrumb__link": c < Number((a = n.routes) == null ? void 0 : a.length) - 1
+              },
+              "aria-current": c === Number((d = n.routes) == null ? void 0 : d.length) - 1 ? "page" : void 0,
+              itemprop: "item"
+            }), {
+              default: q(() => [
+                D($(l.label) + " ", 1)
+              ]),
+              _: 2
+            }, 1040, ["class", "aria-current"])),
+            g("meta", {
+              itemprop: "position",
+              content: `${c + 1}`
+            }, null, 8, I)
+          ], 2);
+        }), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js

@@ -0,0 +1 @@
+(function(n,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(n=typeof globalThis<"u"?globalThis:n||self,n.VvBreadcrumb=u(n.vue))})(this,function(n){"use strict";const u={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 s,i,l;if(r&&o){if(i=e.length,i!=t.length)return!1;for(s=i;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(r!=o)return!1;const c=e instanceof Date,f=t instanceof Date;if(c!=f)return!1;if(c&&f)return e.getTime()==t.getTime();const a=e instanceof RegExp,d=t instanceof RegExp;if(a!=d)return!1;if(a&&d)return e.toString()==t.toString();const m=Object.keys(e);if(i=m.length,i!==Object.keys(t).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,m[s]))return!1;for(s=i;s--!==0;)if(l=m[s],!this.deepEquals(e[l],t[l]))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 s=0,i=r.length;s<i;++s){if(e==null)return null;o=o[r[s]]}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,s)=>s!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var o,s,i,l,c;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]=((s=e[r])==null?void 0:s.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((l=e[r])==null?void 0:l.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(o=>t.some(s=>typeof s=="string"?o[r]==s:this.equals(o[r],s[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 p(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((s,i)=>{const l=n.unref(t[i])||!1;if(!l)return s;if(i==="modifiers"){const c=Array.isArray(l)?l:[l];return{...s,...c.reduce((f,a)=>({...f,[`${e}--${u.kebabCase(a)}`]:!0}),{})}}else return{...s,[`${e}--${u.kebabCase(i)}`]:l}},r)||{})}}const h={...{modifiers:[String,Array]},routes:Array,multiline:Boolean},g={class:"vv-breadcrumb__list"},b=["content"];return n.defineComponent({__name:"VvBreadcrumb",props:h,setup(e){const t=e,{modifiers:r,multiline:o}=n.toRefs(t),{bemCssClasses:s}=p("vv-breadcrumb",{modifiers:r,multiline:o});return(i,l)=>(n.openBlock(),n.createElementBlock("nav",{class:n.normalizeClass(n.unref(s)),"aria-label":"breadcrumbs"},[n.createElementVNode("ol",g,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.routes,(c,f)=>{var a,d,m,y;return n.openBlock(),n.createElementBlock("li",{key:`${c.label}-${f}`,class:n.normalizeClass({"vv-breadcrumb__item":f<Number((a=i.routes)==null?void 0:a.length)-1,"vv-breadcrumb__item-active":f===Number((d=i.routes)==null?void 0:d.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(c.to?"router-link":c.href?"a":"span"),n.mergeProps(c,{class:{"vv-breadcrumb__link":f<Number((m=i.routes)==null?void 0:m.length)-1},"aria-current":f===Number((y=i.routes)==null?void 0:y.length)-1?"page":void 0,itemprop:"item"}),{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.label)+" ",1)]),_:2},1040,["class","aria-current"])),n.createElementVNode("meta",{itemprop:"position",content:`${f+1}`},null,8,b)],2)}),128))])],2))}})});

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

@@ -0,0 +1,118 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            multiline: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            routes: {
+                (arrayLength: number): import("./VvBreadcrumb").Route[];
+                (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+                new (arrayLength: number): import("./VvBreadcrumb").Route[];
+                new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+                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;
+            };
+            multiline: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "multiline">;
+        $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<{
+            routes: {
+                (arrayLength: number): import("./VvBreadcrumb").Route[];
+                (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+                new (arrayLength: number): import("./VvBreadcrumb").Route[];
+                new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+                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;
+            };
+            multiline: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            multiline: 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_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 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<{
+        routes: {
+            (arrayLength: number): import("./VvBreadcrumb").Route[];
+            (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+            new (arrayLength: number): import("./VvBreadcrumb").Route[];
+            new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+            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;
+        };
+        multiline: BooleanConstructor;
+        modifiers: (StringConstructor | ArrayConstructor)[];
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    routes: {
+        (arrayLength: number): import("./VvBreadcrumb").Route[];
+        (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+        new (arrayLength: number): import("./VvBreadcrumb").Route[];
+        new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+        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;
+    };
+    multiline: BooleanConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    multiline: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

package/dist/components/VvButton/VvButton.d.ts

@@ -0,0 +1,115 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+export declare enum ButtonIconPosition {
+    left = "left",
+    right = "right",
+    top = "top",
+    bottom = "bottom"
+}
+export declare enum ButtonTag {
+    nuxtLink = "nuxt-link",
+    routerLink = "router-link",
+    a = "a",
+    button = "button"
+}
+export declare enum ButtonTarget {
+    _blank = "_blank",
+    _self = "_self",
+    _parent = "_parent",
+    _top = "_top"
+}
+export declare const VvButtonEvents: string[];
+export declare const VvButtonProps: {
+    /**
+     * Button icon
+     */
+    icon: StringConstructor;
+    /**
+     * Button icon position
+     */
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Button label
+     */
+    label: StringConstructor;
+    /**
+     * Loading status
+     */
+    loading: BooleanConstructor;
+    /**
+     * Loading icon
+     */
+    loadingIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Loading label
+     */
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 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/)
+     */
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    /**
+     * Link href
+     */
+    href: StringConstructor;
+    /**
+     * Link target
+     */
+    target: {
+        type: PropType<ButtonTarget>;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Create block level button that span the full width of a parent.
+     */
+    block: BooleanConstructor;
+    /**
+     * Button active state.
+     */
+    active: BooleanConstructor;
+    /**
+     * Button rounded.
+     */
+    rounded: BooleanConstructor;
+    /**
+     * Button disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Button with min-width
+     */
+    fullBleed: BooleanConstructor;
+    /**
+     * Button action mode
+     */
+    action: BooleanConstructor;
+    /**
+     * Button action mode
+     */
+    actionQuiet: BooleanConstructor;
+    /**
+     * Button selected mode
+     */
+    selected: BooleanConstructor;
+    /**
+     * The variant of the button
+     * @values
+     * @defaultvalue default
+     */
+    modifiers: (StringConstructor | ArrayConstructor)[];
+};
+declare type _VvButtonPropsType = typeof VvButtonProps;
+export declare type VvButtonPropsTypes = ExtractPropTypes<_VvButtonPropsType>;
+export {};