react-simple-formkit 2.4.3 → 2.4.5

package/dist/react-simple-formkit.mjs

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