react-simple-formkit 2.0.4 → 2.1.5

package/dist/react-simple-formkit.mjs

@@ -1,5 +1,5 @@
-import Ae, { createContext as Pe, useContext as je, useEffect as Ee, useState as ue, useRef as k, useCallback as a, useMemo as me, useLayoutEffect as Se } from "react";
-var ce = { exports: {} }, Q = {};
+import Re, { createContext as Se, useContext as pe, useEffect as ie, useState as ce, useRef as j, useCallback as f, useMemo as ae, useLayoutEffect as le } from "react";
+var ue = { exports: {} }, re = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var ce = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ye;
-function Ce() {
-  if (ye) return Q;
-  ye = 1;
-  var s = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
-  function l(m, i, f) {
-    var v = null;
-    if (f !== void 0 && (v = "" + f), i.key !== void 0 && (v = "" + i.key), "key" in i) {
-      f = {};
-      for (var E in i)
-        E !== "key" && (f[E] = i[E]);
-    } else f = i;
-    return i = f.ref, {
+var fe;
+function ye() {
+  if (fe) return re;
+  fe = 1;
+  var s = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function l(g, b, h) {
+    var E = null;
+    if (h !== void 0 && (E = "" + h), b.key !== void 0 && (E = "" + b.key), "key" in b) {
+      h = {};
+      for (var v in b)
+        v !== "key" && (h[v] = b[v]);
+    } else h = b;
+    return b = h.ref, {
       $$typeof: s,
-      type: m,
-      key: v,
-      ref: i !== void 0 ? i : null,
-      props: f
+      type: g,
+      key: E,
+      ref: b !== void 0 ? b : null,
+      props: h
     };
   }
-  return Q.Fragment = u, Q.jsx = l, Q.jsxs = l, Q;
+  return re.Fragment = n, re.jsx = l, re.jsxs = l, re;
 }
-var K = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,125 +41,125 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe;
-function xe() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
+var de;
+function ve() {
+  return de || (de = 1, process.env.NODE_ENV !== "production" && function() {
     function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ne ? null : e.displayName || e.name || null;
+        return e.$$typeof === G ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case C:
+        case d:
           return "Fragment";
-        case x:
-          return "Profiler";
         case Y:
+          return "Profiler";
+        case A:
           return "StrictMode";
-        case re:
+        case se:
           return "Suspense";
-        case te:
+        case ne:
           return "SuspenseList";
-        case N:
+        case P:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case W:
+          case i:
             return "Portal";
-          case $:
+          case I:
             return (e.displayName || "Context") + ".Provider";
-          case B:
+          case W:
             return (e._context.displayName || "Context") + ".Consumer";
-          case ee:
-            var o = e.render;
-            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ae:
-            return o = e.displayName || null, o !== null ? o : s(e.type) || "Memo";
-          case X:
-            o = e._payload, e = e._init;
+          case J:
+            var u = e.render;
+            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case oe:
+            return u = e.displayName || null, u !== null ? u : s(e.type) || "Memo";
+          case z:
+            u = e._payload, e = e._init;
             try {
-              return s(e(o));
+              return s(e(u));
             } catch {
             }
         }
       return null;
     }
-    function u(e) {
+    function n(e) {
       return "" + e;
     }
     function l(e) {
       try {
-        u(e);
-        var o = !1;
+        n(e);
+        var u = !1;
       } catch {
-        o = !0;
+        u = !0;
       }
-      if (o) {
-        o = console;
-        var c = o.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c.call(
-          o,
+      if (u) {
+        u = console;
+        var R = u.error, _ = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return R.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
-        ), u(e);
+          _
+        ), n(e);
       }
     }
-    function m(e) {
-      if (e === C) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === X)
+    function g(e) {
+      if (e === d) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
-        var o = s(e);
-        return o ? "<" + o + ">" : "<...>";
+        var u = s(e);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = U.A;
+    function b() {
+      var e = N.A;
       return e === null ? null : e.getOwner();
     }
-    function f() {
+    function h() {
       return Error("react-stack-top-frame");
     }
-    function v(e) {
-      if (I.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning) return !1;
+    function E(e) {
+      if ($.call(e, "key")) {
+        var u = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function E(e, o) {
-      function c() {
-        P || (P = !0, console.error(
+    function v(e, u) {
+      function R() {
+        H || (H = !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)",
-          o
+          u
         ));
       }
-      c.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: c,
+      R.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: R,
         configurable: !0
       });
     }
-    function O() {
+    function F() {
       var e = s(this.type);
-      return q[e] || (q[e] = !0, console.error(
+      return X[e] || (X[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 j(e, o, c, b, _, T, z, G) {
-      return c = T.ref, e = {
-        $$typeof: y,
+    function k(e, u, R, _, O, w, B, L) {
+      return R = w.ref, e = {
+        $$typeof: o,
         type: e,
-        key: o,
-        props: T,
-        _owner: _
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        key: u,
+        props: w,
+        _owner: O
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: O
+        get: F
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,198 +174,221 @@ function xe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
+        value: L
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function S(e, o, c, b, _, T, z, G) {
-      var R = o.children;
-      if (R !== void 0)
-        if (b)
-          if (oe(R)) {
-            for (b = 0; b < R.length; b++)
-              g(R[b]);
-            Object.freeze && Object.freeze(R);
+    function c(e, u, R, _, O, w, B, L) {
+      var S = u.children;
+      if (S !== void 0)
+        if (_)
+          if (V(S)) {
+            for (_ = 0; _ < S.length; _++)
+              m(S[_]);
+            Object.freeze && Object.freeze(S);
           } 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(R);
-      if (I.call(o, "key")) {
-        R = s(e);
-        var A = Object.keys(o).filter(function(le) {
-          return le !== "key";
+        else m(S);
+      if ($.call(u, "key")) {
+        S = s(e);
+        var x = Object.keys(u).filter(function(r) {
+          return r !== "key";
         });
-        b = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", L[R + b] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        _ = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[S + _] || (x = 0 < x.length ? "{" + x.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} />`,
-          b,
-          R,
-          A,
-          R
-        ), L[R + b] = !0);
+          _,
+          S,
+          x,
+          S
+        ), Q[S + _] = !0);
       }
-      if (R = null, c !== void 0 && (l(c), R = "" + c), v(o) && (l(o.key), R = "" + o.key), "key" in o) {
-        c = {};
-        for (var H in o)
-          H !== "key" && (c[H] = o[H]);
-      } else c = o;
-      return R && E(
-        c,
+      if (S = null, R !== void 0 && (l(R), S = "" + R), E(u) && (l(u.key), S = "" + u.key), "key" in u) {
+        R = {};
+        for (var K in u)
+          K !== "key" && (R[K] = u[K]);
+      } else R = u;
+      return S && v(
+        R,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), j(
+      ), k(
         e,
+        S,
+        w,
+        O,
+        b(),
         R,
-        T,
-        _,
-        i(),
-        c,
-        z,
-        G
+        B,
+        L
       );
     }
-    function g(e) {
-      typeof e == "object" && e !== null && e.$$typeof === y && e._store && (e._store.validated = 1);
+    function m(e) {
+      typeof e == "object" && e !== null && e.$$typeof === o && e._store && (e._store.validated = 1);
     }
-    var d = Ae, y = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), re = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), U = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, oe = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var a = Re, o = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), I = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), N = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, V = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    a = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var P, q = {}, J = d["react-stack-bottom-frame"].bind(
-      d,
-      f
-    )(), M = w(m(f)), L = {};
-    K.Fragment = C, K.jsx = function(e, o, c, b, _) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return S(
+    var H, X = {}, Z = a["react-stack-bottom-frame"].bind(
+      a,
+      h
+    )(), y = D(g(h)), Q = {};
+    te.Fragment = d, te.jsx = function(e, u, R, _, O) {
+      var w = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
         e,
-        o,
-        c,
+        u,
+        R,
         !1,
-        b,
         _,
-        T ? Error("react-stack-top-frame") : J,
-        T ? w(m(e)) : M
+        O,
+        w ? Error("react-stack-top-frame") : Z,
+        w ? D(g(e)) : y
       );
-    }, K.jsxs = function(e, o, c, b, _) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return S(
+    }, te.jsxs = function(e, u, R, _, O) {
+      var w = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
         e,
-        o,
-        c,
+        u,
+        R,
         !0,
-        b,
         _,
-        T ? Error("react-stack-top-frame") : J,
-        T ? w(m(e)) : M
+        O,
+        w ? Error("react-stack-top-frame") : Z,
+        w ? D(g(e)) : y
       );
     };
-  }()), K;
+  }()), te;
 }
-var ve;
-function Fe() {
-  return ve || (ve = 1, process.env.NODE_ENV === "production" ? ce.exports = Ce() : ce.exports = xe()), ce.exports;
+var be;
+function Te() {
+  return be || (be = 1, process.env.NODE_ENV === "production" ? ue.exports = ye() : ue.exports = ve()), ue.exports;
 }
-var ke = Fe();
-const h = () => {
-}, Te = Pe({
+var me = Te();
+const p = () => {
+}, ge = Se({
   ref: null,
-  watch: null,
+  watch: p,
   actions: {
-    reset: h,
-    setValue: h,
-    getValues: h,
-    setError: h,
-    clearError: h,
-    clearErrors: h,
-    checkValidity: h,
-    getNumberFields: h,
-    getFieldValidity: h,
-    getDefaultValues: h,
-    setFieldStateProperty: h,
-    getControlledFields: h
+    reset: p,
+    resetField: p,
+    setValue: p,
+    getValues: p,
+    getErrors: p,
+    getFieldStates: p,
+    getFormStates: p,
+    setError: p,
+    clearError: p,
+    clearErrors: p,
+    checkValidity: p,
+    getNumberFields: p,
+    getFieldValidity: p,
+    getDefaultValues: p,
+    setFieldState: p,
+    resetFieldState: p,
+    getControlledFields: p
   },
-  registerController: h,
-  registerHookWatcher: h,
-  lastReloadedAt: h,
-  registerOnchange: h,
-  loadFormValues: h,
-  getWatchValue: h
-}), Oe = () => je(Te), Le = ({
+  registerController: p,
+  registerHookWatcher: p,
+  lastReloadedAt: p,
+  loadFormValues: p,
+  getWatchValue: p,
+  channels: {}
+}), he = () => pe(ge), We = ({
   id: s,
-  control: u,
+  control: n,
   method: l,
-  action: m,
-  children: i,
-  onSubmit: f = () => {
+  action: g,
+  children: b,
+  onSubmit: h = () => {
+  },
+  onInput: E = () => {
   },
-  onInput: v = () => {
+  onChange: v = () => {
   },
-  onChange: E = () => {
+  onBlur: F = () => {
   },
-  onReset: O = () => {
+  onReset: k = () => {
   },
-  numberFields: j = [],
-  className: S,
-  ...g
-}) => (Ee(() => u.registerOnchange(E), [E]), /* @__PURE__ */ ke.jsx(Te.Provider, { value: u, children: /* @__PURE__ */ ke.jsx(
+  numberFields: c = [],
+  className: m,
+  ...a
+}) => (ie(() => {
+  const o = n.channels.subscribe("onChange", v), i = n.channels.subscribe("onBlur", F);
+  return () => {
+    o(), i();
+  };
+}, []), /* @__PURE__ */ me.jsx(ge.Provider, { value: n, children: /* @__PURE__ */ me.jsx(
   "form",
   {
     id: s,
-    ref: u.ref,
-    action: m,
+    ref: n.ref,
+    action: g,
     method: l,
-    className: S,
-    onInput: v,
-    onSubmit: (d) => {
-      l || d.preventDefault();
-      const y = u.loadFormValues();
-      f(y);
+    className: m,
+    onInput: E,
+    onSubmit: (o) => {
+      l || o.preventDefault();
+      const i = n.loadFormValues();
+      h(i);
     },
-    onChange: (d) => {
-      const y = d.target.name;
-      u.actions.getControlledFields()[y] || u.actions.setValue(y, d.target.value);
+    onChange: (o) => {
+      const i = o.target.name;
+      n.actions.getControlledFields().has(i) || n.actions.setValue(i, o.target.value);
     },
-    onReset: (d) => {
-      u.actions.reset(), O(d);
+    onBlur: (o) => {
+      const i = o.target.name;
+      if (n.actions.getControlledFields().has(i)) return;
+      const d = o.target.value;
+      n.channels.publish("onBlur", i, d, n.actions.getValues());
     },
-    ...g,
-    children: i
+    onReset: (o) => {
+      n.actions.reset(), k(o);
+    },
+    ...a,
+    children: b
   },
-  u.lastReloadedAt
-) })), Ve = ({ control: s, name: u, compute: l }) => {
-  const { getWatchValue: m, registerHookWatcher: i } = s || Oe(), f = m({ name: u, compute: l }), [v, E] = ue(f);
-  return Ee(() => i({ name: u, compute: l, setValue: E, computeValue: f }), []), v;
-}, Ne = ({ name: s, defaultValue: u }) => {
-  const { actions: l, registerController: m } = Oe(), i = k(), f = l.getDefaultValues()[s] || u, [v, E] = ue(f), O = Ve({ name: `fieldStates.${s}.customState` }), j = a((g) => {
-    l.setFieldStateProperty(s, "customState", g);
-  }, []), S = a(
-    (g, { shouldDirty: d = !0, shouldOnChange: y = !0 } = {}) => {
-      l.setValue(s, g, { shouldDirty: d, shouldOnChange: y }), E(g);
+  n.lastReloadedAt
+) })), Fe = ({ control: s, name: n, compute: l }) => {
+  const { getWatchValue: g, registerHookWatcher: b } = s || he(), h = g({ name: n, compute: l }), [E, v] = ce(h);
+  return ie(() => {
+    const F = b({ name: n, compute: l, value: E, setValue: v });
+    return () => F.forEach((k) => k());
+  }, []), E;
+}, _e = ({ name: s, defaultValue: n }) => {
+  const { actions: l, registerController: g, channels: b } = he(), h = j(), E = l.getDefaultValues()[s] || n, [v, F] = ce(E), k = Fe({ name: `fieldStates.${s}.customState` }), c = f((o) => {
+    l.setFieldState(s, "customState", o);
+  }, []), m = f(
+    (o, { shouldDirty: i = !0, shouldOnChange: d = !0 } = {}) => {
+      F(o), l.setValue(s, o, { shouldDirty: i, shouldOnChange: d });
     },
     [l.setValue]
-  );
-  return Ee(() => m(s, E), []), { ref: i, name: s, defaultValue: f, value: v, onChange: S, customState: O, setCustomState: j };
-}, Ue = ({
+  ), a = f(() => {
+    b.publish("onBlur", s, v, l.getValues());
+  }, []);
+  return ie(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: v, onChange: m, onBlur: a, customState: k, setCustomState: c };
+}, $e = ({
   name: s,
-  defaultValue: u,
-  render: l = ({ ref: m, name: i, defaultValue: f, value: v, onChange: E, customState: O, setCustomState: j }) => null
+  defaultValue: n,
+  render: l = ({ ref: g, name: b, defaultValue: h, value: E, onChange: v, onBlur: F, customState: k, setCustomState: c }) => null
 }) => {
-  const m = Ne({ name: s, defaultValue: u });
-  return l(m);
-}, we = [
+  const g = _e({ name: s, defaultValue: n });
+  return l(g);
+}, ke = ["errors", "fieldStates", "formState"], q = (s) => ke.some((n) => s.startsWith(n)) ? s : "values." + s, Ae = [
   "badInput",
   "customError",
   "patternMismatch",
@@ -376,219 +399,316 @@ const h = () => {
   "tooShort",
   "typeMismatch",
   "valueMissing"
-], _e = (s) => {
+], Ee = (s) => {
   typeof s.setCustomValidity == "function" && s.setCustomValidity("");
-  let u = s.validity;
-  console.log(s.valid);
-  let l = we.find((m) => u[m]);
+  let n = s.validity, l = Ae.find((g) => n[g]);
   if (l) return { type: l, message: s.validationMessage };
-}, De = () => {
-  const [, s] = ue({});
-  return a(() => s({}), []);
-}, We = () => {
-  const [s, u] = ue(), l = a(() => u((/* @__PURE__ */ new Date()).toString()), []);
+};
+class we {
+  constructor() {
+    this.events = /* @__PURE__ */ new Map();
+  }
+  getEvents() {
+    return this.events;
+  }
+  subscribe(n, l) {
+    return this.events.has(n) || this.events.set(n, /* @__PURE__ */ new Set()), this.events.get(n).add(l), () => {
+      var g;
+      return (g = this.events.get(n)) == null ? void 0 : g.delete(l);
+    };
+  }
+  publish(n, ...l) {
+    const g = this.events.get(n);
+    g && g.forEach((b) => b(...l)), this.events.forEach((b, h) => {
+      n.includes(h) && b.forEach((E) => E(...l));
+    });
+  }
+  reset() {
+    this.events.clear();
+  }
+}
+const Oe = () => {
+  const s = j(new we()), n = f((b, ...h) => {
+    s.current.publish(b, ...h);
+  }, []), l = f((b, h) => s.current.subscribe(b, h), []), g = f(() => {
+    s.current.reset();
+  }, []);
+  return { publish: n, subscribe: l, reset: g };
+}, Ce = () => {
+  const [s, n] = ce(), l = f(() => n((/* @__PURE__ */ new Date()).toString()), []);
   return [s, l];
-}, Ye = [], $e = {}, qe = ({
-  numberFields: s = Ye,
-  defaultValues: u = $e,
-  shouldUnRegister: l = !1,
-  shouldConvertNumber: m = !1
-} = {}) => {
-  const i = De(), [f, v] = We(), E = k(), O = k(() => {
-  }), j = k(!1), S = k(u), g = k(u), d = k(/* @__PURE__ */ new Set()), y = k(s), W = k({}), C = k([]), Y = k([]), x = k({}), B = k(0), $ = k({}), ee = a(() => {
-    $.current = Object.keys(g.current).reduce(
-      (r, t) => ({ ...r, [t]: { isDirty: !1, isTouched: !1, customState: null } }),
-      {}
-    );
-  }, []), re = a((r = {}) => {
-    g.current = { ...g.current, ...r }, S.current = { ...g.current }, B.current = 0, j.current = !1, x.current = {}, y.current = s, d.current = /* @__PURE__ */ new Set(), Y.current = [], C.current = [], W.current = {}, ee(), s.length > 0 && (m = !0), v();
-  }, []), te = a(() => !!Object.values(w()).find((r) => r.isDirty), []), ae = a(() => !!Object.values(I()).find((r) => !!r), []), X = a((r) => _e(r.target), []), N = a((r) => r ? S.current[r] : S.current, []), ne = a(() => g.current, []), U = a(() => y.current, []), I = a(() => x.current, []), oe = a(() => W.current, []), w = a(() => $.current, []), P = a(({ name: r, compute: t }) => {
-    var p;
-    if (typeof t == "function") return t(N());
-    if (Array.isArray(r)) {
-      const F = {};
-      return r.forEach((V) => {
-        F[V] = P({ name: V });
-      }), F;
+}, je = () => {
+  const [, s] = ce({});
+  return f(() => s({}), []);
+}, Pe = ({ channels: s, getValues: n, getErrors: l, getFieldStates: g, getFormState: b }) => {
+  const h = je(), E = f(({ name: c, compute: m }) => {
+    if (typeof m == "function") return m(n());
+    if (Array.isArray(c)) {
+      const a = {};
+      return c.forEach((o) => {
+        a[o] = E({ name: o });
+      }), a;
     }
-    if (r === "isDirty") return te();
-    if (r === "isError") return ae();
-    if (r === "values") return { ...N() };
-    if (r === "errors") return { ...I() };
-    if (r === "fieldStates") return { ...w() };
-    const n = r.split(".");
-    if (n.length > 1) {
-      const F = n[1];
-      if (n[0] === "errors")
-        return n.length === 2 ? I()[F] : I();
-      if (n[0] === "fieldStates") {
-        if (n.length === 2) return { ...w()[F] };
-        const V = n[2];
-        return (p = w()[F]) == null ? void 0 : p[V];
+    return c.replaceAll(/\[(\d+)\]/g, ".$1").split(".").reduce(
+      (a, o) => a && a[o] !== void 0 ? a[o] : void 0,
+      {
+        ...n(),
+        errors: { ...l() },
+        formState: { ...b() },
+        fieldStates: { ...g() }
       }
+    );
+  }, []), v = f((c) => {
+    if (!c)
+      return s.subscribe("values", () => {
+        h();
+      }), n();
+    if (typeof c == "string") {
+      const m = q(c);
+      return s.subscribe(m, () => {
+        h();
+      }), E({ name: c });
     }
-    return N()[r];
-  }, []), q = (r) => {
-    Y.current.forEach((t) => {
-      let n;
-      if (typeof t.name == "string" ? n = r(t) : t.name.forEach((p) => {
-        n || (n = r({ ...t, name: p }));
-      }), n) {
-        const p = P(t);
-        t.setValue(p);
-      }
-    });
-  }, J = (r) => {
-    const t = ({ name: n }) => n === "isError" || n === "errors" || (r ? n === `errors.${r}` : n.includes("errors"));
-    [...d.current].forEach((n) => {
-      t({ name: n }) && i();
-    }), q(t);
-  }, M = a((r, t) => {
-    x.current[r] = t, J(r);
-  }, []), L = a((r) => {
-    x.current[r] && (x.current[r] = null, J(r));
-  }, []), e = a(() => {
-    Object.keys(x.current) !== 0 && (x.current = {}, J());
-  }, []), o = a(
-    (r) => {
-      const t = _e(r.target);
-      t ? M(r.target.name, t) : L(r.target.name);
-    },
-    [M, L]
-  ), c = a((r, t, n) => {
-    const p = $.current[r];
-    if (p[t] !== n) {
-      $.current[r] = { ...p, [t]: n };
-      const V = ({ name: D }) => D === "fieldStates" || D === `fieldStates.${r}` || D === `fieldStates.${r}.${t}`;
-      if ([...d.current].forEach((D) => {
-        V({ name: D }) && i();
-      }), t === "customState") {
-        C.current.forEach(({ name: D, setValue: se }) => {
-          D.includes(r) && se(n);
-        });
-        return;
-      }
-      q(V);
+    if (Array.isArray(c)) {
+      const m = {};
+      return c.forEach((a) => {
+        const o = q(a);
+        s.subscribe(o, () => {
+          h();
+        }), m[a] = E({ name: a });
+      }), m;
     }
-  }), b = a(
-    (r, t, { shouldDirty: n = !0, shouldOnChange: p = !0 } = {}) => {
-      m && y.current.includes(r) && (t = Number(t) || void 0);
-      const F = S.current[r], V = $.current[r], se = W.current[r];
-      if (c(r, "isTouched", !0), n) {
-        const Z = t !== g.current[r];
-        V.isDirty !== Z && c(r, "isDirty", Z);
+    throw new Error("Parameters of watch must be string or array of string");
+  }, []), F = f(({ name: c, compute: m, value: a, setValue: o }) => {
+    if (typeof m == "function")
+      return [s.subscribe("values", () => {
+        const d = E({ compute: m });
+        d !== a && o(d);
+      })];
+    if (c)
+      if (typeof c == "string") {
+        const i = q(c);
+        return [s.subscribe(i, () => {
+          const A = E({ name: c });
+          A !== a && o(A);
+        })];
+      } else if (Array.isArray(c)) {
+        const i = E({ name: c }), d = [];
+        return c.forEach((A) => {
+          const Y = q(A), W = s.subscribe(Y, () => {
+            const I = E({ name: A });
+            i[A] !== I && (i[A] = I, o({ ...i }));
+          });
+          d.push(W);
+        }), d;
+      } else
+        throw new Error("Parameters of name must be string or array of string or compute must be a function");
+    else return [s.subscribe("values", () => {
+      o(n());
+    })];
+  }, []), k = f(
+    (c, m) => {
+      if (typeof c === void 0)
+        return s.subscribe("values", m);
+      if (typeof c == "string") {
+        const a = q(c);
+        return s.subscribe(a, m);
+      }
+      if (Array.isArray(c)) {
+        const a = {}, o = [];
+        return c.forEach((i) => {
+          const d = q(i), A = s.subscribe(d, () => {
+            a[i] = E({ name: i }), m(a);
+          });
+          o.push(A);
+        }), o;
       }
-      const ie = te(), ge = j.current, Re = t !== F;
-      d.current.has(r) && Re && i(), d.current.has("values") && i(), d.current.has("isDirty") && ie !== ge && i(), S.current[r] = t, se && se(t), j.current = ie, q((Z) => {
-        const { name: fe, compute: be, computeValue: he } = Z;
-        if (be) {
-          const de = be(N());
-          return de !== he && (Z.computeValue = de), de !== he;
-        }
-        if (fe === "values") return !0;
-        if (fe === "isDirty") return ie !== ge;
-        if (fe === r) return Re;
-      }), p && O.current(r, t, S.current);
     },
-    [c]
-  ), _ = a((r) => {
-    if (typeof r == "string")
-      return d.current.add(r), P({ name: r });
-    if (Array.isArray(r)) {
-      const t = {};
-      return r.forEach((n) => {
-        d.current.add(n), t[n] = P({ name: n });
-      }), t;
-    }
-    return P({ name: r });
-  }, []), T = a((r, t) => {
-    const n = W.current;
-    return n[r] = t, () => {
-      l && (delete n[r], delete S.current[r]);
-    };
-  }, []), z = a((r) => (O.current = r, () => O.current = () => {
-  }), []), G = a((r) => {
-    var n;
-    const t = B.current;
-    return (n = r.name) != null && n.includes("customState") ? C.current.push({ key: t, ...r }) : Y.current.push({ key: t, ...r }), B.current++, () => {
-      Y.current = Y.current.filter((p) => p.key !== t), C.current = C.current.filter((p) => p.key !== t);
-    };
-  }, []), R = a(() => {
-    const r = Object.fromEntries(new FormData(E.current)), t = W.current;
-    return Object.keys(t).map((n) => {
-      r[n] = S.current[n];
-    }), m && y.current.forEach(
-      (n) => r.hasOwnProperty(n) && (r[n] = Number(r[n]) || 0)
+    [s]
+  );
+  return { watch: v, registerHookWatcher: F, getWatchValue: E, subscribe: k };
+}, xe = [], Ne = {}, Me = ({
+  numberFields: s = xe,
+  defaultValues: n = Ne,
+  shouldUnRegister: l = !1,
+  shouldConvertNumber: g = !1
+} = {}) => {
+  const [b, h] = Ce(), E = j(), v = j(!1), F = j(!1), k = j(s), c = j(/* @__PURE__ */ new Map()), m = j({}), a = j({}), o = j(n), i = j(n), d = Oe(), A = f(() => {
+    a.current = Object.keys(i.current).reduce(
+      (r, t) => ({ ...r, [t]: { isError: !1, isDirty: !1, isTouched: !1, customState: null } }),
+      {}
+    );
+  }, []), Y = f((r = {}) => {
+    i.current = { ...i.current, ...r }, o.current = { ...i.current }, c.current.forEach((t, T) => {
+      t(i.current[T]);
+    }), v.current = !1, m.current = {}, k.current = s, c.current = /* @__PURE__ */ new Map(), d.reset(), A(), s.length > 0 && (g = !0), h();
+  }, []), W = f(() => {
+    const r = Object.fromEntries(new FormData(E.current));
+    return c.current.forEach((T) => {
+      r[T] = o.current[T];
+    }), g && k.current.forEach(
+      (T) => r.hasOwnProperty(T) && (r[T] = Number(r[T]) || 0)
     ), r;
-  }, []), A = me(
+  }, []), I = f(() => !!Object.values($()).find((r) => r.isDirty), []), J = f(() => !!Object.values(N()).find((r) => !!r), []), se = f((r) => Ee(r.target), []), ne = f(() => i.current, []), oe = f(() => k.current, []), z = f(() => c.current, []), P = f((r, t) => t ? Array.isArray(t) ? t.map((T) => r[T]) : r[t] : { ...r }, []), G = f((r) => P(o.current, r), [P]), N = f((r) => P(m.current, r), [P]), $ = f((r) => P(a.current, r), [P]), V = f(
+    (r) => P(
+      {
+        isDirty: v.current,
+        isError: F.current,
+        errorFields: Object.keys(m.current).filter((t) => !!m.current[t]),
+        dirtyFields: Object.keys(a.current).filter((t) => a.current[t].isDirty),
+        touchedFields: Object.keys(a.current).filter((t) => a.current[t].isTouched)
+      },
+      r
+    ),
+    [P]
+  ), { watch: D, registerHookWatcher: H, getWatchValue: X, subscribe: Z } = Pe({
+    channels: d,
+    getValues: G,
+    getErrors: N,
+    getFieldStates: $,
+    getFormState: V
+  }), y = f((r, t, T) => {
+    const C = a.current[r];
+    C[t] !== T && (a.current[r] = { ...C, [t]: T }, d.publish(`fieldStates.${r}.${t}`, T), t === "isError" && d.publish("formState.errorFields", V("errorFields")), t === "isDirty" && d.publish("formState.dirtyFields", V("dirtyFields")), t === "isTouched" && d.publish("formState.touchedFields", V("touchedFields")));
+  }, []), Q = f(
+    (r) => {
+      y(r, "isError", !1), y(r, "isDirty", !1), y(r, "isTouched", !1), y(r, "customState", null);
+    },
+    [y]
+  ), e = f(
+    (r, t) => {
+      if (m.current[r] === t) return;
+      m.current[r] = t, y(r, "isError", !!t), d.publish(`errors.${r}`, t);
+      const C = J();
+      F.current !== C && (F.current = C, d.publish("formState.isError", C));
+    },
+    [y]
+  ), u = f(
+    (r) => {
+      if (!m.current[r]) return;
+      m.current[r] = null, y(r, "isError", !1), d.publish(`errors.${r}`, null);
+      const t = J();
+      F.current !== t && (F.current = t, d.publish("formState.isError", t));
+    },
+    [y]
+  ), R = f(() => {
+    if (Object.keys(m.current) === 0) return;
+    m.current = {}, d.publish("errors", m.current);
+    const r = J();
+    F.current !== r && (F.current = r, d.publish("formState.isError", r));
+  }, []), _ = f(
+    (r) => {
+      const t = Ee(r.target);
+      t ? e(r.target.name, t) : u(r.target.name);
+    },
+    [e, u]
+  ), O = f(
+    (r, t, { shouldDirty: T = !0, shouldOnChange: C = !0 } = {}) => {
+      if (t === o.current[r]) return;
+      g && k.current.includes(r) && (t = Number(t) || void 0), y(r, "isTouched", !0);
+      const ee = t !== i.current[r];
+      T && a.current[r].isDirty !== ee && y(r, "isDirty", ee);
+      const M = I();
+      v.current !== M && (v.current = M, d.publish("formState.isDirty", M)), o.current[r] = t;
+      const U = c.current.get(r);
+      U && U(t), d.publish(`values.${r}`, t, { shouldDirty: T, shouldOnChange: C }), C && d.publish("onChange", r, t, o.current);
+    },
+    [y]
+  ), w = f((r, t) => (c.current.set(r, t), () => {
+    l && c.current.delete(r);
+  }), []), B = f(
+    (r, { keepError: t, keepDirty: T, keepTouched: C, keepCustomState: ee, defaultValue: M }) => {
+      const U = c.current.get(r);
+      if (!U)
+        throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);
+      i.current[r] = M, o.current[r] = M, U && U(M), t || u(r), T || y(r, "isDirty", !1), C || y(r, "isTouched", !1), ee || y(r, "customState", null);
+    },
+    [u, y]
+  ), L = f((r, t = S.getValues(r)) => {
+    d.publish("onBlur", r, t, S.getValues());
+  }, []), S = ae(
     () => ({
-      reset: re,
-      setValue: b,
-      getValues: N,
-      setError: M,
-      clearError: L,
-      clearErrors: e,
-      checkValidity: o,
-      getNumberFields: U,
-      getFieldValidity: X,
+      subscribe: Z,
+      reset: Y,
+      resetField: B,
+      setValue: O,
+      getValues: G,
+      getErrors: N,
+      getFieldStates: $,
+      getFormState: V,
+      setError: e,
+      clearError: u,
+      clearErrors: R,
+      checkValidity: _,
+      getNumberFields: oe,
+      getFieldValidity: se,
       getDefaultValues: ne,
-      setFieldStateProperty: c,
-      getControlledFields: oe
+      setFieldState: y,
+      triggerFieldBlur: L,
+      resetFieldState: Q,
+      getControlledFields: z
     }),
     [
-      re,
-      b,
+      Z,
+      Y,
+      B,
+      O,
+      G,
       N,
-      M,
-      L,
+      $,
+      V,
       e,
-      o,
-      U,
-      X,
+      u,
+      R,
+      _,
+      oe,
+      se,
       ne,
-      c,
-      oe
+      y,
+      Q,
+      L,
+      z
     ]
-  ), H = me(
+  ), x = ae(
     () => ({
       ref: E,
-      watch: _,
-      actions: A,
-      registerController: T,
-      registerHookWatcher: G,
-      lastReloadedAt: f,
-      registerOnchange: z,
-      loadFormValues: R,
-      getWatchValue: P
+      watch: D,
+      actions: S,
+      registerController: w,
+      registerHookWatcher: H,
+      lastReloadedAt: b,
+      loadFormValues: W,
+      getWatchValue: X,
+      channels: d
     }),
     [
       E,
-      _,
-      A,
-      T,
-      G,
-      f,
-      z,
-      R,
-      P
+      D,
+      S,
+      w,
+      H,
+      b,
+      W,
+      X,
+      d
     ]
-  ), le = me(() => ({ control: H, actions: A, watch: _ }), [f, H, A, _]);
-  return Se(() => {
+  ), K = ae(() => ({ control: x, actions: S, watch: D }), [b, x, S, D]);
+  return le(() => {
     if ([...E.current.querySelectorAll("[name]")].forEach((t) => {
-      !t.defaultValue && g.current[t.name] && (t.defaultValue = g.current[t.name]), t.type === "number" && !y.current.includes(t.name) && y.current.push(t.name);
+      !t.defaultValue && i.current[t.name] && (t.defaultValue = i.current[t.name]), t.type === "number" && !k.current.includes(t.name) && k.current.push(t.name);
     }), E.current) {
-      const t = R();
-      S.current = { ...t }, g.current = { ...t };
+      const t = W();
+      o.current = { ...t }, i.current = { ...t };
     }
-  }, [f]), Se(() => {
-    ee();
-  }, []), le;
+  }, [b]), le(() => {
+    A();
+  }, []), K;
 };
 export {
-  Ue as Controller,
-  Le as Form,
-  Ne as useController,
-  qe as useForm,
-  Oe as useFormContext,
-  Ve as useWatch
+  $e as Controller,
+  We as Form,
+  _e as useController,
+  Me as useForm,
+  he as useFormContext,
+  Fe as useWatch
 };