react-simple-formkit 2.4.0 → 2.4.2

package/dist/react-simple-formkit.mjs

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