react-simple-formkit 2.2.0 → 2.2.2

package/dist/react-simple-formkit.mjs

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