react-simple-formkit 1.0.0

package/README.md

@@ -0,0 +1,24 @@
+# React EZ Form
+
+Support form handling simply. Simple, fast and productive.
+
+# Quick start
+
+```
+import { Form, useForm } form 'react-ez-form'
+
+const form = useForm();
+const { isDirty } = form;
+
+const handleSubmit = (data) => {
+    console.log(data);
+};
+
+return (
+    <Form form={form} onSubmit={handleSubmit}>
+        <input required name="email" />
+        <input required name="password" type="password" />
+        <button type="submit" disabled={!isDirty}>Submit</button>
+    </Form>
+);
+```

package/dist/react-ez-form.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),te=(c,o)=>{let d=!1;return Object.keys(o).forEach(f=>{if(!(f in c)||d)return;const s=o[f],a=c[f];typeof s=="object"?te(a,s)&&(d=!0):s!==a&&(d=!0)}),d},ne=()=>{const[c,o]=n.useState({}),d=n.useMemo(()=>Object.values(c).filter(Boolean).length>0,[c]),f=n.useCallback((l,E)=>{o(p=>p[l]===E?p:{...p,[l]:E})},[]),s=n.useCallback(l=>{o(E=>({...E,...l}))},[]),a=n.useCallback(l=>{o(E=>E[l]?{...E,[l]:""}:E)},[]),b=n.useCallback(()=>{o({})},[]);return{isError:d,errors:c,changeError:f,changeErrors:s,clearError:a,clearErrors:b}},z={defaultValues:{},numberFields:[]},se=(c=z)=>{const{defaultValues:o=z.defaultValues,numberFields:d=z.numberFields}=c,{changeError:f,errors:s,changeErrors:a,clearError:b,clearErrors:l,isError:E}=ne(),[p,O]=n.useState(!1),_=n.useRef({}),k=n.useRef(o),C=n.useRef({}),g=n.useRef(),y=n.useCallback((t,{shouldDirty:v=!0}={})=>{if(Object.keys(t).forEach(i=>_.current[i]=t[i]),v){const i=te(_.current,k.current);i!==p&&O(i)}},[p]),F=n.useCallback(()=>{O(!1),l();const t=C.current;Object.values(t).forEach(i=>i("")),g.current.reset(),_.current=k.current},[l]),N=n.useCallback(t=>t?_.current[t]:_.current,[]),D=n.useCallback(()=>k.current,[]),j=n.useCallback(()=>setTimeout(()=>g.current.dispatchEvent(new Event("input",{bubbles:!0}))),[]),M=n.useCallback((t,v)=>{const i=C.current;return i[t]=v,()=>i[t]=null},[]),V=n.useCallback((t,v)=>{const i=C.current;if(typeof t=="string"){const h=i[t];if(!h)throw new Error(`${t} is uncontrolled, please use Controller for it!`);h(v),j()}typeof t=="object"&&(Object.entries(t).forEach(([h,Y])=>{const I=i[h];if(!I)throw new Error(`${h} is uncontrolled, please use Controller for it!`);I(Y)}),j())},[j]),P=n.useCallback(()=>{const t=Object.fromEntries(new FormData(g.current)),v=C.current;return Object.keys(v).map(i=>{t[i]=_.current[i]}),d.forEach(i=>t.hasOwnProperty(i)&&(t[i]=+t[i])),t},[]),L=n.useMemo(()=>({setValue:V,instantChange:j,getDefaultValues:D,getFormState:N,setFormState:y,changeError:f,changeErrors:a,clearError:b,clearErrors:l,loadFormValues:P,reset:F}),[V,j,D,N,y,f,a,b,P,F]);return n.useEffect(()=>{if(g.current){const t=P();k.current={...t,...o},_.current={...t,...o}}},[]),{ref:g,isDirty:p,isError:E,errors:s,numberFields:d,subscribe:M,actions:L}};var $={exports:{}},x={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Q;function ce(){if(Q)return x;Q=1;var c=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function d(f,s,a){var b=null;if(a!==void 0&&(b=""+a),s.key!==void 0&&(b=""+s.key),"key"in s){a={};for(var l in s)l!=="key"&&(a[l]=s[l])}else a=s;return s=a.ref,{$$typeof:c,type:f,key:b,ref:s!==void 0?s:null,props:a}}return x.Fragment=o,x.jsx=d,x.jsxs=d,x}var A={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var K;function ue(){return K||(K=1,process.env.NODE_ENV!=="production"&&function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===i?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case N:return"Profiler";case F:return"StrictMode";case V:return"Suspense";case P:return"SuspenseList";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:return"Portal";case j:return(e.displayName||"Context")+".Provider";case D:return(e._context.displayName||"Context")+".Consumer";case M:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case L:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case t:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function o(e){return""+e}function d(e){try{o(e);var r=!1}catch{r=!0}if(r){r=console;var u=r.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),o(e)}}function f(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===t)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=h.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function b(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function u(){G||(G=!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))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function E(){var e=c(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 p(e,r,u,m,S,T,U,q){return u=T.ref,e={$$typeof:C,type:e,key:r,props:T,_owner:S},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function O(e,r,u,m,S,T,U,q){var R=r.children;if(R!==void 0)if(m)if(I(R)){for(m=0;m<R.length;m++)_(R[m]);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 _(R);if(Y.call(r,"key")){R=c(e);var w=Object.keys(r).filter(function(ae){return ae!=="key"});m=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",Z[R+m]||(w=0<w.length?"{"+w.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} />`,m,R,w,R),Z[R+m]=!0)}if(R=null,u!==void 0&&(d(u),R=""+u),b(r)&&(d(r.key),R=""+r.key),"key"in r){u={};for(var J in r)J!=="key"&&(u[J]=r[J])}else u=r;return R&&l(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,R,T,S,s(),u,U,q)}function _(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var k=n,C=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),D=Symbol.for("react.consumer"),j=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),t=Symbol.for("react.lazy"),v=Symbol.for("react.activity"),i=Symbol.for("react.client.reference"),h=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,I=Array.isArray,W=console.createTask?console.createTask:function(){return null};k={"react-stack-bottom-frame":function(e){return e()}};var G,X={},B=k["react-stack-bottom-frame"].bind(k,a)(),H=W(f(a)),Z={};A.Fragment=y,A.jsx=function(e,r,u,m,S){var T=1e4>h.recentlyCreatedOwnerStacks++;return O(e,r,u,!1,m,S,T?Error("react-stack-top-frame"):B,T?W(f(e)):H)},A.jsxs=function(e,r,u,m,S){var T=1e4>h.recentlyCreatedOwnerStacks++;return O(e,r,u,!0,m,S,T?Error("react-stack-top-frame"):B,T?W(f(e)):H)}}()),A}var ee;function le(){return ee||(ee=1,process.env.NODE_ENV==="production"?$.exports=ce():$.exports=ue()),$.exports}var re=le();const oe=n.createContext({}),ie=()=>n.useContext(oe),fe=({id:c,form:o,method:d,action:f,children:s,onSubmit:a=()=>{},onInput:b=()=>{},onChange:l=()=>{},numberFields:E=[],className:p,...O})=>re.jsx(oe.Provider,{value:o,children:re.jsx("form",{ref:o==null?void 0:o.ref,action:f,className:p,onSubmit:_=>{_.preventDefault();const k=o.actions.loadFormValues();a(k)},onChange:_=>{const k=o.actions.loadFormValues();o.actions.setFormState(k),l(k)},...O,children:s})}),de=({name:c,defaultValue:o,render:d=({ref:f,name:s,defaultValue:a,value:b,setValue:l})=>null})=>{const[f,s]=n.useState(),a=ie(),b=n.useRef(),l=n.useCallback(E=>{a.actions.setFormState({[c]:E},{shouldDirty:!1}),s(E)},[s,a.actions.setFormState]);return n.useEffect(()=>(a.actions.setFormState({[c]:o},{shouldDirty:!1}),a.subscribe(c,p=>{s(p),a.actions.setFormState({[c]:p},{shouldDirty:!0}),b.current&&typeof b.current.dispatchEvent=="function"&&b.current.dispatchEvent(new Event("change"))})),[]),d({ref:b,name:c,defaultValue:o,value:f,setValue:l})};exports.Controller=de;exports.Form=fe;exports.useForm=se;exports.useValidateForm=ne;

package/dist/react-ez-form.mjs

@@ -0,0 +1,427 @@
+import le, { useState as X, useMemo as oe, useCallback as v, useRef as C, useEffect as se, createContext as ie, useContext as fe } from "react";
+const ae = (a, n) => {
+  let f = !1;
+  return Object.keys(n).forEach((i) => {
+    if (!(i in a) || f) return;
+    const s = n[i], o = a[i];
+    typeof s == "object" ? ae(o, s) && (f = !0) : s !== o && (f = !0);
+  }), f;
+}, de = () => {
+  const [a, n] = X({}), f = oe(() => Object.values(a).filter(Boolean).length > 0, [a]), i = v((u, E) => {
+    n((R) => R[u] === E ? R : { ...R, [u]: E });
+  }, []), s = v((u) => {
+    n((E) => ({ ...E, ...u }));
+  }, []), o = v((u) => {
+    n((E) => E[u] ? { ...E, [u]: "" } : E);
+  }, []), d = v(() => {
+    n({});
+  }, []);
+  return { isError: f, errors: a, changeError: i, changeErrors: s, clearError: o, clearErrors: d };
+}, G = {
+  defaultValues: {},
+  numberFields: []
+}, _e = (a = G) => {
+  const { defaultValues: n = G.defaultValues, numberFields: f = G.numberFields } = a, { changeError: i, errors: s, changeErrors: o, clearError: d, clearErrors: u, isError: E } = de(), [R, O] = X(!1), _ = C({}), p = C(n), j = C({}), g = C(), y = v(
+    (t, { shouldDirty: T = !0 } = {}) => {
+      if (Object.keys(t).forEach((l) => _.current[l] = t[l]), T) {
+        const l = ae(_.current, p.current);
+        l !== R && O(l);
+      }
+    },
+    [R]
+  ), N = v(() => {
+    O(!1), u();
+    const t = j.current;
+    Object.values(t).forEach((l) => l("")), g.current.reset(), _.current = p.current;
+  }, [u]), D = v((t) => t ? _.current[t] : _.current, []), Y = v(() => p.current, []), w = v(
+    () => setTimeout(() => g.current.dispatchEvent(new Event("input", { bubbles: !0 }))),
+    []
+  ), M = v((t, T) => {
+    const l = j.current;
+    return l[t] = T, () => l[t] = null;
+  }, []), V = v(
+    (t, T) => {
+      const l = j.current;
+      if (typeof t == "string") {
+        const k = l[t];
+        if (!k)
+          throw new Error(`${t} is uncontrolled, please use Controller for it!`);
+        k(T), w();
+      }
+      typeof t == "object" && (Object.entries(t).forEach(([k, I]) => {
+        const $ = l[k];
+        if (!$)
+          throw new Error(`${k} is uncontrolled, please use Controller for it!`);
+        $(I);
+      }), w());
+    },
+    [w]
+  ), A = v(() => {
+    const t = Object.fromEntries(new FormData(g.current)), T = j.current;
+    return Object.keys(T).map((l) => {
+      t[l] = _.current[l];
+    }), f.forEach((l) => t.hasOwnProperty(l) && (t[l] = +t[l])), t;
+  }, []), W = oe(
+    () => ({
+      setValue: V,
+      instantChange: w,
+      getDefaultValues: Y,
+      getFormState: D,
+      setFormState: y,
+      changeError: i,
+      changeErrors: o,
+      clearError: d,
+      clearErrors: u,
+      loadFormValues: A,
+      reset: N
+    }),
+    [
+      V,
+      w,
+      Y,
+      D,
+      y,
+      i,
+      o,
+      d,
+      A,
+      N
+    ]
+  );
+  return se(() => {
+    if (g.current) {
+      const t = A();
+      p.current = { ...t, ...n }, _.current = { ...t, ...n };
+    }
+  }, []), { ref: g, isDirty: R, isError: E, errors: s, numberFields: f, subscribe: M, actions: W };
+};
+var L = { exports: {} }, P = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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 Ee() {
+  if (ee) return P;
+  ee = 1;
+  var a = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function f(i, s, o) {
+    var d = null;
+    if (o !== void 0 && (d = "" + o), s.key !== void 0 && (d = "" + s.key), "key" in s) {
+      o = {};
+      for (var u in s)
+        u !== "key" && (o[u] = s[u]);
+    } else o = s;
+    return s = o.ref, {
+      $$typeof: a,
+      type: i,
+      key: d,
+      ref: s !== void 0 ? s : null,
+      props: o
+    };
+  }
+  return P.Fragment = n, P.jsx = f, P.jsxs = f, P;
+}
+var F = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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 me() {
+  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === l ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case D:
+          return "Profiler";
+        case N:
+          return "StrictMode";
+        case V:
+          return "Suspense";
+        case A:
+          return "SuspenseList";
+        case T:
+          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:
+            return "Portal";
+          case w:
+            return (e.displayName || "Context") + ".Provider";
+          case Y:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case M:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case W:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case t:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function f(e) {
+      try {
+        n(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var c = r.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), n(e);
+      }
+    }
+    function i(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === t)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function u(e, r) {
+      function c() {
+        B || (B = !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
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function E() {
+      var e = a(this.type);
+      return H[e] || (H[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 R(e, r, c, m, S, h, q, J) {
+      return c = h.ref, e = {
+        $$typeof: j,
+        type: e,
+        key: r,
+        props: h,
+        _owner: S
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: E
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: q
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, r, c, m, S, h, q, J) {
+      var b = r.children;
+      if (b !== void 0)
+        if (m)
+          if ($(b)) {
+            for (m = 0; m < b.length; m++)
+              _(b[m]);
+            Object.freeze && Object.freeze(b);
+          } 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);
+      if (I.call(r, "key")) {
+        b = a(e);
+        var x = Object.keys(r).filter(function(ue) {
+          return ue !== "key";
+        });
+        m = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", K[b + m] || (x = 0 < x.length ? "{" + x.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} />`,
+          m,
+          b,
+          x,
+          b
+        ), K[b + m] = !0);
+      }
+      if (b = null, c !== void 0 && (f(c), b = "" + c), d(r) && (f(r.key), b = "" + r.key), "key" in r) {
+        c = {};
+        for (var z in r)
+          z !== "key" && (c[z] = r[z]);
+      } else c = r;
+      return b && u(
+        c,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), R(
+        e,
+        b,
+        h,
+        S,
+        s(),
+        c,
+        q,
+        J
+      );
+    }
+    function _(e) {
+      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
+    }
+    var p = le, j = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), w = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), t = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), l = Symbol.for("react.client.reference"), k = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, $ = Array.isArray, U = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var B, H = {}, Z = p["react-stack-bottom-frame"].bind(
+      p,
+      o
+    )(), Q = U(i(o)), K = {};
+    F.Fragment = y, F.jsx = function(e, r, c, m, S) {
+      var h = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        c,
+        !1,
+        m,
+        S,
+        h ? Error("react-stack-top-frame") : Z,
+        h ? U(i(e)) : Q
+      );
+    }, F.jsxs = function(e, r, c, m, S) {
+      var h = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        c,
+        !0,
+        m,
+        S,
+        h ? Error("react-stack-top-frame") : Z,
+        h ? U(i(e)) : Q
+      );
+    };
+  }()), F;
+}
+var te;
+function be() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? L.exports = Ee() : L.exports = me()), L.exports;
+}
+var ne = be();
+const ce = ie({}), Re = () => fe(ce), ve = ({
+  id: a,
+  form: n,
+  method: f,
+  action: i,
+  children: s,
+  onSubmit: o = () => {
+  },
+  onInput: d = () => {
+  },
+  onChange: u = () => {
+  },
+  numberFields: E = [],
+  className: R,
+  ...O
+}) => /* @__PURE__ */ ne.jsx(ce.Provider, { value: n, children: /* @__PURE__ */ ne.jsx(
+  "form",
+  {
+    ref: n == null ? void 0 : n.ref,
+    action: i,
+    className: R,
+    onSubmit: (_) => {
+      _.preventDefault();
+      const p = n.actions.loadFormValues();
+      o(p);
+    },
+    onChange: (_) => {
+      const p = n.actions.loadFormValues();
+      n.actions.setFormState(p), u(p);
+    },
+    ...O,
+    children: s
+  }
+) }), Te = ({ name: a, defaultValue: n, render: f = ({ ref: i, name: s, defaultValue: o, value: d, setValue: u }) => null }) => {
+  const [i, s] = X(), o = Re(), d = C(), u = v(
+    (E) => {
+      o.actions.setFormState({ [a]: E }, { shouldDirty: !1 }), s(E);
+    },
+    [s, o.actions.setFormState]
+  );
+  return se(() => (o.actions.setFormState({ [a]: n }, { shouldDirty: !1 }), o.subscribe(a, (R) => {
+    s(R), o.actions.setFormState({ [a]: R }, { shouldDirty: !0 }), d.current && typeof d.current.dispatchEvent == "function" && d.current.dispatchEvent(new Event("change"));
+  })), []), f({ ref: d, name: a, defaultValue: n, value: i, setValue: u });
+};
+export {
+  Te as Controller,
+  ve as Form,
+  _e as useForm,
+  de as useValidateForm
+};

package/dist/react-ez-form.umd.js

@@ -0,0 +1,22 @@
+(function(_,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(_=typeof globalThis<"u"?globalThis:_||self,r(_.Name={},_.React))})(this,function(_,r){"use strict";const H=(c,o)=>{let d=!1;return Object.keys(o).forEach(f=>{if(!(f in c)||d)return;const s=o[f],a=c[f];typeof s=="object"?H(a,s)&&(d=!0):s!==a&&(d=!0)}),d},Z=()=>{const[c,o]=r.useState({}),d=r.useMemo(()=>Object.values(c).filter(Boolean).length>0,[c]),f=r.useCallback((l,m)=>{o(p=>p[l]===m?p:{...p,[l]:m})},[]),s=r.useCallback(l=>{o(m=>({...m,...l}))},[]),a=r.useCallback(l=>{o(m=>m[l]?{...m,[l]:""}:m)},[]),b=r.useCallback(()=>{o({})},[]);return{isError:d,errors:c,changeError:f,changeErrors:s,clearError:a,clearErrors:b}},W={defaultValues:{},numberFields:[]},se=(c=W)=>{const{defaultValues:o=W.defaultValues,numberFields:d=W.numberFields}=c,{changeError:f,errors:s,changeErrors:a,clearError:b,clearErrors:l,isError:m}=Z(),[p,j]=r.useState(!1),T=r.useRef({}),k=r.useRef(o),y=r.useRef({}),C=r.useRef(),w=r.useCallback((n,{shouldDirty:v=!0}={})=>{if(Object.keys(n).forEach(i=>T.current[i]=n[i]),v){const i=H(T.current,k.current);i!==p&&j(i)}},[p]),D=r.useCallback(()=>{j(!1),l();const n=y.current;Object.values(n).forEach(i=>i("")),C.current.reset(),T.current=k.current},[l]),V=r.useCallback(n=>n?T.current[n]:T.current,[]),Y=r.useCallback(()=>k.current,[]),g=r.useCallback(()=>setTimeout(()=>C.current.dispatchEvent(new Event("input",{bubbles:!0}))),[]),U=r.useCallback((n,v)=>{const i=y.current;return i[n]=v,()=>i[n]=null},[]),I=r.useCallback((n,v)=>{const i=y.current;if(typeof n=="string"){const S=i[n];if(!S)throw new Error(`${n} is uncontrolled, please use Controller for it!`);S(v),g()}typeof n=="object"&&(Object.entries(n).forEach(([S,M])=>{const L=i[S];if(!L)throw new Error(`${S} is uncontrolled, please use Controller for it!`);L(M)}),g())},[g]),x=r.useCallback(()=>{const n=Object.fromEntries(new FormData(C.current)),v=y.current;return Object.keys(v).map(i=>{n[i]=T.current[i]}),d.forEach(i=>n.hasOwnProperty(i)&&(n[i]=+n[i])),n},[]),J=r.useMemo(()=>({setValue:I,instantChange:g,getDefaultValues:Y,getFormState:V,setFormState:w,changeError:f,changeErrors:a,clearError:b,clearErrors:l,loadFormValues:x,reset:D}),[I,g,Y,V,w,f,a,b,x,D]);return r.useEffect(()=>{if(C.current){const n=x();k.current={...n,...o},T.current={...n,...o}}},[]),{ref:C,isDirty:p,isError:m,errors:s,numberFields:d,subscribe:U,actions:J}};var N={exports:{}},A={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Q;function ce(){if(Q)return A;Q=1;var c=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function d(f,s,a){var b=null;if(a!==void 0&&(b=""+a),s.key!==void 0&&(b=""+s.key),"key"in s){a={};for(var l in s)l!=="key"&&(a[l]=s[l])}else a=s;return s=a.ref,{$$typeof:c,type:f,key:b,ref:s!==void 0?s:null,props:a}}return A.Fragment=o,A.jsx=d,A.jsxs=d,A}var F={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var K;function ue(){return K||(K=1,process.env.NODE_ENV!=="production"&&function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===i?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case V:return"Profiler";case D:return"StrictMode";case I:return"Suspense";case x:return"SuspenseList";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 C:return"Portal";case g:return(e.displayName||"Context")+".Provider";case Y:return(e._context.displayName||"Context")+".Consumer";case U:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case J:return t=e.displayName||null,t!==null?t:c(e.type)||"Memo";case n:t=e._payload,e=e._init;try{return c(e(t))}catch{}}return null}function o(e){return""+e}function d(e){try{o(e);var t=!1}catch{t=!0}if(t){t=console;var u=t.error,E=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",E),o(e)}}function f(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===n)return"<...>";try{var t=c(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=S.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function b(e){if(M.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function l(e,t){function u(){te||(te=!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)",t))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function m(){var e=c(this.type);return re[e]||(re[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 p(e,t,u,E,O,h,G,X){return u=h.ref,e={$$typeof:y,type:e,key:t,props:h,_owner:O},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,t,u,E,O,h,G,X){var R=t.children;if(R!==void 0)if(E)if(L(R)){for(E=0;E<R.length;E++)T(R[E]);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 T(R);if(M.call(t,"key")){R=c(e);var P=Object.keys(t).filter(function(be){return be!=="key"});E=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",ae[R+E]||(P=0<P.length?"{"+P.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} />`,E,R,P,R),ae[R+E]=!0)}if(R=null,u!==void 0&&(d(u),R=""+u),b(t)&&(d(t.key),R=""+t.key),"key"in t){u={};for(var B in t)B!=="key"&&(u[B]=t[B])}else u=t;return R&&l(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,R,h,O,s(),u,G,X)}function T(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var k=r,y=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),Y=Symbol.for("react.consumer"),g=Symbol.for("react.context"),U=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),J=Symbol.for("react.memo"),n=Symbol.for("react.lazy"),v=Symbol.for("react.activity"),i=Symbol.for("react.client.reference"),S=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,L=Array.isArray,z=console.createTask?console.createTask:function(){return null};k={"react-stack-bottom-frame":function(e){return e()}};var te,re={},ne=k["react-stack-bottom-frame"].bind(k,a)(),oe=z(f(a)),ae={};F.Fragment=w,F.jsx=function(e,t,u,E,O){var h=1e4>S.recentlyCreatedOwnerStacks++;return j(e,t,u,!1,E,O,h?Error("react-stack-top-frame"):ne,h?z(f(e)):oe)},F.jsxs=function(e,t,u,E,O){var h=1e4>S.recentlyCreatedOwnerStacks++;return j(e,t,u,!0,E,O,h?Error("react-stack-top-frame"):ne,h?z(f(e)):oe)}}()),F}var q;function le(){return q||(q=1,process.env.NODE_ENV==="production"?N.exports=ce():N.exports=ue()),N.exports}var $=le();const ee=r.createContext({}),ie=()=>r.useContext(ee),fe=({id:c,form:o,method:d,action:f,children:s,onSubmit:a=()=>{},onInput:b=()=>{},onChange:l=()=>{},numberFields:m=[],className:p,...j})=>$.jsx(ee.Provider,{value:o,children:$.jsx("form",{ref:o==null?void 0:o.ref,action:f,className:p,onSubmit:T=>{T.preventDefault();const k=o.actions.loadFormValues();a(k)},onChange:T=>{const k=o.actions.loadFormValues();o.actions.setFormState(k),l(k)},...j,children:s})}),de=({name:c,defaultValue:o,render:d=({ref:f,name:s,defaultValue:a,value:b,setValue:l})=>null})=>{const[f,s]=r.useState(),a=ie(),b=r.useRef(),l=r.useCallback(m=>{a.actions.setFormState({[c]:m},{shouldDirty:!1}),s(m)},[s,a.actions.setFormState]);return r.useEffect(()=>(a.actions.setFormState({[c]:o},{shouldDirty:!1}),a.subscribe(c,p=>{s(p),a.actions.setFormState({[c]:p},{shouldDirty:!0}),b.current&&typeof b.current.dispatchEvent=="function"&&b.current.dispatchEvent(new Event("change"))})),[]),d({ref:b,name:c,defaultValue:o,value:f,setValue:l})};_.Controller=de,_.Form=fe,_.useForm=se,_.useValidateForm=Z,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "react-simple-formkit",
+  "version": "1.0.0",
+  "keywords": [
+    "react formkit",
+    "react ez formkit",
+    "react easy formkit",
+    "react simple formkit",
+    "react simple formkit",
+    "simple formkit",
+    "easy formkit",
+    "ez formkit"
+  ],
+  "description": "Support form handling simply. Simple, fast and productive.",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/react-simple-formkit.js",
+  "module": "dist/react-simple-formkit.mjs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/huynguyen294/react-simple-formkit.git"
+  },
+  "author": "huynguyen294",
+  "license": "MIT",
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "vite build",
+    "publish": "npm publish",
+    "dev": "vite"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.4.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "vite": "^6.0.7"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  }
+}