react-simple-formkit 2.4.1 → 2.4.2

package/dist/react-simple-formkit.mjs

@@ -1,5 +1,5 @@
-import Ar, { createContext as Or, useContext as wr, useCallback as g, useEffect as dr, useState as Q, useRef as $, useMemo as lr, useLayoutEffect as br } from "react";
-var ur = { exports: {} }, X = {};
+import jr, { createContext as Cr, useContext as Pr, useCallback as d, useEffect as Er, useState as er, useRef as W, useMemo as dr, useLayoutEffect as hr } from "react";
+var ar = { exports: {} }, K = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var ur = { exports: {} }, X = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var gr;
-function jr() {
-  if (gr) return X;
-  gr = 1;
-  var o = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function s(i, c, l) {
-    var u = null;
-    if (l !== void 0 && (u = "" + l), c.key !== void 0 && (u = "" + c.key), "key" in c) {
+var mr;
+function Nr() {
+  if (mr) return K;
+  mr = 1;
+  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function u(a, c, l) {
+    var o = null;
+    if (l !== void 0 && (o = "" + l), c.key !== void 0 && (o = "" + c.key), "key" in c) {
       l = {};
-      for (var d in c)
-        d !== "key" && (l[d] = c[d]);
+      for (var m in c)
+        m !== "key" && (l[m] = c[m]);
     } else l = c;
     return c = l.ref, {
-      $$typeof: o,
-      type: i,
-      key: u,
+      $$typeof: n,
+      type: a,
+      key: o,
       ref: c !== void 0 ? c : null,
       props: l
     };
   }
-  return X.Fragment = t, X.jsx = s, X.jsxs = s, X;
+  return K.Fragment = t, K.jsx = u, K.jsxs = u, K;
 }
-var Z = {};
+var rr = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,26 +41,26 @@ var Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Er;
-function Cr() {
-  return Er || (Er = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(e) {
+var vr;
+function Dr() {
+  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ar ? null : e.displayName || e.name || null;
+        return e.$$typeof === nr ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case R:
+        case p:
           return "Fragment";
         case C:
           return "Profiler";
-        case _:
+        case A:
           return "StrictMode";
-        case cr:
+        case ir:
           return "Suspense";
-        case K:
+        case lr:
           return "SuspenseList";
-        case rr:
+        case T:
           return "Activity";
       }
       if (typeof e == "object")
@@ -69,19 +69,19 @@ function Cr() {
         ), e.$$typeof) {
           case S:
             return "Portal";
-          case M:
+          case x:
             return (e.displayName || "Context") + ".Provider";
-          case D:
+          case Y:
             return (e._context.displayName || "Context") + ".Consumer";
-          case q:
-            var E = e.render;
-            return e = e.displayName, e || (e = E.displayName || E.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case U:
-            return E = e.displayName || null, E !== null ? E : o(e.type) || "Memo";
-          case T:
-            E = e._payload, e = e._init;
+          case V:
+            var f = e.render;
+            return e = e.displayName, e || (e = f.displayName || f.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case tr:
+            return f = e.displayName || null, f !== null ? f : n(e.type) || "Memo";
+          case B:
+            f = e._payload, e = e._init;
             try {
-              return o(e(E));
+              return n(e(f));
             } catch {
             }
         }
@@ -90,53 +90,53 @@ function Cr() {
     function t(e) {
       return "" + e;
     }
-    function s(e) {
+    function u(e) {
       try {
         t(e);
-        var E = !1;
+        var f = !1;
       } catch {
-        E = !0;
+        f = !0;
       }
-      if (E) {
-        E = console;
-        var y = E.error, O = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (f) {
+        f = console;
+        var y = f.error, j = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return y.call(
-          E,
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          O
+          j
         ), t(e);
       }
     }
-    function i(e) {
-      if (e === R) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function a(e) {
+      if (e === p) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === B)
         return "<...>";
       try {
-        var E = o(e);
-        return E ? "<" + E + ">" : "<...>";
+        var f = n(e);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function c() {
-      var e = z.A;
+      var e = X.A;
       return e === null ? null : e.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (er.call(e, "key")) {
-        var E = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (E && E.isReactWarning) return !1;
+    function o(e) {
+      if (sr.call(e, "key")) {
+        var f = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function d(e, E) {
+    function m(e, f) {
       function y() {
-        nr || (nr = !0, console.error(
+        J || (J = !0, console.error(
           "%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://react.dev/link/special-props)",
-          E
+          f
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -144,22 +144,22 @@ function Cr() {
         configurable: !0
       });
     }
-    function f() {
-      var e = o(this.type);
-      return x[e] || (x[e] = !0, console.error(
+    function E() {
+      var e = n(this.type);
+      return or[e] || (or[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function m(e, E, y, O, I, k, J, H) {
+    function b(e, f, y, j, M, k, Z, U) {
       return y = k.ref, e = {
-        $$typeof: j,
+        $$typeof: O,
         type: e,
-        key: E,
+        key: f,
         props: k,
-        _owner: I
+        _owner: M
       }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: f
+        get: E
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,113 +174,113 @@ function Cr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
+        value: Z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: U
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function a(e, E, y, O, I, k, J, H) {
-      var w = E.children;
+    function i(e, f, y, j, M, k, Z, U) {
+      var w = f.children;
       if (w !== void 0)
-        if (O)
-          if (tr(w)) {
-            for (O = 0; O < w.length; O++)
-              v(w[O]);
+        if (j)
+          if (fr(w)) {
+            for (j = 0; j < w.length; j++)
+              g(w[j]);
             Object.freeze && Object.freeze(w);
           } else
             console.error(
               "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 v(w);
-      if (er.call(E, "key")) {
-        w = o(e);
-        var r = Object.keys(E).filter(function(b) {
-          return b !== "key";
+        else g(w);
+      if (sr.call(f, "key")) {
+        w = n(e);
+        var q = Object.keys(f).filter(function(r) {
+          return r !== "key";
         });
-        O = 0 < r.length ? "{key: someKey, " + r.join(": ..., ") + ": ...}" : "{key: someKey}", G[w + O] || (r = 0 < r.length ? "{" + r.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", cr[w + j] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
           `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} />`,
-          O,
+          j,
           w,
-          r,
+          q,
           w
-        ), G[w + O] = !0);
+        ), cr[w + j] = !0);
       }
-      if (w = null, y !== void 0 && (s(y), w = "" + y), u(E) && (s(E.key), w = "" + E.key), "key" in E) {
+      if (w = null, y !== void 0 && (u(y), w = "" + y), o(f) && (u(f.key), w = "" + f.key), "key" in f) {
         y = {};
-        for (var n in E)
-          n !== "key" && (y[n] = E[n]);
-      } else y = E;
-      return w && d(
+        for (var Q in f)
+          Q !== "key" && (y[Q] = f[Q]);
+      } else y = f;
+      return w && m(
         y,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), m(
+      ), b(
         e,
         w,
         k,
-        I,
+        M,
         c(),
         y,
-        J,
-        H
+        Z,
+        U
       );
     }
-    function v(e) {
-      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
+    function g(e) {
+      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
     }
-    var p = Ar, j = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), M = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), cr = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), rr = Symbol.for("react.activity"), ar = Symbol.for("react.client.reference"), z = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, er = Object.prototype.hasOwnProperty, tr = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var R = jr, O = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), x = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), ir = Symbol.for("react.suspense"), lr = Symbol.for("react.suspense_list"), tr = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), X = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, sr = Object.prototype.hasOwnProperty, fr = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    R = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var nr, x = {}, sr = p["react-stack-bottom-frame"].bind(
-      p,
+    var J, or = {}, D = R["react-stack-bottom-frame"].bind(
+      R,
       l
-    )(), or = V(i(l)), G = {};
-    Z.Fragment = R, Z.jsx = function(e, E, y, O, I) {
-      var k = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return a(
+    )(), ur = z(a(l)), cr = {};
+    rr.Fragment = p, rr.jsx = function(e, f, y, j, M) {
+      var k = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return i(
         e,
-        E,
+        f,
         y,
         !1,
-        O,
-        I,
-        k ? Error("react-stack-top-frame") : sr,
-        k ? V(i(e)) : or
+        j,
+        M,
+        k ? Error("react-stack-top-frame") : D,
+        k ? z(a(e)) : ur
       );
-    }, Z.jsxs = function(e, E, y, O, I) {
-      var k = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return a(
+    }, rr.jsxs = function(e, f, y, j, M) {
+      var k = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return i(
         e,
-        E,
+        f,
         y,
         !0,
-        O,
-        I,
-        k ? Error("react-stack-top-frame") : sr,
-        k ? V(i(e)) : or
+        j,
+        M,
+        k ? Error("react-stack-top-frame") : D,
+        k ? z(a(e)) : ur
       );
     };
-  }()), Z;
+  }()), rr;
 }
-var hr;
-function Pr() {
-  return hr || (hr = 1, process.env.NODE_ENV === "production" ? ur.exports = jr() : ur.exports = Cr()), ur.exports;
+var Rr;
+function xr() {
+  return Rr || (Rr = 1, process.env.NODE_ENV === "production" ? ar.exports = Nr() : ar.exports = Dr()), ar.exports;
 }
-var mr = Pr();
+var pr = xr();
 const F = () => {
-}, Sr = Or({
+}, Fr = Cr({
   ref: null,
   watch: F,
   actions: {
@@ -308,77 +308,77 @@ const F = () => {
   loadFormValues: F,
   getWatchValue: F,
   channels: {}
-}), pr = () => wr(Sr), Lr = ({
-  id: o,
+}), Ar = () => Pr(Fr), qr = ({
+  id: n,
   control: t,
-  method: s,
-  action: i,
+  method: u,
+  action: a,
   children: c,
   onChange: l,
-  onBlur: u,
-  onSubmit: d = () => {
+  onBlur: o,
+  onSubmit: m = () => {
   },
-  onInput: f = () => {
+  onInput: E = () => {
   },
-  onReset: m = () => {
+  onReset: b = () => {
   },
-  numberFields: a = [],
-  className: v,
-  ...p
+  numberFields: i = [],
+  className: g,
+  ...R
 }) => {
-  const j = g(
+  const O = d(
     (S) => {
       t.ref && (t.ref.current = S, t.ref.current && t.initForm());
     },
     [t]
   );
-  return dr(() => {
+  return Er(() => {
     let S = () => {
-    }, R = () => {
+    }, p = () => {
     };
-    return l && (S = t.channels.subscribe("onChange", l)), u && (R = t.channels.subscribe("onBlur", u)), () => {
-      S(), R();
+    return l && (S = t.channels.subscribe("onChange", l)), o && (p = t.channels.subscribe("onBlur", o)), () => {
+      S(), p();
     };
-  }, [t.lastReloadedAt]), /* @__PURE__ */ mr.jsx(Sr.Provider, { value: t, children: /* @__PURE__ */ mr.jsx(
+  }, [t.lastReloadedAt]), /* @__PURE__ */ pr.jsx(Fr.Provider, { value: t, children: /* @__PURE__ */ pr.jsx(
     "form",
     {
-      id: o,
-      ref: j,
-      action: i,
-      method: s,
-      className: v,
-      onInput: f,
+      id: n,
+      ref: O,
+      action: a,
+      method: u,
+      className: g,
+      onInput: E,
       onSubmit: (S) => {
-        s || S.preventDefault();
-        const R = t.loadFormValues();
-        d(R);
+        u || S.preventDefault();
+        const p = t.loadFormValues();
+        m(p);
       },
       onChange: (S) => {
-        const R = S.target.name;
-        !R || t.actions.getControlledFields().has(R) || t.actions.setValue(R, S.target.value);
+        const p = S.target.name;
+        !p || t.actions.getControlledFields().has(p) || t.actions.setValue(p, S.target.value);
       },
       onBlur: (S) => {
-        const R = S.target.name;
-        if (!R || t.actions.getControlledFields().has(R)) return;
-        const _ = S.target.value;
-        t.channels.publish("onBlur", R, _, t.actions.getValues());
+        const p = S.target.name;
+        if (!p || t.actions.getControlledFields().has(p)) return;
+        const A = S.target.value;
+        t.channels.publish("onBlur", p, A, t.actions.getValues());
       },
       onReset: (S) => {
-        t.actions.reset(), m(S);
+        t.actions.reset(), b(S);
       },
-      ...p,
+      ...R,
       children: c
     },
     t.lastReloadedAt
   ) });
-}, fr = { isDirty: !1, isTouched: !1, error: null }, vr = {
+}, br = { isDirty: !1, isTouched: !1, error: null }, Sr = {
   lastReset: null,
   isDirty: !1,
   isError: !1,
   errorFields: [],
   dirtyFields: [],
   touchedFields: []
-}, Nr = {}, Dr = [
+}, kr = {}, $r = [
   "badInput",
   "customError",
   "patternMismatch",
@@ -389,362 +389,371 @@ const F = () => {
   "tooShort",
   "typeMismatch",
   "valueMissing"
-], N = (o = {}, t = "") => t.split(".").reduce((s, i) => s && s[i] !== void 0 ? s[i] : void 0, o), W = (o = {}, t = "", s) => {
-  const i = { ...o };
-  let c = i;
+], N = (n = {}, t = "") => t.split(".").reduce((u, a) => u && u[a] !== void 0 ? u[a] : void 0, n), I = (n = {}, t = "", u) => {
+  const a = Array.isArray(n) ? [...n] : { ...n };
+  let c = a;
   const l = t.split(".");
-  return l.forEach((u, d) => {
-    d < l.length - 1 ? (c[u] || (c[u] = {}), Array.isArray(c[u]) ? c[u] = [...c[u]] : c[u] = { ...c[u] }, c = c[u]) : c[u] = s;
-  }), i;
-}, kr = (o) => {
-  let t = { ...o };
-  return Object.keys(t).forEach((s) => {
-    if (s.includes(".")) {
-      const i = N(t, s);
-      t = W(t, s, i || ""), delete t[s];
+  return l.forEach((o, m) => {
+    m < l.length - 1 ? (c[o] || (c[o] = /^\d+$/.test(l[m + 1]) ? [] : {}), Array.isArray(c[o]) ? c[o] = [...c[o]] : c[o] = { ...c[o] }, c = c[o]) : c[o] = u;
+  }), a;
+}, Wr = (n) => {
+  let t = Array.isArray(n) ? [...n] : { ...n };
+  return Object.keys(t).forEach((u) => {
+    if (u.includes(".")) {
+      const a = N(t, u);
+      t = I(t, u, a || ""), delete t[u];
     }
   }), t;
-}, xr = ["errors", "fieldStates", "formState"], B = (o) => xr.some((t) => o.startsWith(t)) ? o : "values." + o, Rr = (o) => {
-  typeof o.setCustomValidity == "function" && o.setCustomValidity("");
-  let t = o.validity, s = Dr.find((i) => t[i]);
-  if (s) return { type: s, message: o.validationMessage };
-}, yr = (o = /* @__PURE__ */ new Set(), t = {}, s = "") => Object.keys(t).reduce((i, c) => {
-  const l = t[c];
-  return o.has(s + c) ? [...i, ...yr(o, l, s + c + ".")] : l.isDirty ? [...i, s + c] : i;
-}, []), Fr = (o = /* @__PURE__ */ new Set(), t = {}, s = "") => Object.keys(t).reduce((i, c) => {
-  const l = t[c];
-  return o.has(s + c) ? [...i, ...Fr(o, l, s + c + ".")] : l.isTouched ? [...i, s + c] : i;
-}, []), Tr = (o = /* @__PURE__ */ new Set(), t = {}, s = "") => Object.keys(t).reduce((i, c) => {
-  const l = t[c];
-  return o.has(s + c) ? [...i, ...Tr(o, l, s + c + ".")] : l ? [...i, s + c] : i;
-}, []), Br = ({ control: o, name: t, compute: s }) => {
-  const { getWatchValue: i, registerHookWatcher: c } = o || pr(), l = i({ name: t, compute: s }), [u, d] = Q(l);
-  return dr(() => c({ name: t, compute: s, value: u, setValue: d }), []), u;
-}, $r = ({ control: o, name: t, defaultValue: s }) => {
-  const { actions: i, registerController: c, channels: l, getWatchValue: u } = o || pr(), d = $(), f = $(), m = N(i.getDefaultValues(), t) || s || "", [a, v] = Q(m), [p, j] = Q({}), S = g(
-    (_, { shouldDirty: C = !0, shouldOnChange: D = !0 } = {}) => {
-      var q;
-      let M = _;
-      ((q = _ == null ? void 0 : _.target) == null ? void 0 : q.value) !== void 0 && (M = _.target.value), v(M), i.setValue(t, M, { shouldDirty: C, shouldOnChange: D });
+}, Ir = ["errors", "fieldStates", "formState"], G = (n) => Ir.some((t) => n.startsWith(t)) ? n : "values." + n, yr = (n) => {
+  typeof n.setCustomValidity == "function" && n.setCustomValidity("");
+  let t = n.validity, u = $r.find((a) => t[a]);
+  if (u) return { type: u, message: n.validationMessage };
+}, Tr = (n = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((a, c) => {
+  const l = (t || {})[c];
+  return n.has(u + c) ? [...a, ...Tr(n, l, u + c + ".")] : l != null && l.isDirty ? [...a, u + c] : a;
+}, []), _r = (n = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((a, c) => {
+  const l = (t || {})[c];
+  return n.has(u + c) ? [...a, ..._r(n, l, u + c + ".")] : l != null && l.isTouched ? [...a, u + c] : a;
+}, []), Or = (n = /* @__PURE__ */ new Set(), t = {}, u = "") => Object.keys(t || {}).reduce((a, c) => {
+  const l = (t || {})[c];
+  return n.has(u + c) ? [...a, ...Or(n, l, u + c + ".")] : l ? [...a, u + c] : a;
+}, []), Gr = ({ control: n, name: t, compute: u }) => {
+  const { getWatchValue: a, registerHookWatcher: c } = n || Ar(), l = a({ name: t, compute: u }), [o, m] = er(l);
+  return Er(() => c({ name: t, compute: u, value: o, setValue: m }), []), o;
+}, Mr = ({ control: n, name: t, defaultValue: u }) => {
+  const { actions: a, registerController: c, channels: l, getWatchValue: o } = n || Ar(), m = W(), E = W(), b = N(a.getDefaultValues(), t) || u || "", [i, g] = er(b), [R, O] = er({}), S = d(
+    (A, { shouldDirty: C = !0, shouldOnChange: Y = !0 } = {}) => {
+      var V;
+      let x = A;
+      ((V = A == null ? void 0 : A.target) == null ? void 0 : V.value) !== void 0 && (x = A.target.value), g(x), a.setValue(t, x, { shouldDirty: C, shouldOnChange: Y });
     },
-    [i.setValue]
-  ), R = g((_) => {
-    const C = i.getValues(), D = _ ?? N(C, t);
-    l.publish("onBlur", t, D, C);
+    [a.setValue]
+  ), p = d((A) => {
+    const C = a.getValues(), Y = A ?? N(C, t);
+    l.publish("onBlur", t, Y, C);
   }, []);
-  return dr(() => {
-    const _ = c(t, v);
+  return Er(() => {
+    const A = c(t, g);
     return () => {
-      _(), f.current && f.current();
+      A(), E.current && E.current();
     };
   }, []), new Proxy(
-    { ref: d, name: t, defaultValue: m, value: a, onChange: S, onBlur: R, fieldState: p },
+    { ref: m, name: t, defaultValue: b, value: i, onChange: S, onBlur: p, fieldState: R },
     {
-      get(_, C, D) {
-        return typeof C == "string" && C === "fieldState" && (f.current && f.current(), f.current = i.subscribe(`fieldStates.${t}`, () => {
-          j(u({ name: `fieldStates.${t}` }));
-        })), Reflect.get(_, C, D);
+      get(A, C, Y) {
+        return typeof C == "string" && C === "fieldState" && (E.current && E.current(), E.current = a.subscribe(`fieldStates.${t}`, () => {
+          O(o({ name: `fieldStates.${t}` }));
+        })), Reflect.get(A, C, Y);
       }
     }
   );
-}, Ur = ({
-  name: o,
+}, Jr = ({
+  name: n,
   control: t,
-  defaultValue: s,
-  render: i = ({ ref: c, name: l, defaultValue: u, value: d, onChange: f, onBlur: m, fieldState: a }) => null
+  defaultValue: u,
+  render: a = ({ ref: c, name: l, defaultValue: o, value: m, onChange: E, onBlur: b, fieldState: i }) => null
 }) => {
-  const c = $r({ name: o, defaultValue: s, control: t });
-  return i(c);
-}, Wr = () => {
-  const [o, t] = Q(), s = g(() => t((/* @__PURE__ */ new Date()).toString()), []);
-  return [o, s];
-}, Mr = () => {
-  const [, o] = Q({});
-  return g(() => o({}), []);
-}, Ir = ({ channels: o, getWatchValue: t }) => {
-  const s = Mr(), i = g((u) => {
-    if (!u)
-      return o.subscribeWatch("values", () => s()), t();
-    if (typeof u == "string") {
-      const d = B(u);
-      o.subscribeWatch(d, (f, m) => {
-        f !== m && s();
+  const c = Mr({ name: n, defaultValue: u, control: t });
+  return a(c);
+}, Yr = () => {
+  const [n, t] = er(), u = d(() => t((/* @__PURE__ */ new Date()).toString()), []);
+  return [n, u];
+}, Vr = () => {
+  const [, n] = er({});
+  return d(() => n({}), []);
+}, Lr = ({ channels: n, getWatchValue: t }) => {
+  const u = Vr(), a = d((o) => {
+    if (!o)
+      return n.subscribeWatch("values", () => u()), t();
+    if (typeof o == "string") {
+      const m = G(o);
+      n.subscribeWatch(m, (E, b) => {
+        E !== b && u();
       });
     }
-    return Array.isArray(u) && u.forEach((d) => {
-      const f = B(d);
-      o.subscribeWatch(f, (m, a) => {
-        m !== a && s();
+    return Array.isArray(o) && o.forEach((m) => {
+      const E = G(m);
+      n.subscribeWatch(E, (b, i) => {
+        b !== i && u();
       });
-    }), t({ name: u });
-  }, []), c = g(({ name: u, compute: d, setValue: f }) => {
-    if (typeof d == "function")
-      return o.subscribe("values", () => {
-        const a = t({ compute: d });
-        f(a);
+    }), t({ name: o });
+  }, []), c = d(({ name: o, compute: m, setValue: E }) => {
+    if (typeof m == "function")
+      return n.subscribe("values", () => {
+        const i = t({ compute: m });
+        E(i);
       });
-    if (!u)
-      return o.subscribe("values", () => {
-        f(t());
+    if (!o)
+      return n.subscribe("values", () => {
+        E(t());
       });
-    if (typeof u == "string") {
-      const m = B(u);
-      return o.subscribe(m, () => {
-        const v = t({ name: u });
-        f(v);
+    if (typeof o == "string") {
+      const b = G(o);
+      return n.subscribe(b, () => {
+        const g = t({ name: o });
+        E(g);
       });
     }
-    if (Array.isArray(u)) {
-      const m = [];
-      return u.forEach((a) => {
-        const v = B(a), p = o.subscribe(v, () => {
-          const j = t({ name: u });
-          f(j);
+    if (Array.isArray(o)) {
+      const b = [];
+      return o.forEach((i) => {
+        const g = G(i), R = n.subscribe(g, () => {
+          const O = t({ name: o });
+          E(O);
         });
-        m.push(p);
-      }), () => m.forEach((a) => a());
+        b.push(R);
+      }), () => b.forEach((i) => i());
     }
     throw new Error("Parameters of name must be string or array of string or compute must be a function");
-  }, []), l = g((u, d) => {
-    if (!u)
-      return o.subscribe("values", () => d(t()));
-    if (["onChange", "onBlur"].includes(u))
-      return o.subscribe(u, d);
-    if (typeof u == "string") {
-      const f = B(u);
-      return o.subscribe(f, () => d(t({ name: u })));
+  }, []), l = d((o, m) => {
+    if (!o)
+      return n.subscribe("values", () => m(t()));
+    if (["onChange", "onBlur"].includes(o))
+      return n.subscribe(o, m);
+    if (typeof o == "string") {
+      const E = G(o);
+      return n.subscribe(E, () => m(t({ name: o })));
     }
-    if (Array.isArray(u)) {
-      const f = [];
-      return u.forEach((m) => {
-        const a = B(m), v = o.subscribe(a, () => {
-          d(t({ name: u }));
+    if (Array.isArray(o)) {
+      const E = [];
+      return o.forEach((b) => {
+        const i = G(b), g = n.subscribe(i, () => {
+          m(t({ name: o }));
         });
-        f.push(v);
-      }), () => f.forEach((m) => m());
+        E.push(g);
+      }), () => E.forEach((b) => b());
     }
     throw new Error("Parameters of name must be string or array of string");
   }, []);
-  return { watch: i, registerHookWatcher: c, getWatchValue: t, subscribe: l };
-}, Yr = ({ getWatchValue: o }) => {
-  const t = $(/* @__PURE__ */ new Map()), s = $(/* @__PURE__ */ new Map()), i = g(() => s.current, []), c = g(() => t.current, []), l = g(() => {
-    t.current.clear(), s.current.clear();
-  }, []), u = g((a, ...v) => {
-    const p = t.current.get(a), j = s.current.get(a);
-    p && p.forEach((S) => S(...v)), j && j.forEach((S) => S(...v)), t.current.forEach((S, R) => {
-      if (R !== a && a.startsWith(R)) {
-        const _ = o({ name: R.replace("values.", "").replace("values", "") });
-        S.forEach((C) => C(W(_, a.replace(`${R}.`, ""), v[0])));
+  return { watch: a, registerHookWatcher: c, getWatchValue: t, subscribe: l };
+}, Br = ({ getWatchValue: n }) => {
+  const t = W(/* @__PURE__ */ new Map()), u = W(/* @__PURE__ */ new Map()), a = d(() => u.current, []), c = d(() => t.current, []), l = d(() => {
+    t.current.clear(), u.current.clear();
+  }, []), o = d((i, ...g) => {
+    const R = t.current.get(i), O = u.current.get(i);
+    R && R.forEach((S) => S(...g)), O && O.forEach((S) => S(...g)), t.current.forEach((S, p) => {
+      if (p !== i && i.startsWith(p)) {
+        const A = n({ name: p.replace("values.", "").replace("values", "") });
+        S.forEach((C) => C(I(A, i.replace(`${p}.`, ""), g[0])));
       }
-    }), s.current.forEach((S, R) => {
-      if (R !== a && a.startsWith(R)) {
-        const _ = o({ name: R.replace("values.", "").replace("values", "") });
-        S.forEach((C) => C(W(_, a.replace(`${R}.`, ""), v[0])));
+    }), u.current.forEach((S, p) => {
+      if (p !== i && i.startsWith(p)) {
+        const A = n({ name: p.replace("values.", "").replace("values", "") });
+        S.forEach((C) => C(I(A, i.replace(`${p}.`, ""), g[0])));
       }
     });
-  }, []), d = g((a) => {
-    t.current.forEach((v, p) => {
-      p.startsWith(a) && v.forEach((j) => j(o({ name: p.replace("values.", "").replace("values", "") })));
-    }), s.current.forEach((v, p) => {
-      p.startsWith(a) && v.forEach((j) => j(o({ name: p.replace("values.", "").replace("values", "") })));
+  }, []), m = d((i) => {
+    t.current.forEach((g, R) => {
+      R.startsWith(i) && g.forEach((O) => O(n({ name: R.replace("values.", "").replace("values", "") })));
+    }), u.current.forEach((g, R) => {
+      R.startsWith(i) && g.forEach((O) => O(n({ name: R.replace("values.", "").replace("values", "") })));
     });
-  }, []), f = g((a, v) => (t.current.has(a) || t.current.set(a, /* @__PURE__ */ new Set()), t.current.get(a).add(v), () => {
-    var p;
-    return (p = t.current.get(a)) == null ? void 0 : p.delete(v);
-  }), []), m = g((a, v) => {
-    s.current.has(a) || (s.current.set(a, /* @__PURE__ */ new Set()), s.current.get(a).add(v));
+  }, []), E = d((i, g) => (t.current.has(i) || t.current.set(i, /* @__PURE__ */ new Set()), t.current.get(i).add(g), () => {
+    var R;
+    return (R = t.current.get(i)) == null ? void 0 : R.delete(g);
+  }), []), b = d((i, g) => {
+    u.current.has(i) || (u.current.set(i, /* @__PURE__ */ new Set()), u.current.get(i).add(g));
   }, []);
-  return { reset: l, publish: u, subscribe: f, subscribeWatch: m, getEvents: c, getWatchEvents: i, trigger: d };
-}, qr = ({ defaultValues: o = Nr, shouldUnRegister: t = !1 } = {}) => {
-  const [s, i] = Wr(), c = $(), l = $(/* @__PURE__ */ new Map()), u = $({}), d = $({}), f = $({ ...vr }), m = $({ ...o }), a = $({ ...o }), v = $(/* @__PURE__ */ new Set()), p = g((r, n = a.current) => Object.keys(n).reduce((b, h) => {
-    if (typeof n[h] == "object")
-      return { ...b, [h]: p(r, n[h]) };
-    const P = { ...r ? {} : d.current[h] || {}, ...fr };
-    return { ...b, [h]: P };
-  }, {}), []), j = g(
-    (r = {}, { clearCustomFormStates: n = !1, clearCustomFieldStates: b = !1 } = {}) => {
-      a.current = { ...a.current, ...r }, m.current = { ...a.current }, l.current.forEach((h, P) => {
-        h(N(a.current, P) ?? "");
-      }), u.current = {}, l.current = /* @__PURE__ */ new Map(), f.current = { ...n ? {} : f.current, ...vr }, d.current = p(b), T.reset(), i();
+  return { reset: l, publish: o, subscribe: E, subscribeWatch: b, getEvents: c, getWatchEvents: a, trigger: m };
+}, zr = ({ defaultValues: n = kr, shouldUnRegister: t = !1, groups: u = [] } = {}) => {
+  const [a, c] = Yr(), l = W(), o = W(/* @__PURE__ */ new Map()), m = W({}), E = W({}), b = W({ ...Sr }), i = W({ ...n }), g = W({ ...n }), R = W(new Set(u)), O = d((r, s = g.current) => Object.keys(s).reduce((h, v) => {
+    if (typeof s[v] == "object")
+      return { ...h, [v]: O(r, s[v]) };
+    const P = { ...r ? {} : E.current[v] || {}, ...br };
+    return { ...h, [v]: P };
+  }, {}), []), S = d(
+    (r = {}, { clearCustomFormStates: s = !1, clearCustomFieldStates: h = !1, groups: v = R.current } = {}) => {
+      g.current = { ...g.current, ...r }, i.current = { ...g.current }, o.current.forEach((P, _) => {
+        P(N(g.current, _) ?? "");
+      }), m.current = {}, R.current = new Set(v), o.current = /* @__PURE__ */ new Map(), b.current = { ...s ? {} : b.current, ...Sr }, E.current = O(h), T.reset(), c();
     },
     []
-  ), S = g(() => {
-    let r = Object.fromEntries(new FormData(c.current));
-    l.current.forEach((b, h) => {
-      r = W(r, h, N(m.current, h));
+  ), p = d(() => {
+    let r = Object.fromEntries(new FormData(l.current));
+    o.current.forEach((h, v) => {
+      r = I(r, v, N(i.current, v));
     });
-    let n = { ...m.current, ...r };
-    return kr(n);
-  }, []), R = g((r) => Rr(r.target), []), _ = g(() => a.current, []), C = g(() => l.current, []), D = g((r, n) => n ? Array.isArray(n) ? n.reduce((b, h) => ({ ...b, [h]: N(r, h) }), {}) : N(r, n) : { ...r }, []), M = g((r) => D(m.current, r), [D]), q = g((r) => D(u.current, r), [D]), cr = g((r) => D(d.current, r), [D]), K = g(
-    (r) => D({ ...f.current, lastReset: s }, r),
-    [s]
-  ), U = g(({ name: r, compute: n } = {}) => !r && !n || r === "values" ? M() : typeof n == "function" ? n(M()) : Array.isArray(r) ? r.reduce((b, h) => ({ ...b, [h]: U({ name: h }) }), {}) : N(
+    let s = { ...i.current, ...r };
+    return Wr(s);
+  }, []), A = d((r) => yr(r.target), []), C = d(() => g.current, []), Y = d(() => o.current, []), x = d((r, s) => s ? Array.isArray(s) ? s.reduce((h, v) => ({ ...h, [v]: N(r, v) }), {}) : N(r, s) : { ...r }, []), V = d((r) => x(i.current, r), [x]), ir = d((r) => x(m.current, r), [x]), lr = d((r) => x(E.current, r), [x]), tr = d(
+    (r) => x({ ...b.current, lastReset: a }, r),
+    [a]
+  ), B = d(({ name: r, compute: s } = {}) => !r && !s || r === "values" ? V() : typeof s == "function" ? s(V()) : Array.isArray(r) ? r.reduce((h, v) => ({ ...h, [v]: B({ name: v }) }), {}) : N(
     {
-      ...m.current,
-      errors: u.current,
-      fieldStates: d.current,
-      formState: K()
+      ...i.current,
+      errors: m.current,
+      fieldStates: E.current,
+      formState: tr()
     },
     r
-  ), []), T = Yr({ getWatchValue: U }), { watch: rr, registerHookWatcher: ar, subscribe: z } = Ir({ getWatchValue: U, channels: T }), er = g((r, n) => {
-    const b = f.current, h = N(b, r);
-    h !== n && (f.current = W(f.current, r, n), T.publish(`formState.${r}`, n, h));
-  }, []), tr = g((r, n) => {
-    x(r, "error", n);
-  }, []), V = g((r) => {
-    x(r, "error", null);
-  }, []), nr = g(() => {
-    f.current.isError && Object.keys(u.current).forEach((r) => V(r));
-  }, []), x = g((r, n, b) => {
+  ), []), T = Br({ getWatchValue: B }), { watch: nr, registerHookWatcher: X, subscribe: sr } = Lr({ getWatchValue: B, channels: T }), fr = d((r, s) => {
+    const h = b.current, v = N(h, r);
+    v !== s && (b.current = I(b.current, r, s), T.publish(`formState.${r}`, s, v));
+  }, []), z = d((r, s) => {
+    D(r, "error", s);
+  }, []), J = d((r) => {
+    D(r, "error", null);
+  }, []), or = d(() => {
+    b.current.isError && Object.keys(m.current).forEach((r) => J(r));
+  }, []), D = d((r, s, h) => {
     try {
-      if (typeof b == "function" && (b = b(U({ name: r }))), v.current.has(r))
-        if (typeof b == "object" && b !== null) {
-          Object.keys(b).forEach((A) => {
-            x(`${r}.${A}`, n, b[A]);
+      if (typeof h == "function" && (h = h(B({ name: r }))), R.current.has(r))
+        if (typeof h == "object" && h !== null) {
+          Object.keys(h).forEach((_) => {
+            D(`${r}.${_}`, s, h[_]);
           });
           return;
         } else
           return console.error(
             `Cannot set primitive value for nested parent field "${r}". Please set value for its children or provide an object.`
           );
-      const h = N(d.current, r) || { ...fr }, P = N(h, n);
-      if (P !== b) {
-        if (d.current = W(d.current, `${r}.${n}`, b), T.publish(`fieldStates.${r}.${n}`, b, P), n === "error") {
-          const A = N(u.current, r), Y = b || null;
-          A !== Y && (u.current = W(u.current, r, Y), T.publish(`errors.${r}`, Y, A));
-          const L = Tr(v.current, u.current);
-          f.current.errorFields = L, T.publish("formState.errorFields", L);
-          const ir = L.length > 0;
-          if (f.current.isError !== ir) {
-            const _r = f.current.isError;
-            f.current.isError = ir, T.publish("formState.isError", ir, _r);
+      const v = N(E.current, r) || { ...br }, P = N(v, s);
+      if (P !== h) {
+        if (E.current = I(E.current, `${r}.${s}`, h), T.publish(`fieldStates.${r}.${s}`, h, P), s === "error") {
+          const _ = N(m.current, r), L = h || null;
+          _ !== L && (m.current = I(m.current, r, L), T.publish(`errors.${r}`, L, _));
+          const $ = Or(R.current, m.current);
+          b.current.errorFields = $, T.publish("formState.errorFields", $);
+          const H = $.length > 0;
+          if (b.current.isError !== H) {
+            const gr = b.current.isError;
+            b.current.isError = H, T.publish("formState.isError", H, gr);
           }
         }
-        if (n === "isDirty") {
-          const A = yr(v.current, d.current);
-          f.current.dirtyFields = A, T.publish("formState.dirtyFields", A);
-          const Y = A.length > 0;
-          if (f.current.isDirty !== Y) {
-            const L = f.current.isDirty;
-            f.current.isDirty = Y, T.publish("formState.isDirty", Y, L);
+        if (s === "isDirty") {
+          const _ = Tr(R.current, E.current);
+          b.current.dirtyFields = _, T.publish("formState.dirtyFields", _);
+          const L = _.length > 0;
+          if (b.current.isDirty !== L) {
+            const $ = b.current.isDirty;
+            b.current.isDirty = L, T.publish("formState.isDirty", L, $);
           }
         }
-        if (n === "isTouched") {
-          const A = Fr(v.current, d.current);
-          f.current.touchedFields = A, T.publish("formState.touchedFields", A);
+        if (s === "isTouched") {
+          const _ = _r(R.current, E.current);
+          b.current.touchedFields = _, T.publish("formState.touchedFields", _);
         }
       }
-    } catch (h) {
-      console.log(h);
+    } catch (v) {
+      console.log(v);
     }
-  }, []), sr = g((r) => {
-    x(r, "isDirty", !1), x(r, "isTouched", !1), x(r, "error", !1);
-  }, []), or = g((r) => {
-    const n = Rr(r.target);
-    n ? tr(r.target.name, n) : V(r.target.name);
-  }, []), G = g((r, n, { shouldDirty: b = !0, shouldOnChange: h = !0 } = {}) => {
-    if (typeof n == "function" && (n = n(M(r))), v.current.has(r)) {
-      typeof n == "object" && n !== null ? Object.keys(n).forEach((L) => {
-        G(`${r}.${L}`, n[L], { shouldDirty: b, shouldOnChange: h });
+  }, []), ur = d((r) => {
+    D(r, "isDirty", !1), D(r, "isTouched", !1), D(r, "error", !1);
+  }, []), cr = d((r) => {
+    const s = yr(r.target);
+    s ? z(r.target.name, s) : J(r.target.name);
+  }, []), e = d((r, s, { shouldDirty: h = !0, shouldOnChange: v = !0 } = {}) => {
+    if (typeof s == "function" && (s = s(V(r))), R.current.has(r)) {
+      typeof s == "object" && s !== null ? Object.keys(s).forEach(($) => {
+        e(`${r}.${$}`, s[$], { shouldDirty: h, shouldOnChange: v });
       }) : console.error(
         `Cannot set primitive value for nested parent field "${r}". Please set value for its children or provide an object.`
       );
       return;
     }
-    const P = N(m.current, r);
-    if (n === P) return;
-    m.current = W(m.current, r, n), T.publish(`values.${r}`, n, P);
-    const A = l.current.get(r);
-    A && A(n), n && x(r, "isTouched", !0);
-    const Y = n !== (N(a.current, r) || "");
-    b && x(r, "isDirty", Y), h && T.publish("onChange", r, n, P);
-  }, []), e = g((r) => {
-    const n = r.split(".");
-    let b = "";
-    n.forEach((h, P) => {
-      P < n.length - 1 && (b = b ? `${b}.${h}` : h, v.current.add(b));
+    const P = N(i.current, r);
+    if (s === P) return;
+    i.current = I(i.current, r, s), T.publish(`values.${r}`, s, P);
+    const _ = o.current.get(r);
+    if (_ && _(s), r.includes(".")) {
+      const $ = r.split("."), H = $.findIndex(
+        (gr, wr) => !R.current.has($.slice(0, wr + 1).join("."))
+      );
+      H !== -1 && (r = $.slice(0, H + 1).join("."));
+    }
+    s && D(r, "isTouched", !0);
+    const L = s !== (N(g.current, r) || "");
+    h && D(r, "isDirty", L), v && T.publish("onChange", r, s, P);
+  }, []), f = d((r) => {
+    const s = r.split(".");
+    let h = "";
+    s.forEach((v, P) => {
+      P < s.length - 1 && (h = h ? `${h}.${v}` : v, R.current.add(h));
     });
-  }, []), E = g((r = "", n) => (l.current.set(r, n), d.current = W(d.current, r, { ...fr }), r.includes(".") && e(r), () => {
-    t && l.current.delete(r);
-  }), []), y = g((r, { keepError: n, keepDirty: b, keepTouched: h, defaultValue: P }) => {
-    const A = l.current.get(r);
-    if (!A)
+  }, []), y = d((r) => {
+    Array.isArray(r) ? r.forEach((s) => f(s + ".")) : f(r + ".");
+  }, []), j = d((r = "", s) => (o.current.set(r, s), E.current = I(E.current, r, { ...br }), r.includes(".") && f(r), () => {
+    t && o.current.delete(r);
+  }), []), M = d((r, { keepError: s, keepDirty: h, keepTouched: v, defaultValue: P }) => {
+    const _ = o.current.get(r);
+    if (!_)
       throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);
-    a.current = W(a.current, r, P), m.current = W(m.current, r, P), A && A(P), n || V(r), b || x(r, "isDirty", !1), h || x(r, "isTouched", !1);
-  }, []), O = g((r) => {
+    g.current = I(g.current, r, P), i.current = I(i.current, r, P), _ && _(P), s || J(r), h || D(r, "isDirty", !1), v || D(r, "isTouched", !1);
+  }, []), k = d((r) => {
     if (!r) return T.trigger("values");
     if (!Array.isArray(r)) {
-      const n = B(r);
-      T.trigger(n);
+      const s = G(r);
+      T.trigger(s);
       return;
     }
-    r.forEach((n) => {
-      const b = B(n);
-      T.trigger(b);
+    r.forEach((s) => {
+      const h = G(s);
+      T.trigger(h);
     });
-  }, []), I = g((r, n = k.getValues(r)) => {
-    T.publish("onBlur", r, n, k.getValues());
-  }, []), k = lr(
+  }, []), Z = d((r, s = U.getValues(r)) => {
+    T.publish("onBlur", r, s, U.getValues());
+  }, []), U = dr(
     () => ({
-      subscribe: z,
-      reset: j,
-      trigger: O,
-      reload: i,
-      resetField: y,
-      setValue: G,
-      getValues: M,
-      getErrors: q,
-      getFieldStates: cr,
-      getFormState: K,
-      setError: tr,
-      clearError: V,
-      clearErrors: nr,
-      checkValidity: or,
-      getFieldValidity: R,
-      getDefaultValues: _,
-      setFieldState: x,
-      triggerFieldBlur: I,
-      resetFieldState: sr,
-      getControlledFields: C,
-      setFormState: er,
+      subscribe: sr,
+      reset: S,
+      trigger: k,
+      reload: c,
+      resetField: M,
+      setValue: e,
+      getValues: V,
+      getErrors: ir,
+      getFieldStates: lr,
+      getFormState: tr,
+      setError: z,
+      clearError: J,
+      clearErrors: or,
+      checkValidity: cr,
+      getFieldValidity: A,
+      getDefaultValues: C,
+      setFieldState: D,
+      triggerFieldBlur: Z,
+      resetFieldState: ur,
+      getControlledFields: Y,
+      setFormState: fr,
       getEvents: T.getEvents,
-      getWatchEvents: T.getWatchEvents
+      getWatchEvents: T.getWatchEvents,
+      addGroups: y
     }),
-    [s]
-  ), J = g(() => {
-    [...c.current.querySelectorAll("[name]")].forEach((b) => {
-      const h = b.name || "";
-      h.includes(".") && e(h), !b.defaultValue && !l.current.has(h) && N(a.current, h) && (b.defaultValue = N(a.current, h));
+    [a]
+  ), w = d(() => {
+    [...l.current.querySelectorAll("[name]")].forEach((h) => {
+      const v = h.name || "";
+      v.includes(".") && f(v), !h.defaultValue && !o.current.has(v) && N(g.current, v) && (h.defaultValue = N(g.current, v));
     });
-    const n = S();
-    m.current = { ...n }, a.current = { ...n };
-  }, []), H = lr(
+    const s = p();
+    i.current = { ...s }, g.current = { ...s };
+  }, []), q = dr(
     () => ({
-      ref: c,
-      watch: rr,
-      actions: k,
-      initForm: J,
-      registerController: E,
-      registerHookWatcher: ar,
-      lastReloadedAt: s,
-      loadFormValues: S,
-      getWatchValue: U,
+      ref: l,
+      watch: nr,
+      actions: U,
+      initForm: w,
+      registerController: j,
+      registerHookWatcher: X,
+      lastReloadedAt: a,
+      loadFormValues: p,
+      getWatchValue: B,
       channels: T
     }),
-    [s]
-  ), w = lr(() => ({ control: H, actions: k, watch: rr }), [s]);
-  return br(() => {
-    c.current && J();
-  }, [s]), br(() => {
-    d.current = p(!1);
-  }, []), w;
+    [a]
+  ), Q = dr(() => ({ control: q, actions: U, watch: nr }), [a]);
+  return hr(() => {
+    l.current && w();
+  }, [a]), hr(() => {
+    E.current = O(!1);
+  }, []), Q;
 };
 export {
-  Ur as Controller,
-  Lr as Form,
-  kr as restoreFromDotNotation,
-  $r as useController,
-  qr as useForm,
-  pr as useFormContext,
-  Br as useWatch
+  Jr as Controller,
+  qr as Form,
+  Wr as restoreFromDotNotation,
+  Mr as useController,
+  zr as useForm,
+  Ar as useFormContext,
+  Gr as useWatch
 };