@volverjs/ui-vue 0.0.1-beta.8 → 0.0.2

package/dist/components/VvCheckbox/VvCheckbox.es.js

@@ -0,0 +1,357 @@
+import { unref as v, computed as i, inject as D, toRef as H, toRefs as R, h as N, defineComponent as $, useSlots as M, ref as T, watchEffect as Z, watch as q, onMounted as z, openBlock as U, createElementBlock as F, normalizeClass as K, withDirectives as J, createElementVNode as Q, isRef as W, vModelCheckbox as X, renderSlot as Y, createTextVNode as L, toDisplayString as ee, createVNode as te } from "vue";
+import { nanoid as re } from "nanoid";
+import { toReactive as ne } from "@vueuse/core";
+function E(t, e, r) {
+  return r ? B(t, r) === B(e, r) : O(t, e);
+}
+function O(t, e) {
+  if (t === e)
+    return !0;
+  if (t && e && typeof t == "object" && typeof e == "object") {
+    const r = Array.isArray(t), c = Array.isArray(e);
+    let n, a, u;
+    if (r && c) {
+      if (a = t.length, a != e.length)
+        return !1;
+      for (n = a; n-- !== 0; )
+        if (!O(t[n], e[n]))
+          return !1;
+      return !0;
+    }
+    if (r != c)
+      return !1;
+    const d = t instanceof Date, l = e instanceof Date;
+    if (d != l)
+      return !1;
+    if (d && l)
+      return t.getTime() == e.getTime();
+    const s = t instanceof RegExp, f = e instanceof RegExp;
+    if (s != f)
+      return !1;
+    if (s && f)
+      return t.toString() == e.toString();
+    const o = Object.keys(t);
+    if (a = o.length, a !== Object.keys(e).length)
+      return !1;
+    for (n = a; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(e, o[n]))
+        return !1;
+    for (n = a; n-- !== 0; )
+      if (u = o[n], !O(t[u], e[u]))
+        return !1;
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function B(t, e) {
+  if (t && Object.keys(t).length && e) {
+    if (e.indexOf(".") === -1)
+      return t[e];
+    {
+      const r = e.split(".");
+      let c = t;
+      for (let n = 0, a = r.length; n < a; ++n) {
+        if (t == null)
+          return null;
+        c = c[r[n]];
+      }
+      return c;
+    }
+  } else
+    return null;
+}
+function ue(t, e) {
+  if (t != null && e && e.length) {
+    for (const r of e)
+      if (E(t, r))
+        return !0;
+  }
+  return !1;
+}
+function I(t) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(v(t));
+}
+function se(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function P(t) {
+  var e, r;
+  if (t)
+    return (r = (e = 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 : e.join("-")) == null ? void 0 : r.toLowerCase();
+}
+function ae(t, e) {
+  const r = { [`${t}`]: !0 };
+  return {
+    bemCssClasses: i(() => Object.keys(e).reduce((n, a) => {
+      const u = v(e[a]) || !1;
+      if (!u)
+        return n;
+      if (a === "modifiers") {
+        const d = Array.isArray(u) ? u : u.split(" ");
+        return {
+          ...n,
+          ...d.reduce(
+            (l, s) => ({
+              ...l,
+              [`${t}--${P(s)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${t}--${P(a)}`]: u
+        };
+    }, r) || {})
+  };
+}
+function oe(t) {
+  const e = D(t, void 0), r = i(() => !I(e));
+  function c(n, a, u) {
+    if (e != null && e.value) {
+      const l = v(e.value)[n];
+      return i({
+        get() {
+          return l == null ? void 0 : l.value;
+        },
+        set(s) {
+          l.value = s;
+        }
+      });
+    }
+    const d = H(a, n);
+    return i({
+      get() {
+        return d.value;
+      },
+      set(l) {
+        u && u(`update:${n}`, l);
+      }
+    });
+  }
+  return {
+    group: e,
+    isInGroup: r,
+    getGroupOrLocalRef: c
+  };
+}
+const le = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, ie = {
+  invalid: Boolean,
+  invalidLabel: [String, Array]
+}, ce = {
+  disabled: Boolean
+}, fe = {
+  readonly: Boolean
+}, ve = {
+  hintLabel: { type: String, default: "" }
+}, de = {
+  tabindex: { type: [String, Number], default: 0 }
+}, pe = {
+  id: [String, Number],
+  name: { type: String, required: !0 }
+}, ye = {
+  ...pe,
+  ...de,
+  ...le,
+  ...ie,
+  ...ve,
+  ...ce,
+  ...fe,
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String
+}, me = "VV_CHECK_GROUP", he = {
+  ...ye,
+  indeterminate: Boolean,
+  uncheckedValue: [String, Number, Boolean],
+  switch: Boolean
+}, ge = ["click", "update:modelValue", "change", "blur"];
+function Ae(t, e) {
+  const { group: r, isInGroup: c, getGroupOrLocalRef: n } = oe(me), { switch: a, indeterminate: u } = R(t), d = n("modelValue", t, e), l = n("readonly", t), s = n("disabled", t), f = n("valid", t), o = n("invalid", t);
+  return {
+    propsSwitch: a,
+    indeterminate: u,
+    group: r,
+    isInGroup: c,
+    modelValue: d,
+    readonly: l,
+    disabled: s,
+    valid: f,
+    invalid: o
+  };
+}
+function _(t) {
+  return Array.isArray(t) ? t.filter((e) => se(e)).join(" ") : t;
+}
+function be(t, e) {
+  const {
+    invalid: r,
+    valid: c,
+    hint: n,
+    loading: a
+  } = e, {
+    hintLabel: u,
+    modelValue: d,
+    valid: l,
+    validLabel: s,
+    invalid: f,
+    invalidLabel: o,
+    ...b
+  } = R(t), p = B(b, "loading"), y = B(b, "loadingLabel"), h = i(() => f.value ? !!(f.value && r || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !I(o)) : !1), k = i(
+    () => !!(u && u.value || n)
+  ), C = i(
+    () => !!(s && s.value || c)
+  ), V = i(
+    () => !!(p != null && p.value && a || p != null && p.value && (y != null && y.value))
+  ), x = i(
+    () => k.value || C.value || h.value || V.value
+  );
+  return {
+    hasInvalid: h,
+    hasHint: k,
+    hasValid: C,
+    hasLoading: V,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(j) {
+        const S = i(() => {
+          const g = ne({
+            hintLabel: u,
+            modelValue: d,
+            valid: l,
+            validLabel: s,
+            invalid: f,
+            invalidLabel: o,
+            loading: p,
+            loadingLabel: y,
+            ...j.params
+          });
+          return f != null && f.value ? (r == null ? void 0 : r(g)) || _(o == null ? void 0 : o.value) || (u == null ? void 0 : u.value) : l != null && l.value ? (c == null ? void 0 : c(g)) || _(s == null ? void 0 : s.value) || (u == null ? void 0 : u.value) : p != null && p.value ? (a == null ? void 0 : a(g)) || _(y == null ? void 0 : y.value) || (u == null ? void 0 : u.value) : (n == null ? void 0 : n(g)) || _(u == null ? void 0 : u.value) || (u == null ? void 0 : u.value);
+        });
+        return {
+          isVisible: x,
+          hasInvalid: h,
+          hasValid: C,
+          hintContent: S
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return N(
+            "small",
+            {
+              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+const ke = ["for"], Ce = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ve = {
+  name: "VvCheckbox"
+}, Be = /* @__PURE__ */ $({
+  ...Ve,
+  props: he,
+  emits: ge,
+  setup(t, { emit: e }) {
+    const r = t, c = M(), {
+      disabled: n,
+      readonly: a,
+      valid: u,
+      invalid: d,
+      propsSwitch: l,
+      modelValue: s,
+      indeterminate: f,
+      isInGroup: o
+    } = Ae(r, e), b = i(() => String(r.id || re())), p = i(() => k.value ? -1 : r.tabindex), y = T(), h = i(
+      () => r.uncheckedValue !== void 0 && !o.value
+    ), k = i(() => n.value || a.value), C = i(() => {
+      if (d.value === !0)
+        return !0;
+      if (u.value === !0)
+        return !1;
+    }), V = i(() => h.value ? s.value === r.value : Array.isArray(s.value) ? ue(r.value, s.value) : E(r.value, s.value)), x = i(() => !!(f.value || !V.value && h.value && r.uncheckedValue !== s.value)), j = i(() => {
+      if (!h.value)
+        return ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0;
+    }), S = i({
+      get() {
+        return V.value;
+      },
+      set(m) {
+        if (h.value)
+          s.value = m ? r.value : r.uncheckedValue;
+        else if (Array.isArray(s.value) || o.value) {
+          const A = new Set(
+            Array.isArray(s.value) ? s.value : s.value !== void 0 ? [s.value] : []
+          );
+          m ? A.add(r.value) : A.delete(r.value), s.value = [...A];
+        } else
+          s.value = m ? r.value : void 0;
+        e("change", m);
+      }
+    }), { bemCssClasses: g } = ae("vv-checkbox", {
+      switch: l,
+      valid: u,
+      invalid: d,
+      disabled: n,
+      readonly: a,
+      indeterminate: f
+    });
+    Z(() => {
+      h.value && Array.isArray(s.value) && console.warn(
+        "[VvCheckbox] The model value is an array but the component is in binary mode."
+      );
+    }), q(
+      () => x.value,
+      (m) => {
+        m ? y.value.indeterminate = !0 : y.value.indeterminate = !1;
+      }
+    ), z(() => {
+      x.value && (y.value.indeterminate = !0);
+    });
+    const { HintSlot: w } = be(r, c);
+    return (m, A) => (U(), F("label", {
+      class: K(v(g)),
+      for: v(b)
+    }, [
+      J(Q("input", {
+        id: v(b),
+        ref_key: "input",
+        ref: y,
+        "onUpdate:modelValue": A[0] || (A[0] = (G) => W(S) ? S.value = G : null),
+        type: "checkbox",
+        class: "vv-checkbox__input",
+        name: m.name,
+        disabled: v(k),
+        value: v(j),
+        tabindex: v(p),
+        "aria-invalid": v(C)
+      }, null, 8, Ce), [
+        [X, v(S)]
+      ]),
+      Y(m.$slots, "default", { value: v(s) }, () => [
+        L(ee(m.label), 1)
+      ]),
+      te(v(w), {
+        class: "vv-checkbox__hint",
+        params: { value: v(s) }
+      }, null, 8, ["params"])
+    ], 10, ke));
+  }
+});
+export {
+  Be as default
+};

package/dist/components/VvCheckbox/VvCheckbox.umd.js

@@ -0,0 +1 @@
+(function(e,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("nanoid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core"],A):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckbox=A(e.vue,e.nanoid,e.core))})(this,function(e,A,E){"use strict";function j(n,t,r){return r?S(n,r)===S(t,r):B(n,t)}function B(n,t){if(n===t)return!0;if(n&&t&&typeof n=="object"&&typeof t=="object"){const r=Array.isArray(n),c=Array.isArray(t);let o,i,s;if(r&&c){if(i=n.length,i!=t.length)return!1;for(o=i;o--!==0;)if(!B(n[o],t[o]))return!1;return!0}if(r!=c)return!1;const d=n instanceof Date,l=t instanceof Date;if(d!=l)return!1;if(d&&l)return n.getTime()==t.getTime();const a=n instanceof RegExp,f=t instanceof RegExp;if(a!=f)return!1;if(a&&f)return n.toString()==t.toString();const u=Object.keys(n);if(i=u.length,i!==Object.keys(t).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[o]))return!1;for(o=i;o--!==0;)if(s=u[o],!B(n[s],t[s]))return!1;return!0}return n!==n&&t!==t}function S(n,t){if(n&&Object.keys(n).length&&t){if(t.indexOf(".")===-1)return n[t];{const r=t.split(".");let c=n;for(let o=0,i=r.length;o<i;++o){if(n==null)return null;c=c[r[o]]}return c}}else return null}function w(n,t){if(n!=null&&t&&t.length){for(const r of t)if(j(n,r))return!0}return!1}function O(n){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(e.unref(n))}function D(n){return typeof n=="string"||n instanceof String}function I(n){var t,r;if(n)return(r=(t=n.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 G(n,t){const r={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((o,i)=>{const s=e.unref(t[i])||!1;if(!s)return o;if(i==="modifiers"){const d=Array.isArray(s)?s:s.split(" ");return{...o,...d.reduce((l,a)=>({...l,[`${n}--${I(a)}`]:!0}),{})}}else return{...o,[`${n}--${I(i)}`]:s}},r)||{})}}function H(n){const t=e.inject(n,void 0),r=e.computed(()=>!O(t));function c(o,i,s){if(t!=null&&t.value){const l=e.unref(t.value)[o];return e.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}const d=e.toRef(i,o);return e.computed({get(){return d.value},set(l){s&&s(`update:${o}`,l)}})}return{group:t,isInGroup:r,getGroupOrLocalRef:c}}const N={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...{valid:Boolean,validLabel:[String,Array]},...{invalid:Boolean,invalidLabel:[String,Array]},...{hintLabel:{type:String,default:""}},...{disabled:Boolean},...{readonly:Boolean},value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},T="VV_CHECK_GROUP",$={...N,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},q=["click","update:modelValue","change","blur"];function M(n,t){const{group:r,isInGroup:c,getGroupOrLocalRef:o}=H(T),{switch:i,indeterminate:s}=e.toRefs(n),d=o("modelValue",n,t),l=o("readonly",n),a=o("disabled",n),f=o("valid",n),u=o("invalid",n);return{propsSwitch:i,indeterminate:s,group:r,isInGroup:c,modelValue:d,readonly:l,disabled:a,valid:f,invalid:u}}function P(n){return Array.isArray(n)?n.filter(t=>D(t)).join(" "):n}function Z(n,t){const{invalid:r,valid:c,hint:o,loading:i}=t,{hintLabel:s,modelValue:d,valid:l,validLabel:a,invalid:f,invalidLabel:u,...b}=e.toRefs(n),p=S(b,"loading"),m=S(b,"loadingLabel"),y=e.computed(()=>f.value?!!(f.value&&r||u!=null&&u.value&&Array.isArray(u.value)&&u.value.length>0||u!=null&&u.value&&!O(u)):!1),k=e.computed(()=>!!(s&&s.value||o)),V=e.computed(()=>!!(a&&a.value||c)),C=e.computed(()=>!!(p!=null&&p.value&&i||p!=null&&p.value&&(m!=null&&m.value))),_=e.computed(()=>k.value||V.value||y.value||C.value);return{hasInvalid:y,hasHint:k,hasValid:V,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(R){const x=e.computed(()=>{const h=E.toReactive({hintLabel:s,modelValue:d,valid:l,validLabel:a,invalid:f,invalidLabel:u,loading:p,loadingLabel:m,...R.params});return f!=null&&f.value?(r==null?void 0:r(h))||P(u==null?void 0:u.value)||(s==null?void 0:s.value):l!=null&&l.value?(c==null?void 0:c(h))||P(a==null?void 0:a.value)||(s==null?void 0:s.value):p!=null&&p.value?(i==null?void 0:i(h))||P(m==null?void 0:m.value)||(s==null?void 0:s.value):(o==null?void 0:o(h))||P(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:_,hasInvalid:y,hasValid:V,hintContent:x}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const z=["for"],U=["id","name","disabled","value","tabindex","aria-invalid"],F={name:"VvCheckbox"};return e.defineComponent({...F,props:$,emits:q,setup(n,{emit:t}){const r=n,c=e.useSlots(),{disabled:o,readonly:i,valid:s,invalid:d,propsSwitch:l,modelValue:a,indeterminate:f,isInGroup:u}=M(r,t),b=e.computed(()=>String(r.id||A.nanoid())),p=e.computed(()=>k.value?-1:r.tabindex),m=e.ref(),y=e.computed(()=>r.uncheckedValue!==void 0&&!u.value),k=e.computed(()=>o.value||i.value),V=e.computed(()=>{if(d.value===!0)return!0;if(s.value===!0)return!1}),C=e.computed(()=>y.value?a.value===r.value:Array.isArray(a.value)?w(r.value,a.value):j(r.value,a.value)),_=e.computed(()=>!!(f.value||!C.value&&y.value&&r.uncheckedValue!==a.value)),R=e.computed(()=>{if(!y.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),x=e.computed({get(){return C.value},set(v){if(y.value)a.value=v?r.value:r.uncheckedValue;else if(Array.isArray(a.value)||u.value){const g=new Set(Array.isArray(a.value)?a.value:a.value!==void 0?[a.value]:[]);v?g.add(r.value):g.delete(r.value),a.value=[...g]}else a.value=v?r.value:void 0;t("change",v)}}),{bemCssClasses:h}=G("vv-checkbox",{switch:l,valid:s,invalid:d,disabled:o,readonly:i,indeterminate:f});e.watchEffect(()=>{y.value&&Array.isArray(a.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),e.watch(()=>_.value,v=>{v?m.value.indeterminate=!0:m.value.indeterminate=!1}),e.onMounted(()=>{_.value&&(m.value.indeterminate=!0)});const{HintSlot:K}=Z(r,c);return(v,g)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(h)),for:e.unref(b)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(b),ref_key:"input",ref:m,"onUpdate:modelValue":g[0]||(g[0]=J=>e.isRef(x)?x.value=J:null),type:"checkbox",class:"vv-checkbox__input",name:v.name,disabled:e.unref(k),value:e.unref(R),tabindex:e.unref(p),"aria-invalid":e.unref(V)},null,8,U),[[e.vModelCheckbox,e.unref(x)]]),e.renderSlot(v.$slots,"default",{value:e.unref(a)},()=>[e.createTextVNode(e.toDisplayString(v.label),1)]),e.createVNode(e.unref(K),{class:"vv-checkbox__hint",params:{value:e.unref(a)}},null,8,["params"])],10,z))}})});

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

@@ -0,0 +1,74 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    indeterminate: BooleanConstructor;
+    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    switch: BooleanConstructor;
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    indeterminate: BooleanConstructor;
+    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    switch: BooleanConstructor;
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    switch: boolean;
+    readonly: boolean;
+    indeterminate: boolean;
+    hintLabel: string;
+    invalid: boolean;
+    valid: boolean;
+    tabindex: string | number;
+}>, {
+    default: (_: {
+        value: string | number | boolean | Record<string, any> | undefined;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+import { type ExtractPropTypes, type Ref } from 'vue';
+import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
+export declare const VvCheckboxProps: {
+    /**
+     * If true, the input will be indeterminated
+     */
+    indeterminate: BooleanConstructor;
+    /**
+     * Value associated with the unchecked state
+     */
+    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * If true, the input will be displayed as a switch
+     */
+    switch: BooleanConstructor;
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export declare const VvCheckboxEvents: string[];
+export type VvCheckboxPropsTypes = ExtractPropTypes<typeof VvCheckboxProps>;
+/**
+ * Merges local and group props
+ */
+export declare function useGroupProps(props: VvCheckboxPropsTypes, emit: (event: (typeof VvCheckboxEvents)[number], value: unknown) => void): {
+    propsSwitch: Ref<boolean>;
+    indeterminate: Ref<boolean>;
+    group: Ref<IInputGroupState> | undefined;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    modelValue: import("vue").WritableComputedRef<unknown>;
+    readonly: Ref<boolean>;
+    disabled: Ref<boolean>;
+    valid: Ref<boolean>;
+    invalid: Ref<boolean>;
+};