react-simple-formkit 2.1.9 → 2.2.1

package/dist/react-simple-formkit.mjs

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