react-simple-formkit 1.1.0 → 1.1.1

package/dist/react-simple-formkit.js

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

package/dist/react-simple-formkit.mjs

@@ -10,26 +10,26 @@ var G = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var re;
-function me() {
+function Ee() {
   if (re) return Y;
   re = 1;
   var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function d(i, s, a) {
-    var E = null;
-    if (a !== void 0 && (E = "" + a), s.key !== void 0 && (E = "" + s.key), "key" in s) {
+  function i(f, s, a) {
+    var m = null;
+    if (a !== void 0 && (m = "" + a), s.key !== void 0 && (m = "" + s.key), "key" in s) {
       a = {};
       for (var c in s)
         c !== "key" && (a[c] = s[c]);
     } else a = s;
     return s = a.ref, {
       $$typeof: o,
-      type: i,
-      key: E,
+      type: f,
+      key: m,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return Y.Fragment = n, Y.jsx = d, Y.jsxs = d, Y;
+  return Y.Fragment = n, Y.jsx = i, Y.jsxs = i, Y;
 }
 var I = {};
 /**
@@ -42,7 +42,7 @@ var I = {};
  * LICENSE file in the root directory of this source tree.
  */
 var te;
-function Ee() {
+function me() {
   return te || (te = 1, process.env.NODE_ENV !== "production" && function() {
     function o(e) {
       if (e == null) return null;
@@ -50,7 +50,7 @@ function Ee() {
         return e.$$typeof === N ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case h:
+        case S:
           return "Fragment";
         case M:
           return "Profiler";
@@ -90,7 +90,7 @@ function Ee() {
     function n(e) {
       return "" + e;
     }
-    function d(e) {
+    function i(e) {
       try {
         n(e);
         var r = !1;
@@ -107,8 +107,8 @@ function Ee() {
         ), n(e);
       }
     }
-    function i(e) {
-      if (e === h) return "<>";
+    function f(e) {
+      if (e === S) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === C)
         return "<...>";
       try {
@@ -125,7 +125,7 @@ function Ee() {
     function a() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
+    function m(e) {
       if (t.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
@@ -134,7 +134,7 @@ function Ee() {
     }
     function c(e, r) {
       function l() {
-        g || (g = !0, console.error(
+        k || (k = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
@@ -146,16 +146,16 @@ function Ee() {
     }
     function b() {
       var e = o(this.type);
-      return y[e] || (y[e] = !0, console.error(
+      return O[e] || (O[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 m(e, r, l, R, j, S, B, H) {
-      return l = S.ref, e = {
+    function E(e, r, l, R, j, h, B, H) {
+      return l = h.ref, e = {
         $$typeof: w,
         type: e,
         key: r,
-        props: S,
+        props: h,
         _owner: j
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -182,25 +182,25 @@ function Ee() {
         value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function k(e, r, l, R, j, S, B, H) {
-      var p = r.children;
-      if (p !== void 0)
+    function g(e, r, l, R, j, h, B, H) {
+      var v = r.children;
+      if (v !== void 0)
         if (R)
-          if (T(p)) {
-            for (R = 0; R < p.length; R++)
-              u(p[R]);
-            Object.freeze && Object.freeze(p);
+          if (T(v)) {
+            for (R = 0; R < v.length; R++)
+              u(v[R]);
+            Object.freeze && Object.freeze(v);
           } 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 u(p);
+        else u(v);
       if (t.call(r, "key")) {
-        p = o(e);
+        v = o(e);
         var A = Object.keys(r).filter(function(le) {
           return le !== "key";
         });
-        R = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", D[p + R] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", D[v + R] || (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} />
@@ -208,23 +208,23 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           R,
-          p,
+          v,
           A,
-          p
-        ), D[p + R] = !0);
+          v
+        ), D[v + R] = !0);
       }
-      if (p = null, l !== void 0 && (d(l), p = "" + l), E(r) && (d(r.key), p = "" + r.key), "key" in r) {
+      if (v = null, l !== void 0 && (i(l), v = "" + l), m(r) && (i(r.key), v = "" + r.key), "key" in r) {
         l = {};
         for (var Z in r)
           Z !== "key" && (l[Z] = r[Z]);
       } else l = r;
-      return p && c(
+      return v && c(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), m(
+      ), E(
         e,
-        p,
-        S,
+        v,
+        h,
         j,
         s(),
         l,
@@ -235,176 +235,180 @@ React keys must be passed directly to JSX without using spread:
     function u(e) {
       typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
     }
-    var v = ie, w = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), V = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, t = Object.prototype.hasOwnProperty, T = Array.isArray, f = console.createTask ? console.createTask : function() {
+    var p = ie, w = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), V = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, t = Object.prototype.hasOwnProperty, T = Array.isArray, d = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    p = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var g, y = {}, O = v["react-stack-bottom-frame"].bind(
-      v,
+    var k, O = {}, y = p["react-stack-bottom-frame"].bind(
+      p,
       a
-    )(), z = f(i(a)), D = {};
-    I.Fragment = h, I.jsx = function(e, r, l, R, j) {
-      var S = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return k(
+    )(), z = d(f(a)), D = {};
+    I.Fragment = S, I.jsx = function(e, r, l, R, j) {
+      var h = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
         l,
         !1,
         R,
         j,
-        S ? Error("react-stack-top-frame") : O,
-        S ? f(i(e)) : z
+        h ? Error("react-stack-top-frame") : y,
+        h ? d(f(e)) : z
       );
     }, I.jsxs = function(e, r, l, R, j) {
-      var S = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return k(
+      var h = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
         l,
         !0,
         R,
         j,
-        S ? Error("react-stack-top-frame") : O,
-        S ? f(i(e)) : z
+        h ? Error("react-stack-top-frame") : y,
+        h ? d(f(e)) : z
       );
     };
   }()), I;
 }
 var ne;
 function be() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = me() : G.exports = Ee()), G.exports;
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = Ee() : G.exports = me()), G.exports;
 }
 var oe = be();
-const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
-  let d = !1;
-  return Object.keys(n).forEach((i) => {
-    if (!(i in o) || d) return;
-    const s = n[i], a = o[i];
-    (typeof s == "object" || s !== a) && (d = !0);
-  }), d;
-}, ae = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(null), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), _e = ({
+const ce = fe({}), Re = () => de(ce), ve = (o, n) => {
+  let i = !1;
+  return Object.keys(n).forEach((f) => {
+    if (!(f in o) || i) return;
+    const s = n[f], a = o[f];
+    (typeof s == "object" || s !== a) && (i = !0);
+  }), i;
+}, ae = (o) => {
+  var i;
+  const n = ((i = o.validity) == null ? void 0 : i.customError) && Object.values(o.validity).filter(Boolean).length === 1;
+  return !o || typeof o.checkValidity != "function" || o.checkValidity() || n ? null : o.validationMessage;
+}, _e = ({
   id: o,
   form: n,
-  method: d,
-  action: i,
+  method: i,
+  action: f,
   children: s,
   onSubmit: a = () => {
   },
-  onInput: E = () => {
+  onInput: m = () => {
   },
   onChange: c = () => {
   },
   numberFields: b = [],
-  className: m,
-  ...k
+  className: E,
+  ...g
 }) => (K(() => n.actions.registerOnchange(c), [c]), /* @__PURE__ */ oe.jsx(ce.Provider, { value: n, children: /* @__PURE__ */ oe.jsx(
   "form",
   {
     ref: n == null ? void 0 : n.ref,
-    action: i,
-    className: m,
+    action: f,
+    className: E,
     onSubmit: (u) => {
-      d || u.preventDefault();
-      const v = n.actions.loadFormValues();
-      a(v);
+      i || u.preventDefault();
+      const p = n.actions.loadFormValues();
+      a(p);
     },
     onInput: (u) => {
       if (u.target.tagName === "FORM") {
-        const v = n.actions.loadFormValues();
-        n.actions.setFormState(v);
+        const p = n.actions.loadFormValues();
+        n.actions.setFormState(p);
       } else
-        E(u);
+        m(u);
     },
     onChange: () => {
       const u = n.actions.loadFormValues();
       n.actions.setFormState(u);
     },
-    ...k,
+    ...g,
     children: s
   }
-) })), ve = ({ name: o, defaultValue: n, render: d = ({ ref: i, name: s, defaultValue: a, value: E, setValue: c }) => null }) => {
-  const [i, s] = ee(n), a = Re(), E = F(), c = _(
-    (b, { shouldDirty: m = !1 } = {}) => {
-      a.actions.setFormState((k) => ({ ...k, [o]: b }), { shouldDirty: m }), s(b);
+) })), pe = ({ name: o, defaultValue: n, render: i = ({ ref: f, name: s, defaultValue: a, value: m, setValue: c }) => null }) => {
+  const [f, s] = ee(n), a = Re(), m = F(), c = _(
+    (b, { shouldDirty: E = !1 } = {}) => {
+      a.actions.setFormState((g) => ({ ...g, [o]: b }), { shouldDirty: E }), s(b);
     },
     [s, a.actions.setFormState]
   );
-  return K(() => (a.actions.setFormState((m) => ({ ...m, [o]: n }), { shouldDirty: !1 }), a.subscribe(o, (m, { shouldDirty: k = !0, shouldOnChange: u = !0 } = {}) => {
-    s(m), a.actions.setFormState((v) => ({ ...v, [o]: m }), { shouldDirty: k, shouldOnChange: u }), E.current && typeof E.current.dispatchEvent == "function" && u && E.current.dispatchEvent(new Event("change"));
-  })), []), d({ ref: E, name: o, defaultValue: n, value: i, setValue: c });
+  return K(() => (a.actions.setFormState((E) => ({ ...E, [o]: n }), { shouldDirty: !1 }), a.subscribe(o, (E, { shouldDirty: g = !0, shouldOnChange: u = !0 } = {}) => {
+    s(E), a.actions.setFormState((p) => ({ ...p, [o]: E }), { shouldDirty: g, shouldOnChange: u }), m.current && typeof m.current.dispatchEvent == "function" && u && m.current.dispatchEvent(new Event("change"));
+  })), []), i({ ref: m, name: o, defaultValue: n, value: f, setValue: c });
 }, ue = () => {
-  const [o, n] = ee({}), d = se(() => Object.values(o).filter(Boolean).length > 0, [o]), i = _((c, b) => {
-    n((m) => m[c] === b ? m : { ...m, [c]: b });
+  const [o, n] = ee({}), i = se(() => Object.values(o).filter(Boolean).length > 0, [o]), f = _((c, b) => {
+    n((E) => E[c] === b ? E : { ...E, [c]: b });
   }, []), s = _((c) => {
     n((b) => ({ ...b, ...c }));
   }, []), a = _((c) => {
     n((b) => b[c] ? { ...b, [c]: "" } : b);
-  }, []), E = _(() => {
+  }, []), m = _(() => {
     n({});
   }, []);
-  return { isError: d, errors: o, changeError: i, changeErrors: s, clearError: a, clearErrors: E };
+  return { isError: i, errors: o, changeError: f, changeErrors: s, clearError: a, clearErrors: m };
 }, Q = {
   defaultValues: {},
   numberFields: []
 }, Te = (o = Q) => {
-  const { defaultValues: n = Q.defaultValues, numberFields: d = Q.numberFields } = o, { changeError: i, errors: s, changeErrors: a, clearError: E, clearErrors: c, isError: b } = ue(), [m, k] = ee(!1), u = F({}), v = F(n), w = F({}), P = F(() => {
-  }), h = F(), $ = _(
-    (t, { shouldDirty: T = !0, shouldOnChange: f = !0 } = {}) => {
-      let g = t;
-      typeof t == "function" && (g = t(u.current)), u.current = g;
-      let y = m;
-      T && (y = pe(u.current, v.current), y !== m && k(y)), f && P.current(u.current);
+  const { defaultValues: n = Q.defaultValues, numberFields: i = Q.numberFields } = o, { changeError: f, errors: s, changeErrors: a, clearError: m, clearErrors: c, isError: b } = ue(), [E, g] = ee(!1), u = F({}), p = F(n), w = F({}), P = F(() => {
+  }), S = F(), $ = _(
+    (t, { shouldDirty: T = !0, shouldOnChange: d = !0 } = {}) => {
+      let k = t;
+      typeof t == "function" && (k = t(u.current)), u.current = k;
+      let O = E;
+      T && (O = ve(u.current, p.current), O !== E && g(O)), d && P.current(u.current);
     },
-    [m]
+    [E]
   ), M = _(() => {
-    k(!1), c();
+    g(!1), c();
     const t = w.current;
-    Object.values(t).forEach((f) => f("")), h.current.reset(), u.current = v.current;
+    Object.values(t).forEach((d) => d("")), S.current.reset(), u.current = p.current;
   }, [c]), X = _((t, T) => {
-    const f = w.current;
-    return f[t] = T, () => f[t] = null;
+    const d = w.current;
+    return d[t] = T, () => d[t] = null;
   }, []), L = _((t) => (P.current = t, () => P.current = () => {
-  })), W = _((t) => ae(t.target), []), U = _((t) => t ? u.current[t] : u.current, []), q = _(() => v.current, []), x = _(() => {
-    setTimeout(() => h.current.dispatchEvent(new Event("input", { bubbles: !0 })));
+  })), W = _((t) => ae(t.target), []), U = _((t) => t ? u.current[t] : u.current, []), q = _(() => p.current, []), x = _(() => {
+    setTimeout(() => S.current.dispatchEvent(new Event("input", { bubbles: !0 })));
   }, []), C = _(
     (t) => {
       const T = ae(t.target);
-      T ? i(t.target.name, T) : i(t.target.name, null);
+      T ? f(t.target.name, T) : f(t.target.name, null);
     },
-    [i]
+    [f]
   ), J = _(
-    (t, T, { shouldDirty: f = !0, shouldOnChange: g = !0 } = {}) => {
-      const y = w.current;
+    (t, T, { shouldDirty: d = !0, shouldOnChange: k = !0 } = {}) => {
+      const O = w.current;
       switch (typeof t) {
         case "string":
           {
-            const O = y[t];
-            if (!O)
+            const y = O[t];
+            if (!y)
               throw new Error(`${t} is uncontrolled, please use Controller for it!`);
-            O(T, { shouldDirty: f, shouldOnChange: g }), g && x();
+            y(T, { shouldDirty: d, shouldOnChange: k }), k && x();
           }
           break;
         case "object":
-          Object.entries(t).forEach(([O, z]) => {
-            const D = y[O];
+          Object.entries(t).forEach(([y, z]) => {
+            const D = O[y];
             if (!D)
-              throw new Error(`${O} is uncontrolled, please use Controller for it!`);
-            D(z, { shouldDirty: f, shouldOnChange: g });
-          }), g && x();
+              throw new Error(`${y} is uncontrolled, please use Controller for it!`);
+            D(z, { shouldDirty: d, shouldOnChange: k });
+          }), k && x();
         default:
           return;
       }
     },
     [x]
   ), N = _(() => {
-    const t = Object.fromEntries(new FormData(h.current)), T = w.current;
-    return Object.keys(T).map((f) => {
-      t[f] = u.current[f];
-    }), d.forEach((f) => t.hasOwnProperty(f) && (t[f] = +t[f])), t;
+    const t = Object.fromEntries(new FormData(S.current)), T = w.current;
+    return Object.keys(T).map((d) => {
+      t[d] = u.current[d];
+    }), i.forEach((d) => t.hasOwnProperty(d) && (t[d] = +t[d])), t;
   }, []), V = se(
     () => ({
       setValue: J,
@@ -412,9 +416,9 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
       getDefaultValues: q,
       getFormState: U,
       setFormState: $,
-      changeError: i,
+      changeError: f,
       changeErrors: a,
-      clearError: E,
+      clearError: m,
       clearErrors: c,
       loadFormValues: N,
       checkValidity: C,
@@ -428,9 +432,9 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
       q,
       U,
       $,
-      i,
+      f,
       a,
-      E,
+      m,
       N,
       W,
       C,
@@ -439,21 +443,21 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
     ]
   );
   return K(() => {
-    if (h.current) {
+    if (S.current) {
       const t = N();
-      v.current = { ...t, ...n }, u.current = { ...t, ...n };
+      p.current = { ...t, ...n }, u.current = { ...t, ...n };
     }
-  }, []), { ref: h, isDirty: m, isError: b, errors: s, numberFields: d, subscribe: X, actions: V };
-}, ge = {
+  }, []), { ref: S, isDirty: E, isError: b, errors: s, numberFields: i, subscribe: X, actions: V };
+}, ke = {
   Form: _e,
-  Controller: ve,
+  Controller: pe,
   useForm: Te,
   useValidateForm: ue
 };
 export {
-  ve as Controller,
+  pe as Controller,
   _e as Form,
-  ge as default,
+  ke as default,
   Te as useForm,
   ue as useValidateForm
 };

package/dist/react-simple-formkit.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-formkit",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "keywords": [
     "react formkit",
     "react ez formkit",