react-simple-formkit 2.4.4 → 2.4.6

package/dist/react-simple-formkit.mjs

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