react-simple-formkit 2.2.3 → 2.2.4

package/dist/react-simple-formkit.mjs

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