@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

package/dist/components/VvRadio/VvRadio.es.js

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

package/dist/components/VvRadio/VvRadio.umd.js

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

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

@@ -1,136 +1,66 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            readonly: boolean;
-            label: string;
-            error: boolean;
-            valid: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: null;
-            modelValue: {
-                type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-            };
-            label: {
-                type: StringConstructor;
-                default: string;
-            };
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "label" | "error" | "valid">;
-        $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<{
-            value: null;
-            modelValue: {
-                type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-            };
-            label: {
-                type: StringConstructor;
-                default: string;
-            };
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            label: string;
-            error: boolean;
-            valid: 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<{
-        value: null;
-        modelValue: {
-            type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: BooleanConstructor;
-        readonly: BooleanConstructor;
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        [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<{
-    value: null;
-    modelValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    };
-    label: {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    disabled: BooleanConstructor;
+    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<{
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    label: StringConstructor;
     readonly: BooleanConstructor;
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    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;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+}, {
     disabled: boolean;
     readonly: boolean;
-    label: string;
-    error: boolean;
+    hintLabel: string;
+    invalid: boolean;
     valid: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default: (_: {
-            value: any;
-        }) => any;
-    };
-});
+    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/VvRadio/index.d.ts

@@ -0,0 +1,40 @@
+import type { ExtractPropTypes, Ref } from 'vue';
+import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
+export declare const VvRadioProps: {
+    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 VvRadioEvents: string[];
+export type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;
+/**
+ * Merges local and group props
+ */
+export declare function useGroupProps(props: VvRadioPropsType, emit: (event: (typeof VvRadioEvents)[number], value: unknown) => void): {
+    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>;
+};