react-simple-formkit 2.4.5 → 2.4.7

package/dist/react-simple-formkit.mjs

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