@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvButtonGroup/VvButtonGroup.d.ts

@@ -0,0 +1,57 @@
+export declare const VvButtonGroupProps: {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = show buttons vertically
+     */
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = no padding between buttons
+     */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = il button group si comporterà come un toggle, materrà attivo l'ultimo pulsante cliccato.
+     */
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = display as block
+     */
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = display btn-broup as rounded (first and last child .vv-button)
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Button action mode
+     */
+    action: BooleanConstructor;
+    /**
+     * Button action mode
+     */
+    actionQuiet: BooleanConstructor;
+    /**
+     * Active button (name)
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+};
+export declare const VvButtonGroupEvents: string[];

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -0,0 +1,210 @@
+import { isRef as h, provide as A, computed as y, unref as p, defineComponent as B, toRefs as O, openBlock as k, createElementBlock as b, normalizeClass as C, renderSlot as E } from "vue";
+import { useVModel as j } from "@vueuse/core";
+const _ = {
+  disabled: { type: Boolean, default: !1 },
+  vertical: { type: Boolean, default: !1 },
+  compact: { type: Boolean, default: !1 },
+  toggle: { type: Boolean, default: !1 },
+  block: { type: Boolean, default: !1 },
+  rounded: { type: Boolean, default: !1 },
+  action: Boolean,
+  actionQuiet: Boolean,
+  modelValue: { type: String, default: void 0 }
+}, q = ["update:modelValue"], x = Symbol("VV_BUTTON_GROUP");
+function S(e) {
+  if (Object.keys(e).some(
+    (t) => t !== "key" && !h(e[t])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  A(
+    e.key,
+    y(() => e)
+  );
+}
+const d = {
+  equals(e, t, r) {
+    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
+  },
+  deepEquals(e, t) {
+    if (e === t)
+      return !0;
+    if (e && t && typeof e == "object" && typeof t == "object") {
+      const r = Array.isArray(e), s = Array.isArray(t);
+      let n, o, i;
+      if (r && s) {
+        if (o = e.length, o != t.length)
+          return !1;
+        for (n = o; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
+            return !1;
+        return !0;
+      }
+      if (r != s)
+        return !1;
+      const l = e instanceof Date, f = t instanceof Date;
+      if (l != f)
+        return !1;
+      if (l && f)
+        return e.getTime() == t.getTime();
+      const u = e instanceof RegExp, c = t instanceof RegExp;
+      if (u != c)
+        return !1;
+      if (u && c)
+        return e.toString() == t.toString();
+      const a = Object.keys(e);
+      if (o = a.length, o !== Object.keys(t).length)
+        return !1;
+      for (n = o; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, a[n]))
+          return !1;
+      for (n = o; n-- !== 0; )
+        if (i = a[n], !this.deepEquals(e[i], t[i]))
+          return !1;
+      return !0;
+    }
+    return e !== e && t !== t;
+  },
+  resolveFieldData(e, t) {
+    if (e && Object.keys(e).length && t) {
+      if (t.indexOf(".") === -1)
+        return e[t];
+      {
+        const r = t.split(".");
+        let s = e;
+        for (let n = 0, o = r.length; n < o; ++n) {
+          if (e == null)
+            return null;
+          s = s[r[n]];
+        }
+        return s;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, t) {
+    let r = -1;
+    if (t) {
+      for (let s = 0; s < t.length; s++)
+        if (this.equals(t[s], e)) {
+          r = s;
+          break;
+        }
+    }
+    return r;
+  },
+  contains(e, t) {
+    if (e != null && t && t.length) {
+      for (const r of t)
+        if (this.equals(e, r))
+          return !0;
+    }
+    return !1;
+  },
+  isEmpty(e) {
+    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
+  },
+  isNotEmpty(e) {
+    return !this.isEmpty(e);
+  },
+  pickBy(e, t) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([r]) => t(r))
+    );
+  },
+  removeFromList(e, t) {
+    const r = this.findIndexInList(e, t);
+    return r > -1 ? t.filter((s, n) => n !== r) : t;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((t, r) => {
+      var s, n, o, i, l;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((l = e[r]) == null ? void 0 : l.type())), t;
+    }, {});
+  },
+  filterArray(e, t, r) {
+    return e.filter((s) => t.some((n) => typeof n == "string" ? s[r] == n : this.equals(
+      s[r],
+      n[r]
+    )));
+  },
+  kebabCase(e) {
+    var t, r;
+    if (e)
+      return (r = (t = e.match(
+        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
+  }
+};
+function T(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: y(() => Object.keys(t).reduce((n, o) => {
+      const i = p(t[o]) || !1;
+      if (!i)
+        return n;
+      if (o === "modifiers") {
+        const l = Array.isArray(i) ? i : [i];
+        return {
+          ...n,
+          ...l.reduce(
+            (f, u) => ({
+              ...f,
+              [`${e}--${d.kebabCase(
+                u
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${d.kebabCase(o)}`]: i
+        };
+    }, r) || {})
+  };
+}
+const F = /* @__PURE__ */ B({
+  __name: "VvButtonGroup",
+  props: _,
+  emits: q,
+  setup(e, { emit: t }) {
+    const r = e, s = j(r, "modelValue", t), {
+      disabled: n,
+      vertical: o,
+      compact: i,
+      block: l,
+      rounded: f,
+      toggle: u,
+      action: c,
+      actionQuiet: a
+    } = O(r), { bemCssClasses: m } = T("vv-button-group", {
+      vertical: o,
+      compact: i,
+      block: l
+    });
+    return S({
+      key: x,
+      modelValue: s,
+      disabled: n,
+      toggle: u,
+      rounded: f,
+      action: c,
+      actionQuiet: a
+    }), (g, G) => (k(), b("div", {
+      class: C(p(m)),
+      role: "group"
+    }, [
+      E(g.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/dist/components/VvButtonGroup/VvButtonGroup.umd.js

@@ -0,0 +1 @@
+(function(o,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],a):(o=typeof globalThis<"u"?globalThis:o||self,o.VvButtonGroup=a(o.vue,o.core))})(this,function(o,a){"use strict";const m={disabled:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},block:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},action:Boolean,actionQuiet:Boolean,modelValue:{type:String,default:void 0}},g=["update:modelValue"],h=Symbol("VV_BUTTON_GROUP");function B(e){if(Object.keys(e).some(t=>t!=="key"&&!o.isRef(e[t])))throw Error("One or more groupState props aren't ref.");o.provide(e.key,o.computed(()=>e))}const p={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),s=Array.isArray(t);let n,i,f;if(r&&s){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=s)return!1;const u=e instanceof Date,l=t instanceof Date;if(u!=l)return!1;if(u&&l)return e.getTime()==t.getTime();const c=e instanceof RegExp,y=t instanceof RegExp;if(c!=y)return!1;if(c&&y)return e.toString()==t.toString();const d=Object.keys(e);if(i=d.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[n]))return!1;for(n=i;n--!==0;)if(f=d[n],!this.deepEquals(e[f],t[f]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let s=e;for(let n=0,i=r.length;n<i;++n){if(e==null)return null;s=s[r[n]]}return s}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let s=0;s<t.length;s++)if(this.equals(t[s],e)){r=s;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((s,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var s,n,i,f,u;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(s=e[r])!=null&&s.type&&(Array.isArray(e[r].type)?t[r]=((n=e[r])==null?void 0:n.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((f=e[r])==null?void 0:f.default)||((u=e[r])==null?void 0:u.type())),t},{})},filterArray(e,t,r){return e.filter(s=>t.some(n=>typeof n=="string"?s[r]==n:this.equals(s[r],n[r])))},kebabCase(e){var t,r;if(e)return(r=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:r.toLowerCase()}};function A(e,t){const r={[`${e}`]:!0};return{bemCssClasses:o.computed(()=>Object.keys(t).reduce((n,i)=>{const f=o.unref(t[i])||!1;if(!f)return n;if(i==="modifiers"){const u=Array.isArray(f)?f:[f];return{...n,...u.reduce((l,c)=>({...l,[`${e}--${p.kebabCase(c)}`]:!0}),{})}}else return{...n,[`${e}--${p.kebabCase(i)}`]:f}},r)||{})}}return o.defineComponent({__name:"VvButtonGroup",props:m,emits:g,setup(e,{emit:t}){const r=e,s=a.useVModel(r,"modelValue",t),{disabled:n,vertical:i,compact:f,block:u,rounded:l,toggle:c,action:y,actionQuiet:d}=o.toRefs(r),{bemCssClasses:O}=A("vv-button-group",{vertical:i,compact:f,block:u});return B({key:h,modelValue:s,disabled:n,toggle:c,rounded:l,action:y,actionQuiet:d}),(k,E)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(o.unref(O)),role:"group"},[o.renderSlot(k.$slots,"default")],2))}})});

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

@@ -0,0 +1,210 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            modelValue: string;
+            toggle: boolean;
+            block: boolean;
+            rounded: boolean;
+            action: boolean;
+            actionQuiet: boolean;
+            vertical: boolean;
+            compact: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            vertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            compact: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            toggle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            action: BooleanConstructor;
+            actionQuiet: BooleanConstructor;
+            modelValue: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "modelValue" | "toggle" | "block" | "rounded" | "action" | "actionQuiet" | "vertical" | "compact">;
+        $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<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            vertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            compact: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            toggle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            action: BooleanConstructor;
+            actionQuiet: BooleanConstructor;
+            modelValue: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+            disabled: boolean;
+            modelValue: string;
+            toggle: boolean;
+            block: boolean;
+            rounded: boolean;
+            action: boolean;
+            actionQuiet: boolean;
+            vertical: boolean;
+            compact: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        compact: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        toggle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        action: BooleanConstructor;
+        actionQuiet: BooleanConstructor;
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & {
+        [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<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    action: BooleanConstructor;
+    actionQuiet: BooleanConstructor;
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+    disabled: boolean;
+    modelValue: string;
+    toggle: boolean;
+    block: boolean;
+    rounded: boolean;
+    action: boolean;
+    actionQuiet: boolean;
+    vertical: boolean;
+    compact: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;

package/dist/components/VvCard/VvCard.d.ts

@@ -0,0 +1,4 @@
+export declare const VvCardProps: {
+    title: StringConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+};

package/dist/components/VvCard/VvCard.es.js

@@ -0,0 +1,188 @@
+import { computed as p, unref as g, defineComponent as C, useAttrs as k, toRefs as O, openBlock as u, createElementBlock as a, mergeProps as E, renderSlot as d, createTextVNode as $, toDisplayString as _, createCommentVNode as h } from "vue";
+const j = {
+  title: String,
+  modifiers: [String, Array]
+}, A = {
+  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), i = Array.isArray(t);
+      let s, o, n;
+      if (r && i) {
+        if (o = e.length, o != t.length)
+          return !1;
+        for (s = o; s-- !== 0; )
+          if (!this.deepEquals(e[s], t[s]))
+            return !1;
+        return !0;
+      }
+      if (r != i)
+        return !1;
+      const f = e instanceof Date, c = t instanceof Date;
+      if (f != c)
+        return !1;
+      if (f && c)
+        return e.getTime() == t.getTime();
+      const l = e instanceof RegExp, m = t instanceof RegExp;
+      if (l != m)
+        return !1;
+      if (l && m)
+        return e.toString() == t.toString();
+      const y = Object.keys(e);
+      if (o = y.length, o !== Object.keys(t).length)
+        return !1;
+      for (s = o; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, y[s]))
+          return !1;
+      for (s = o; s-- !== 0; )
+        if (n = y[s], !this.deepEquals(e[n], t[n]))
+          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 i = e;
+        for (let s = 0, o = r.length; s < o; ++s) {
+          if (e == null)
+            return null;
+          i = i[r[s]];
+        }
+        return i;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, t) {
+    let r = -1;
+    if (t) {
+      for (let i = 0; i < t.length; i++)
+        if (this.equals(t[i], e)) {
+          r = i;
+          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((i, s) => s !== r) : t;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((t, r) => {
+      var i, s, o, n, f;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (i = e[r]) != null && i.type && (Array.isArray(e[r].type) ? t[r] = ((s = e[r]) == null ? void 0 : s.default) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((f = e[r]) == null ? void 0 : f.type())), t;
+    }, {});
+  },
+  filterArray(e, t, r) {
+    return e.filter((i) => t.some((s) => typeof s == "string" ? i[r] == s : this.equals(
+      i[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 q(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: p(() => Object.keys(t).reduce((s, o) => {
+      const n = g(t[o]) || !1;
+      if (!n)
+        return s;
+      if (o === "modifiers") {
+        const f = Array.isArray(n) ? n : [n];
+        return {
+          ...s,
+          ...f.reduce(
+            (c, l) => ({
+              ...c,
+              [`${e}--${A.kebabCase(
+                l
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...s,
+          [`${e}--${A.kebabCase(o)}`]: n
+        };
+    }, r) || {})
+  };
+}
+const S = {
+  key: 0,
+  class: "vv-card__header"
+}, b = {
+  key: 1,
+  class: "vv-card__content"
+}, B = {
+  key: 2,
+  class: "vv-card__footer"
+}, F = /* @__PURE__ */ C({
+  __name: "VvCard",
+  props: j,
+  setup(e) {
+    const t = e, r = k(), { modifiers: i } = O(t), { bemCssClasses: s } = q("vv-card", {
+      modifiers: i
+    }), o = p(() => r);
+    return (n, f) => (u(), a("article", E({ class: g(s) }, g(o)), [
+      n.$slots.header || n.title ? (u(), a("header", S, [
+        d(n.$slots, "header", {}, () => [
+          $(_(n.title), 1)
+        ])
+      ])) : h("", !0),
+      d(n.$slots, "default"),
+      n.$slots.content ? (u(), a("div", b, [
+        d(n.$slots, "content")
+      ])) : h("", !0),
+      n.$slots.footer ? (u(), a("footer", B, [
+        d(n.$slots, "footer")
+      ])) : h("", !0)
+    ], 16));
+  }
+});
+export {
+  F as default
+};

package/dist/components/VvCard/VvCard.umd.js

@@ -0,0 +1 @@
+(function(n,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(n=typeof globalThis<"u"?globalThis:n||self,n.VvCard=l(n.vue))})(this,function(n){"use strict";const l={title:String,modifiers:[String,Array]},y={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),i=Array.isArray(t);let s,f,o;if(r&&i){if(f=e.length,f!=t.length)return!1;for(s=f;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(r!=i)return!1;const c=e instanceof Date,d=t instanceof Date;if(c!=d)return!1;if(c&&d)return e.getTime()==t.getTime();const a=e instanceof RegExp,m=t instanceof RegExp;if(a!=m)return!1;if(a&&m)return e.toString()==t.toString();const u=Object.keys(e);if(f=u.length,f!==Object.keys(t).length)return!1;for(s=f;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[s]))return!1;for(s=f;s--!==0;)if(o=u[s],!this.deepEquals(e[o],t[o]))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 i=e;for(let s=0,f=r.length;s<f;++s){if(e==null)return null;i=i[r[s]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){r=i;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((i,s)=>s!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var i,s,f,o,c;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(i=e[r])!=null&&i.type&&(Array.isArray(e[r].type)?t[r]=((s=e[r])==null?void 0:s.default)||((f=e[r])==null?void 0:f.type[0]()):t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(i=>t.some(s=>typeof s=="string"?i[r]==s:this.equals(i[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 h(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((s,f)=>{const o=n.unref(t[f])||!1;if(!o)return s;if(f==="modifiers"){const c=Array.isArray(o)?o:[o];return{...s,...c.reduce((d,a)=>({...d,[`${e}--${y.kebabCase(a)}`]:!0}),{})}}else return{...s,[`${e}--${y.kebabCase(f)}`]:o}},r)||{})}}const p={key:0,class:"vv-card__header"},g={key:1,class:"vv-card__content"},A={key:2,class:"vv-card__footer"};return n.defineComponent({__name:"VvCard",props:l,setup(e){const t=e,r=n.useAttrs(),{modifiers:i}=n.toRefs(t),{bemCssClasses:s}=h("vv-card",{modifiers:i}),f=n.computed(()=>r);return(o,c)=>(n.openBlock(),n.createElementBlock("article",n.mergeProps({class:n.unref(s)},n.unref(f)),[o.$slots.header||o.title?(n.openBlock(),n.createElementBlock("header",p,[n.renderSlot(o.$slots,"header",{},()=>[n.createTextVNode(n.toDisplayString(o.title),1)])])):n.createCommentVNode("",!0),n.renderSlot(o.$slots,"default"),o.$slots.content?(n.openBlock(),n.createElementBlock("div",g,[n.renderSlot(o.$slots,"content")])):n.createCommentVNode("",!0),o.$slots.footer?(n.openBlock(),n.createElementBlock("footer",A,[n.renderSlot(o.$slots,"footer")])):n.createCommentVNode("",!0)],16))}})});