react-simple-formkit 2.4.3 → 2.4.4

package/dist/react-simple-formkit.mjs

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