react-simple-formkit 2.2.0 → 2.2.1

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 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 de;
-function ye() {
-  if (de) return re;
-  de = 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 be;
-function Fe() {
-  return be || (be = 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 Fe() {
         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 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 Fe() {
     function n(e) {
       return "" + e;
     }
-    function a(e) {
+    function i(e) {
       try {
         n(e);
         var o = !1;
@@ -99,17 +99,17 @@ function Fe() {
       }
       if (o) {
         o = console;
-        var S = o.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        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,23 +118,23 @@ function Fe() {
         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 p(e, o) {
       function S() {
-        H || (H = !0, console.error(
+        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
         ));
@@ -144,22 +144,22 @@ function Fe() {
         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, S, T, j, A, I, B) {
+    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
+        _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,216 +179,216 @@ 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 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(R);
-      if ($.call(o, "key")) {
-        R = 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[R + 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,
-          R,
-          x,
-          R
-        ), Q[R + T] = !0);
+          N,
+          T
+        ), K[T + F] = !0);
       }
-      if (R = null, S !== void 0 && (a(S), R = "" + S), E(o) && (a(o.key), R = "" + o.key), "key" in o) {
+      if (T = null, S !== void 0 && (i(S), T = "" + S), l(o) && (i(o.key), T = "" + o.key), "key" in o) {
         S = {};
-        for (var K in o)
-          K !== "key" && (S[K] = o[K]);
+        for (var x in o)
+          x !== "key" && (S[x] = o[x]);
       } else S = o;
-      return R && y(
+      return T && p(
         S,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), k(
         e,
-        R,
+        T,
         A,
-        j,
-        d(),
+        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 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 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;
     };
-    i = {
+    f = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var H, X = {}, Z = i["react-stack-bottom-frame"].bind(
-      i,
+    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, S, 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,
         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, S, T, j) {
-      var A = 1e4 > N.recentlyCreatedOwnerStacks++;
+    }, te.jsxs = function(e, o, S, F, C) {
+      var A = 1e4 > V.recentlyCreatedOwnerStacks++;
       return c(
         e,
         o,
         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 me;
-function Te() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? ue.exports = ye() : ue.exports = Fe()), ue.exports;
+var Ee;
+function ke() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? ce.exports = Te() : ce.exports = _e()), ce.exports;
 }
-var Ee = Te();
-const p = () => {
-}, he = pe({
+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: {}
-}), Se = () => ve(he), $e = ({
+}), 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,
-  ...i
-}) => (le(() => {
-  const u = n.channels.subscribe("onChange", y), l = n.channels.subscribe("onBlur", F);
+  className: m,
+  ...f
+}) => (fe(() => {
+  const u = n.channels.subscribe("onChange", p), d = n.channels.subscribe("onBlur", y);
   return () => {
-    u(), l();
+    u(), d();
   };
-}, []), /* @__PURE__ */ Ee.jsx(he.Provider, { value: n, children: /* @__PURE__ */ Ee.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 l = n.loadFormValues();
-      h(l);
+      i || u.preventDefault();
+      const d = n.loadFormValues();
+      h(d);
     },
     onChange: (u) => {
-      const l = u.target.name;
-      n.actions.getControlledFields().has(l) || n.actions.setValue(l, u.target.value);
+      const d = u.target.name;
+      n.actions.getControlledFields().has(d) || n.actions.setValue(d, u.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());
+      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);
     },
-    ...i,
-    children: d
+    ...f,
+    children: E
   },
   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 });
+) })), 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]
-  ), i = f(() => {
-    d.publish("onBlur", s, y, a.getValues());
+    [i.setValue]
+  ), f = a(() => {
+    E.publish("onBlur", s, p, i.getValues());
   }, []);
-  return le(() => g(s, F), []), { ref: h, name: s, defaultValue: E, value: y, onChange: b, onBlur: i, customState: k, setCustomState: c };
-}, Me = ({
+  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 = 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 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"
-], ge = (s) => {
+], he = (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 };
+  let n = s.validity, i = Ce.find((g) => n[g]);
+  if (i) return { type: i, message: s.validationMessage };
 };
-class Oe {
+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 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(() => {
+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 };
-}, 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());
+  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 i = {};
+      const f = {};
       return c.forEach((u) => {
-        i[u] = E({ name: u });
-      }), i;
+        f[u] = l({ name: u });
+      }), f;
     }
     return c.split(".").reduce(
-      (i, u) => i && i[u] !== void 0 ? i[u] : void 0,
+      (f, u) => f && f[u] !== void 0 ? f[u] : void 0,
       {
         ...n(),
-        errors: { ...a() },
-        formState: { ...d() },
+        errors: { ...i() },
+        formState: { ...E() },
         fieldStates: { ...g() }
       }
     );
