@volverjs/ui-vue 0.0.2 → 0.0.3-beta.3

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

@@ -1,7 +1,7 @@
 import { ButtonIconPosition } from '@/components/VvButton';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     iconPosition: {
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     to: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modifiers: import("vue").PropType<string | string[]>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     iconPosition: {
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     to: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {

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

@@ -1,4 +1,4 @@
-import { type Ref, type PropType, type ExtractPropTypes } from 'vue';
+import type { Ref, PropType, ExtractPropTypes } from 'vue';
 import type IButtonGroupState from '@/composables/group/types/IButtonGroupState';
 export declare enum ButtonIconPosition {
     left = "left",
@@ -29,7 +29,7 @@ export declare const VvButtonProps: {
      * Button icon
      */
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     /**
@@ -67,7 +67,7 @@ export declare const VvButtonProps: {
      * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
      */
     to: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     /**
      * Link href

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

@@ -1,107 +1,62 @@
-import { isRef as y, provide as b, computed as d, unref as p, defineComponent as v, toRefs as A, watchEffect as V, openBlock as g, createElementBlock as B, normalizeClass as _, renderSlot as C } from "vue";
-const k = "VV_BUTTON_GROUP";
-function G(e) {
-  if (Object.keys(e).some(
-    (r) => r !== "key" && !y(e[r])
-  ))
-    throw Error("One or more groupState props aren't ref.");
-  b(
-    e.key,
-    d(() => e)
-  );
-}
-function c(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 O(e, r) {
-  const t = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: d(() => Object.keys(r).reduce((l, a) => {
-      const o = p(r[a]) || !1;
-      if (!o)
-        return l;
-      if (a === "modifiers") {
-        const n = Array.isArray(o) ? o : o.split(" ");
-        return {
-          ...l,
-          ...n.reduce(
-            (u, i) => ({
-              ...u,
-              [`${e}--${c(i)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...l,
-          [`${e}--${c(a)}`]: o
-        };
-    }, t) || {})
-  };
-}
-const P = {
+import { defineComponent as c, openBlock as f, createElementBlock as y, normalizeClass as v, unref as V, renderSlot as g } from "vue";
+const B = "VV_BUTTON_GROUP", _ = {
   disabled: Boolean
-}, $ = {
+}, b = {
   modifiers: [String, Array]
-}, M = {
+}, A = {
   unselectable: { type: Boolean, default: !0 }
-}, S = {
-  ...$,
-  ...P,
-  ...M,
+}, G = {
+  ...b,
+  ..._,
+  ...A,
   itemModifiers: { type: [String, Array], default: void 0 },
   toggle: { type: Boolean, default: !1 },
   multiple: { type: Boolean, default: !1 },
   modelValue: { type: [String, Array], default: void 0 }
-}, U = ["update:modelValue"], h = {
+}, P = ["update:modelValue"], S = {
   name: "VvButtonGroup"
-}, Z = /* @__PURE__ */ v({
-  ...h,
-  props: S,
-  emits: U,
-  setup(e, { emit: r }) {
-    const t = e, {
-      disabled: f,
-      toggle: l,
-      modifiers: a,
+}, M = /* @__PURE__ */ c({
+  ...S,
+  props: G,
+  emits: P,
+  setup(r, { emit: l }) {
+    const e = r, {
+      disabled: s,
+      toggle: a,
+      modifiers: u,
       multiple: o,
       unselectable: n,
-      itemModifiers: u
-    } = A(t);
-    V(() => {
-      typeof t.modelValue == "string" && o.value && console.warn(
+      itemModifiers: i
+    } = toRefs(e);
+    watchEffect(() => {
+      typeof e.modelValue == "string" && o.value && console.warn(
         "[VvButtonGroup]: modelValue is a string but multiple is true."
       );
     });
-    const i = d({
-      get: () => o.value ? t.modelValue : Array.isArray(t.modelValue) ? t.modelValue[0] : t.modelValue,
-      set: (s) => (s !== void 0 && (Array.isArray(t.modelValue) || o.value) && !Array.isArray(s) && (s = [s]), r("update:modelValue", s))
-    });
-    G({
-      key: k,
-      modelValue: i,
-      disabled: f,
-      toggle: l,
+    const d = computed({
+      get: () => o.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
+      set: (t) => (t !== void 0 && (Array.isArray(e.modelValue) || o.value) && !Array.isArray(t) && (t = [t]), l("update:modelValue", t))
+    }), p = {
+      key: B,
+      modelValue: d,
+      disabled: s,
+      toggle: a,
       multiple: o,
       unselectable: n,
-      itemModifiers: u
-    });
-    const { bemCssClasses: m } = O("vv-button-group", {
-      modifiers: a
+      itemModifiers: i
+    };
+    useProvideGroupState(p);
+    const { bemCssClasses: m } = useBemModifiers("vv-button-group", {
+      modifiers: u
     });
-    return (s, R) => (g(), B("div", {
-      class: _(p(m)),
+    return (t, U) => (f(), y("div", {
+      class: v(V(m)),
       role: "group"
     }, [
-      C(s.$slots, "default")
+      g(t.$slots, "default")
     ], 2));
   }
 });
 export {
-  Z as default
+  M as default
 };

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

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=i(e.vue))})(this,function(e){"use strict";const i="VV_BUTTON_GROUP";function m(t){if(Object.keys(t).some(r=>r!=="key"&&!e.isRef(t[r])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}function p(t){var r,o;if(t)return(o=(r=t.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:o.toLowerCase()}function y(t,r){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((l,u)=>{const s=e.unref(r[u])||!1;if(!s)return l;if(u==="modifiers"){const a=Array.isArray(s)?s:s.split(" ");return{...l,...a.reduce((d,f)=>({...d,[`${t}--${p(f)}`]:!0}),{})}}else return{...l,[`${t}--${p(u)}`]:s}},o)||{})}}const b={...{modifiers:[String,Array]},...{disabled:Boolean},...{unselectable:{type:Boolean,default:!0}},itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},V=["update:modelValue"],A={name:"VvButtonGroup"};return e.defineComponent({...A,props:b,emits:V,setup(t,{emit:r}){const o=t,{disabled:c,toggle:l,modifiers:u,multiple:s,unselectable:a,itemModifiers:d}=e.toRefs(o);e.watchEffect(()=>{typeof o.modelValue=="string"&&s.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const f=e.computed({get:()=>s.value?o.modelValue:Array.isArray(o.modelValue)?o.modelValue[0]:o.modelValue,set:n=>(n!==void 0&&(Array.isArray(o.modelValue)||s.value)&&!Array.isArray(n)&&(n=[n]),r("update:modelValue",n))});m({key:i,modelValue:f,disabled:c,toggle:l,multiple:s,unselectable:a,itemModifiers:d});const{bemCssClasses:_}=y("vv-button-group",{modifiers:u});return(n,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)),role:"group"},[e.renderSlot(n.$slots,"default")],2))}})});
+(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=s(e.vue))})(this,function(e){"use strict";const s="VV_BUTTON_GROUP",l={...{modifiers:[String,Array]},...{disabled:Boolean},...{unselectable:{type:Boolean,default:!0}},itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},n=["update:modelValue"],u={name:"VvButtonGroup"};return e.defineComponent({...u,props:l,emits:n,setup(i,{emit:a}){const t=i,{disabled:d,toggle:p,modifiers:f,multiple:r,unselectable:c,itemModifiers:m}=toRefs(t);watchEffect(()=>{typeof t.modelValue=="string"&&r.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const y=computed({get:()=>r.value?t.modelValue:Array.isArray(t.modelValue)?t.modelValue[0]:t.modelValue,set:o=>(o!==void 0&&(Array.isArray(t.modelValue)||r.value)&&!Array.isArray(o)&&(o=[o]),a("update:modelValue",o))}),V={key:s,modelValue:y,disabled:d,toggle:p,multiple:r,unselectable:c,itemModifiers:m};useProvideGroupState(V);const{bemCssClasses:v}=useBemModifiers("vv-button-group",{modifiers:f});return(o,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})});

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

@@ -1,77 +1,43 @@
-import { computed as $, unref as f, defineComponent as p, openBlock as a, createElementBlock as i, normalizeClass as v, renderSlot as d, createTextVNode as h, toDisplayString as b, createCommentVNode as c } from "vue";
-function u(s) {
-  var r, t;
-  if (s)
-    return (t = (r = s.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 y(s, r) {
-  const t = { [`${s}`]: !0 };
-  return {
-    bemCssClasses: $(() => Object.keys(r).reduce((n, l) => {
-      const o = f(r[l]) || !1;
-      if (!o)
-        return n;
-      if (l === "modifiers") {
-        const m = Array.isArray(o) ? o : o.split(" ");
-        return {
-          ...n,
-          ...m.reduce(
-            (C, _) => ({
-              ...C,
-              [`${s}--${u(_)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${s}--${u(l)}`]: o
-        };
-    }, t) || {})
-  };
-}
-const k = {
+import { defineComponent as d, openBlock as s, createElementBlock as o, normalizeClass as i, unref as c, renderSlot as t, createTextVNode as f, toDisplayString as m, createCommentVNode as r } from "vue";
+const p = {
   title: String,
   modifiers: [String, Array]
-}, A = {
+}, u = {
   key: 0,
   class: "vv-card__header"
-}, g = {
+}, v = {
   key: 1,
   class: "vv-card__content"
-}, S = {
+}, _ = {
   key: 2,
   class: "vv-card__footer"
-}, V = {
+}, h = {
   name: "VvCard"
-}, z = /* @__PURE__ */ p({
-  ...V,
-  props: k,
-  setup(s) {
-    const r = s, { bemCssClasses: t } = y("vv-card", {
-      modifiers: r.modifiers
+}, k = /* @__PURE__ */ d({
+  ...h,
+  props: p,
+  setup(a) {
+    const n = a, { bemCssClasses: l } = useBemModifiers("vv-card", {
+      modifiers: n.modifiers
     });
-    return (e, n) => (a(), i("article", {
-      class: v(f(t))
+    return (e, C) => (s(), o("article", {
+      class: i(c(l))
     }, [
-      e.$slots.header || e.title ? (a(), i("header", A, [
-        d(e.$slots, "header", {}, () => [
-          h(b(e.title), 1)
+      e.$slots.header || e.title ? (s(), o("header", u, [
+        t(e.$slots, "header", {}, () => [
+          f(m(e.title), 1)
         ])
-      ])) : c("", !0),
-      d(e.$slots, "default"),
-      e.$slots.content ? (a(), i("div", g, [
-        d(e.$slots, "content")
-      ])) : c("", !0),
-      e.$slots.footer ? (a(), i("footer", S, [
-        d(e.$slots, "footer")
-      ])) : c("", !0)
+      ])) : r("", !0),
+      t(e.$slots, "default"),
+      e.$slots.content ? (s(), o("div", v, [
+        t(e.$slots, "content")
+      ])) : r("", !0),
+      e.$slots.footer ? (s(), o("footer", _, [
+        t(e.$slots, "footer")
+      ])) : r("", !0)
     ], 2));
   }
 });
 export {
-  z as default
+  k as default
 };

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

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=r(e.vue))})(this,function(e){"use strict";function r(s){var o,n;if(s)return(n=(o=s.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:o.join("-"))==null?void 0:n.toLowerCase()}function c(s,o){const n={[`${s}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(o).reduce((i,a)=>{const d=e.unref(o[a])||!1;if(!d)return i;if(a==="modifiers"){const u=Array.isArray(d)?d:d.split(" ");return{...i,...u.reduce((_,k)=>({..._,[`${s}--${r(k)}`]:!0}),{})}}else return{...i,[`${s}--${r(a)}`]:d}},n)||{})}}const l={title:String,modifiers:[String,Array]},f={key:0,class:"vv-card__header"},m={key:1,class:"vv-card__content"},p={key:2,class:"vv-card__footer"},C={name:"VvCard"};return e.defineComponent({...C,props:l,setup(s){const o=s,{bemCssClasses:n}=c("vv-card",{modifiers:o.modifiers});return(t,i)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(n))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",f,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=t(e.vue))})(this,function(e){"use strict";const t={title:String,modifiers:[String,Array]},s={key:0,class:"vv-card__header"},r={key:1,class:"vv-card__content"},n={key:2,class:"vv-card__footer"},d={name:"VvCard"};return e.defineComponent({...d,props:t,setup(l){const i=l,{bemCssClasses:c}=useBemModifiers("vv-card",{modifiers:i.modifiers});return(o,f)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(c))},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",s,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),o.$slots.content?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",n,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});

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

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: StringConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
 }>>, {}>, {
     header: (_: {}) => any;
     default: (_: {}) => any;

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

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