@goodie-forms/react 1.0.0-alpha → 1.1.1-alpha

package/dist/index.js

@@ -1,167 +1,182 @@
-import { FormController as Rr, Field as we } from "@goodie-forms/core";
-import ke, { useState as W, useRef as De, useEffect as D } from "react";
-function Y(...a) {
+import { FormController as br, Field as F } from "@goodie-forms/core";
+import De, { useState as ne, useRef as re, startTransition as pr, useEffect as I } from "react";
+function W(...t) {
   return () => {
-    for (const i of a)
-      i();
+    for (const o of t)
+      o();
   };
 }
-function q() {
-  const [, a] = W(0), i = De(0);
-  return i.current++, {
-    renderCount: i.current,
-    forceRerender: () => a((l) => l + 1)
+function J() {
+  const [, t] = ne(0), o = re(0), l = re(!1);
+  o.current++;
+  const d = () => {
+    l.current || (l.current = !0, queueMicrotask(() => {
+      pr(() => {
+        t((v) => v + 1);
+      }), l.current = !1;
+    }));
+  };
+  return {
+    renderCount: o.current,
+    forceRerender: d
   };
 }
-function Or(a, i) {
-  const [l] = W(() => new Rr(a)), f = q(), [, d] = W(() => l.isSubmitting), [, v] = W(() => l.isValid);
-  return D(() => {
-    const h = () => {
+function Sr(t, o) {
+  const [l] = ne(() => new br(t)), d = J();
+  return I(() => {
+    const v = () => {
     };
-    return Y(
-      l.events.on("statusChanged", (C) => {
-        d(C === "submitting"), v(l.isValid);
+    return W(
+      l.events.on("submissionStatusChange", () => {
+        d.forceRerender();
       }),
-      i?.watchIssues ? l.events.on(
-        "validationIssuesUpdated",
-        () => f.forceRerender()
-      ) : h,
-      i?.watchValues ? l.events.on(
+      o?.watchIssues ? l.events.on(
+        "fieldIssuesUpdated",
+        () => d.forceRerender()
+      ) : v,
+      o?.watchValues ? l.events.on(
         "valueChanged",
-        () => f.forceRerender()
-      ) : h
+        () => d.forceRerender()
+      ) : v
     );
   }, [l]), {
-    formConfigs: a,
-    hookConfigs: i,
+    formConfigs: t,
+    hookConfigs: o,
     controller: l
   };
 }
-function mr(a, i, l) {
-  const f = q(), [d] = W(() => a.controller.getField(i) ?? a.controller.bindField(i, {
-    defaultValue: l
-  }));
-  return D(() => {
-    const { events: v } = a.controller;
-    return Y(
-      v.on("valueChanged", (h) => {
-        h === i && f.forceRerender();
+function mr(t, o, l) {
+  const d = J(), [v, c] = ne(() => {
+    let g = t.controller.getField(o);
+    return g == null && l != null && (g = t.controller.bindField(o, l)), g;
+  });
+  return I(() => {
+    const { events: g } = t.controller;
+    return c(t.controller.getField(o)), W(
+      g.on("fieldBound", (h) => {
+        h === o && c(t.controller.getField(o));
+      }),
+      g.on("fieldUnbound", (h) => {
+        h === o && c(void 0);
+      }),
+      g.on("valueChanged", (h) => {
+        (h === o || F.isDescendant(h, o)) && d.forceRerender();
       }),
-      v.on("fieldTouchUpdated", (h) => {
-        h === i && f.forceRerender();
+      g.on("fieldTouchUpdated", (h) => {
+        h === o && d.forceRerender();
       }),
-      v.on("fieldDirtyUpdated", (h) => {
-        h === i && f.forceRerender();
+      g.on("fieldDirtyUpdated", (h) => {
+        h === o && d.forceRerender();
       }),
-      v.on("validationIssuesUpdated", (h) => {
-        h === i && f.forceRerender();
+      g.on("fieldIssuesUpdated", (h) => {
+        h === o && d.forceRerender();
       })
     );
-  }, []), d;
+  }, []), v;
 }
-function Sr(a, i) {
-  const l = q();
-  return D(() => {
-    const { events: f } = a.controller;
-    return Y(
-      f.on("valueChanged", (d) => {
-        (i?.include?.includes?.(d) ?? !0) && l.forceRerender();
+function wr(t, o) {
+  const l = J(), d = o?.include == null ? t.controller._data : o.include.reduce((v, c) => {
+    const g = F.getValue(t.controller._data, c);
+    return F.setValue(v, c, g), v;
+  }, {});
+  return I(() => {
+    const { events: v } = t.controller;
+    return W(
+      v.on("valueChanged", (c) => {
+        (o?.include == null || o.include.some(
+          (h) => h === c || F.isDescendant(h, c)
+        )) && l.forceRerender();
       })
     );
-  }, []), i?.include == null ? a.controller._data : i.include.reduce((f, d) => {
-    const v = we.getValue(a.controller._data, d);
-    return we.setValue(f, d, v), f;
-  }, {});
+  }, []), d;
 }
-function br(a, i) {
+function yr(t, o) {
   const l = {};
-  for (const f of a) {
-    const d = i(f);
-    (l[d] ??= []).push(f);
+  for (const d of t) {
+    const v = o(d);
+    (l[v] ??= []).push(d);
   }
   return l;
 }
-function wr(a, i) {
-  const l = q();
-  D(() => {
-    const { events: d } = a.controller;
-    return Y(
-      d.on("validationIssuesUpdated", (v) => {
-        (i?.include?.includes?.(v) ?? !0) && l.forceRerender();
+function Pr(t, o) {
+  const l = J(), d = t.controller._issues.filter((c) => {
+    if (o?.include == null) return !0;
+    const g = F.parsePath(c.path);
+    return o.include.includes(g);
+  }), v = yr(
+    d,
+    (c) => F.parsePath(c.path)
+  );
+  return I(() => {
+    const { events: c } = t.controller;
+    return W(
+      c.on("fieldIssuesUpdated", (g) => {
+        (o?.include?.includes?.(g) ?? !0) && l.forceRerender();
       })
     );
-  }, []);
-  const f = a.controller._issues.filter((d) => {
-    if (i?.include == null) return !0;
-    const v = d.path.join(".");
-    return i.include.includes(v);
-  });
-  return br(
-    f,
-    (d) => d.path.join(".")
-  );
+  }, []), v;
 }
-var J = { exports: {} }, V = {};
-var Pe;
+var q = { exports: {} }, $ = {};
+var Fe;
 function Er() {
-  if (Pe) return V;
-  Pe = 1;
-  var a = ke, i = /* @__PURE__ */ Symbol.for("react.element"), l = /* @__PURE__ */ Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, d = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(C, R, j) {
-    var y, T = {}, S = null, U = null;
-    j !== void 0 && (S = "" + j), R.key !== void 0 && (S = "" + R.key), R.ref !== void 0 && (U = R.ref);
-    for (y in R) f.call(R, y) && !v.hasOwnProperty(y) && (T[y] = R[y]);
-    if (C && C.defaultProps) for (y in R = C.defaultProps, R) T[y] === void 0 && (T[y] = R[y]);
-    return { $$typeof: i, type: C, key: S, ref: U, props: T, _owner: d.current };
+  if (Fe) return $;
+  Fe = 1;
+  var t = De, o = /* @__PURE__ */ Symbol.for("react.element"), l = /* @__PURE__ */ Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function g(h, p, j) {
+    var _, T = {}, S = null, Y = null;
+    j !== void 0 && (S = "" + j), p.key !== void 0 && (S = "" + p.key), p.ref !== void 0 && (Y = p.ref);
+    for (_ in p) d.call(p, _) && !c.hasOwnProperty(_) && (T[_] = p[_]);
+    if (h && h.defaultProps) for (_ in p = h.defaultProps, p) T[_] === void 0 && (T[_] = p[_]);
+    return { $$typeof: o, type: h, key: S, ref: Y, props: T, _owner: v.current };
   }
-  return V.Fragment = l, V.jsx = h, V.jsxs = h, V;
+  return $.Fragment = l, $.jsx = g, $.jsxs = g, $;
 }
-var $ = {};
+var U = {};
 var je;
-function yr() {
+function _r() {
   return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    var a = ke, i = /* @__PURE__ */ Symbol.for("react.element"), l = /* @__PURE__ */ Symbol.for("react.portal"), f = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), v = /* @__PURE__ */ Symbol.for("react.profiler"), h = /* @__PURE__ */ Symbol.for("react.provider"), C = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.offscreen"), re = Symbol.iterator, Ae = "@@iterator";
-    function Ie(e) {
+    var t = De, o = /* @__PURE__ */ Symbol.for("react.element"), l = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), c = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.provider"), h = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), _ = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.offscreen"), te = Symbol.iterator, Ie = "@@iterator";
+    function Ae(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = re && e[re] || e[Ae];
+      var r = te && e[te] || e[Ie];
       return typeof r == "function" ? r : null;
     }
-    var x = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var x = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function m(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
-          n[t - 1] = arguments[t];
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+          n[a - 1] = arguments[a];
         Ve("error", e, n);
       }
     }
     function Ve(e, r, n) {
       {
-        var t = x.ReactDebugCurrentFrame, s = t.getStackAddendum();
+        var a = x.ReactDebugCurrentFrame, s = a.getStackAddendum();
         s !== "" && (r += "%s", n = n.concat([s]));
-        var c = n.map(function(u) {
+        var f = n.map(function(u) {
           return String(u);
         });
-        c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
+        f.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, f);
       }
     }
-    var $e = !1, We = !1, Ye = !1, Ue = !1, Me = !1, ne;
-    ne = /* @__PURE__ */ Symbol.for("react.module.reference");
+    var $e = !1, Ue = !1, We = !1, Ye = !1, Me = !1, ae;
+    ae = /* @__PURE__ */ Symbol.for("react.module.reference");
     function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || Me || e === d || e === j || e === y || Ue || e === U || $e || We || Ye || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === T || e.$$typeof === h || e.$$typeof === C || e.$$typeof === R || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === c || Me || e === v || e === j || e === _ || Ye || e === Y || $e || Ue || We || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === T || e.$$typeof === g || e.$$typeof === h || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === ne || e.getModuleId !== void 0));
+      e.$$typeof === ae || e.getModuleId !== void 0));
     }
-    function Ne(e, r, n) {
-      var t = e.displayName;
-      if (t)
-        return t;
+    function Be(e, r, n) {
+      var a = e.displayName;
+      if (a)
+        return a;
       var s = r.displayName || r.name || "";
       return s !== "" ? n + "(" + s + ")" : n;
     }
-    function te(e) {
+    function oe(e) {
       return e.displayName || "Context";
     }
     function O(e) {
@@ -172,36 +187,36 @@ function yr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case f:
+        case d:
           return "Fragment";
         case l:
           return "Portal";
-        case v:
+        case c:
           return "Profiler";
-        case d:
+        case v:
           return "StrictMode";
         case j:
           return "Suspense";
-        case y:
+        case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case C:
-            var r = e;
-            return te(r) + ".Consumer";
           case h:
+            var r = e;
+            return oe(r) + ".Consumer";
+          case g:
             var n = e;
-            return te(n._context) + ".Provider";
-          case R:
-            return Ne(e, e.render, "ForwardRef");
+            return oe(n._context) + ".Provider";
+          case p:
+            return Be(e, e.render, "ForwardRef");
           case T:
-            var t = e.displayName || null;
-            return t !== null ? t : O(e.type) || "Memo";
+            var a = e.displayName || null;
+            return a !== null ? a : O(e.type) || "Memo";
           case S: {
-            var s = e, c = s._payload, u = s._init;
+            var s = e, f = s._payload, u = s._init;
             try {
-              return O(u(c));
+              return O(u(f));
             } catch {
               return null;
             }
@@ -209,18 +224,18 @@ function yr() {
         }
       return null;
     }
-    var w = Object.assign, A = 0, ae, oe, ie, ue, le, se, ce;
-    function fe() {
+    var w = Object.assign, A = 0, ie, ue, le, se, ce, fe, de;
+    function ve() {
     }
-    fe.__reactDisabledLog = !0;
-    function Be() {
+    ve.__reactDisabledLog = !0;
+    function Ne() {
       {
         if (A === 0) {
-          ae = console.log, oe = console.info, ie = console.warn, ue = console.error, le = console.group, se = console.groupCollapsed, ce = console.groupEnd;
+          ie = console.log, ue = console.info, le = console.warn, se = console.error, ce = console.group, fe = console.groupCollapsed, de = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: fe,
+            value: ve,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -236,7 +251,7 @@ function yr() {
         A++;
       }
     }
-    function Je() {
+    function qe() {
       {
         if (A--, A === 0) {
           var e = {
@@ -246,25 +261,25 @@ function yr() {
           };
           Object.defineProperties(console, {
             log: w({}, e, {
-              value: ae
+              value: ie
             }),
             info: w({}, e, {
-              value: oe
+              value: ue
             }),
             warn: w({}, e, {
-              value: ie
+              value: le
             }),
             error: w({}, e, {
-              value: ue
+              value: se
             }),
             group: w({}, e, {
-              value: le
+              value: ce
             }),
             groupCollapsed: w({}, e, {
-              value: se
+              value: fe
             }),
             groupEnd: w({}, e, {
-              value: ce
+              value: de
             })
           });
         }
@@ -278,8 +293,8 @@ function yr() {
           try {
             throw Error();
           } catch (s) {
-            var t = s.stack.trim().match(/\n( *(at )?)/);
-            G = t && t[1] || "";
+            var a = s.stack.trim().match(/\n( *(at )?)/);
+            G = a && a[1] || "";
           }
         return `
 ` + G + e;
@@ -287,10 +302,10 @@ function yr() {
     }
     var z = !1, L;
     {
-      var qe = typeof WeakMap == "function" ? WeakMap : Map;
-      L = new qe();
+      var Je = typeof WeakMap == "function" ? WeakMap : Map;
+      L = new Je();
     }
-    function de(e, r) {
+    function ge(e, r) {
       if (!e || z)
         return "";
       {
@@ -298,12 +313,12 @@ function yr() {
         if (n !== void 0)
           return n;
       }
-      var t;
+      var a;
       z = !0;
       var s = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var c;
-      c = K.current, K.current = null, Be();
+      var f;
+      f = K.current, K.current = null, Ne();
       try {
         if (r) {
           var u = function() {
@@ -317,14 +332,14 @@ function yr() {
             try {
               Reflect.construct(u, []);
             } catch (E) {
-              t = E;
+              a = E;
             }
             Reflect.construct(e, [], u);
           } else {
             try {
               u.call();
             } catch (E) {
-              t = E;
+              a = E;
             }
             e.call(u.prototype);
           }
@@ -332,95 +347,95 @@ function yr() {
           try {
             throw Error();
           } catch (E) {
-            t = E;
+            a = E;
           }
           e();
         }
       } catch (E) {
-        if (E && t && typeof E.stack == "string") {
-          for (var o = E.stack.split(`
-`), b = t.stack.split(`
-`), g = o.length - 1, p = b.length - 1; g >= 1 && p >= 0 && o[g] !== b[p]; )
-            p--;
-          for (; g >= 1 && p >= 0; g--, p--)
-            if (o[g] !== b[p]) {
-              if (g !== 1 || p !== 1)
+        if (E && a && typeof E.stack == "string") {
+          for (var i = E.stack.split(`
+`), y = a.stack.split(`
+`), R = i.length - 1, b = y.length - 1; R >= 1 && b >= 0 && i[R] !== y[b]; )
+            b--;
+          for (; R >= 1 && b >= 0; R--, b--)
+            if (i[R] !== y[b]) {
+              if (R !== 1 || b !== 1)
                 do
-                  if (g--, p--, p < 0 || o[g] !== b[p]) {
-                    var _ = `
-` + o[g].replace(" at new ", " at ");
-                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, _), _;
+                  if (R--, b--, b < 0 || i[R] !== y[b]) {
+                    var C = `
+` + i[R].replace(" at new ", " at ");
+                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, C), C;
                   }
-                while (g >= 1 && p >= 0);
+                while (R >= 1 && b >= 0);
               break;
             }
         }
       } finally {
-        z = !1, K.current = c, Je(), Error.prepareStackTrace = s;
+        z = !1, K.current = f, qe(), Error.prepareStackTrace = s;
       }
-      var k = e ? e.displayName || e.name : "", P = k ? M(k) : "";
+      var D = e ? e.displayName || e.name : "", P = D ? M(D) : "";
       return typeof e == "function" && L.set(e, P), P;
     }
     function Ke(e, r, n) {
-      return de(e, !1);
+      return ge(e, !1);
     }
     function Ge(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function N(e, r, n) {
+    function B(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return de(e, Ge(e));
+        return ge(e, Ge(e));
       if (typeof e == "string")
         return M(e);
       switch (e) {
         case j:
           return M("Suspense");
-        case y:
+        case _:
           return M("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case R:
+          case p:
             return Ke(e.render);
           case T:
-            return N(e.type, r, n);
+            return B(e.type, r, n);
           case S: {
-            var t = e, s = t._payload, c = t._init;
+            var a = e, s = a._payload, f = a._init;
             try {
-              return N(c(s), r, n);
+              return B(f(s), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var I = Object.prototype.hasOwnProperty, ve = {}, ge = x.ReactDebugCurrentFrame;
-    function B(e) {
+    var V = Object.prototype.hasOwnProperty, he = {}, Re = x.ReactDebugCurrentFrame;
+    function N(e) {
       if (e) {
-        var r = e._owner, n = N(e.type, e._source, r ? r.type : null);
-        ge.setExtraStackFrame(n);
+        var r = e._owner, n = B(e.type, e._source, r ? r.type : null);
+        Re.setExtraStackFrame(n);
       } else
-        ge.setExtraStackFrame(null);
+        Re.setExtraStackFrame(null);
     }
-    function ze(e, r, n, t, s) {
+    function ze(e, r, n, a, s) {
       {
-        var c = Function.call.bind(I);
+        var f = Function.call.bind(V);
         for (var u in e)
-          if (c(e, u)) {
-            var o = void 0;
+          if (f(e, u)) {
+            var i = void 0;
             try {
               if (typeof e[u] != "function") {
-                var b = Error((t || "React class") + ": " + n + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw b.name = "Invariant Violation", b;
+                var y = Error((a || "React class") + ": " + n + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw y.name = "Invariant Violation", y;
               }
-              o = e[u](r, u, t, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (g) {
-              o = g;
+              i = e[u](r, u, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (R) {
+              i = R;
             }
-            o && !(o instanceof Error) && (B(s), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", t || "React class", n, u, typeof o), B(null)), o instanceof Error && !(o.message in ve) && (ve[o.message] = !0, B(s), m("Failed %s type: %s", n, o.message), B(null));
+            i && !(i instanceof Error) && (N(s), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", n, u, typeof i), N(null)), i instanceof Error && !(i.message in he) && (he[i.message] = !0, N(s), m("Failed %s type: %s", n, i.message), N(null));
           }
       }
     }
@@ -436,26 +451,26 @@ function yr() {
     }
     function Ze(e) {
       try {
-        return pe(e), !1;
+        return be(e), !1;
       } catch {
         return !0;
       }
     }
-    function pe(e) {
+    function be(e) {
       return "" + e;
     }
-    function he(e) {
+    function pe(e) {
       if (Ze(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), pe(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), be(e);
     }
-    var Re = x.ReactCurrentOwner, Qe = {
+    var me = x.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, me, be;
+    }, ye, Ee;
     function er(e) {
-      if (I.call(e, "ref")) {
+      if (V.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -463,7 +478,7 @@ function yr() {
       return e.ref !== void 0;
     }
     function rr(e) {
-      if (I.call(e, "key")) {
+      if (V.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -471,12 +486,12 @@ function yr() {
       return e.key !== void 0;
     }
     function nr(e, r) {
-      typeof e.ref == "string" && Re.current;
+      typeof e.ref == "string" && me.current;
     }
     function tr(e, r) {
       {
         var n = function() {
-          me || (me = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          ye || (ye = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -487,7 +502,7 @@ function yr() {
     function ar(e, r) {
       {
         var n = function() {
-          be || (be = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Ee || (Ee = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -495,67 +510,67 @@ function yr() {
         });
       }
     }
-    var or = function(e, r, n, t, s, c, u) {
-      var o = {
+    var or = function(e, r, n, a, s, f, u) {
+      var i = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: i,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: n,
         props: u,
         // Record the component responsible for creating this element.
-        _owner: c
+        _owner: f
       };
-      return o._store = {}, Object.defineProperty(o._store, "validated", {
+      return i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(o, "_self", {
+      }), Object.defineProperty(i, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: t
-      }), Object.defineProperty(o, "_source", {
+        value: a
+      }), Object.defineProperty(i, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: s
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     };
-    function ir(e, r, n, t, s) {
+    function ir(e, r, n, a, s) {
       {
-        var c, u = {}, o = null, b = null;
-        n !== void 0 && (he(n), o = "" + n), rr(r) && (he(r.key), o = "" + r.key), er(r) && (b = r.ref, nr(r, s));
-        for (c in r)
-          I.call(r, c) && !Qe.hasOwnProperty(c) && (u[c] = r[c]);
+        var f, u = {}, i = null, y = null;
+        n !== void 0 && (pe(n), i = "" + n), rr(r) && (pe(r.key), i = "" + r.key), er(r) && (y = r.ref, nr(r, s));
+        for (f in r)
+          V.call(r, f) && !Qe.hasOwnProperty(f) && (u[f] = r[f]);
         if (e && e.defaultProps) {
-          var g = e.defaultProps;
-          for (c in g)
-            u[c] === void 0 && (u[c] = g[c]);
+          var R = e.defaultProps;
+          for (f in R)
+            u[f] === void 0 && (u[f] = R[f]);
         }
-        if (o || b) {
-          var p = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          o && tr(u, p), b && ar(u, p);
+        if (i || y) {
+          var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          i && tr(u, b), y && ar(u, b);
         }
-        return or(e, o, b, s, t, Re.current, u);
+        return or(e, i, y, s, a, me.current, u);
       }
     }
-    var H = x.ReactCurrentOwner, Ee = x.ReactDebugCurrentFrame;
-    function F(e) {
+    var H = x.ReactCurrentOwner, _e = x.ReactDebugCurrentFrame;
+    function k(e) {
       if (e) {
-        var r = e._owner, n = N(e.type, e._source, r ? r.type : null);
-        Ee.setExtraStackFrame(n);
+        var r = e._owner, n = B(e.type, e._source, r ? r.type : null);
+        _e.setExtraStackFrame(n);
       } else
-        Ee.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
     var Z;
     Z = !1;
     function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === i;
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function ye() {
+    function Ce() {
       {
         if (H.current) {
           var e = O(H.current.type);
@@ -570,10 +585,10 @@ Check the render method of \`` + e + "`.";
     function ur(e) {
       return "";
     }
-    var _e = {};
+    var Te = {};
     function lr(e) {
       {
-        var r = ye();
+        var r = Ce();
         if (!r) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (r = `
@@ -583,35 +598,35 @@ Check the top-level render call using <` + n + ">.");
         return r;
       }
     }
-    function Ce(e, r) {
+    function Oe(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var n = lr(r);
-        if (_e[n])
+        if (Te[n])
           return;
-        _e[n] = !0;
-        var t = "";
-        e && e._owner && e._owner !== H.current && (t = " It was passed a child from " + O(e._owner.type) + "."), F(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), F(null);
+        Te[n] = !0;
+        var a = "";
+        e && e._owner && e._owner !== H.current && (a = " It was passed a child from " + O(e._owner.type) + "."), k(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), k(null);
       }
     }
-    function Te(e, r) {
+    function Se(e, r) {
       {
         if (typeof e != "object")
           return;
         if (X(e))
           for (var n = 0; n < e.length; n++) {
-            var t = e[n];
-            Q(t) && Ce(t, r);
+            var a = e[n];
+            Q(a) && Oe(a, r);
           }
         else if (Q(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var s = Ie(e);
+          var s = Ae(e);
           if (typeof s == "function" && s !== e.entries)
-            for (var c = s.call(e), u; !(u = c.next()).done; )
-              Q(u.value) && Ce(u.value, r);
+            for (var f = s.call(e), u; !(u = f.next()).done; )
+              Q(u.value) && Oe(u.value, r);
         }
       }
     }
@@ -623,15 +638,15 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof r == "function")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === R || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === T))
           n = r.propTypes;
         else
           return;
         if (n) {
-          var t = O(r);
-          ze(n, e.props, "prop", t, e);
+          var a = O(r);
+          ze(n, e.props, "prop", a, e);
         } else if (r.PropTypes !== void 0 && !Z) {
           Z = !0;
           var s = O(r);
@@ -643,80 +658,83 @@ Check the top-level render call using <` + n + ">.");
     function cr(e) {
       {
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var t = r[n];
-          if (t !== "children" && t !== "key") {
-            F(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", t), F(null);
+          var a = r[n];
+          if (a !== "children" && a !== "key") {
+            k(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), k(null);
             break;
           }
         }
-        e.ref !== null && (F(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+        e.ref !== null && (k(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    var Oe = {};
-    function Se(e, r, n, t, s, c) {
+    var we = {};
+    function Pe(e, r, n, a, s, f) {
       {
         var u = Le(e);
         if (!u) {
-          var o = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var b = ur();
-          b ? o += b : o += ye();
-          var g;
-          e === null ? g = "null" : X(e) ? g = "array" : e !== void 0 && e.$$typeof === i ? (g = "<" + (O(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, o);
+          var i = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var y = ur();
+          y ? i += y : i += Ce();
+          var R;
+          e === null ? R = "null" : X(e) ? R = "array" : e !== void 0 && e.$$typeof === o ? (R = "<" + (O(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, i);
         }
-        var p = ir(e, r, n, s, c);
-        if (p == null)
-          return p;
+        var b = ir(e, r, n, s, f);
+        if (b == null)
+          return b;
         if (u) {
-          var _ = r.children;
-          if (_ !== void 0)
-            if (t)
-              if (X(_)) {
-                for (var k = 0; k < _.length; k++)
-                  Te(_[k], e);
-                Object.freeze && Object.freeze(_);
+          var C = r.children;
+          if (C !== void 0)
+            if (a)
+              if (X(C)) {
+                for (var D = 0; D < C.length; D++)
+                  Se(C[D], e);
+                Object.freeze && Object.freeze(C);
               } else
                 m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Te(_, e);
+              Se(C, e);
         }
-        if (I.call(r, "key")) {
-          var P = O(e), E = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
+        if (V.call(r, "key")) {
+          var P = O(e), E = Object.keys(r).filter(function(Rr) {
+            return Rr !== "key";
           }), ee = E.length > 0 ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Oe[P + ee]) {
-            var pr = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
+          if (!we[P + ee]) {
+            var hr = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
             m(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ee, P, pr, P), Oe[P + ee] = !0;
+  <%s key={someKey} {...props} />`, ee, P, hr, P), we[P + ee] = !0;
           }
         }
-        return e === f ? cr(p) : sr(p), p;
+        return e === d ? cr(b) : sr(b), b;
       }
     }
     function fr(e, r, n) {
-      return Se(e, r, n, !0);
+      return Pe(e, r, n, !0);
     }
     function dr(e, r, n) {
-      return Se(e, r, n, !1);
+      return Pe(e, r, n, !1);
     }
     var vr = dr, gr = fr;
-    $.Fragment = f, $.jsx = vr, $.jsxs = gr;
-  })()), $;
+    U.Fragment = d, U.jsx = vr, U.jsxs = gr;
+  })()), U;
 }
 var xe;
-function _r() {
-  return xe || (xe = 1, process.env.NODE_ENV === "production" ? J.exports = Er() : J.exports = yr()), J.exports;
+function Cr() {
+  return xe || (xe = 1, process.env.NODE_ENV === "production" ? q.exports = Er() : q.exports = _r()), q.exports;
 }
-var Fe = _r();
-function Pr(a) {
-  const i = De(null), l = mr(a.form, a.path, a.defaultValue), f = {
-    onChange(d) {
-      const { target: v } = d;
-      v === l.boundElement && "value" in v && typeof v.value == "string" && l.setValue(v.value, {
+var ke = Cr();
+function Fr(t) {
+  const o = re(null), l = mr(t.form, t.path, {
+    overrideInitialValue: t.overrideInitialValue ?? !0,
+    defaultValue: typeof t.defaultValue == "function" ? t.defaultValue() : t.defaultValue
+  }), d = {
+    onChange(v) {
+      const { target: c } = v;
+      c === l.boundElement && "value" in c && typeof c.value == "string" && l.setValue(c.value, {
         shouldTouch: !0,
         shouldMarkDirty: !0
       });
@@ -725,31 +743,31 @@ function Pr(a) {
       l.touch();
     },
     onBlur() {
-      (a.form.hookConfigs?.validateMode === "onBlur" || a.form.hookConfigs?.validateMode === "onChange") && a.form.controller.validateField(a.path);
+      (t.form.hookConfigs?.validateMode === "onBlur" || t.form.hookConfigs?.validateMode === "onChange") && t.form.controller.validateField(t.path);
     }
   };
-  return D(() => {
-    const { events: d } = a.form.controller;
-    return Y(
-      d.on("valueChanged", (v) => {
-        v === a.path && a.form.hookConfigs?.validateMode === "onChange" && a.form.controller.validateField(v);
+  return I(() => {
+    const { events: v } = t.form.controller;
+    return W(
+      v.on("valueChanged", (c) => {
+        c !== t.path && !F.isDescendant(c, t.path) || t.form.hookConfigs?.validateMode === "onChange" && t.form.controller.validateField(t.path);
       })
     );
-  }, []), D(() => (l.bindElement(i.current), () => {
-    a.resetOnUnmount && a.form.controller.unbindField(a.path);
-  }), []), /* @__PURE__ */ Fe.jsx(Fe.Fragment, { children: a.render({
-    ref: i,
+  }, []), I(() => (l.bindElement(o.current), () => {
+    t.unbindOnUnmount && t.form.controller.unbindField(t.path);
+  }), []), /* @__PURE__ */ ke.jsx(ke.Fragment, { children: t.render({
+    ref: o,
     value: l.value,
-    handlers: f,
+    handlers: d,
     field: l
   }) });
 }
 export {
-  Pr as FieldRenderer,
-  Or as useForm,
-  wr as useFormErrorObserver,
+  Fr as FieldRenderer,
+  Sr as useForm,
+  Pr as useFormErrorObserver,
   mr as useFormField,
-  Sr as useFormValuesObserver,
-  q as useRenderControl
+  wr as useFormValuesObserver,
+  J as useRenderControl
 };
 //# sourceMappingURL=index.js.map