@volverjs/form-vue 1.1.2-beta.1 → 1.1.2

package/dist/index.es.js

@@ -1,1069 +1,850 @@
-import { ref as k, computed as D, readonly as F, defineComponent as U, h as E, withModifiers as re, toRaw as N, watch as z, isProxy as ce, onMounted as H, provide as Q, toRefs as Y, useId as ae, inject as G, onBeforeUnmount as L, unref as B, resolveComponent as $, defineAsyncComponent as me, getCurrentInstance as pe } from "vue";
-import { watchIgnorable as ye, throttleFilter as he } from "@vueuse/core";
-import { ZodError as be } from "zod/v3";
-import { safeParse as je, safeParseAsync as Ve, formatError as ne, $ZodError as ge } from "zod/v4/core";
-import { setProperty as oe, getProperty as W } from "dot-prop";
-var V = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e))(V || {}), S = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.reset = "reset", e.updated = "updated", e.unknown = "unknown", e))(S || {});
-const K = (e) => e._def.typeName === "ZodObject", C = (e) => e._zod.def.type === "object", Oe = (e) => e._def.typeName === "ZodDefault", we = (e) => e._zod.def.type === "default", De = (e) => e._def.typeName === "ZodNullable", _e = (e) => e._zod.def.type === "nullable", Re = (e) => e._def.typeName === "ZodRecord", Se = (e) => e._zod.def.type === "record", Ie = (e) => e._def.typeName === "ZodArray", Ee = (e) => e._zod.def.type === "array", Ze = (e) => e._def.typeName === "ZodEffects", ue = (e) => e._def.typeName === "ZodOptional", le = (e) => e._zod.def.type === "optional", xe = (e) => e._zod.def.type === "pipe", ze = (e) => e._zod.def.type === "transform";
-function se(e) {
-  let t = e;
-  for (; Ze(t); )
-    t = t.innerType();
-  return t;
+import { computed as e, defineAsyncComponent as t, defineComponent as n, getCurrentInstance as r, h as i, inject as a, isProxy as o, onBeforeUnmount as s, onMounted as c, provide as l, readonly as u, ref as d, resolveComponent as f, toRaw as p, toRefs as m, unref as h, useId as g, watch as _, withModifiers as v } from "vue";
+import { throttleFilter as y, watchIgnorable as b } from "@vueuse/core";
+import { ZodError as x } from "zod/v3";
+import { $ZodError as S, formatError as C, safeParse as w, safeParseAsync as T } from "zod/v4/core";
+import { getProperty as E, setProperty as D } from "dot-prop";
+//#region src/enums.ts
+var O = /* @__PURE__ */ function(e) {
+	return e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e;
+}({}), k = /* @__PURE__ */ function(e) {
+	return e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.reset = "reset", e.updated = "updated", e.unknown = "unknown", e;
+}({}), A = (e) => e._def.typeName === "ZodObject", j = (e) => e._zod.def.type === "object", M = (e) => e._def.typeName === "ZodDefault", N = (e) => e._zod.def.type === "default", P = (e) => e._def.typeName === "ZodNullable", F = (e) => e._zod.def.type === "nullable", I = (e) => e._def.typeName === "ZodRecord", L = (e) => e._zod.def.type === "record", R = (e) => e._def.typeName === "ZodArray", z = (e) => e._zod.def.type === "array", B = (e) => e._def.typeName === "ZodEffects", V = (e) => e._def.typeName === "ZodOptional", H = (e) => e._zod.def.type === "optional", U = (e) => e._zod.def.type === "pipe", W = (e) => e._zod.def.type === "transform";
+function G(e) {
+	let t = e;
+	for (; B(t);) t = t.innerType();
+	return t;
 }
-function ie(e) {
-  let t = e;
-  for (; xe(t); )
-    ze(t._zod.def.out) ? t = t._zod.def.in : t = t._zod.def.out;
-  return t;
+function K(e) {
+	let t = e;
+	for (; U(t);) t = W(t._zod.def.out) ? t._zod.def.in : t._zod.def.out;
+	return t;
 }
-const T = (e) => {
-  let t = se(e);
-  return ue(t) && (t = t._def.innerType), t;
-}, M = (e) => {
-  let t = ie(e);
-  return le(t) && (t = t._zod.def.innerType), t;
-}, Fe = (e) => {
-  const t = se(e);
-  return !!ue(t);
-}, Ae = (e) => {
-  const t = ie(e);
-  return !!le(t);
-}, X = (e) => "_zod" in e;
-function P(e, t = {}) {
-  if (X(e)) {
-    const a = M(e);
-    return C(a) ? {
-      ...a._zod.def.catchall && a._zod.def.catchall._zod.def.type !== "never" ? t : {},
-      ...Object.fromEntries(
-        ("shape" in a._zod.def ? Object.entries(a._zod.def.shape) : []).map(
-          ([u, f]) => {
-            const r = t[u], v = Ae(f);
-            let o = M(f), d;
-            if (we(o) && (d = o._zod.def.defaultValue, o = o._zod.def.innerType), r === null && _e(o))
-              return [u, r];
-            if (r == null && v)
-              return [u, d];
-            if (o) {
-              const c = je(f, r);
-              if (c.success)
-                return [u, c.data ?? d];
-            }
-            if (Ee(o) && Array.isArray(r) && r.length) {
-              const c = M(o._zod.def.element);
-              if (C(c))
-                return [
-                  u,
-                  r.map(
-                    (w) => P(
-                      c,
-                      w && typeof w == "object" ? w : void 0
-                    )
-                  )
-                ];
-            }
-            if (Se(o) && r) {
-              const c = M(o._zod.def.valueType);
-              if (C(c))
-                return [u, Object.keys(r).reduce((w, p) => (w[p] = P(c, r[p]), w), {})];
-            }
-            return C(o) ? [
-              u,
-              P(
-                o,
-                r && typeof r == "object" ? r : d
-              )
-            ] : [u, d];
-          }
-        )
-      )
-    } : t;
-  }
-  const l = T(e);
-  return K(l) ? {
-    ...l._def.unknownKeys === "passthrough" ? t : {},
-    ...Object.fromEntries(
-      ("shape" in l ? Object.entries(l.shape) : []).map(
-        ([a, i]) => {
-          const u = t[a], f = Fe(i);
-          let r = T(i), v;
-          if (Oe(r) && (v = r._def.defaultValue(), r = r._def.innerType), u === null && De(r))
-            return [a, u];
-          if (u == null && f)
-            return [a, v];
-          if (r) {
-            const o = i.safeParse(u);
-            if (o.success)
-              return [a, o.data ?? v];
-          }
-          if (Ie(r) && Array.isArray(u) && u.length) {
-            const o = T(r._def.type);
-            if (K(o))
-              return [
-                a,
-                u.map(
-                  (d) => P(
-                    o,
-                    d && typeof d == "object" ? d : void 0
-                  )
-                )
-              ];
-          }
-          if (Re(r) && u) {
-            const o = T(r._def.valueType);
-            if (K(o))
-              return [a, Object.keys(u).reduce((d, c) => (d[c] = P(o, u[c]), d), {})];
-          }
-          return K(r) ? [
-            a,
-            P(
-              r,
-              u && typeof u == "object" ? u : v
-            )
-          ] : [a, v];
-        }
-      )
-    )
-  } : t;
+var q = (e) => {
+	let t = G(e);
+	return V(t) && (t = t._def.innerType), t;
+}, J = (e) => {
+	let t = K(e);
+	return H(t) && (t = t._zod.def.innerType), t;
+}, ee = (e) => !!V(G(e)), te = (e) => !!H(K(e)), Y = (e) => "_zod" in e;
+function X(e, t = {}) {
+	if (Y(e)) {
+		let n = J(e);
+		return j(n) ? {
+			...n._zod.def.catchall && n._zod.def.catchall._zod.def.type !== "never" ? t : {},
+			...Object.fromEntries(("shape" in n._zod.def ? Object.entries(n._zod.def.shape) : []).map(([e, n]) => {
+				let r = t[e], i = te(n), a = J(n), o;
+				if (N(a) && (o = a._zod.def.defaultValue, a = a._zod.def.innerType), r === null && F(a)) return [e, r];
+				if (r == null && i) return [e, o];
+				if (a && r !== void 0) {
+					let t = w(n, r);
+					if (t.success) return [e, t.data ?? o];
+				}
+				if (z(a) && Array.isArray(r)) {
+					let t = J(a._zod.def.element);
+					return j(t) ? [e, r.map((e) => X(t, e && typeof e == "object" ? e : void 0))] : [e, r];
+				}
+				if (L(a) && r) {
+					let t = J(a._zod.def.valueType);
+					return j(t) ? [e, Object.keys(r).reduce((e, n) => (e[n] = X(t, r[n]), e), {})] : [e, r];
+				}
+				return j(a) ? [e, X(a, r && typeof r == "object" ? r : o)] : [e, o];
+			}))
+		} : t;
+	}
+	let n = q(e);
+	return A(n) ? {
+		...n._def.unknownKeys === "passthrough" ? t : {},
+		...Object.fromEntries(("shape" in n ? Object.entries(n.shape) : []).map(([e, n]) => {
+			let r = t[e], i = ee(n), a = q(n), o;
+			if (M(a) && (o = a._def.defaultValue(), a = a._def.innerType), r === null && P(a)) return [e, r];
+			if (r == null && i) return [e, o];
+			if (a && r !== void 0) {
+				let t = n.safeParse(r);
+				if (t.success) return [e, t.data ?? o];
+			}
+			if (R(a) && Array.isArray(r)) {
+				let t = q(a._def.type);
+				return A(t) ? [e, r.map((e) => X(t, e && typeof e == "object" ? e : void 0))] : [e, r];
+			}
+			if (I(a) && r) {
+				let t = q(a._def.valueType);
+				return A(t) ? [e, Object.keys(r).reduce((e, n) => (e[n] = X(t, r[n]), e), {})] : [e, r];
+			}
+			return A(a) ? [e, X(a, r && typeof r == "object" ? r : o)] : [e, o];
+		}))
+	} : t;
 }
-const Ne = (e, t) => X(e) ? Ve(e, t) : e.safeParseAsync(t), $e = (e, t) => X(e) ? ne(t) : t.format(), Ge = (e, t) => X(e) ? ne(new ge(t)) : new be(t).format();
-function Pe(e, t, l, g, a) {
-  const i = k(), u = k(), f = D(() => u.value === S.invalid), r = k(), v = k(!1);
-  let o;
-  const d = (O) => {
-    const _ = P(e, O);
-    if (l?.class) {
-      const n = l.class;
-      return new n(_);
-    }
-    return _;
-  }, c = async (O = r.value, _) => {
-    if (o = _?.fields, v.value)
-      return !0;
-    const n = await Ne(e, O);
-    if (!n.success) {
-      if (u.value = S.invalid, !o?.size)
-        return i.value = $e(e, n.error), !1;
-      const j = n.error.issues.filter(
-        (A) => o?.has(A.path.join("."))
-      );
-      return j.length ? (i.value = Ge(e, j), !1) : (i.value = void 0, !0);
-    }
-    return i.value = void 0, u.value = S.valid, r.value = d(n.data), !0;
-  }, w = () => {
-    i.value = void 0, u.value = void 0, o = void 0;
-  }, p = () => {
-    r.value = d(), w(), u.value = S.reset;
-  }, m = async (O) => v.value || !await c(void 0, O) ? !1 : (u.value = S.submitting, !0), { ignoreUpdates: y, stop: b } = ye(
-    r,
-    () => {
-      u.value = S.updated;
-    },
-    {
-      deep: !0,
-      eventFilter: he(l?.updateThrottle ?? 500)
-    }
-  ), I = F(i), R = F(u), Z = U({
-    name: "VvForm",
-    props: {
-      continuousValidation: {
-        type: Boolean,
-        default: !1
-      },
-      modelValue: {
-        type: Object,
-        default: () => ({})
-      },
-      readonly: {
-        type: Boolean,
-        default: l?.readonly
-      },
-      tag: {
-        type: String,
-        default: "form"
-      },
-      template: {
-        type: [Array, Function],
-        default: void 0
-      },
-      superRefine: {
-        type: Function,
-        default: void 0
-      },
-      validateFields: {
-        type: Array,
-        default: void 0
-      }
-    },
-    emits: [
-      "invalid",
-      "submit",
-      "update:modelValue",
-      "update:readonly",
-      "valid",
-      "reset"
-    ],
-    expose: [
-      "errors",
-      "invalid",
-      "readonly",
-      "status",
-      "submit",
-      "tag",
-      "template",
-      "valid",
-      "validate",
-      "clear",
-      "reset"
-    ],
-    slots: Object,
-    setup(O, { emit: _ }) {
-      return r.value = d(N(O.modelValue)), z(
-        () => O.modelValue,
-        (n) => {
-          if (n) {
-            const j = ce(n) ? N(n) : n;
-            if (JSON.stringify(j) === JSON.stringify(N(r.value)))
-              return;
-            r.value = typeof j?.clone == "function" ? j.clone() : JSON.parse(JSON.stringify(j));
-          }
-        },
-        { deep: !0 }
-      ), z(u, async (n) => {
-        if (n === S.invalid) {
-          const j = N(i.value);
-          _("invalid", j), l?.onInvalid?.(
-            j
-          );
-          return;
-        }
-        if (n === S.valid) {
-          const j = N(r.value);
-          _("valid", j), l?.onValid?.(j), _("update:modelValue", j), l?.onUpdate?.(j);
-          return;
-        }
-        if (n === S.submitting) {
-          const j = N(r.value);
-          _("submit", j), l?.onSubmit?.(j);
-          return;
-        }
-        if (n === S.reset) {
-          const j = N(r.value);
-          _("reset", j), l?.onReset?.(j);
-          return;
-        }
-        if (n === S.updated) {
-          if ((i.value || l?.continuousValidation || O.continuousValidation) && await c(void 0, {
-            superRefine: O.superRefine,
-            fields: o ?? new Set(O.validateFields)
-          }), !r.value || !O.modelValue || JSON.stringify(r.value) !== JSON.stringify(O.modelValue)) {
-            const j = N(r.value);
-            _("update:modelValue", j), l?.onUpdate?.(j);
-          }
-          u.value === S.updated && (u.value = S.unknown);
-        }
-      }), H(() => {
-        O.readonly !== void 0 && (v.value = O.readonly);
-      }), z(
-        () => O.readonly,
-        (n) => {
-          v.value = n;
-        }
-      ), z(v, (n) => {
-        n !== O.readonly && _("update:readonly", v.value);
-      }), Q(t, {
-        clear: w,
-        errors: I,
-        formData: r,
-        ignoreUpdates: y,
-        invalid: f,
-        readonly: v,
-        reset: p,
-        status: R,
-        stopUpdatesWatch: b,
-        submit: m,
-        validate: c,
-        wrappers: a
-      }), {
-        clear: w,
-        errors: I,
-        formData: r,
-        ignoreUpdates: y,
-        invalid: f,
-        isReadonly: v,
-        reset: p,
-        status: R,
-        stopUpdatesWatch: b,
-        submit: () => m({
-          superRefine: O.superRefine,
-          fields: new Set(O.validateFields)
-        }),
-        validate: c,
-        wrappers: a
-      };
-    },
-    render() {
-      const O = () => this.$slots?.default?.({
-        errors: I.value,
-        formData: r.value,
-        invalid: f.value,
-        readonly: v.value,
-        status: R.value,
-        wrappers: a,
-        clear: w,
-        ignoreUpdates: y,
-        reset: p,
-        stopUpdatesWatch: b,
-        submit: m,
-        validate: c
-      }) ?? this.$slots.default;
-      return E(
-        this.tag,
-        {
-          onSubmit: re(this.submit, ["prevent"]),
-          onReset: re(this.reset, ["prevent"])
-        },
-        (this.template ?? l?.template) && g ? [
-          E(
-            g,
-            {
-              schema: this.template ?? l?.template
-            },
-            {
-              default: O
-            }
-          )
-        ] : {
-          default: O
-        }
-      );
-    }
-  });
-  return {
-    clear: w,
-    errors: i,
-    formData: r,
-    ignoreUpdates: y,
-    invalid: f,
-    readonly: v,
-    reset: p,
-    status: u,
-    wrappers: a,
-    stopUpdatesWatch: b,
-    submit: m,
-    validate: c,
-    VvForm: Z
-  };
+var ne = (e, t) => Y(e) ? T(e, t) : e.safeParseAsync(t), re = (e, t) => Y(e) ? C(t) : t.format(), ie = (e, t) => Y(e) ? C(new S(t)) : new x(t).format();
+//#endregion
+//#region src/VvForm.ts
+function ae(t, r, a, s, f) {
+	let m = d(), h = d(), g = e(() => h.value === k.invalid), x = d(), S = d(!1), C, w = (e) => {
+		let n = X(t, e);
+		if (a?.class) {
+			let e = a.class;
+			return new e(n);
+		}
+		return n;
+	}, T = async (e = x.value, n) => {
+		if (C = n?.fields, S.value) return !0;
+		let r = await ne(t, e);
+		if (!r.success) {
+			if (h.value = k.invalid, !C?.size) return m.value = re(t, r.error), !1;
+			let e = r.error.issues.filter((e) => C?.has(e.path.join(".")));
+			return e.length ? (m.value = ie(t, e), !1) : (m.value = void 0, !0);
+		}
+		return m.value = void 0, h.value = k.valid, x.value = w(r.data), !0;
+	}, E = () => {
+		m.value = void 0, h.value = void 0, C = void 0;
+	}, D = () => {
+		x.value = w(), E(), h.value = k.reset;
+	}, O = async (e) => S.value || !await T(void 0, e) ? !1 : (h.value = k.submitting, !0), { ignoreUpdates: A, stop: j } = b(x, () => {
+		h.value = k.updated;
+	}, {
+		deep: !0,
+		eventFilter: y(a?.updateThrottle ?? 500)
+	}), M = u(m), N = u(h);
+	return {
+		clear: E,
+		errors: m,
+		formData: x,
+		ignoreUpdates: A,
+		invalid: g,
+		readonly: S,
+		reset: D,
+		status: h,
+		wrappers: f,
+		stopUpdatesWatch: j,
+		submit: O,
+		validate: T,
+		VvForm: n({
+			name: "VvForm",
+			props: {
+				continuousValidation: {
+					type: Boolean,
+					default: !1
+				},
+				modelValue: {
+					type: Object,
+					default: () => ({})
+				},
+				readonly: {
+					type: Boolean,
+					default: a?.readonly
+				},
+				tag: {
+					type: String,
+					default: "form"
+				},
+				template: {
+					type: [Array, Function],
+					default: void 0
+				},
+				superRefine: {
+					type: Function,
+					default: void 0
+				},
+				validateFields: {
+					type: Array,
+					default: void 0
+				}
+			},
+			emits: [
+				"invalid",
+				"submit",
+				"update:modelValue",
+				"update:readonly",
+				"valid",
+				"reset"
+			],
+			expose: [
+				"errors",
+				"invalid",
+				"readonly",
+				"status",
+				"submit",
+				"tag",
+				"template",
+				"valid",
+				"validate",
+				"clear",
+				"reset"
+			],
+			slots: Object,
+			setup(e, { emit: t }) {
+				return x.value = w(p(e.modelValue)), _(() => e.modelValue, (e) => {
+					if (e) {
+						let t = o(e) ? p(e) : e;
+						if (JSON.stringify(t) === JSON.stringify(p(x.value))) return;
+						x.value = typeof t?.clone == "function" ? t.clone() : JSON.parse(JSON.stringify(t));
+					}
+				}, { deep: !0 }), _(h, async (n) => {
+					if (n === k.invalid) {
+						let e = p(m.value);
+						t("invalid", e), a?.onInvalid?.(e);
+						return;
+					}
+					if (n === k.valid) {
+						let e = p(x.value);
+						t("valid", e), a?.onValid?.(e), t("update:modelValue", e), a?.onUpdate?.(e);
+						return;
+					}
+					if (n === k.submitting) {
+						let e = p(x.value);
+						t("submit", e), a?.onSubmit?.(e);
+						return;
+					}
+					if (n === k.reset) {
+						let e = p(x.value);
+						t("reset", e), a?.onReset?.(e);
+						return;
+					}
+					if (n === k.updated) {
+						if ((m.value || a?.continuousValidation || e.continuousValidation) && await T(void 0, {
+							superRefine: e.superRefine,
+							fields: C ?? new Set(e.validateFields)
+						}), !x.value || !e.modelValue || JSON.stringify(x.value) !== JSON.stringify(e.modelValue)) {
+							let e = p(x.value);
+							t("update:modelValue", e), a?.onUpdate?.(e);
+						}
+						h.value === k.updated && (h.value = k.unknown);
+					}
+				}), c(() => {
+					e.readonly !== void 0 && (S.value = e.readonly);
+				}), _(() => e.readonly, (e) => {
+					S.value = e;
+				}), _(S, (n) => {
+					n !== e.readonly && t("update:readonly", S.value);
+				}), l(r, {
+					clear: E,
+					errors: M,
+					formData: x,
+					ignoreUpdates: A,
+					invalid: g,
+					readonly: S,
+					reset: D,
+					status: N,
+					stopUpdatesWatch: j,
+					submit: O,
+					validate: T,
+					wrappers: f
+				}), {
+					clear: E,
+					errors: M,
+					formData: x,
+					ignoreUpdates: A,
+					invalid: g,
+					isReadonly: S,
+					reset: D,
+					status: N,
+					stopUpdatesWatch: j,
+					submit: () => O({
+						superRefine: e.superRefine,
+						fields: new Set(e.validateFields)
+					}),
+					validate: T,
+					wrappers: f
+				};
+			},
+			render() {
+				let e = () => this.$slots?.default?.({
+					errors: M.value,
+					formData: x.value,
+					invalid: g.value,
+					readonly: S.value,
+					status: N.value,
+					wrappers: f,
+					clear: E,
+					ignoreUpdates: A,
+					reset: D,
+					stopUpdatesWatch: j,
+					submit: O,
+					validate: T
+				}) ?? this.$slots.default;
+				return i(this.tag, {
+					onSubmit: v(this.submit, ["prevent"]),
+					onReset: v(this.reset, ["prevent"])
+				}, (this.template ?? a?.template) && s ? [i(s, { schema: this.template ?? a?.template }, { default: e })] : { default: e });
+			}
+		})
+	};
 }
-function ke(e, t, l, g) {
-  return U({
-    name: "VvFormField",
-    props: {
-      type: {
-        type: String,
-        validator: (a) => Object.values(V).includes(a),
-        default: V.custom
-      },
-      is: {
-        type: [Object, String],
-        default: void 0
-      },
-      name: {
-        type: [String, Number, Boolean, Symbol],
-        required: !0
-      },
-      props: {
-        type: [Object, Function],
-        default: () => ({})
-      },
-      showValid: {
-        type: Boolean,
-        default: !1
-      },
-      defaultValue: {
-        type: [String, Number, Boolean, Array, Object],
-        default: void 0
-      },
-      lazyLoad: {
-        type: Boolean,
-        default: !1
-      },
-      readonly: {
-        type: Boolean,
-        default: void 0
-      }
-    },
-    emits: [
-      "invalid",
-      "update:formData",
-      "update:modelValue",
-      "valid"
-    ],
-    expose: [
-      "component",
-      "errors",
-      "hasProps",
-      "invalid",
-      "invalidLabel",
-      "is",
-      "type"
-    ],
-    slots: Object,
-    setup(a, { slots: i, emit: u }) {
-      const { props: f, name: r } = Y(a), v = ae(), o = G(t, void 0);
-      o && o.fields.value.set(v, a.name);
-      const d = G(e), c = D({
-        get() {
-          if (d?.formData)
-            return W(
-              new Object(d.formData.value),
-              String(a.name)
-            );
-        },
-        set(n) {
-          d?.formData && (oe(
-            new Object(d.formData.value),
-            String(a.name),
-            n
-          ), u("update:modelValue", {
-            newValue: c.value,
-            formData: d?.formData
-          }));
-        }
-      });
-      H(() => {
-        c.value === void 0 && a.defaultValue !== void 0 && (c.value = a.defaultValue);
-      }), L(() => {
-        o && o.fields.value.delete(v);
-      });
-      const w = D(() => {
-        if (d?.errors.value)
-          return W(d.errors.value, String(a.name));
-      }), p = D(() => w.value?._errors), m = D(() => w.value !== void 0), y = z(m, (n) => {
-        if (n) {
-          u("invalid", w.value), o && o.errors.value.set(
-            String(a.name),
-            w.value
-          );
-          return;
-        }
-        u("valid", c.value), o && o.errors.value.delete(
-          a.name
-        );
-      }), b = z(
-        () => d?.formData,
-        () => {
-          u("update:formData", d?.formData);
-        },
-        { deep: !0 }
-      );
-      L(() => {
-        y(), b();
-      });
-      const I = (n) => {
-        n instanceof InputEvent && (n = n.target.value), c.value = n;
-      }, R = D(() => {
-        let n = f.value;
-        return typeof n == "function" && (n = n(d?.formData)), Object.keys(n).reduce(
-          (j, A) => (j[A] = B(n[A]), j),
-          {}
-        );
-      }), Z = D(() => d?.readonly.value || o?.readonly.value ? !0 : R.value.readonly ?? a.readonly), O = D(() => ({
-        ...R.value,
-        name: R.value.name ?? a.name,
-        invalid: m.value,
-        valid: a.showValid ? !!(!m.value && c.value) : void 0,
-        type: ((n) => {
-          if ([
-            V.color,
-            V.date,
-            V.datetimeLocal,
-            V.email,
-            V.month,
-            V.number,
-            V.password,
-            V.search,
-            V.tel,
-            V.text,
-            V.time,
-            V.url,
-            V.week
-          ].includes(n))
-            return n;
-        })(a.type),
-        invalidLabel: p.value,
-        modelValue: c.value,
-        readonly: Z.value,
-        "onUpdate:modelValue": I
-      }));
-      return Q(l, {
-        name: F(r),
-        errors: F(w)
-      }), { component: D(() => {
-        if (a.type === V.custom)
-          return {
-            render() {
-              return i.default?.({
-                errors: F(w).value,
-                formData: d?.formData.value,
-                formErrors: d?.errors.value,
-                invalid: m.value,
-                invalidLabel: p.value,
-                modelValue: c.value,
-                readonly: Z.value,
-                onUpdate: I,
-                submit: d?.submit,
-                validate: d?.validate
-              }) ?? i.default;
-            }
-          };
-        if (!(g?.lazyLoad ?? a.lazyLoad)) {
-          let n;
-          switch (a.type) {
-            case V.select:
-              n = $("VvSelect");
-              break;
-            case V.checkbox:
-              n = $("VvCheckbox");
-              break;
-            case V.radio:
-              n = $("VvRadio");
-              break;
-            case V.textarea:
-              n = $("VvTextarea");
-              break;
-            case V.radioGroup:
-              n = $("VvRadioGroup");
-              break;
-            case V.checkboxGroup:
-              n = $("VvCheckboxGroup");
-              break;
-            case V.combobox:
-              n = $("VvCombobox");
-              break;
-            default:
-              n = $("VvInputText");
-          }
-          if (typeof n != "string")
-            return n;
-          console.warn(
-            `[@volverjs/form-vue]: ${n} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
-          );
-        }
-        return me(async () => {
-          switch (g?.sideEffects && await Promise.resolve(g.sideEffects(a.type)), a.type) {
-            case V.textarea:
-              return import("@volverjs/ui-vue/vv-textarea");
-            case V.radio:
-              return import("@volverjs/ui-vue/vv-radio");
-            case V.radioGroup:
-              return import("@volverjs/ui-vue/vv-radio-group");
-            case V.checkbox:
-              return import("@volverjs/ui-vue/vv-checkbox");
-            case V.checkboxGroup:
-              return import("@volverjs/ui-vue/vv-checkbox-group");
-            case V.select:
-              return import("@volverjs/ui-vue/vv-select");
-            case V.combobox:
-              return import("@volverjs/ui-vue/vv-combobox");
-          }
-          return import("@volverjs/ui-vue/vv-input-text");
-        });
-      }), hasProps: O, invalid: m };
-    },
-    render() {
-      return this.is ? E(this.is, this.hasProps, this.$slots) : this.type === V.custom ? E(this.component, null, this.$slots) : E(this.component, this.hasProps, this.$slots);
-    }
-  });
+//#endregion
+//#region src/VvFormField.ts
+function oe(r, o, d, p) {
+	return n({
+		name: "VvFormField",
+		props: {
+			type: {
+				type: String,
+				validator: (e) => Object.values(O).includes(e),
+				default: O.custom
+			},
+			is: {
+				type: [Object, String],
+				default: void 0
+			},
+			name: {
+				type: [
+					String,
+					Number,
+					Boolean,
+					Symbol
+				],
+				required: !0
+			},
+			props: {
+				type: [Object, Function],
+				default: () => ({})
+			},
+			showValid: {
+				type: Boolean,
+				default: !1
+			},
+			defaultValue: {
+				type: [
+					String,
+					Number,
+					Boolean,
+					Array,
+					Object
+				],
+				default: void 0
+			},
+			lazyLoad: {
+				type: Boolean,
+				default: !1
+			},
+			readonly: {
+				type: Boolean,
+				default: void 0
+			}
+		},
+		emits: [
+			"invalid",
+			"update:formData",
+			"update:modelValue",
+			"valid"
+		],
+		expose: [
+			"component",
+			"errors",
+			"hasProps",
+			"invalid",
+			"invalidLabel",
+			"is",
+			"type"
+		],
+		slots: Object,
+		setup(n, { slots: i, emit: v }) {
+			let { props: y, name: b } = m(n), x = g(), S = a(o, void 0);
+			S && S.fields.value.set(x, n.name);
+			let C = a(r), w = e({
+				get() {
+					if (C?.formData) return E(new Object(C.formData.value), String(n.name));
+				},
+				set(e) {
+					C?.formData && (D(new Object(C.formData.value), String(n.name), e), v("update:modelValue", {
+						newValue: w.value,
+						formData: C?.formData
+					}));
+				}
+			});
+			c(() => {
+				w.value === void 0 && n.defaultValue !== void 0 && (w.value = n.defaultValue);
+			}), s(() => {
+				S && S.fields.value.delete(x);
+			});
+			let T = e(() => {
+				if (C?.errors.value) return E(C.errors.value, String(n.name));
+			}), k = e(() => T.value?._errors), A = e(() => T.value !== void 0), j = _(A, (e) => {
+				if (e) {
+					v("invalid", T.value), S && S.errors.value.set(String(n.name), T.value);
+					return;
+				}
+				v("valid", w.value), S && S.errors.value.delete(n.name);
+			}), M = _(() => C?.formData, () => {
+				v("update:formData", C?.formData);
+			}, { deep: !0 });
+			s(() => {
+				j(), M();
+			});
+			let N = (e) => {
+				e instanceof InputEvent && (e = e.target.value), w.value = e;
+			}, P = e(() => {
+				let e = y.value;
+				return typeof e == "function" && (e = e(C?.formData)), Object.keys(e).reduce((t, n) => (t[n] = h(e[n]), t), {});
+			}), F = e(() => C?.readonly.value || S?.readonly.value ? !0 : P.value.readonly ?? n.readonly), I = e(() => ({
+				...P.value,
+				name: P.value.name ?? n.name,
+				invalid: A.value,
+				valid: n.showValid ? !!(!A.value && w.value) : void 0,
+				type: ((e) => {
+					if ([
+						O.color,
+						O.date,
+						O.datetimeLocal,
+						O.email,
+						O.month,
+						O.number,
+						O.password,
+						O.search,
+						O.tel,
+						O.text,
+						O.time,
+						O.url,
+						O.week
+					].includes(e)) return e;
+				})(n.type),
+				invalidLabel: k.value,
+				modelValue: w.value,
+				readonly: F.value,
+				"onUpdate:modelValue": N
+			}));
+			return l(d, {
+				name: u(b),
+				errors: u(T)
+			}), {
+				component: e(() => {
+					if (n.type === O.custom) return { render() {
+						return i.default?.({
+							errors: u(T).value,
+							formData: C?.formData.value,
+							formErrors: C?.errors.value,
+							invalid: A.value,
+							invalidLabel: k.value,
+							modelValue: w.value,
+							readonly: F.value,
+							onUpdate: N,
+							submit: C?.submit,
+							validate: C?.validate
+						}) ?? i.default;
+					} };
+					if (!(p?.lazyLoad ?? n.lazyLoad)) {
+						let e;
+						switch (n.type) {
+							case O.select:
+								e = f("VvSelect");
+								break;
+							case O.checkbox:
+								e = f("VvCheckbox");
+								break;
+							case O.radio:
+								e = f("VvRadio");
+								break;
+							case O.textarea:
+								e = f("VvTextarea");
+								break;
+							case O.radioGroup:
+								e = f("VvRadioGroup");
+								break;
+							case O.checkboxGroup:
+								e = f("VvCheckboxGroup");
+								break;
+							case O.combobox:
+								e = f("VvCombobox");
+								break;
+							default: e = f("VvInputText");
+						}
+						if (typeof e != "string") return e;
+						console.warn(`[@volverjs/form-vue]: ${e} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`);
+					}
+					return t(async () => {
+						switch (p?.sideEffects && await Promise.resolve(p.sideEffects(n.type)), n.type) {
+							case O.textarea: return import("@volverjs/ui-vue/vv-textarea");
+							case O.radio: return import("@volverjs/ui-vue/vv-radio");
+							case O.radioGroup: return import("@volverjs/ui-vue/vv-radio-group");
+							case O.checkbox: return import("@volverjs/ui-vue/vv-checkbox");
+							case O.checkboxGroup: return import("@volverjs/ui-vue/vv-checkbox-group");
+							case O.select: return import("@volverjs/ui-vue/vv-select");
+							case O.combobox: return import("@volverjs/ui-vue/vv-combobox");
+						}
+						return import("@volverjs/ui-vue/vv-input-text");
+					});
+				}),
+				hasProps: I,
+				invalid: A
+			};
+		},
+		render() {
+			return this.is ? i(this.is, this.hasProps, this.$slots) : this.type === O.custom ? i(this.component, null, this.$slots) : i(this.component, this.hasProps, this.$slots);
+		}
+	});
 }
-function Be(e, t, l) {
-  return U({
-    name: "VvFormFieldsGroup",
-    props: {
-      is: {
-        type: [Object, String],
-        default: void 0
-      },
-      names: {
-        type: [Array, Object],
-        required: !0
-      },
-      props: {
-        type: [Object, Function],
-        default: () => ({})
-      },
-      showValid: {
-        type: Boolean,
-        default: !1
-      },
-      defaultValues: {
-        type: [Object],
-        default: void 0
-      },
-      readonly: {
-        type: Boolean,
-        default: void 0
-      }
-    },
-    emits: [
-      "invalid",
-      "update:formData",
-      "update:modelValue",
-      "valid"
-    ],
-    expose: [
-      "component",
-      "errors",
-      "hasProps",
-      "invalid",
-      "invalidLabels",
-      "is"
-    ],
-    slots: Object,
-    setup(g, { slots: a, emit: i }) {
-      const { props: u, names: f, defaultValues: r } = Y(g), v = ae(), o = D(() => Array.isArray(f.value) ? f.value : Object.values(f.value)), d = D(() => Array.isArray(f.value) ? f.value : Object.keys(f.value)), c = D(() => Array.isArray(f.value) ? f.value.reduce((s, h) => (s[String(h)] = h, s), {}) : f.value), w = D(() => Object.keys(c.value).reduce((s, h) => (s[String(c.value[h])] = h, s), {})), p = G(t, void 0);
-      p && o.value.forEach((s) => {
-        p.fields.value.set(`${v}-${s}`, s);
-      });
-      const m = G(e), y = D({
-        get() {
-          return m?.formData ? d.value.reduce((s, h) => (s[h] = W(
-            new Object(m.formData.value),
-            c.value[h]
-          ), s), {}) : {};
-        },
-        set(s) {
-          m?.formData && (d.value.forEach((h) => {
-            oe(
-              new Object(m.formData.value),
-              c.value[h],
-              s?.[h]
-            );
-          }), i("update:modelValue", {
-            newValue: y.value,
-            formData: m?.formData
-          }));
-        }
-      });
-      H(() => {
-        r.value && o.value.forEach((s) => {
-          r.value?.[s] !== void 0 && y.value[s] === void 0 && (y.value = {
-            ...y.value,
-            [s]: r.value?.[s]
-          });
-        });
-      }), L(() => {
-        p && o.value.forEach((s) => {
-          p.fields.value.delete(
-            `${v}-${s}`
-          );
-        });
-      });
-      const b = D(() => {
-        if (!m?.errors.value)
-          return;
-        const s = o.value.reduce((h, x) => {
-          if (!m.errors.value)
-            return h;
-          const te = W(m.errors.value, String(x));
-          return te === void 0 || (h[String(x)] = te), h;
-        }, {});
-        if (Object.keys(s).length !== 0)
-          return s;
-      }), I = D(() => {
-        if (!b.value)
-          return;
-        const s = Object.keys(b.value).reduce((h, x) => (b.value?.[x] && (h[w.value[x]] = b.value[x]._errors), h), {});
-        if (Object.keys(s).length !== 0)
-          return s;
-      }), R = D(() => b.value !== void 0), Z = D(() => d.value.reduce((s, h) => (s[h] = !!b.value?.[w.value[h]], s), {})), O = z(R, () => {
-        if (R.value) {
-          i("invalid", b.value), p && o.value.forEach((s) => {
-            if (!b.value?.[s]) {
-              p.errors.value.delete(
-                s
-              );
-              return;
-            }
-            p.errors.value.set(
-              s,
-              b.value?.[s]
-            );
-          });
-          return;
-        }
-        i("valid", y.value), p && o.value.forEach((s) => {
-          p.errors.value.delete(
-            s
-          );
-        });
-      }), _ = z(
-        () => m?.formData,
-        () => {
-          i("update:formData", m?.formData);
-        },
-        { deep: !0 }
-      );
-      L(() => {
-        O(), _();
-      });
-      const n = (s) => {
-        y.value = s;
-      }, j = (s, h) => {
-        h instanceof InputEvent && (h = h.target.value), d.value.includes(s) && (y.value = {
-          ...y.value,
-          [s]: h
-        });
-      }, A = D(() => {
-        let s = u.value;
-        return typeof s == "function" && (s = s(m?.formData)), Object.keys(s).reduce(
-          (h, x) => (h[x] = B(s[x]), h),
-          {}
-        );
-      }), ee = D(() => m?.readonly.value ? !0 : A.value.readonly ?? g.readonly), fe = D(() => d.value.reduce((s, h) => (s[`onUpdate:${h}`] = (x) => {
-        j(h, x);
-      }, s), {
-        "onUpdate:modelValue": n
-      })), ve = D(() => ({
-        ...fe.value,
-        ...A.value,
-        ...y.value,
-        modelValue: y.value,
-        names: A.value.name ?? o.value,
-        invalid: R.value,
-        invalids: Z.value,
-        valid: g.showValid ? !!(!R.value && y.value) : void 0,
-        invalidLabels: I.value,
-        readonly: ee.value
-      }));
-      return Q(l, {
-        names: F(f),
-        errors: F(b)
-      }), { component: D(() => ({
-        render() {
-          return a.default?.({
-            errors: b.value,
-            formData: m?.formData.value,
-            formErrors: m?.errors.value,
-            invalid: R.value,
-            invalids: Z.value,
-            invalidLabels: I.value,
-            modelValue: y.value,
-            onUpdate: n,
-            onUpdateField: j,
-            readonly: ee.value,
-            submit: m?.submit,
-            validate: m?.validate
-          }) ?? a.default;
-        }
-      })), hasProps: ve, invalid: R };
-    },
-    render() {
-      return this.is ? E(this.is, this.hasProps, this.$slots) : E(this.component, null, this.$slots);
-    }
-  });
+//#endregion
+//#region src/VvFormFieldsGroup.ts
+function se(t, r, o) {
+	return n({
+		name: "VvFormFieldsGroup",
+		props: {
+			is: {
+				type: [Object, String],
+				default: void 0
+			},
+			names: {
+				type: [Array, Object],
+				required: !0
+			},
+			props: {
+				type: [Object, Function],
+				default: () => ({})
+			},
+			showValid: {
+				type: Boolean,
+				default: !1
+			},
+			defaultValues: {
+				type: [Object],
+				default: void 0
+			},
+			readonly: {
+				type: Boolean,
+				default: void 0
+			}
+		},
+		emits: [
+			"invalid",
+			"update:formData",
+			"update:modelValue",
+			"valid"
+		],
+		expose: [
+			"component",
+			"errors",
+			"hasProps",
+			"invalid",
+			"invalidLabels",
+			"is"
+		],
+		slots: Object,
+		setup(n, { slots: i, emit: d }) {
+			let { props: f, names: p, defaultValues: v } = m(n), y = g(), b = e(() => Array.isArray(p.value) ? p.value : Object.values(p.value)), x = e(() => Array.isArray(p.value) ? p.value : Object.keys(p.value)), S = e(() => Array.isArray(p.value) ? p.value.reduce((e, t) => (e[String(t)] = t, e), {}) : p.value), C = e(() => Object.keys(S.value).reduce((e, t) => (e[String(S.value[t])] = t, e), {})), w = a(r, void 0);
+			w && b.value.forEach((e) => {
+				w.fields.value.set(`${y}-${e}`, e);
+			});
+			let T = a(t), O = e({
+				get() {
+					return T?.formData ? x.value.reduce((e, t) => (e[t] = E(new Object(T.formData.value), S.value[t]), e), {}) : {};
+				},
+				set(e) {
+					T?.formData && (x.value.forEach((t) => {
+						D(new Object(T.formData.value), S.value[t], e?.[t]);
+					}), d("update:modelValue", {
+						newValue: O.value,
+						formData: T?.formData
+					}));
+				}
+			});
+			c(() => {
+				v.value && b.value.forEach((e) => {
+					v.value?.[e] !== void 0 && O.value[e] === void 0 && (O.value = {
+						...O.value,
+						[e]: v.value?.[e]
+					});
+				});
+			}), s(() => {
+				w && b.value.forEach((e) => {
+					w.fields.value.delete(`${y}-${e}`);
+				});
+			});
+			let k = e(() => {
+				if (!T?.errors.value) return;
+				let e = b.value.reduce((e, t) => {
+					if (!T.errors.value) return e;
+					let n = E(T.errors.value, String(t));
+					return n === void 0 || (e[String(t)] = n), e;
+				}, {});
+				if (Object.keys(e).length !== 0) return e;
+			}), A = e(() => {
+				if (!k.value) return;
+				let e = Object.keys(k.value).reduce((e, t) => (k.value?.[t] && (e[C.value[t]] = k.value[t]._errors), e), {});
+				if (Object.keys(e).length !== 0) return e;
+			}), j = e(() => k.value !== void 0), M = e(() => x.value.reduce((e, t) => (e[t] = !!k.value?.[S.value[t]], e), {})), N = _(j, () => {
+				if (j.value) {
+					d("invalid", k.value), w && b.value.forEach((e) => {
+						if (!k.value?.[e]) {
+							w.errors.value.delete(e);
+							return;
+						}
+						w.errors.value.set(e, k.value?.[e]);
+					});
+					return;
+				}
+				d("valid", O.value), w && b.value.forEach((e) => {
+					w.errors.value.delete(e);
+				});
+			}), P = _(() => T?.formData, () => {
+				d("update:formData", T?.formData);
+			}, { deep: !0 });
+			s(() => {
+				N(), P();
+			});
+			let F = (e) => {
+				O.value = e;
+			}, I = (e, t) => {
+				t instanceof InputEvent && (t = t.target.value), x.value.includes(e) && (O.value = {
+					...O.value,
+					[e]: t
+				});
+			}, L = e(() => {
+				let e = f.value;
+				return typeof e == "function" && (e = e(T?.formData)), Object.keys(e).reduce((t, n) => (t[n] = h(e[n]), t), {});
+			}), R = e(() => T?.readonly.value ? !0 : L.value.readonly ?? n.readonly), z = e(() => x.value.reduce((e, t) => (e[`onUpdate:${t}`] = (e) => {
+				I(t, e);
+			}, e), { "onUpdate:modelValue": F })), B = e(() => ({
+				...z.value,
+				...L.value,
+				...O.value,
+				modelValue: O.value,
+				names: L.value.name ?? b.value,
+				invalid: j.value,
+				invalids: M.value,
+				valid: n.showValid ? !!(!j.value && O.value) : void 0,
+				invalidLabels: A.value,
+				readonly: R.value
+			}));
+			return l(o, {
+				names: u(p),
+				errors: u(k)
+			}), {
+				component: e(() => ({ render() {
+					return i.default?.({
+						errors: k.value,
+						formData: T?.formData.value,
+						formErrors: T?.errors.value,
+						invalid: j.value,
+						invalids: M.value,
+						invalidLabels: A.value,
+						modelValue: O.value,
+						onUpdate: F,
+						onUpdateField: I,
+						readonly: R.value,
+						submit: T?.submit,
+						validate: T?.validate
+					}) ?? i.default;
+				} })),
+				hasProps: B,
+				invalid: j
+			};
+		},
+		render() {
+			return this.is ? i(this.is, this.hasProps, this.$slots) : i(this.component, null, this.$slots);
+		}
+	});
 }
-function We(e, t) {
-  return U({
-    name: "VvFormWrapper",
-    props: {
-      name: {
-        type: String,
-        required: !0
-      },
-      tag: {
-        type: String,
-        default: void 0
-      },
-      readonly: {
-        type: Boolean,
-        default: !1
-      }
-    },
-    emits: ["invalid", "valid"],
-    expose: [
-      "clear",
-      "errors",
-      "fields",
-      "fieldsErrors",
-      "formData",
-      "invalid",
-      "readonly",
-      "reset",
-      "submit",
-      "tag",
-      "validate",
-      "validateWrapper"
-    ],
-    slots: Object,
-    setup(l, { emit: g }) {
-      const a = G(e), i = G(t, void 0), u = k(/* @__PURE__ */ new Map()), f = k(/* @__PURE__ */ new Map()), { name: r } = Y(l), v = D(() => a?.invalid.value ? f.value.size > 0 : !1);
-      z(v, (p) => {
-        if (p) {
-          g("invalid");
-          return;
-        }
-        g("valid");
-      });
-      const o = D(() => a?.readonly.value || l.readonly), d = {
-        name: F(r),
-        errors: f,
-        invalid: F(v),
-        readonly: F(o),
-        fields: u
-      };
-      Q(t, d);
-      const c = D(() => new Map(u.value));
-      z(
-        c,
-        (p, m) => {
-          i?.fields && (m.forEach((y, b) => {
-            p.has(b) || i?.fields.value.delete(b);
-          }), p.forEach((y, b) => {
-            i?.fields.value.has(b) || i?.fields.value.set(b, y);
-          }));
-        },
-        { deep: !0 }
-      ), z(
-        f,
-        (p) => {
-          i?.errors && u.value.forEach((m) => {
-            if (p.has(m) || i.errors.value.delete(m), p.has(m)) {
-              const y = p.get(m);
-              y && i.errors.value.set(m, y);
-            }
-          });
-        },
-        { deep: !0 }
-      ), H(() => {
-        if (!a?.wrappers || !r.value) {
-          console.warn("[@volverjs/form-vue]: Invalid wrapper registration state");
-          return;
-        }
-        if (a.wrappers.has(r.value)) {
-          console.warn(`[@volverjs/form-vue]: wrapper name "${r.value}" is already used`);
-          return;
-        }
-        a.wrappers.set(r.value, d);
-      }), L(() => {
-        a?.wrappers && r.value && a.wrappers.delete(r.value);
-      });
-      const w = () => a?.validate(void 0, { fields: new Set(u.value.values()) }) ?? Promise.resolve(!0);
-      return {
-        errors: a?.errors,
-        fields: u,
-        fieldsErrors: f,
-        formData: a?.formData,
-        invalid: v,
-        readonly: o,
-        clear: a?.clear,
-        reset: a?.reset,
-        submit: a?.submit,
-        validate: a?.validate,
-        validateWrapper: w
-      };
-    },
-    render() {
-      const l = () => this.$slots.default?.({
-        errors: this.errors,
-        fieldsErrors: this.fieldsErrors,
-        formData: this.formData,
-        invalid: this.invalid,
-        readonly: this.readonly,
-        clear: this.clear,
-        reset: this.reset,
-        submit: this.submit,
-        validate: this.validate,
-        validateWrapper: this.validateWrapper
-      });
-      return this.tag ? E(this.tag, null, {
-        default: l
-      }) : l();
-    }
-  });
+//#endregion
+//#region src/VvFormWrapper.ts
+function ce(t, r) {
+	return n({
+		name: "VvFormWrapper",
+		props: {
+			name: {
+				type: String,
+				required: !0
+			},
+			tag: {
+				type: String,
+				default: void 0
+			},
+			readonly: {
+				type: Boolean,
+				default: !1
+			}
+		},
+		emits: ["invalid", "valid"],
+		expose: [
+			"clear",
+			"errors",
+			"fields",
+			"fieldsErrors",
+			"formData",
+			"invalid",
+			"readonly",
+			"reset",
+			"submit",
+			"tag",
+			"validate",
+			"validateWrapper"
+		],
+		slots: Object,
+		setup(n, { emit: i }) {
+			let o = a(t), f = a(r, void 0), p = d(/* @__PURE__ */ new Map()), h = d(/* @__PURE__ */ new Map()), { name: g } = m(n), v = e(() => o?.invalid.value ? h.value.size > 0 : !1);
+			_(v, (e) => {
+				if (e) {
+					i("invalid");
+					return;
+				}
+				i("valid");
+			});
+			let y = e(() => o?.readonly.value || n.readonly), b = {
+				name: u(g),
+				errors: h,
+				invalid: u(v),
+				readonly: u(y),
+				fields: p
+			};
+			return l(r, b), _(e(() => new Map(p.value)), (e, t) => {
+				f?.fields && (t.forEach((t, n) => {
+					e.has(n) || f?.fields.value.delete(n);
+				}), e.forEach((e, t) => {
+					f?.fields.value.has(t) || f?.fields.value.set(t, e);
+				}));
+			}, { deep: !0 }), _(h, (e) => {
+				f?.errors && p.value.forEach((t) => {
+					if (e.has(t) || f.errors.value.delete(t), e.has(t)) {
+						let n = e.get(t);
+						n && f.errors.value.set(t, n);
+					}
+				});
+			}, { deep: !0 }), c(() => {
+				if (!o?.wrappers || !g.value) {
+					console.warn("[@volverjs/form-vue]: Invalid wrapper registration state");
+					return;
+				}
+				if (o.wrappers.has(g.value)) {
+					console.warn(`[@volverjs/form-vue]: wrapper name "${g.value}" is already used`);
+					return;
+				}
+				o.wrappers.set(g.value, b);
+			}), s(() => {
+				o?.wrappers && g.value && o.wrappers.delete(g.value);
+			}), {
+				errors: o?.errors,
+				fields: p,
+				fieldsErrors: h,
+				formData: o?.formData,
+				invalid: v,
+				readonly: y,
+				clear: o?.clear,
+				reset: o?.reset,
+				submit: o?.submit,
+				validate: o?.validate,
+				validateWrapper: () => o?.validate(void 0, { fields: new Set(p.value.values()) }) ?? Promise.resolve(!0)
+			};
+		},
+		render() {
+			let e = () => this.$slots.default?.({
+				errors: this.errors,
+				fieldsErrors: this.fieldsErrors,
+				formData: this.formData,
+				invalid: this.invalid,
+				readonly: this.readonly,
+				clear: this.clear,
+				reset: this.reset,
+				submit: this.submit,
+				validate: this.validate,
+				validateWrapper: this.validateWrapper
+			});
+			return this.tag ? i(this.tag, null, { default: e }) : e();
+		}
+	});
 }
-function Le(e, t) {
-  const l = U({
-    name: "VvFormTemplate",
-    props: {
-      schema: {
-        type: [Array, Function],
-        required: !0
-      },
-      scope: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    slots: Object,
-    setup(g, { slots: a }) {
-      const i = G(e);
-      if (i?.formData)
-        return () => {
-          const u = typeof g.schema == "function" ? g.schema(
-            i,
-            g.scope
-          ) : g.schema;
-          let f;
-          const r = u.reduce((v, o) => {
-            const d = typeof o == "function" ? o(i, g.scope) : o, {
-              vvIs: c,
-              vvName: w,
-              vvSlots: p,
-              vvChildren: m,
-              vvIf: y,
-              vvElseIf: b,
-              vvType: I,
-              vvDefaultValue: R,
-              vvShowValid: Z,
-              vvContent: O,
-              ..._
-            } = d;
-            if (y !== void 0) {
-              if (typeof y == "string" ? f = !!W(
-                new Object(i.formData.value),
-                y
-              ) : typeof y == "function" ? f = B(y(i)) : f = B(y), !f)
-                return v;
-            } else if (b !== void 0 && f !== void 0) {
-              if (f || (typeof b == "string" ? f = !!W(
-                new Object(i.formData.value),
-                b
-              ) : typeof b == "function" ? f = B(b(i)) : f = B(b), !f))
-                return v;
-            } else
-              f = void 0;
-            let n;
-            return m && (typeof c == "string" ? n = E(l, {
-              schema: m
-            }) : n = {
-              default: (j) => E(l, {
-                schema: m,
-                scope: j
-              })
-            }), w ? (v.push(
-              E(
-                t,
-                {
-                  name: w,
-                  is: c,
-                  type: I,
-                  defaultValue: R,
-                  showValid: Z,
-                  props: _
-                },
-                p ?? n ?? O
-              )
-            ), v) : c ? (v.push(
-              E(
-                c,
-                _,
-                p ?? n ?? O
-              )
-            ), v) : (n && ("default" in n ? v.push(n.default(g.scope)) : v.push(n)), v);
-          }, []);
-          return r.push(
-            a?.default?.({
-              errors: i?.errors.value,
-              formData: i?.formData.value,
-              invalid: i?.invalid.value,
-              status: i?.status.value,
-              submit: i?.submit,
-              validate: i?.validate,
-              clear: i?.clear,
-              reset: i?.reset
-            })
-          ), r;
-        };
-    }
-  });
-  return l;
+//#endregion
+//#region src/VvFormTemplate.ts
+function le(e, t) {
+	let r = n({
+		name: "VvFormTemplate",
+		props: {
+			schema: {
+				type: [Array, Function],
+				required: !0
+			},
+			scope: {
+				type: Object,
+				default: () => ({})
+			}
+		},
+		slots: Object,
+		setup(n, { slots: o }) {
+			let s = a(e);
+			if (s?.formData) return () => {
+				let e = typeof n.schema == "function" ? n.schema(s, n.scope) : n.schema, a, c = e.reduce((e, o) => {
+					let { vvIs: c, vvName: l, vvSlots: u, vvChildren: d, vvIf: f, vvElseIf: p, vvType: m, vvDefaultValue: g, vvShowValid: _, vvContent: v, ...y } = typeof o == "function" ? o(s, n.scope) : o;
+					if (f !== void 0) {
+						if (a = typeof f == "string" ? !!E(new Object(s.formData.value), f) : h(typeof f == "function" ? f(s) : f), !a) return e;
+					} else if (p !== void 0 && a !== void 0) {
+						if (a || (a = typeof p == "string" ? !!E(new Object(s.formData.value), p) : h(typeof p == "function" ? p(s) : p), !a)) return e;
+					} else a = void 0;
+					let b;
+					return d && (b = typeof c == "string" ? i(r, { schema: d }) : { default: (e) => i(r, {
+						schema: d,
+						scope: e
+					}) }), l ? (e.push(i(t, {
+						name: l,
+						is: c,
+						type: m,
+						defaultValue: g,
+						showValid: _,
+						props: y
+					}, u ?? b ?? v)), e) : c ? (e.push(i(c, y, u ?? b ?? v)), e) : (b && ("default" in b ? e.push(b.default(n.scope)) : e.push(b)), e);
+				}, []);
+				return c.push(o?.default?.({
+					errors: s?.errors.value,
+					formData: s?.formData.value,
+					invalid: s?.invalid.value,
+					status: s?.status.value,
+					submit: s?.submit,
+					validate: s?.validate,
+					clear: s?.clear,
+					reset: s?.reset
+				})), c;
+			};
+		}
+	});
+	return r;
 }
-function q(e, t = {}) {
-  const l = Symbol("formInjectionKey"), g = Symbol("formWrapperInjectionKey"), a = Symbol("formFieldInjectionKey"), i = Symbol("formFieldsGroupInjectionKey"), u = We(
-    l,
-    g
-  ), f = ke(
-    l,
-    g,
-    a,
-    t
-  ), r = Be(
-    l,
-    g,
-    i
-  ), v = Le(l, f), o = /* @__PURE__ */ new Map(), {
-    clear: d,
-    errors: c,
-    formData: w,
-    ignoreUpdates: p,
-    invalid: m,
-    readonly: y,
-    reset: b,
-    status: I,
-    stopUpdatesWatch: R,
-    submit: Z,
-    validate: O,
-    VvForm: _
-  } = Pe(e, l, t, v, o);
-  return {
-    clear: d,
-    errors: c,
-    formData: w,
-    formFieldInjectionKey: a,
-    formInjectionKey: l,
-    formWrapperInjectionKey: g,
-    ignoreUpdates: p,
-    invalid: m,
-    readonly: y,
-    reset: b,
-    status: I,
-    stopUpdatesWatch: R,
-    submit: Z,
-    validate: O,
-    wrappers: o,
-    VvForm: _,
-    VvFormField: f,
-    VvFormFieldsGroup: r,
-    VvFormTemplate: v,
-    VvFormWrapper: u
-  };
+//#endregion
+//#region src/index.ts
+function Z(e, t = {}) {
+	let n = Symbol("formInjectionKey"), r = Symbol("formWrapperInjectionKey"), i = Symbol("formFieldInjectionKey"), a = Symbol("formFieldsGroupInjectionKey"), o = ce(n, r), s = oe(n, r, i, t), c = se(n, r, a), l = le(n, s), u = /* @__PURE__ */ new Map(), { clear: d, errors: f, formData: p, ignoreUpdates: m, invalid: h, readonly: g, reset: _, status: v, stopUpdatesWatch: y, submit: b, validate: x, VvForm: S } = ae(e, n, t, l, u);
+	return {
+		clear: d,
+		errors: f,
+		formData: p,
+		formFieldInjectionKey: i,
+		formInjectionKey: n,
+		formWrapperInjectionKey: r,
+		ignoreUpdates: m,
+		invalid: h,
+		readonly: g,
+		reset: _,
+		status: v,
+		stopUpdatesWatch: y,
+		submit: b,
+		validate: x,
+		wrappers: u,
+		VvForm: S,
+		VvFormField: s,
+		VvFormFieldsGroup: c,
+		VvFormTemplate: l,
+		VvFormWrapper: o
+	};
 }
-const de = Symbol("pluginInjectionKey");
-function qe(e) {
-  let t = {};
-  return e.schema && (t = q(e.schema, e)), {
-    ...t,
-    install(l, { global: g = !1 } = {}) {
-      l.provide(de, e), g && (l.config.globalProperties.$vvForm = e, t?.VvForm && l.component("VvForm", t.VvForm), t?.VvFormWrapper && l.component("VvFormWrapper", t.VvFormWrapper), t?.VvFormField && l.component("VvFormField", t.VvFormField), t?.VvFormFieldsGroup && l.component("VvFormFieldsGroup", t.VvFormFieldsGroup), t?.VvFormTemplate && l.component("VvFormTemplate", t.VvFormTemplate));
-    }
-  };
+var Q = Symbol("pluginInjectionKey");
+function ue(e) {
+	let t = {};
+	return e.schema && (t = Z(e.schema, e)), {
+		...t,
+		install(n, { global: r = !1 } = {}) {
+			n.provide(Q, e), r && (n.config.globalProperties.$vvForm = e, t?.VvForm && n.component("VvForm", t.VvForm), t?.VvFormWrapper && n.component("VvFormWrapper", t.VvFormWrapper), t?.VvFormField && n.component("VvFormField", t.VvFormField), t?.VvFormFieldsGroup && n.component("VvFormFieldsGroup", t.VvFormFieldsGroup), t?.VvFormTemplate && n.component("VvFormTemplate", t.VvFormTemplate));
+		}
+	};
 }
-const J = /* @__PURE__ */ new Map();
-function He(e, t = {}) {
-  if (t.scope && J.has(t.scope))
-    return J.get(t.scope);
-  if (!pe()) {
-    const g = q(e, t);
-    return t.scope && J.set(t.scope, g), g;
-  }
-  const l = q(
-    e,
-    {
-      ...G(de, {}),
-      ...t
-    }
-  );
-  return t.scope && J.set(t.scope, l), l;
+var $ = /* @__PURE__ */ new Map();
+function de(e, t = {}) {
+	if (t.scope && $.has(t.scope)) return $.get(t.scope);
+	if (!r()) {
+		let n = Z(e, t);
+		return t.scope && $.set(t.scope, n), n;
+	}
+	let n = Z(e, {
+		...a(Q, {}),
+		...t
+	});
+	return t.scope && $.set(t.scope, n), n;
 }
-function Qe(e, t = {}) {
-  return q(e, t);
+function fe(e, t = {}) {
+	return Z(e, t);
 }
-export {
-  V as FormFieldType,
-  qe as createForm,
-  P as defaultObjectBySchema,
-  Qe as formType,
-  de as pluginInjectionKey,
-  He as useForm
-};
+//#endregion
+export { O as FormFieldType, ue as createForm, X as defaultObjectBySchema, fe as formType, Q as pluginInjectionKey, de as useForm };