react-simple-formkit 2.2.6 → 2.2.7

package/dist/react-simple-formkit.mjs

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