react-simple-formkit 2.2.1 → 2.2.3

package/dist/react-simple-formkit.mjs

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