react-simple-formkit 1.3.5 → 2.0.0

package/dist/react-simple-formkit.mjs

@@ -1,5 +1,5 @@
-import ue, { createContext as le, useContext as ie, useEffect as K, useRef as x, useState as L, useCallback as p, useMemo as ae, useLayoutEffect as fe } from "react";
-var X = { exports: {} }, $ = {};
+import Ae, { createContext as Pe, useContext as Ce, useEffect as Ee, useState as ue, useRef as k, useCallback as a, useMemo as me, useLayoutEffect as Se } from "react";
+var ce = { exports: {} }, Q = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var X = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee;
-function de() {
-  if (ee) return $;
-  ee = 1;
-  var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function a(u, c, l) {
-    var E = null;
-    if (l !== void 0 && (E = "" + l), c.key !== void 0 && (E = "" + c.key), "key" in c) {
-      l = {};
-      for (var f in c)
-        f !== "key" && (l[f] = c[f]);
-    } else l = c;
-    return c = l.ref, {
-      $$typeof: o,
-      type: u,
-      key: E,
-      ref: c !== void 0 ? c : null,
-      props: l
+var ye;
+function je() {
+  if (ye) return Q;
+  ye = 1;
+  var s = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
+  function l(m, i, f) {
+    var v = null;
+    if (f !== void 0 && (v = "" + f), i.key !== void 0 && (v = "" + i.key), "key" in i) {
+      f = {};
+      for (var E in i)
+        E !== "key" && (f[E] = i[E]);
+    } else f = i;
+    return i = f.ref, {
+      $$typeof: s,
+      type: m,
+      key: v,
+      ref: i !== void 0 ? i : null,
+      props: f
     };
   }
-  return $.Fragment = n, $.jsx = a, $.jsxs = a, $;
+  return Q.Fragment = u, Q.jsx = l, Q.jsxs = l, Q;
 }
-var M = {};
+var K = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,125 +41,125 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var re;
-function Ee() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(e) {
+var pe;
+function xe() {
+  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === j ? null : e.displayName || e.name || null;
+        return e.$$typeof === ne ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case k:
+        case x:
           return "Fragment";
-        case V:
+        case Y:
           return "Profiler";
-        case F:
+        case W:
           return "StrictMode";
-        case B:
+        case re:
           return "Suspense";
-        case q:
+        case te:
           return "SuspenseList";
-        case z:
+        case V:
           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 g:
+          case D:
             return "Portal";
-          case W:
+          case $:
             return (e.displayName || "Context") + ".Provider";
-          case w:
+          case B:
             return (e._context.displayName || "Context") + ".Consumer";
-          case U:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case J:
-            return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
-          case A:
-            r = e._payload, e = e._init;
+          case ee:
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ae:
+            return o = e.displayName || null, o !== null ? o : s(e.type) || "Memo";
+          case X:
+            o = e._payload, e = e._init;
             try {
-              return o(e(r));
+              return s(e(o));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
+    function u(e) {
       return "" + e;
     }
-    function a(e) {
+    function l(e) {
       try {
-        n(e);
-        var r = !1;
+        u(e);
+        var o = !1;
       } catch {
-        r = !0;
+        o = !0;
       }
-      if (r) {
-        r = console;
-        var s = r.error, R = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s.call(
-          r,
+      if (o) {
+        o = console;
+        var c = o.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
-        ), n(e);
+          b
+        ), u(e);
       }
     }
-    function u(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+    function m(e) {
+      if (e === x) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === X)
         return "<...>";
       try {
-        var r = o(e);
-        return r ? "<" + r + ">" : "<...>";
+        var o = s(e);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = P.A;
+    function i() {
+      var e = U.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function f() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (Y.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function v(e) {
+      if (I.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function f(e, r) {
-      function s() {
-        G || (G = !0, console.error(
+    function E(e, o) {
+      function c() {
+        P || (P = !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)",
-          r
+          o
         ));
       }
-      s.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: s,
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
         configurable: !0
       });
     }
-    function d() {
-      var e = o(this.type);
-      return t[e] || (t[e] = !0, console.error(
+    function O() {
+      var e = s(this.type);
+      return q[e] || (q[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, r, s, R, O, y, H, Z) {
-      return s = y.ref, e = {
-        $$typeof: D,
+    function j(e, o, c, b, _, T, z, G) {
+      return c = T.ref, e = {
+        $$typeof: y,
         type: e,
-        key: r,
-        props: y,
-        _owner: O
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        key: o,
+        props: T,
+        _owner: _
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: d
+        get: O
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,307 +174,420 @@ function Ee() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: G
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function T(e, r, s, R, O, y, H, Z) {
-      var v = r.children;
-      if (v !== void 0)
-        if (R)
-          if (I(v)) {
-            for (R = 0; R < v.length; R++)
-              b(v[R]);
-            Object.freeze && Object.freeze(v);
+    function S(e, o, c, b, _, T, z, G) {
+      var R = o.children;
+      if (R !== void 0)
+        if (b)
+          if (oe(R)) {
+            for (b = 0; b < R.length; b++)
+              g(R[b]);
+            Object.freeze && Object.freeze(R);
           } 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(v);
-      if (Y.call(r, "key")) {
-        v = o(e);
-        var N = Object.keys(r).filter(function(ce) {
-          return ce !== "key";
+        else g(R);
+      if (I.call(o, "key")) {
+        R = s(e);
+        var A = Object.keys(o).filter(function(le) {
+          return le !== "key";
         });
-        R = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", S[v + R] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", L[R + b] || (A = 0 < A.length ? "{" + A.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} />`,
+          b,
           R,
-          v,
-          N,
-          v
-        ), S[v + R] = !0);
+          A,
+          R
+        ), L[R + b] = !0);
       }
-      if (v = null, s !== void 0 && (a(s), v = "" + s), E(r) && (a(r.key), v = "" + r.key), "key" in r) {
-        s = {};
-        for (var Q in r)
-          Q !== "key" && (s[Q] = r[Q]);
-      } else s = r;
-      return v && f(
-        s,
+      if (R = null, c !== void 0 && (l(c), R = "" + c), v(o) && (l(o.key), R = "" + o.key), "key" in o) {
+        c = {};
+        for (var H in o)
+          H !== "key" && (c[H] = o[H]);
+      } else c = o;
+      return R && E(
+        c,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), _(
+      ), j(
         e,
-        v,
-        y,
-        O,
-        c(),
-        s,
-        H,
-        Z
+        R,
+        T,
+        _,
+        i(),
+        c,
+        z,
+        G
       );
     }
-    function b(e) {
-      typeof e == "object" && e !== null && e.$$typeof === D && e._store && (e._store.validated = 1);
+    function g(e) {
+      typeof e == "object" && e !== null && e.$$typeof === y && e._store && (e._store.validated = 1);
     }
-    var h = ue, D = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), W = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, I = Array.isArray, C = console.createTask ? console.createTask : function() {
+    var d = Ae, y = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), re = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), U = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, oe = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
+    d = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var G, t = {}, i = h["react-stack-bottom-frame"].bind(
-      h,
-      l
-    )(), m = C(u(l)), S = {};
-    M.Fragment = k, M.jsx = function(e, r, s, R, O) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return T(
+    var P, q = {}, J = d["react-stack-bottom-frame"].bind(
+      d,
+      f
+    )(), M = N(m(f)), L = {};
+    K.Fragment = x, K.jsx = function(e, o, c, b, _) {
+      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return S(
         e,
-        r,
-        s,
+        o,
+        c,
         !1,
-        R,
-        O,
-        y ? Error("react-stack-top-frame") : i,
-        y ? C(u(e)) : m
+        b,
+        _,
+        T ? Error("react-stack-top-frame") : J,
+        T ? N(m(e)) : M
       );
-    }, M.jsxs = function(e, r, s, R, O) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return T(
+    }, K.jsxs = function(e, o, c, b, _) {
+      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return S(
         e,
-        r,
-        s,
+        o,
+        c,
         !0,
-        R,
-        O,
-        y ? Error("react-stack-top-frame") : i,
-        y ? C(u(e)) : m
+        b,
+        _,
+        T ? Error("react-stack-top-frame") : J,
+        T ? N(m(e)) : M
       );
     };
-  }()), M;
+  }()), K;
 }
-var te;
-function be() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? X.exports = de() : X.exports = Ee()), X.exports;
+var ve;
+function Fe() {
+  return ve || (ve = 1, process.env.NODE_ENV === "production" ? ce.exports = je() : ce.exports = xe()), ce.exports;
 }
-var ne = be();
-const se = le({}), me = () => ie(se), he = ({
-  id: o,
-  form: n,
-  method: a,
-  action: u,
-  children: c,
-  onSubmit: l = () => {
+var ke = Fe();
+const h = () => {
+}, Te = Pe({
+  ref: null,
+  watch: null,
+  actions: {
+    reset: h,
+    setValue: h,
+    getValues: h,
+    setError: h,
+    clearError: h,
+    clearErrors: h,
+    checkValidity: h,
+    getNumberFields: h,
+    getFieldValidity: h,
+    getDefaultValues: h,
+    setFieldStateProperty: h,
+    getControlledFields: h
+  },
+  registerController: h,
+  registerHookWatcher: h,
+  lastReloadedAt: h,
+  registerOnchange: h,
+  loadFormValues: h,
+  getWatchValue: h
+}), Oe = () => Ce(Te), Le = ({
+  id: s,
+  control: u,
+  method: l,
+  action: m,
+  children: i,
+  onSubmit: f = () => {
   },
-  onInput: E = () => {
+  onInput: v = () => {
   },
-  onChange: f = () => {
+  onChange: E = () => {
   },
-  numberFields: d = [],
-  className: _,
-  ...T
-}) => (K(() => n.actions.registerOnchange(f), [f]), /* @__PURE__ */ ne.jsx(se.Provider, { value: n, children: /* @__PURE__ */ ne.jsx(
+  onReset: O = () => {
+  },
+  numberFields: j = [],
+  className: S,
+  ...g
+}) => (Ee(() => u.registerOnchange(E), [E]), /* @__PURE__ */ ke.jsx(Te.Provider, { value: u, children: /* @__PURE__ */ ke.jsx(
   "form",
   {
-    id: o,
-    ref: n == null ? void 0 : n.ref,
-    action: u,
-    method: a,
-    className: _,
-    onSubmit: (b) => {
-      a || b.preventDefault();
-      const h = n.actions.loadFormValues();
-      l(h);
-    },
-    onInput: (b) => {
-      if (b.target.tagName === "FORM") {
-        const h = n.actions.loadFormValues();
-        n.actions.setFormState(h);
-      } else
-        E(b);
+    id: s,
+    ref: u.ref,
+    action: m,
+    method: l,
+    className: S,
+    onInput: v,
+    onSubmit: (d) => {
+      l || d.preventDefault();
+      const y = u.loadFormValues();
+      f(y);
     },
-    onChange: () => {
-      const b = n.actions.loadFormValues();
-      n.actions.setFormState(b);
+    onChange: (d) => {
+      const y = d.target.name;
+      u.actions.getControlledFields()[y] || u.actions.setValue(y, d.target.value);
     },
-    onReset: (b) => {
-      n && (b.preventDefault(), n.actions.reset());
+    onReset: (d) => {
+      u.actions.reset(), O(d);
     },
-    ...T,
-    children: c
+    ...g,
+    children: i
   },
-  n == null ? void 0 : n.lastReloadedAt
-) })), Se = ({ name: o, render: n = ({ ref: a, name: u, defaultValue: c, value: l, setValue: E }) => null }) => {
-  const a = x(), u = me(), c = u.actions.getDefaultValues()[o], [l, E] = L(c), f = p(
-    (d, { shouldDirty: _ = !0 } = {}) => {
-      u.actions.setFormState((T) => ({ ...T, [o]: d }), { shouldDirty: _ }), E(d);
+  u.lastReloadedAt
+) })), Ve = ({ control: s, name: u, compute: l }) => {
+  const { getWatchValue: m, registerHookWatcher: i } = s || Oe(), f = m({ name: u, compute: l }), [v, E] = ue(f);
+  return Ee(() => i({ name: u, compute: l, setValue: E, computeValue: f }), []), v;
+}, Ne = ({ name: s, defaultValue: u }) => {
+  const { actions: l, registerController: m } = Oe(), i = k(), f = l.getDefaultValues()[s] || u, [v, E] = ue(f), O = Ve({ name: `fieldStates.${s}.customState` }), j = a((g) => {
+    l.setFieldStateProperty(s, "customState", g);
+  }, []), S = a(
+    (g, { shouldDirty: d = !0, shouldOnChange: y = !0 } = {}) => {
+      l.setValue(s, g, { shouldDirty: d, shouldOnChange: y }), E(g);
     },
-    [E, u.actions.setFormState]
+    [l.setValue]
   );
-  return K(() => u.subscribe(o, (_, { shouldDirty: T = !0, shouldOnChange: b = !0 } = {}) => {
-    E(_), u.actions.setFormState((h) => ({ ...h, [o]: _ }), { shouldDirty: T, shouldOnChange: b }), a.current && typeof a.current.dispatchEvent == "function" && b && a.current.dispatchEvent(new Event("change"));
-  }), []), n({ ref: a, name: o, defaultValue: c, value: l, setValue: f });
-}, Re = (o, n) => {
-  let a = !1;
-  return Object.keys(n).forEach((u) => {
-    if (!(u in o) || a) return;
-    const c = n[u], l = o[u];
-    (typeof c == "object" || c !== l) && (a = !0);
-  }), a;
-}, oe = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), pe = () => {
-  const [o, n] = L({}), a = ae(() => Object.values(o).filter(Boolean).length > 0, [o]), u = p((f, d) => {
-    n((_) => _[f] === d ? _ : { ..._, [f]: d });
-  }, []), c = p((f) => {
-    n((d) => ({ ...d, ...f }));
-  }, []), l = p((f) => {
-    n((d) => d[f] ? { ...d, [f]: "" } : d);
-  }, []), E = p(() => {
-    n({});
-  }, []);
-  return { isError: a, errors: o, changeError: u, changeErrors: c, clearError: l, clearErrors: E };
-}, _e = () => {
-  const [o, n] = L(), a = p(() => n((/* @__PURE__ */ new Date()).toString()), []);
-  return [o, a];
-}, ve = () => {
-  const [, o] = L({});
-  return p(() => o({}), []);
-}, ge = [], ke = ({ numberFields: o = ge, defaultValues: n = {} } = {}) => {
-  const { changeError: a, errors: u, changeErrors: c, clearError: l, clearErrors: E, isError: f } = pe(), [d, _] = L(!1), [T, b] = _e(), h = ve(), D = x(/* @__PURE__ */ new Set()), g = x(n), k = x(n), F = x({}), V = x(() => {
-  }), w = x(), W = p(
-    (t, { shouldDirty: i = !0, shouldOnChange: m = !0 } = {}) => {
-      let S = t;
-      typeof t == "function" && (S = t(g.current)), [...D.current].forEach((s) => {
-        g.current[s] !== S[s] && h();
-      }), g.current = S;
-      let r = d;
-      i && (r = Re(g.current, k.current), r !== d && _(r)), m && V.current(g.current);
-    },
-    [d]
-  ), U = p(() => {
-    _(!1), E();
-    const t = F.current;
-    Object.keys(t).forEach((i) => {
-      const m = t[i];
-      m(k.current[i], { shouldDirty: !1, shouldOnChange: !1 });
-    }), w.current && w.current.reset(), b();
-  }, [E]), B = p((t, i) => {
-    const m = F.current;
-    return m[t] = i, () => {
-      delete m[t], delete g.current[t], delete k.current[t];
-    };
-  }, []), q = p((t) => (V.current = t, () => V.current = () => {
-  })), J = p((t) => oe(t.target), []), A = p((t) => t ? g.current[t] : g.current, []), z = p(() => k.current, []), j = p(() => {
-    setTimeout(() => w.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, []), P = p(
-    (t) => {
-      const i = oe(t.target);
-      i ? a(t.target.name, i) : a(t.target.name, null);
+  return Ee(() => m(s, E), []), { ref: i, name: s, defaultValue: f, value: v, onChange: S, customState: O, setCustomState: j };
+}, Ue = ({
+  name: s,
+  defaultValue: u,
+  render: l = ({ ref: m, name: i, defaultValue: f, value: v, onChange: E, customState: O, setCustomState: j }) => null
+}) => {
+  const m = Ne({ name: s, defaultValue: u });
+  return l(m);
+}, we = [
+  "badInput",
+  "customError",
+  "patternMismatch",
+  "rangeOverflow",
+  "rangeUnderflow",
+  "stepMismatch",
+  "tooLong",
+  "tooShort",
+  "typeMismatch",
+  "valueMissing"
+], _e = (s) => {
+  typeof s.setCustomValidity == "function" && s.setCustomValidity("");
+  let u = s.validity;
+  console.log(s.valid);
+  let l = we.find((m) => u[m]);
+  if (l) return { type: l, message: s.validationMessage };
+}, De = () => {
+  const [, s] = ue({});
+  return a(() => s({}), []);
+}, We = () => {
+  const [s, u] = ue(), l = a(() => u((/* @__PURE__ */ new Date()).toString()), []);
+  return [s, l];
+}, Ye = [], $e = {}, qe = ({
+  numberFields: s = Ye,
+  defaultValues: u = $e,
+  shouldUnRegister: l = !1,
+  shouldConvertNumber: m = !1
+} = {}) => {
+  const i = De(), [f, v] = We(), E = k(), O = k(() => {
+  }), j = k(!1), S = k(u), g = k(u), d = k(/* @__PURE__ */ new Set()), y = k(s), D = k({}), x = k([]), W = k([]), Y = k({}), B = k(0), $ = k({}), ee = a(() => {
+    $.current = Object.keys(g.current).reduce(
+      (r, t) => ({ ...r, [t]: { isDirty: !1, isTouched: !1, customState: null } }),
+      {}
+    );
+  }, []), re = a((r = {}) => {
+    g.current = { ...g.current, ...r }, S.current = { ...g.current }, B.current = 0, j.current = !1, Y.current = {}, y.current = s, d.current = /* @__PURE__ */ new Set(), W.current = [], x.current = [], D.current = {}, ee(), s.length > 0 && (m = !0), v();
+  }, []), te = a(() => !!Object.values(N()).find((r) => r.isDirty), []), ae = a(() => !!Object.values(I()).find((r) => !!r), []), X = a((r) => _e(r.target), []), V = a((r) => r ? S.current[r] : S.current, []), ne = a(() => g.current, []), U = a(() => y.current, []), I = a(() => Y.current, []), oe = a(() => D.current, []), N = a(() => $.current, []), P = a(({ name: r, compute: t }) => {
+    var p;
+    if (typeof t == "function") return t(V());
+    if (Array.isArray(r)) {
+      const C = {};
+      return r.forEach((F) => {
+        C[F] = P({ name: F });
+      }), C;
+    }
+    if (r === "isDirty") return te();
+    if (r === "isError") return ae();
+    if (r === "values") return { ...V() };
+    if (r === "errors") return { ...I() };
+    if (r === "fieldStates") return { ...N() };
+    const n = r.split(".");
+    if (n.length > 1) {
+      const C = n[1];
+      if (n[0] === "errors")
+        return n.length === 2 ? { ...I()[C] } : { ...I()[C] };
+      if (n[0] === "fieldStates") {
+        if (n.length === 2) return { ...N()[C] };
+        const F = n[2];
+        return (p = N()[C]) == null ? void 0 : p[F];
+      }
+    }
+    return V()[r];
+  }, []), q = (r) => {
+    W.current.forEach((t) => {
+      let n;
+      if (typeof t.name == "string" ? n = r(t) : t.name.forEach((p) => {
+        n || (n = r({ ...t, name: p }));
+      }), n) {
+        const p = P(t);
+        t.setValue(p);
+      }
+    });
+  }, J = (r) => {
+    const t = ({ name: n }) => n === "isError" || n === "errors" || (r ? n === `errors.${r}` : n.includes("errors"));
+    [...d.current].forEach((n) => {
+      t({ name: n }) && i();
+    }), q(t);
+  }, M = a((r, t) => {
+    Y.current[r] = t, J(r);
+  }, []), L = a((r) => {
+    Y.current[r] = null, J(r);
+  }, []), e = a(() => {
+    Y.current = {}, J();
+  }, []), o = a(
+    (r) => {
+      const t = _e(r.target);
+      t ? M(r.target.name, t) : L(r.target.name);
     },
-    [a]
-  ), Y = p(
-    (t, i, { shouldDirty: m = !0, shouldOnChange: S = !0 } = {}) => {
-      const e = F.current;
-      switch (typeof t) {
-        case "string":
-          {
-            const r = e[t];
-            if (!r)
-              throw new Error(`${t} is uncontrolled, please use Controller for it!`);
-            r(i, { shouldDirty: m, shouldOnChange: S }), S && j();
-          }
-          break;
-        case "object":
-          Object.entries(t).forEach(([r, s]) => {
-            const R = e[r];
-            if (!R)
-              throw new Error(`${r} is uncontrolled, please use Controller for it!`);
-            R(s, { shouldDirty: m, shouldOnChange: S });
-          }), S && j();
-        default:
-          return;
+    [M, L]
+  ), c = a((r, t, n) => {
+    const p = $.current[r];
+    if (p[t] !== n) {
+      $.current[r] = { ...p, [t]: n };
+      const F = ({ name: w }) => w === "fieldStates" || w === `fieldStates.${r}` || w === `fieldStates.${r}.${t}`;
+      if ([...d.current].forEach((w) => {
+        F({ name: w }) && i();
+      }), t === "customState") {
+        x.current.forEach(({ name: w, setValue: se }) => {
+          w.includes(r) && se(n);
+        });
+        return;
       }
+      q(F);
+    }
+  }), b = a(
+    (r, t, { shouldDirty: n = !0, shouldOnChange: p = !0 } = {}) => {
+      m && y.current.includes(r) && (t = Number(t) || void 0);
+      const C = S.current[r], F = $.current[r], se = D.current[r];
+      if (c(r, "isTouched", !0), n) {
+        const Z = t !== g.current[r];
+        F.isDirty !== Z && c(r, "isDirty", Z);
+      }
+      const ie = te(), ge = j.current, Re = t !== C;
+      d.current.has(r) && Re && i(), d.current.has("values") && i(), d.current.has("isDirty") && ie !== ge && i(), S.current[r] = t, se && se(t), j.current = ie, q((Z) => {
+        const { name: fe, compute: be, computeValue: he } = Z;
+        if (be) {
+          const de = be(V());
+          return de !== he && (Z.computeValue = de), de !== he;
+        }
+        if (fe === "values") return !0;
+        if (fe === "isDirty") return ie !== ge;
+        if (fe === r) return Re;
+      }), p && O.current(r, t, S.current);
     },
-    [j]
-  ), I = p(() => {
-    const t = Object.fromEntries(new FormData(w.current)), i = F.current;
-    return Object.keys(i).map((m) => {
-      t[m] = g.current[m];
-    }), o.forEach((m) => t.hasOwnProperty(m) && (t[m] = +t[m])), t;
-  }, []), C = (t) => (D.current.add(t), t === "data" ? A() : A()[t]), G = ae(
+    [c]
+  ), _ = a((r) => {
+    if (typeof r == "string")
+      return d.current.add(r), P({ name: r });
+    if (Array.isArray(r)) {
+      const t = {};
+      return r.forEach((n) => {
+        d.current.add(n), t[n] = P({ name: n });
+      }), t;
+    }
+    return P({ name: r });
+  }, []), T = a((r, t) => {
+    const n = D.current;
+    return n[r] = t, () => {
+      l && (delete n[r], delete S.current[r]);
+    };
+  }, []), z = a((r) => (O.current = r, () => O.current = () => {
+  }), []), G = a((r) => {
+    var n;
+    const t = B.current;
+    return (n = r.name) != null && n.includes("customState") ? x.current.push({ key: t, ...r }) : W.current.push({ key: t, ...r }), B.current++, () => {
+      W.current = W.current.filter((p) => p.key !== t), x.current = x.current.filter((p) => p.key !== t);
+    };
+  }, []), R = a(() => {
+    const r = Object.fromEntries(new FormData(E.current)), t = D.current;
+    return Object.keys(t).map((n) => {
+      r[n] = S.current[n];
+    }), m && y.current.forEach(
+      (n) => r.hasOwnProperty(n) && (r[n] = Number(r[n]) || 0)
+    ), r;
+  }, []), A = me(
     () => ({
-      setValue: Y,
-      instantChange: j,
-      getDefaultValues: z,
-      getFormState: A,
-      setFormState: W,
-      changeError: a,
-      changeErrors: c,
-      clearError: l,
-      clearErrors: E,
-      loadFormValues: I,
-      checkValidity: P,
-      getFieldValidity: J,
-      registerOnchange: q,
-      reload: b,
-      reset: U,
-      watch: C
+      reset: re,
+      setValue: b,
+      getValues: V,
+      setError: M,
+      clearError: L,
+      clearErrors: e,
+      checkValidity: o,
+      getNumberFields: U,
+      getFieldValidity: X,
+      getDefaultValues: ne,
+      setFieldStateProperty: c,
+      getControlledFields: oe
     }),
     [
-      Y,
-      j,
-      z,
-      A,
-      W,
-      a,
-      c,
-      l,
-      I,
-      J,
-      P,
-      q,
+      re,
       b,
+      V,
+      M,
+      L,
+      e,
+      o,
       U,
-      C
+      X,
+      ne,
+      c,
+      oe
     ]
-  );
-  return K(() => {
-    if (w.current) {
-      const t = I();
-      k.current = t, g.current = t;
+  ), H = me(
+    () => ({
+      ref: E,
+      watch: _,
+      actions: A,
+      registerController: T,
+      registerHookWatcher: G,
+      lastReloadedAt: f,
+      registerOnchange: z,
+      loadFormValues: R,
+      getWatchValue: P
+    }),
+    [
+      E,
+      _,
+      A,
+      T,
+      G,
+      f,
+      z,
+      R,
+      P
+    ]
+  ), le = me(() => ({ control: H, actions: A, watch: _ }), [f, H, A, _]);
+  return Se(() => {
+    if ([...E.current.querySelectorAll("[name]")].forEach((t) => {
+      !t.defaultValue && g.current[t.name] && (t.defaultValue = g.current[t.name]), t.type === "number" && !y.current.includes(t.name) && y.current.push(t.name);
+    }), E.current) {
+      const t = R();
+      S.current = { ...t }, g.current = { ...t };
     }
-    return () => {
-      k.current = n, g.current = n, _(!1), E();
-    };
-  }, [T]), fe(() => {
-    w.current && [...w.current.querySelectorAll("[name]")].forEach((i) => {
-      !i.defaultValue && n[i.name] && (i.defaultValue = n[i.name]);
-    });
-  }, [T]), { ref: w, lastReloadedAt: T, isDirty: d, isError: f, errors: u, numberFields: o, subscribe: B, actions: G };
+  }, [f]), Se(() => {
+    ee();
+  }, []), le;
 };
 export {
-  Se as Controller,
-  he as Form,
-  ke as useForm,
-  pe as useValidateForm
+  Ue as Controller,
+  Le as Form,
+  Ne as useController,
+  qe as useForm,
+  Ve as useWatch
 };