@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.16

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

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

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

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

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

@@ -0,0 +1,87 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    trueValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    falseValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    switch: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    trueValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    falseValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    switch: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    switch: boolean;
+    error: boolean;
+    readonly: boolean;
+    trueValue: string | number | boolean;
+    falseValue: string | number | boolean;
+    tabindex: string | number;
+    hintLabel: string;
+    valid: boolean;
+}>, {
+    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,86 @@
+import { type ExtractPropTypes, type Ref } from 'vue';
+import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
+export declare const VvCheckboxProps: {
+    /**
+     * Input id
+     */
+    id: (StringConstructor | NumberConstructor)[];
+    /**
+     * Input name
+     */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    /**
+     * Input value
+     */
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * Input value
+     * @description
+     * If binary the input value can be an Object, a Boolean or a Number
+     * If not binary the input value must be an Array
+     */
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * Input name
+     */
+    label: StringConstructor;
+    /**
+     * If true, the input will be disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * If true, the input will be readonly
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Value associated with the checked state (returned instead of TRUE)
+     */
+    trueValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Value associated with the unchecked state (returned instead of FALSE)
+     */
+    falseValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * If true, the input will be displayed as a switch
+     */
+    switch: BooleanConstructor;
+    /**
+     * Sequential keyboard navigation
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+};
+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): {
+    valid: Ref<boolean>;
+    error: Ref<boolean>;
+    propsSwitch: Ref<boolean>;
+    group: Ref<IInputGroupState> | undefined;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    modelValue: import("vue").WritableComputedRef<unknown>;
+    readonly: Ref<boolean>;
+    disabled: Ref<boolean>;
+};