-  }, []), y = f((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 = {};
-      return c.forEach((i) => {
-        const u = U(i);
-        s.subscribe(u, () => h()), b[i] = E({ name: i });
-      }), { ...b };
+      const m = {};
+      return c.forEach((f) => {
+        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 = f(({ name: c, compute: b, value: i, 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 l = U(c);
-      return [s.subscribe(l, () => {
-        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 l = 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 });
-          l[O] = q, u({ ...l });
+        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 = f(
-    (c, b) => {
+  }, []), k = a(
+    (c, m) => {
       if (!c)
-        return s.subscribe("values", b);
+        return s.subscribe("values", m);
       if (typeof c == "string") {
-        const i = U(c);
-        return s.subscribe(i, b);
+        const f = q(c);
+        return s.subscribe(f, 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 });
+        const f = {}, u = [];
+        return c.forEach((d) => {
+          const b = q(d), O = s.subscribe(b, () => {
+            f[d] = l({ name: d }), m({ ...f });
           });
           u.push(O);
         }), u;
@@ -522,186 +522,190 @@ const je = () => {
     },
     [s]
   );
-  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,
-  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] = 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));
+  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 = 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(
+  }, []), 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]),
-        dirtyFields: Object.keys(i.current).filter((t) => i.current[t].isDirty),
-        touchedFields: Object.keys(i.current).filter((t) => i.current[t].isTouched)
+        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 } = xe({
-    channels: m,
-    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(
+  ), { 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 = f(
+  ), 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 = f(
+  ), 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]
-  ), S = f(() => {
-    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 = f(
+  ), 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 = ge(r.target);
+      const t = he(r.target);
       t ? e(r.target.name, t) : o(r.target.name);
     },
     [e, o]
-  ), j = f(
+  ), 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 !== 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);
+      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);
     },
     [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)
+  ), 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`);
-      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);
+      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 = f((r, t = R.getValues(r)) => {
-    m.publish("onBlur", r, t, R.getValues());
-  }, []), R = 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: S,
-      checkValidity: T,
+      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,
       S,
-      T,
+      F,
       oe,
       se,
       ne,
       v,
-      Q,
-      B,
-      z
+      K,
+      L,
+      G,
+      T,
+      N
     ]
-  ), x = ae(
+  ), ue = ie(
     () => ({
-      ref: E,
-      watch: D,
-      actions: R,
+      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,
-      R,
-      A,
-      H,
-      d,
+      l,
       W,
+      x,
+      A,
       X,
-      m
+      E,
+      $,
+      Z,
+      b
     ]
-  ), 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 };
+  ), 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]), fe(() => {
+  }, [E]), de(() => {
     O();
-  }, []), K;
+  }, []), ve;
 };
 export {
-  Me as Controller,
-  $e as Form,
-  ke as useController,
-  Ye as useForm,
-  Se as useFormContext,
-  _e as useWatch
+  Be as Controller,
+  Ye as Form,
+  Ae as useController,
+  Ie as useForm,
+  Re as useFormContext,
+  we as useWatch
 };