@tanstack/react-form 0.0.7 → 0.0.8

package/build/umd/index.production.js

@@ -29,7 +29,7 @@ class l{listeners=new Set;batching=!1;queue=[];constructor(t,e){this.state=t,thi
    * LICENSE.md file in the root directory of this source tree.
    *
    * @license MIT
-   */function r(t,e){return"function"==typeof t?t(e):t}function u(t,e,i){const s=g(e);return function t(e){if(!s.length)return r(i,e);const a=s.shift();if("string"==typeof a)return"object"==typeof e?{...e,[a]:t(e[a])}:{[a]:t()};if("number"==typeof a){if(Array.isArray(e)){const i=e.slice(0,a);return[...i.length?i:new Array(a),t(e[a]),...e.slice(a+1)]}return[...new Array(a),t()]}throw new Error("Uh oh!")}(t)}const h=/^(\d*)$/gm,d=/\.(\d*)\./gm,c=/^(\d*)\./gm,f=/\.(\d*$)/gm,m=/\.{2,}/gm,v="__int__",p="__int__$1";function g(t){if("string"!=typeof t)throw new Error;return t.replace("[",".").replace("]","").replace(h,p).replace(d,".__int__$1.").replace(c,"__int__$1.").replace(f,".__int__$1").replace(m,".").split(".").map((t=>0===t.indexOf(v)?parseInt(t.substring(v.length),10):t))}function b(t){return{values:{},fieldMeta:{},canSubmit:!0,isFieldsValid:!1,isFieldsValidating:!1,isFormValid:!1,isFormValidating:!1,isSubmitted:!1,isSubmitting:!1,isTouched:!1,isValid:!1,isValidating:!1,submissionAttempts:0,formValidationCount:0,...t}}class V{constructor(t){var e,i;this.options={},this.fieldInfo={},this.validationMeta={},this.update=t=>{this.store.batch((()=>{t.defaultState&&t.defaultState!==this.options.defaultState&&this.store.setState((e=>({...e,...t.defaultState}))),t.defaultValues!==this.options.defaultValues&&this.store.setState((e=>({...e,values:t.defaultValues})))})),this.options=t},this.reset=()=>this.store.setState((()=>b(this.options.defaultValues))),this.validateAllFields=async()=>{const t=[];return this.store.batch((()=>{Object.values(this.fieldInfo).forEach((e=>{Object.values(e.instances).forEach((e=>{e.state.meta.isTouched||(e.setMeta((t=>({...t,isTouched:!0}))),e.options.validate&&t.push(e.validate()))}))}))})),Promise.all(t)},this.validateForm=async()=>{const{validate:t}=this.options;if(!t)return;this.store.setState((t=>({...t,isValidating:!0,formValidationCount:t.formValidationCount+1})));const e=this.state.formValidationCount,i=()=>e===this.state.formValidationCount;this.validationMeta.validationPromise||(this.validationMeta.validationPromise=new Promise(((t,e)=>{this.validationMeta.validationResolve=t,this.validationMeta.validationReject=e})));return(async()=>{try{const a=await t(this.state.values,this);var e,s;if(i())this.store.setState((t=>({...t,isValidating:!1,error:a?"string"==typeof a?a:"Invalid Form Values":null}))),null==(e=(s=this.validationMeta).validationResolve)||e.call(s,a)}catch(t){var a,n;if(i())null==(a=(n=this.validationMeta).validationReject)||a.call(n,t)}finally{delete this.validationMeta.validationPromise}})(),this.validationMeta.validationPromise},this.handleSubmit=async t=>{if(t.preventDefault(),t.stopPropagation(),this.store.setState((t=>({...t,isSubmitted:!1,submissionAttempts:t.submissionAttempts+1}))),!this.state.canSubmit)return;this.store.setState((t=>({...t,isSubmitting:!0})));const e=()=>{this.store.setState((t=>({...t,isSubmitting:!1})))};var i,s,a,n;if(await this.validateAllFields(),!this.state.isFieldsValid)return e(),void(null==(i=(s=this.options).onInvalidSubmit)||i.call(s,this.state.values,this));if(await this.validateForm(),!this.state.isValid)return e(),void(null==(a=(n=this.options).onInvalidSubmit)||a.call(n,this.state.values,this));try{var o,l;await(null==(o=(l=this.options).onSubmit)?void 0:o.call(l,this.state.values,this)),this.store.batch((()=>{this.store.setState((t=>({...t,isSubmitted:!0}))),e()}))}catch(t){throw e(),t}},this.getFieldValue=t=>{return e=this.state.values,g(t).reduce(((t,e)=>{if(void 0!==t)return t[e]}),e);var e},this.getFieldMeta=t=>this.state.fieldMeta[t],this.getFieldInfo=t=>{var e;return(e=this.fieldInfo)[t]||(e[t]={instances:{}})},this.setFieldMeta=(t,e)=>{this.store.setState((i=>({...i,fieldMeta:{...i.fieldMeta,[t]:r(e,i.fieldMeta[t])}})))},this.setFieldValue=(t,e,i)=>{var s;const a=null==(s=null==i?void 0:i.touch)||s;this.store.batch((()=>{this.store.setState((i=>({...i,values:u(i.values,t,e)}))),a&&this.setFieldMeta(t,(t=>({...t,isTouched:!0})))}))},this.pushFieldValue=(t,e,i)=>this.setFieldValue(t,(t=>[...Array.isArray(t)?t:[],e]),i),this.insertFieldValue=(t,e,i,s)=>{this.setFieldValue(t,(t=>t.map(((t,s)=>s===e?i:t))),s)},this.spliceFieldValue=(t,e,i)=>{this.setFieldValue(t,(t=>t.filter(((t,i)=>i!==e))),i)},this.swapFieldValues=(t,e,i)=>{this.setFieldValue(t,(t=>{const s=t[e],a=t[i];return u(u(t,[e],a),[i],s)}))},this.store=new l(b({...null==t?void 0:t.defaultState,values:null!=(e=null==t?void 0:t.defaultValues)?e:null==t||null==(i=t.defaultState)?void 0:i.values,isFormValid:!(null!=t&&t.validate)}),{onUpdate:t=>{const e=Object.values(t.fieldMeta),i=e.some((t=>null==t?void 0:t.isValidating)),s=!e.some((t=>null==t?void 0:t.error)),a=e.some((t=>null==t?void 0:t.isTouched)),n=i||t.isFormValidating,o=!t.formError,l=s&&o,r=0===t.submissionAttempts&&!a||!n&&!t.isSubmitting&&l;t={...t,isFieldsValidating:i,isFieldsValid:s,isFormValid:o,isValid:l,canSubmit:r,isTouched:a},this.store.state=t,this.state=t}}),this.state=this.store.state,this.update(t||{})}}var y=0;function F(t){return"__private_"+y+++"_"+t}function S(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}let w=0;var M=F("updateStore"),O=F("leaseValidateAsync");class j{constructor(t){var e;this.options={},this.mount=()=>{const t=this.getInfo();t.instances[this.uid]=this;const e=this.form.store.subscribe((()=>{S(this,M)[M]()}));return()=>{e(),delete t.instances[this.uid],Object.keys(t.instances).length||delete this.form.fieldInfo[this.name]}},Object.defineProperty(this,M,{writable:!0,value:()=>{this.store.batch((()=>{const t=this.getValue(),e=this.getMeta();t!==this.state.value&&this.store.setState((e=>({...e,value:t}))),e!==this.state.meta&&this.store.setState((t=>({...t,meta:e})))}))}}),this.update=t=>{var e,i,s,a;this.options={validatePristine:null!=(e=this.form.options.defaultValidatePristine)&&e,validateOn:null!=(i=this.form.options.defaultValidateOn)?i:"change",validateAsyncOn:null!=(s=this.form.options.defaultValidateAsyncOn)?s:"blur",validateAsyncDebounceMs:null!=(a=this.form.options.defaultValidateAsyncDebounceMs)?a:0,...t},void 0===this.state.value&&void 0!==this.options.defaultValue&&this.setValue(this.options.defaultValue),void 0===this.getMeta()&&this.setMeta(this.state.meta)},this.getValue=()=>this.form.getFieldValue(this.name),this.setValue=(t,e)=>this.form.setFieldValue(this.name,t,e),this.getMeta=()=>this.form.getFieldMeta(this.name),this.setMeta=t=>this.form.setFieldMeta(this.name,t),this.getInfo=()=>this.form.getFieldInfo(this.name),this.pushValue=t=>this.form.pushFieldValue(this.name,t),this.insertValue=(t,e)=>this.form.insertFieldValue(this.name,t,e),this.removeValue=t=>this.form.spliceFieldValue(this.name,t),this.swapValues=(t,e)=>this.form.swapFieldValues(this.name,t,e),this.getSubField=t=>new j({name:this.name+"."+t,form:this.form}),this.validateSync=async(t=this.state.value)=>{const{validate:e}=this.options;if(!e)return;const i=(this.getInfo().validationCount||0)+1;this.getInfo().validationCount=i;const s=P(e(t,this));this.state.meta.error!==s&&this.setMeta((t=>({...t,error:s}))),this.state.meta.error&&this.cancelValidateAsync()},Object.defineProperty(this,O,{writable:!0,value:()=>{const t=(this.getInfo().validationAsyncCount||0)+1;return this.getInfo().validationAsyncCount=t,t}}),this.cancelValidateAsync=()=>{S(this,O)[O](),this.setMeta((t=>({...t,isValidating:!1})))},this.validateAsync=async(t=this.state.value)=>{const{validateAsync:e,validateAsyncDebounceMs:i}=this.options;if(!e)return;!0!==this.state.meta.isValidating&&this.setMeta((t=>({...t,isValidating:!0})));const s=S(this,O)[O](),a=()=>s===this.getInfo().validationAsyncCount;if(this.getInfo().validationPromise||(this.getInfo().validationPromise=new Promise(((t,e)=>{this.getInfo().validationResolve=t,this.getInfo().validationReject=e}))),i>0&&await new Promise((t=>setTimeout(t,i))),a())try{const i=await e(t,this);if(a()){var n,o;const t=P(i);this.setMeta((e=>({...e,isValidating:!1,error:t}))),null==(n=(o=this.getInfo()).validationResolve)||n.call(o,t)}}catch(t){var l,r;if(a())throw null==(l=(r=this.getInfo()).validationReject)||l.call(r,t),t}finally{a()&&(this.setMeta((t=>({...t,isValidating:!1}))),delete this.getInfo().validationPromise)}return this.getInfo().validationPromise},this.shouldValidate=(t,e)=>{const{validateOn:i,validateAsyncOn:s}=this.options,a=function(t){return t?A[t]:3}(e);return Object.keys(A).some((e=>t?s:i===e&&a>=A[e]))},this.validate=async(t,e)=>{if(this.options.validatePristine||this.state.meta.isTouched)return this.shouldValidate(!1,t)&&this.validateSync(e),this.state.meta.error?this.state.meta.error:this.shouldValidate(!0,t)?this.validateAsync(e):void 0},this.getChangeProps=(t={})=>({...t,value:this.state.value,onChange:e=>{this.setValue(e),null==t.onChange||t.onChange(e)},onBlur:e=>{this.setMeta((t=>({...t,isTouched:!0}))),this.validate("blur"),null==t.onBlur||t.onBlur(e)}}),this.getInputProps=(t={})=>({...t,value:String(this.state.value),onChange:e=>{this.setValue(e.target.value),null==t.onChange||t.onChange(e.target.value)},onBlur:this.getChangeProps(t).onBlur}),this.form=t.form,this.uid=w++;let i="";this.form.fieldName&&(i=this.form.fieldName+"."),this.name=i+t.name,this.store=new l({value:this.getValue(),meta:null!=(e=this.getMeta())?e:{isValidating:!1,isTouched:!1,...this.options.defaultMeta}},{onUpdate:t=>{t.meta.touchedError=t.meta.isTouched?t.meta.error:void 0;const e=this.state;this.state=t,t.value!==e.value&&this.validate("change",t.value)}}),this.state=this.store.state,this.update(t)}}const A={change:0,blur:1,submit:2};function P(t){if(t)return"string"!=typeof t?"Invalid Form Values":t}function I(){return I=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},I.apply(this,arguments)}
+   */function r(t,e){return"function"==typeof t?t(e):t}function u(t,e,i){const s=g(e);return function t(e){if(!s.length)return r(i,e);const a=s.shift();if("string"==typeof a)return"object"==typeof e?{...e,[a]:t(e[a])}:{[a]:t()};if("number"==typeof a){if(Array.isArray(e)){const i=e.slice(0,a);return[...i.length?i:new Array(a),t(e[a]),...e.slice(a+1)]}return[...new Array(a),t()]}throw new Error("Uh oh!")}(t)}const h=/^(\d*)$/gm,d=/\.(\d*)\./gm,c=/^(\d*)\./gm,f=/\.(\d*$)/gm,m=/\.{2,}/gm,v="__int__",p="__int__$1";function g(t){if("string"!=typeof t)throw new Error;return t.replace("[",".").replace("]","").replace(h,p).replace(d,".__int__$1.").replace(c,"__int__$1.").replace(f,".__int__$1").replace(m,".").split(".").map((t=>0===t.indexOf(v)?parseInt(t.substring(v.length),10):t))}function b(t){return{values:{},fieldMeta:{},canSubmit:!0,isFieldsValid:!1,isFieldsValidating:!1,isFormValid:!1,isFormValidating:!1,isSubmitted:!1,isSubmitting:!1,isTouched:!1,isValid:!1,isValidating:!1,submissionAttempts:0,formValidationCount:0,...t}}class y{constructor(t){var e,i;this.options={},this.fieldInfo={},this.validationMeta={},this.update=t=>{t&&(this.store.batch((()=>{t.defaultState&&t.defaultState!==this.options.defaultState&&this.store.setState((e=>({...e,...t.defaultState}))),t.defaultValues!==this.options.defaultValues&&this.store.setState((e=>({...e,values:t.defaultValues})))})),this.options=t)},this.reset=()=>this.store.setState((()=>b(this.options.defaultValues))),this.validateAllFields=async()=>{const t=[];return this.store.batch((()=>{Object.values(this.fieldInfo).forEach((e=>{Object.values(e.instances).forEach((e=>{e.state.meta.isTouched||(e.setMeta((t=>({...t,isTouched:!0}))),e.options.validate&&t.push(e.validate()))}))}))})),Promise.all(t)},this.validateForm=async()=>{const{validate:t}=this.options;if(!t)return;this.store.setState((t=>({...t,isValidating:!0,formValidationCount:t.formValidationCount+1})));const e=this.state.formValidationCount,i=()=>e===this.state.formValidationCount;this.validationMeta.validationPromise||(this.validationMeta.validationPromise=new Promise(((t,e)=>{this.validationMeta.validationResolve=t,this.validationMeta.validationReject=e})));return(async()=>{try{const a=await t(this.state.values,this);var e,s;if(i())this.store.setState((t=>({...t,isValidating:!1,error:a?"string"==typeof a?a:"Invalid Form Values":null}))),null==(e=(s=this.validationMeta).validationResolve)||e.call(s,a)}catch(t){var a,n;if(i())null==(a=(n=this.validationMeta).validationReject)||a.call(n,t)}finally{delete this.validationMeta.validationPromise}})(),this.validationMeta.validationPromise},this.handleSubmit=async t=>{if(t.preventDefault(),t.stopPropagation(),this.store.setState((t=>({...t,isSubmitted:!1,submissionAttempts:t.submissionAttempts+1}))),!this.state.canSubmit)return;this.store.setState((t=>({...t,isSubmitting:!0})));const e=()=>{this.store.setState((t=>({...t,isSubmitting:!1})))};var i,s,a,n;if(await this.validateAllFields(),!this.state.isFieldsValid)return e(),void(null==(i=(s=this.options).onInvalidSubmit)||i.call(s,this.state.values,this));if(await this.validateForm(),!this.state.isValid)return e(),void(null==(a=(n=this.options).onInvalidSubmit)||a.call(n,this.state.values,this));try{var o,l;await(null==(o=(l=this.options).onSubmit)?void 0:o.call(l,this.state.values,this)),this.store.batch((()=>{this.store.setState((t=>({...t,isSubmitted:!0}))),e()}))}catch(t){throw e(),t}},this.getFieldValue=t=>{return e=this.state.values,g(t).reduce(((t,e)=>{if(void 0!==t)return t[e]}),e);var e},this.getFieldMeta=t=>this.state.fieldMeta[t],this.getFieldInfo=t=>{var e;return(e=this.fieldInfo)[t]||(e[t]={instances:{}})},this.setFieldMeta=(t,e)=>{this.store.setState((i=>({...i,fieldMeta:{...i.fieldMeta,[t]:r(e,i.fieldMeta[t])}})))},this.setFieldValue=(t,e,i)=>{var s;const a=null==(s=null==i?void 0:i.touch)||s;this.store.batch((()=>{this.store.setState((i=>({...i,values:u(i.values,t,e)}))),a&&this.setFieldMeta(t,(t=>({...t,isTouched:!0})))}))},this.pushFieldValue=(t,e,i)=>this.setFieldValue(t,(t=>[...Array.isArray(t)?t:[],e]),i),this.insertFieldValue=(t,e,i,s)=>{this.setFieldValue(t,(t=>t.map(((t,s)=>s===e?i:t))),s)},this.removeFieldValue=(t,e,i)=>{this.setFieldValue(t,(t=>t.filter(((t,i)=>i!==e))),i)},this.swapFieldValues=(t,e,i)=>{this.setFieldValue(t,(t=>{const s=t[e],a=t[i];return u(u(t,[e],a),[i],s)}))},this.store=new l(b({...null==t?void 0:t.defaultState,values:null!=(e=null==t?void 0:t.defaultValues)?e:null==t||null==(i=t.defaultState)?void 0:i.values,isFormValid:!(null!=t&&t.validate)}),{onUpdate:t=>{const e=Object.values(t.fieldMeta),i=e.some((t=>null==t?void 0:t.isValidating)),s=!e.some((t=>null==t?void 0:t.error)),a=e.some((t=>null==t?void 0:t.isTouched)),n=i||t.isFormValidating,o=!t.formError,l=s&&o,r=0===t.submissionAttempts&&!a||!n&&!t.isSubmitting&&l;t={...t,isFieldsValidating:i,isFieldsValid:s,isFormValid:o,isValid:l,canSubmit:r,isTouched:a},this.store.state=t,this.state=t,console.log(this.state)}}),this.state=this.store.state,this.update(t||{})}}var V=0;function F(t){return"__private_"+V+++"_"+t}function S(t,e){if(!Object.prototype.hasOwnProperty.call(t,e))throw new TypeError("attempted to use private field on non-instance");return t}let w=0;var M=F("updateStore"),O=F("leaseValidateAsync");class j{constructor(t){var e;this.options={},this.mount=()=>{const t=this.getInfo();t.instances[this.uid]=this;const e=this.form.store.subscribe((()=>{S(this,M)[M]()}));return()=>{e(),delete t.instances[this.uid],Object.keys(t.instances).length||delete this.form.fieldInfo[this.name]}},Object.defineProperty(this,M,{writable:!0,value:()=>{this.store.batch((()=>{const t=this.getValue(),e=this.getMeta();t!==this.state.value&&this.store.setState((e=>({...e,value:t}))),e!==this.state.meta&&this.store.setState((t=>({...t,meta:e})))}))}}),this.update=t=>{var e,i,s,a;this.options={validatePristine:null!=(e=this.form.options.defaultValidatePristine)&&e,validateOn:null!=(i=this.form.options.defaultValidateOn)?i:"change",validateAsyncOn:null!=(s=this.form.options.defaultValidateAsyncOn)?s:"blur",validateAsyncDebounceMs:null!=(a=this.form.options.defaultValidateAsyncDebounceMs)?a:0,...t},void 0===this.state.value&&void 0!==this.options.defaultValue&&this.setValue(this.options.defaultValue),void 0===this.getMeta()&&this.setMeta(this.state.meta)},this.getValue=()=>this.form.getFieldValue(this.name),this.setValue=(t,e)=>this.form.setFieldValue(this.name,t,e),this.getMeta=()=>this.form.getFieldMeta(this.name),this.setMeta=t=>this.form.setFieldMeta(this.name,t),this.getInfo=()=>this.form.getFieldInfo(this.name),this.pushValue=t=>this.form.pushFieldValue(this.name,t),this.insertValue=(t,e)=>this.form.insertFieldValue(this.name,t,e),this.removeValue=t=>this.form.removeFieldValue(this.name,t),this.swapValues=(t,e)=>this.form.swapFieldValues(this.name,t,e),this.getSubField=t=>new j({name:this.name+"."+t,form:this.form}),this.validateSync=async(t=this.state.value)=>{const{validate:e}=this.options;if(!e)return;const i=(this.getInfo().validationCount||0)+1;this.getInfo().validationCount=i;const s=P(e(t,this));this.state.meta.error!==s&&this.setMeta((t=>({...t,error:s}))),this.state.meta.error&&this.cancelValidateAsync()},Object.defineProperty(this,O,{writable:!0,value:()=>{const t=(this.getInfo().validationAsyncCount||0)+1;return this.getInfo().validationAsyncCount=t,t}}),this.cancelValidateAsync=()=>{S(this,O)[O](),this.setMeta((t=>({...t,isValidating:!1})))},this.validateAsync=async(t=this.state.value)=>{const{validateAsync:e,validateAsyncDebounceMs:i}=this.options;if(!e)return;!0!==this.state.meta.isValidating&&this.setMeta((t=>({...t,isValidating:!0})));const s=S(this,O)[O](),a=()=>s===this.getInfo().validationAsyncCount;if(this.getInfo().validationPromise||(this.getInfo().validationPromise=new Promise(((t,e)=>{this.getInfo().validationResolve=t,this.getInfo().validationReject=e}))),i>0&&await new Promise((t=>setTimeout(t,i))),a())try{const i=await e(t,this);if(a()){var n,o;const t=P(i);this.setMeta((e=>({...e,isValidating:!1,error:t}))),null==(n=(o=this.getInfo()).validationResolve)||n.call(o,t)}}catch(t){var l,r;if(a())throw null==(l=(r=this.getInfo()).validationReject)||l.call(r,t),t}finally{a()&&(this.setMeta((t=>({...t,isValidating:!1}))),delete this.getInfo().validationPromise)}return this.getInfo().validationPromise},this.shouldValidate=(t,e)=>{const{validateOn:i,validateAsyncOn:s}=this.options,a=function(t){return t?A[t]:3}(e);return Object.keys(A).some((e=>t?s:i===e&&a>=A[e]))},this.validate=async(t,e)=>{if(this.options.validatePristine||this.state.meta.isTouched)return this.shouldValidate(!1,t)&&this.validateSync(e),this.state.meta.error?this.state.meta.error:this.shouldValidate(!0,t)?this.validateAsync(e):void 0},this.getChangeProps=(t={})=>({...t,value:this.state.value,onChange:e=>{this.setValue(e),null==t.onChange||t.onChange(e)},onBlur:e=>{this.setMeta((t=>({...t,isTouched:!0}))),this.validate("blur"),null==t.onBlur||t.onBlur(e)}}),this.getInputProps=(t={})=>({...t,value:String(this.state.value),onChange:e=>{this.setValue(e.target.value),null==t.onChange||t.onChange(e.target.value)},onBlur:this.getChangeProps(t).onBlur}),this.form=t.form,this.uid=w++,this.name=t.name,this.store=new l({value:this.getValue(),meta:null!=(e=this.getMeta())?e:{isValidating:!1,isTouched:!1,...this.options.defaultMeta}},{onUpdate:t=>{t.meta.touchedError=t.meta.isTouched?t.meta.error:void 0;const e=this.state;this.state=t,t.value!==e.value&&this.validate("change",t.value),console.log(this)}}),this.state=this.store.state,this.update(t)}}const A={change:0,blur:1,submit:2};function P(t){if(t)return"string"!=typeof t?"Invalid Form Values":t}function I(){return I=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},I.apply(this,arguments)}
 /**
    * react-store
    *
@@ -39,5 +39,5 @@ class l{listeners=new Set;batching=!1;queue=[];constructor(t,e){this.state=t,thi
    * LICENSE.md file in the root directory of this source tree.
    *
    * @license MIT
-   */function _(t,i=(t=>t)){return e.useSyncExternalStoreWithSelector(t.subscribe,(()=>t.state),(()=>t.state),i,C)}function C(t,e){if(Object.is(t,e))return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;const i=Object.keys(t);if(i.length!==Object.keys(e).length)return!1;for(let s=0;s<i.length;s++)if(!Object.prototype.hasOwnProperty.call(e,i[s])||!Object.is(t[i[s]],e[i[s]]))return!1;return!0}const E=n.createContext(null);function T(){return t=>R(t)}function R(t){const e=function(){const t=n.useContext(E);if(!t)throw new Error("You are trying to use the form API outside of a form!");return t}(),[i]=n.useState((()=>new j({...t,form:e})));return i.update({...t,form:e}),_(i.store),n.useEffect((()=>i.mount()),[i]),i}function x(){return t=>n.createElement(q,t)}function q({children:t,...e}){return r(t,R(e))}function $(t){const[e]=o.default.useState((()=>{const e=new V(t);return e.Form=function(t){return({children:e,noFormElement:i,...s})=>{const a=t.useStore((t=>t.isSubmitting));return o.default.createElement(E.Provider,{value:t},i?e:o.default.createElement("form",I({onSubmit:t.handleSubmit,disabled:a},s),e))}}(e),e.Field=x(),e.useField=T(),e.useStore=t=>_(e.store,t),e.Subscribe=t=>r(t.children,_(e.store,t.selector)),e}));return e}t.Field=q,t.FieldApi=j,t.FormApi=V,t.createFormFactory=function(t){return{useForm:e=>$({...t,...e}),useField:T(),Field:x()}},t.functionalUpdate=r,t.useField=R,t.useForm=$,Object.defineProperty(t,"__esModule",{value:!0})}));
+   */function _(t,i=(t=>t)){return e.useSyncExternalStoreWithSelector(t.subscribe,(()=>t.state),(()=>t.state),i,C)}function C(t,e){if(Object.is(t,e))return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;const i=Object.keys(t);if(i.length!==Object.keys(e).length)return!1;for(let s=0;s<i.length;s++)if(!Object.prototype.hasOwnProperty.call(e,i[s])||!Object.is(t[i[s]],e[i[s]]))return!1;return!0}const E=n.createContext(null);function T(t){const{formApi:e,parentFieldName:i}=function(){const t=n.useContext(E);if(!t)throw new Error("You are trying to use the form API outside of a form!");return t}(),[s]=n.useState((()=>{const s=("number"==typeof t.index?[i,t.index,t.name]:[i,t.name]).filter((t=>void 0!==t)).join("."),a=new j({...t,form:e,name:s});return a.Field=x,a}));return s.update({...t,form:e}),_(s.store,"array"===t.mode?t=>[t.meta,Object.keys(t.value||[]).length]:void 0),n.useEffect((()=>s.mount()),[s]),s}function x({children:t,...e}){const i=T(e);return n.createElement(E.Provider,{value:{formApi:i.form,parentFieldName:i.name},children:r(t,i)})}function R(t){const[e]=o.default.useState((()=>{const e=new y(t);return e.Form=function(t){return({children:e,noFormElement:i,...s})=>{const a=t.useStore((t=>t.isSubmitting));return o.default.createElement(E.Provider,{value:{formApi:t}},i?e:o.default.createElement("form",I({onSubmit:t.handleSubmit,disabled:a},s),e))}}(e),e.Field=x,e.useField=T,e.useStore=t=>_(e.store,t),e.Subscribe=t=>r(t.children,_(e.store,t.selector)),e}));return e.update(t),e}t.Field=x,t.FieldApi=j,t.FormApi=y,t.createFormFactory=function(t){return{useForm:e=>R({...t,...e}),useField:T,Field:x}},t.functionalUpdate=r,t.useField=T,t.useForm=R,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map

package/build/umd/index.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../../form-core/build/esm/index.js","../../../../node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","../../src/formContext.ts","../../src/useField.ts","../../src/Field.tsx","../../src/useForm.tsx","../../src/createFormFactory.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n  listeners = new Set();\n  batching = false;\n  queue = [];\n  constructor(initialState, options) {\n    this.state = initialState;\n    this.options = options;\n  }\n  subscribe = listener => {\n    this.listeners.add(listener);\n    const unsub = this.options?.onSubscribe?.(listener, this);\n    return () => {\n      this.listeners.delete(listener);\n      unsub?.();\n    };\n  };\n  setState = updater => {\n    const previous = this.state;\n    this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n    if (this.state === previous) return;\n    this.options?.onUpdate?.(this.state, previous);\n    this.queue.push(() => {\n      this.listeners.forEach(listener => listener(this.state, previous));\n    });\n    this.#flush();\n  };\n  #flush = () => {\n    if (this.batching) return;\n    this.queue.forEach(cb => cb());\n    this.queue = [];\n  };\n  batch = cb => {\n    this.batching = true;\n    cb();\n    this.batching = false;\n    this.#flush();\n  };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","/**\n * form-core\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nimport { Store } from '@tanstack/store';\n\nfunction functionalUpdate(updater, input) {\n  return typeof updater === 'function' ? updater(input) : updater;\n}\nfunction getBy(obj, path) {\n  const pathArray = makePathArray(path);\n  const pathObj = pathArray;\n  return pathObj.reduce((current, pathPart) => {\n    if (typeof current !== 'undefined') {\n      return current[pathPart];\n    }\n\n    return undefined;\n  }, obj);\n}\nfunction setBy(obj, _path, updater) {\n  const path = makePathArray(_path);\n\n  function doSet(parent) {\n    if (!path.length) {\n      return functionalUpdate(updater, parent);\n    }\n\n    const key = path.shift();\n\n    if (typeof key === 'string') {\n      if (typeof parent === 'object') {\n        return { ...parent,\n          [key]: doSet(parent[key])\n        };\n      }\n\n      return {\n        [key]: doSet()\n      };\n    }\n\n    if (typeof key === 'number') {\n      if (Array.isArray(parent)) {\n        const prefix = parent.slice(0, key);\n        return [...(prefix.length ? prefix : new Array(key)), doSet(parent[key]), ...parent.slice(key + 1)];\n      }\n\n      return [...new Array(key), doSet()];\n    }\n\n    throw new Error('Uh oh!');\n  }\n\n  return doSet(obj);\n}\nconst reFindNumbers0 = /^(\\d*)$/gm;\nconst reFindNumbers1 = /\\.(\\d*)\\./gm;\nconst reFindNumbers2 = /^(\\d*)\\./gm;\nconst reFindNumbers3 = /\\.(\\d*$)/gm;\nconst reFindMultiplePeriods = /\\.{2,}/gm;\nconst intPrefix = '__int__';\nconst intReplace = intPrefix + \"$1\";\n\nfunction makePathArray(str) {\n  if (typeof str !== 'string') {\n    throw new Error();\n  }\n\n  return str.replace('[', '.').replace(']', '').replace(reFindNumbers0, intReplace).replace(reFindNumbers1, \".\" + intReplace + \".\").replace(reFindNumbers2, intReplace + \".\").replace(reFindNumbers3, \".\" + intReplace).replace(reFindMultiplePeriods, '.').split('.').map(d => {\n    if (d.indexOf(intPrefix) === 0) {\n      return parseInt(d.substring(intPrefix.length), 10);\n    }\n\n    return d;\n  });\n}\n\nfunction getDefaultFormState(defaultState) {\n  return {\n    values: {},\n    fieldMeta: {},\n    canSubmit: true,\n    isFieldsValid: false,\n    isFieldsValidating: false,\n    isFormValid: false,\n    isFormValidating: false,\n    isSubmitted: false,\n    isSubmitting: false,\n    isTouched: false,\n    isValid: false,\n    isValidating: false,\n    submissionAttempts: 0,\n    formValidationCount: 0,\n    ...defaultState\n  };\n}\n\nclass FormApi {\n  // // This carries the context for nested fields\n  constructor(_opts) {\n    var _opts$defaultValues, _opts$defaultState;\n\n    this.options = {};\n    this.fieldInfo = {};\n    this.validationMeta = {};\n\n    this.update = options => {\n      this.store.batch(() => {\n        if (options.defaultState && options.defaultState !== this.options.defaultState) {\n          this.store.setState(prev => ({ ...prev,\n            ...options.defaultState\n          }));\n        }\n\n        if (options.defaultValues !== this.options.defaultValues) {\n          this.store.setState(prev => ({ ...prev,\n            values: options.defaultValues\n          }));\n        }\n      });\n      this.options = options;\n    };\n\n    this.reset = () => this.store.setState(() => getDefaultFormState(this.options.defaultValues));\n\n    this.validateAllFields = async () => {\n      const fieldValidationPromises = [];\n      this.store.batch(() => {\n        void Object.values(this.fieldInfo).forEach(field => {\n          Object.values(field.instances).forEach(instance => {\n            // If any fields are not touched\n            if (!instance.state.meta.isTouched) {\n              // Mark them as touched\n              instance.setMeta(prev => ({ ...prev,\n                isTouched: true\n              })); // Validate the field\n\n              if (instance.options.validate) {\n                fieldValidationPromises.push(instance.validate());\n              }\n            }\n          });\n        });\n      });\n      return Promise.all(fieldValidationPromises);\n    };\n\n    this.validateForm = async () => {\n      const {\n        validate\n      } = this.options;\n\n      if (!validate) {\n        return;\n      } // Use the formValidationCount for all field instances to\n      // track freshness of the validation\n\n\n      this.store.setState(prev => ({ ...prev,\n        isValidating: true,\n        formValidationCount: prev.formValidationCount + 1\n      }));\n      const formValidationCount = this.state.formValidationCount;\n\n      const checkLatest = () => formValidationCount === this.state.formValidationCount;\n\n      if (!this.validationMeta.validationPromise) {\n        this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n          this.validationMeta.validationResolve = resolve;\n          this.validationMeta.validationReject = reject;\n        });\n      }\n\n      const doValidation = async () => {\n        try {\n          const error = await validate(this.state.values, this);\n\n          if (checkLatest()) {\n            var _this$validationMeta$, _this$validationMeta;\n\n            this.store.setState(prev => ({ ...prev,\n              isValidating: false,\n              error: error ? typeof error === 'string' ? error : 'Invalid Form Values' : null\n            }));\n            (_this$validationMeta$ = (_this$validationMeta = this.validationMeta).validationResolve) == null ? void 0 : _this$validationMeta$.call(_this$validationMeta, error);\n          }\n        } catch (err) {\n          if (checkLatest()) {\n            var _this$validationMeta$2, _this$validationMeta2;\n\n            (_this$validationMeta$2 = (_this$validationMeta2 = this.validationMeta).validationReject) == null ? void 0 : _this$validationMeta$2.call(_this$validationMeta2, err);\n          }\n        } finally {\n          delete this.validationMeta.validationPromise;\n        }\n      };\n\n      doValidation();\n      return this.validationMeta.validationPromise;\n    };\n\n    this.handleSubmit = async e => {\n      e.preventDefault();\n      e.stopPropagation(); // Check to see that the form and all fields have been touched\n      // If they have not, touch them all and run validation\n      // Run form validation\n      // Submit the form\n\n      this.store.setState(old => ({ ...old,\n        // Submittion attempts mark the form as not submitted\n        isSubmitted: false,\n        // Count submission attempts\n        submissionAttempts: old.submissionAttempts + 1\n      })); // Don't let invalid forms submit\n\n      if (!this.state.canSubmit) return;\n      this.store.setState(d => ({ ...d,\n        isSubmitting: true\n      }));\n\n      const done = () => {\n        this.store.setState(prev => ({ ...prev,\n          isSubmitting: false\n        }));\n      }; // Validate all fields\n\n\n      await this.validateAllFields(); // Fields are invalid, do not submit\n\n      if (!this.state.isFieldsValid) {\n        var _this$options$onInval, _this$options;\n\n        done();\n        (_this$options$onInval = (_this$options = this.options).onInvalidSubmit) == null ? void 0 : _this$options$onInval.call(_this$options, this.state.values, this);\n        return;\n      } // Run validation for the form\n\n\n      await this.validateForm();\n\n      if (!this.state.isValid) {\n        var _this$options$onInval2, _this$options2;\n\n        done();\n        (_this$options$onInval2 = (_this$options2 = this.options).onInvalidSubmit) == null ? void 0 : _this$options$onInval2.call(_this$options2, this.state.values, this);\n        return;\n      }\n\n      try {\n        var _this$options$onSubmi, _this$options3;\n\n        // Run the submit code\n        await ((_this$options$onSubmi = (_this$options3 = this.options).onSubmit) == null ? void 0 : _this$options$onSubmi.call(_this$options3, this.state.values, this));\n        this.store.batch(() => {\n          this.store.setState(prev => ({ ...prev,\n            isSubmitted: true\n          }));\n          done();\n        });\n      } catch (err) {\n        done();\n        throw err;\n      }\n    };\n\n    this.getFieldValue = field => getBy(this.state.values, field);\n\n    this.getFieldMeta = field => {\n      return this.state.fieldMeta[field];\n    };\n\n    this.getFieldInfo = field => {\n      var _this$fieldInfo;\n\n      return (_this$fieldInfo = this.fieldInfo)[field] || (_this$fieldInfo[field] = {\n        instances: {}\n      });\n    };\n\n    this.setFieldMeta = (field, updater) => {\n      this.store.setState(prev => {\n        return { ...prev,\n          fieldMeta: { ...prev.fieldMeta,\n            [field]: functionalUpdate(updater, prev.fieldMeta[field])\n          }\n        };\n      });\n    };\n\n    this.setFieldValue = (field, updater, opts) => {\n      var _opts$touch;\n\n      const touch = (_opts$touch = opts == null ? void 0 : opts.touch) != null ? _opts$touch : true;\n      this.store.batch(() => {\n        this.store.setState(prev => {\n          return { ...prev,\n            values: setBy(prev.values, field, updater)\n          };\n        });\n\n        if (touch) {\n          this.setFieldMeta(field, prev => ({ ...prev,\n            isTouched: true\n          }));\n        }\n      });\n    };\n\n    this.pushFieldValue = (field, value, opts) => {\n      return this.setFieldValue(field, prev => [...(Array.isArray(prev) ? prev : []), value], opts);\n    };\n\n    this.insertFieldValue = (field, index, value, opts) => {\n      this.setFieldValue(field, prev => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return prev.map((d, i) => i === index ? value : d);\n      }, opts);\n    };\n\n    this.spliceFieldValue = (field, index, opts) => {\n      this.setFieldValue(field, prev => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return prev.filter((_d, i) => i !== index);\n      }, opts);\n    };\n\n    this.swapFieldValues = (field, index1, index2) => {\n      this.setFieldValue(field, prev => {\n        const prev1 = prev[index1];\n        const prev2 = prev[index2];\n        return setBy(setBy(prev, [index1], prev2), [index2], prev1);\n      });\n    };\n\n    this.store = new Store(getDefaultFormState({ ...(_opts == null ? void 0 : _opts.defaultState),\n      values: (_opts$defaultValues = _opts == null ? void 0 : _opts.defaultValues) != null ? _opts$defaultValues : _opts == null ? void 0 : (_opts$defaultState = _opts.defaultState) == null ? void 0 : _opts$defaultState.values,\n      isFormValid: !(_opts != null && _opts.validate)\n    }), {\n      onUpdate: next => {\n        // Computed state\n        const fieldMetaValues = Object.values(next.fieldMeta);\n        const isFieldsValidating = fieldMetaValues.some(field => field == null ? void 0 : field.isValidating);\n        const isFieldsValid = !fieldMetaValues.some(field => field == null ? void 0 : field.error);\n        const isTouched = fieldMetaValues.some(field => field == null ? void 0 : field.isTouched);\n        const isValidating = isFieldsValidating || next.isFormValidating;\n        const isFormValid = !next.formError;\n        const isValid = isFieldsValid && isFormValid;\n        const canSubmit = next.submissionAttempts === 0 && !isTouched || !isValidating && !next.isSubmitting && isValid;\n        next = { ...next,\n          isFieldsValidating,\n          isFieldsValid,\n          isFormValid,\n          isValid,\n          canSubmit,\n          isTouched\n        }; // Create a shortcut for the state\n        // Write it back to the store\n\n        this.store.state = next;\n        this.state = next;\n      }\n    });\n    this.state = this.store.state;\n    this.update(_opts || {});\n  }\n\n}\n\nvar id = 0;\n\nfunction _classPrivateFieldLooseKey(name) {\n  return \"__private_\" + id++ + \"_\" + name;\n}\n\nfunction _classPrivateFieldLooseBase(receiver, privateKey) {\n  if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {\n    throw new TypeError(\"attempted to use private field on non-instance\");\n  }\n\n  return receiver;\n}\n\nlet uid = 0;\n\nvar _updateStore = /*#__PURE__*/_classPrivateFieldLooseKey(\"updateStore\");\n\nvar _leaseValidateAsync = /*#__PURE__*/_classPrivateFieldLooseKey(\"leaseValidateAsync\");\n\nclass FieldApi {\n  constructor(_opts) {\n    var _this$getMeta;\n\n    this.options = {};\n\n    this.mount = () => {\n      const info = this.getInfo();\n      info.instances[this.uid] = this;\n      const unsubscribe = this.form.store.subscribe(() => {\n        _classPrivateFieldLooseBase(this, _updateStore)[_updateStore]();\n      });\n      return () => {\n        unsubscribe();\n        delete info.instances[this.uid];\n\n        if (!Object.keys(info.instances).length) {\n          delete this.form.fieldInfo[this.name];\n        }\n      };\n    };\n\n    Object.defineProperty(this, _updateStore, {\n      writable: true,\n      value: () => {\n        this.store.batch(() => {\n          const nextValue = this.getValue();\n          const nextMeta = this.getMeta();\n\n          if (nextValue !== this.state.value) {\n            this.store.setState(prev => ({ ...prev,\n              value: nextValue\n            }));\n          }\n\n          if (nextMeta !== this.state.meta) {\n            this.store.setState(prev => ({ ...prev,\n              meta: nextMeta\n            }));\n          }\n        });\n      }\n    });\n\n    this.update = opts => {\n      var _this$form$options$de, _this$form$options$de2, _this$form$options$de3, _this$form$options$de4;\n\n      this.options = {\n        validatePristine: (_this$form$options$de = this.form.options.defaultValidatePristine) != null ? _this$form$options$de : false,\n        validateOn: (_this$form$options$de2 = this.form.options.defaultValidateOn) != null ? _this$form$options$de2 : 'change',\n        validateAsyncOn: (_this$form$options$de3 = this.form.options.defaultValidateAsyncOn) != null ? _this$form$options$de3 : 'blur',\n        validateAsyncDebounceMs: (_this$form$options$de4 = this.form.options.defaultValidateAsyncDebounceMs) != null ? _this$form$options$de4 : 0,\n        ...opts\n      }; // Default Value\n\n      if (this.state.value === undefined && this.options.defaultValue !== undefined) {\n        this.setValue(this.options.defaultValue);\n      } // Default Meta\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\n\n      if (this.getMeta() === undefined) {\n        this.setMeta(this.state.meta);\n      }\n    };\n\n    this.getValue = () => this.form.getFieldValue(this.name);\n\n    this.setValue = (updater, options) => this.form.setFieldValue(this.name, updater, options);\n\n    this.getMeta = () => this.form.getFieldMeta(this.name);\n\n    this.setMeta = updater => this.form.setFieldMeta(this.name, updater);\n\n    this.getInfo = () => this.form.getFieldInfo(this.name);\n\n    this.pushValue = value => this.form.pushFieldValue(this.name, value);\n\n    this.insertValue = (index, value) => this.form.insertFieldValue(this.name, index, value);\n\n    this.removeValue = index => this.form.spliceFieldValue(this.name, index);\n\n    this.swapValues = (aIndex, bIndex) => this.form.swapFieldValues(this.name, aIndex, bIndex);\n\n    this.getSubField = name => new FieldApi({\n      name: this.name + \".\" + name,\n      form: this.form\n    });\n\n    this.validateSync = async (value = this.state.value) => {\n      const {\n        validate\n      } = this.options;\n\n      if (!validate) {\n        return;\n      } // Use the validationCount for all field instances to\n      // track freshness of the validation\n\n\n      const validationCount = (this.getInfo().validationCount || 0) + 1;\n      this.getInfo().validationCount = validationCount;\n      const error = normalizeError(validate(value, this));\n\n      if (this.state.meta.error !== error) {\n        this.setMeta(prev => ({ ...prev,\n          error\n        }));\n      } // If a sync error is encountered, cancel any async validation\n\n\n      if (this.state.meta.error) {\n        this.cancelValidateAsync();\n      }\n    };\n\n    Object.defineProperty(this, _leaseValidateAsync, {\n      writable: true,\n      value: () => {\n        const count = (this.getInfo().validationAsyncCount || 0) + 1;\n        this.getInfo().validationAsyncCount = count;\n        return count;\n      }\n    });\n\n    this.cancelValidateAsync = () => {\n      // Lease a new validation count to ignore any pending validations\n      _classPrivateFieldLooseBase(this, _leaseValidateAsync)[_leaseValidateAsync](); // Cancel any pending validation state\n\n\n      this.setMeta(prev => ({ ...prev,\n        isValidating: false\n      }));\n    };\n\n    this.validateAsync = async (value = this.state.value) => {\n      const {\n        validateAsync,\n        validateAsyncDebounceMs\n      } = this.options;\n\n      if (!validateAsync) {\n        return;\n      }\n\n      if (this.state.meta.isValidating !== true) this.setMeta(prev => ({ ...prev,\n        isValidating: true\n      })); // Use the validationCount for all field instances to\n      // track freshness of the validation\n\n      const validationAsyncCount = _classPrivateFieldLooseBase(this, _leaseValidateAsync)[_leaseValidateAsync]();\n\n      const checkLatest = () => validationAsyncCount === this.getInfo().validationAsyncCount;\n\n      if (!this.getInfo().validationPromise) {\n        this.getInfo().validationPromise = new Promise((resolve, reject) => {\n          this.getInfo().validationResolve = resolve;\n          this.getInfo().validationReject = reject;\n        });\n      }\n\n      if (validateAsyncDebounceMs > 0) {\n        await new Promise(r => setTimeout(r, validateAsyncDebounceMs));\n      } // Only kick off validation if this validation is the latest attempt\n\n\n      if (checkLatest()) {\n        try {\n          const rawError = await validateAsync(value, this);\n\n          if (checkLatest()) {\n            var _this$getInfo$validat, _this$getInfo;\n\n            const error = normalizeError(rawError);\n            this.setMeta(prev => ({ ...prev,\n              isValidating: false,\n              error\n            }));\n            (_this$getInfo$validat = (_this$getInfo = this.getInfo()).validationResolve) == null ? void 0 : _this$getInfo$validat.call(_this$getInfo, error);\n          }\n        } catch (error) {\n          if (checkLatest()) {\n            var _this$getInfo$validat2, _this$getInfo2;\n\n            (_this$getInfo$validat2 = (_this$getInfo2 = this.getInfo()).validationReject) == null ? void 0 : _this$getInfo$validat2.call(_this$getInfo2, error);\n            throw error;\n          }\n        } finally {\n          if (checkLatest()) {\n            this.setMeta(prev => ({ ...prev,\n              isValidating: false\n            }));\n            delete this.getInfo().validationPromise;\n          }\n        }\n      } // Always return the latest validation promise to the caller\n\n\n      return this.getInfo().validationPromise;\n    };\n\n    this.shouldValidate = (isAsync, cause) => {\n      const {\n        validateOn,\n        validateAsyncOn\n      } = this.options;\n      const level = getValidationCauseLevel(cause); // Must meet *at least* the validation level to validate,\n      // e.g. if validateOn is 'change' and validateCause is 'blur',\n      // the field will still validate\n\n      return Object.keys(validateCauseLevels).some(d => isAsync ? validateAsyncOn : validateOn === d && level >= validateCauseLevels[d]);\n    };\n\n    this.validate = async (cause, value) => {\n      // If the field is pristine and validatePristine is false, do not validate\n      if (!this.options.validatePristine && !this.state.meta.isTouched) return; // Attempt to sync validate first\n\n      if (this.shouldValidate(false, cause)) {\n        this.validateSync(value);\n      } // If there is an error, return it, do not attempt async validation\n\n\n      if (this.state.meta.error) {\n        return this.state.meta.error;\n      } // No error? Attempt async validation\n\n\n      if (this.shouldValidate(true, cause)) {\n        return this.validateAsync(value);\n      } // If there is no sync error or async validation attempt, there is no error\n\n\n      return undefined;\n    };\n\n    this.getChangeProps = (props = {}) => {\n      return { ...props,\n        value: this.state.value,\n        onChange: value => {\n          this.setValue(value);\n          props.onChange == null ? void 0 : props.onChange(value);\n        },\n        onBlur: e => {\n          this.setMeta(prev => ({ ...prev,\n            isTouched: true\n          }));\n          this.validate('blur');\n          props.onBlur == null ? void 0 : props.onBlur(e);\n        }\n      };\n    };\n\n    this.getInputProps = (props = {}) => {\n      return { ...props,\n        value: String(this.state.value),\n        onChange: e => {\n          this.setValue(e.target.value);\n          props.onChange == null ? void 0 : props.onChange(e.target.value);\n        },\n        onBlur: this.getChangeProps(props).onBlur\n      };\n    };\n\n    this.form = _opts.form;\n    this.uid = uid++; // Support field prefixing from FieldScope\n\n    let fieldPrefix = '';\n\n    if (this.form.fieldName) {\n      fieldPrefix = this.form.fieldName + \".\";\n    }\n\n    this.name = fieldPrefix + _opts.name;\n    this.store = new Store({\n      value: this.getValue(),\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      meta: (_this$getMeta = this.getMeta()) != null ? _this$getMeta : {\n        isValidating: false,\n        isTouched: false,\n        ...this.options.defaultMeta\n      }\n    }, {\n      onUpdate: next => {\n        next.meta.touchedError = next.meta.isTouched ? next.meta.error : undefined; // Do not validate pristine fields\n\n        const prevState = this.state;\n        this.state = next;\n\n        if (next.value !== prevState.value) {\n          this.validate('change', next.value);\n        }\n      }\n    });\n    this.state = this.store.state;\n    this.update(_opts);\n  }\n\n}\nconst validateCauseLevels = {\n  change: 0,\n  blur: 1,\n  submit: 2\n};\n\nfunction getValidationCauseLevel(cause) {\n  return !cause ? 3 : validateCauseLevels[cause];\n}\n\nfunction normalizeError(rawError) {\n  if (rawError) {\n    if (typeof rawError !== 'string') {\n      return 'Invalid Form Values';\n    }\n\n    return rawError;\n  }\n\n  return undefined;\n}\n\nexport { FieldApi, FormApi, functionalUpdate, getBy, setBy };\n//# sourceMappingURL=index.js.map\n","/**\n * react-store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nexport * from '@tanstack/store';\n\nfunction useStore(store, selector = d => d) {\n  const slice = useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);\n  return slice;\n}\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n    return false;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport { shallow, useStore };\n//# sourceMappingURL=index.js.map\n","import type { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any> | null>(null)\n\nexport function useFormContext() {\n  const formApi = React.useContext(formContext)\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n","import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type { DeepKeys, DeepValue, FieldOptions } from '@tanstack/form-core'\nimport { FieldApi } from '@tanstack/form-core'\nimport { useFormContext } from './formContext'\nimport type { FormFactory } from './createFormFactory'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldOptions<TData, TFormData> {\n    formFactory?: FormFactory<TFormData>\n  }\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: TField } & FieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function createUseField<TFormData>(): UseField<TFormData> {\n  return (opts) => {\n    return useField(opts as any)\n  }\n}\n\nexport function useField<TData, TFormData>(\n  opts: FieldOptions<TData, TFormData> & {\n    // selector: (state: FieldApi<TData, TFormData>) => TSelected\n  },\n): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const formApi = useFormContext()\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(\n    () => new FieldApi({ ...opts, form: formApi }),\n  )\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(fieldApi.store)\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n","import * as React from 'react'\nimport {\n  functionalUpdate,\n  type DeepKeys,\n  type DeepValue,\n  type FieldApi,\n  type FieldOptions,\n} from '@tanstack/form-core'\nimport { useField } from './useField'\n\n//\n\nexport type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any\n  name: TField\n} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any\n\nexport function createFieldComponent<TFormData>() {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} />\n  )\n  return ConnectedField\n}\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & FieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return functionalUpdate(children, fieldApi as any)\n}\n","import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { createFieldComponent, type FieldComponent } from './Field'\nimport { createUseField, type UseField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: React.FormEvent<HTMLFormElement>\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Form = createFormComponent(api)\n    api.Field = createFieldComponent<TData>()\n    api.useField = createUseField<TData>()\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector as any) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector as any),\n      ) as any\n    }\n\n    return api\n  })\n\n  return formApi as any\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nfunction createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={formApi}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n","import type { FormApi, FormOptions } from '@tanstack/form-core'\nimport { createUseField, type UseField } from './useField'\nimport { useForm } from './useForm'\nimport { createFieldComponent, type FieldComponent } from './Field'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      return useForm<TFormData>({ ...defaultOpts, ...opts } as any) as any\n    },\n    useField: createUseField<TFormData>(),\n    Field: createFieldComponent<TFormData>(),\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","setBy","obj","_path","path","makePathArray","doSet","parent","length","key","shift","Array","isArray","prefix","slice","Error","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","intPrefix","intReplace","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","FormApi","_opts","_opts$defaultValues","_opts$defaultState","fieldInfo","validationMeta","update","store","prev","defaultValues","reset","validateAllFields","async","fieldValidationPromises","Object","field","instances","instance","meta","setMeta","validate","Promise","all","validateForm","checkLatest","validationPromise","resolve","reject","validationResolve","validationReject","error","_this$validationMeta$","_this$validationMeta","call","err","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","e","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","getFieldValue","getBy","reduce","current","pathPart","getFieldMeta","getFieldInfo","_this$fieldInfo","setFieldMeta","setFieldValue","opts","_opts$touch","touch","pushFieldValue","value","insertFieldValue","index","i","spliceFieldValue","filter","_d","swapFieldValues","index1","index2","prev1","prev2","next","fieldMetaValues","some","formError","id","_classPrivateFieldLooseKey","name","_classPrivateFieldLooseBase","receiver","privateKey","prototype","hasOwnProperty","TypeError","uid","_updateStore","_leaseValidateAsync","FieldApi","_this$getMeta","mount","info","getInfo","unsubscribe","form","keys","defineProperty","writable","nextValue","getValue","nextMeta","getMeta","_this$form$options$de","_this$form$options$de2","_this$form$options$de3","_this$form$options$de4","validatePristine","defaultValidatePristine","validateOn","defaultValidateOn","validateAsyncOn","defaultValidateAsyncOn","validateAsyncDebounceMs","defaultValidateAsyncDebounceMs","undefined","defaultValue","setValue","pushValue","insertValue","removeValue","swapValues","aIndex","bIndex","getSubField","validateSync","validationCount","normalizeError","cancelValidateAsync","count","validationAsyncCount","validateAsync","r","setTimeout","rawError","_this$getInfo$validat","_this$getInfo","_this$getInfo$validat2","_this$getInfo2","shouldValidate","isAsync","cause","level","validateCauseLevels","getValidationCauseLevel","getChangeProps","props","onChange","onBlur","getInputProps","String","target","fieldPrefix","fieldName","defaultMeta","touchedError","prevState","change","blur","submit","useStore","selector","useSyncExternalStoreWithSelector","shallow","objA","objB","is","keysA","formContext","React","createContext","createUseField","useField","formApi","useContext","useFormContext","fieldApi","useState","useEffect","createFieldComponent","Field","children","fieldOptions","useForm","api","Form","noFormElement","rest","createElement","Provider","_extends","disabled","createFormComponent","Subscribe","defaultOpts"],"mappings":"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"}
+{"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../../form-core/build/esm/index.js","../../../../node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","../../src/formContext.ts","../../src/useField.tsx","../../src/useForm.tsx","../../src/createFormFactory.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n  listeners = new Set();\n  batching = false;\n  queue = [];\n  constructor(initialState, options) {\n    this.state = initialState;\n    this.options = options;\n  }\n  subscribe = listener => {\n    this.listeners.add(listener);\n    const unsub = this.options?.onSubscribe?.(listener, this);\n    return () => {\n      this.listeners.delete(listener);\n      unsub?.();\n    };\n  };\n  setState = updater => {\n    const previous = this.state;\n    this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n    if (this.state === previous) return;\n    this.options?.onUpdate?.(this.state, previous);\n    this.queue.push(() => {\n      this.listeners.forEach(listener => listener(this.state, previous));\n    });\n    this.#flush();\n  };\n  #flush = () => {\n    if (this.batching) return;\n    this.queue.forEach(cb => cb());\n    this.queue = [];\n  };\n  batch = cb => {\n    this.batching = true;\n    cb();\n    this.batching = false;\n    this.#flush();\n  };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","/**\n * form-core\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nimport { Store } from '@tanstack/store';\n\nfunction functionalUpdate(updater, input) {\n  return typeof updater === 'function' ? updater(input) : updater;\n}\nfunction getBy(obj, path) {\n  const pathArray = makePathArray(path);\n  const pathObj = pathArray;\n  return pathObj.reduce((current, pathPart) => {\n    if (typeof current !== 'undefined') {\n      return current[pathPart];\n    }\n\n    return undefined;\n  }, obj);\n}\nfunction setBy(obj, _path, updater) {\n  const path = makePathArray(_path);\n\n  function doSet(parent) {\n    if (!path.length) {\n      return functionalUpdate(updater, parent);\n    }\n\n    const key = path.shift();\n\n    if (typeof key === 'string') {\n      if (typeof parent === 'object') {\n        return { ...parent,\n          [key]: doSet(parent[key])\n        };\n      }\n\n      return {\n        [key]: doSet()\n      };\n    }\n\n    if (typeof key === 'number') {\n      if (Array.isArray(parent)) {\n        const prefix = parent.slice(0, key);\n        return [...(prefix.length ? prefix : new Array(key)), doSet(parent[key]), ...parent.slice(key + 1)];\n      }\n\n      return [...new Array(key), doSet()];\n    }\n\n    throw new Error('Uh oh!');\n  }\n\n  return doSet(obj);\n}\nconst reFindNumbers0 = /^(\\d*)$/gm;\nconst reFindNumbers1 = /\\.(\\d*)\\./gm;\nconst reFindNumbers2 = /^(\\d*)\\./gm;\nconst reFindNumbers3 = /\\.(\\d*$)/gm;\nconst reFindMultiplePeriods = /\\.{2,}/gm;\nconst intPrefix = '__int__';\nconst intReplace = intPrefix + \"$1\";\n\nfunction makePathArray(str) {\n  if (typeof str !== 'string') {\n    throw new Error();\n  }\n\n  return str.replace('[', '.').replace(']', '').replace(reFindNumbers0, intReplace).replace(reFindNumbers1, \".\" + intReplace + \".\").replace(reFindNumbers2, intReplace + \".\").replace(reFindNumbers3, \".\" + intReplace).replace(reFindMultiplePeriods, '.').split('.').map(d => {\n    if (d.indexOf(intPrefix) === 0) {\n      return parseInt(d.substring(intPrefix.length), 10);\n    }\n\n    return d;\n  });\n}\n\nfunction getDefaultFormState(defaultState) {\n  return {\n    values: {},\n    fieldMeta: {},\n    canSubmit: true,\n    isFieldsValid: false,\n    isFieldsValidating: false,\n    isFormValid: false,\n    isFormValidating: false,\n    isSubmitted: false,\n    isSubmitting: false,\n    isTouched: false,\n    isValid: false,\n    isValidating: false,\n    submissionAttempts: 0,\n    formValidationCount: 0,\n    ...defaultState\n  };\n}\n\nclass FormApi {\n  // // This carries the context for nested fields\n  constructor(_opts) {\n    var _opts$defaultValues, _opts$defaultState;\n\n    this.options = {};\n    this.fieldInfo = {};\n    this.validationMeta = {};\n\n    this.update = options => {\n      if (!options) return;\n      this.store.batch(() => {\n        if (options.defaultState && options.defaultState !== this.options.defaultState) {\n          this.store.setState(prev => ({ ...prev,\n            ...options.defaultState\n          }));\n        }\n\n        if (options.defaultValues !== this.options.defaultValues) {\n          this.store.setState(prev => ({ ...prev,\n            values: options.defaultValues\n          }));\n        }\n      });\n      this.options = options;\n    };\n\n    this.reset = () => this.store.setState(() => getDefaultFormState(this.options.defaultValues));\n\n    this.validateAllFields = async () => {\n      const fieldValidationPromises = [];\n      this.store.batch(() => {\n        void Object.values(this.fieldInfo).forEach(field => {\n          Object.values(field.instances).forEach(instance => {\n            // If any fields are not touched\n            if (!instance.state.meta.isTouched) {\n              // Mark them as touched\n              instance.setMeta(prev => ({ ...prev,\n                isTouched: true\n              })); // Validate the field\n\n              if (instance.options.validate) {\n                fieldValidationPromises.push(instance.validate());\n              }\n            }\n          });\n        });\n      });\n      return Promise.all(fieldValidationPromises);\n    };\n\n    this.validateForm = async () => {\n      const {\n        validate\n      } = this.options;\n\n      if (!validate) {\n        return;\n      } // Use the formValidationCount for all field instances to\n      // track freshness of the validation\n\n\n      this.store.setState(prev => ({ ...prev,\n        isValidating: true,\n        formValidationCount: prev.formValidationCount + 1\n      }));\n      const formValidationCount = this.state.formValidationCount;\n\n      const checkLatest = () => formValidationCount === this.state.formValidationCount;\n\n      if (!this.validationMeta.validationPromise) {\n        this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n          this.validationMeta.validationResolve = resolve;\n          this.validationMeta.validationReject = reject;\n        });\n      }\n\n      const doValidation = async () => {\n        try {\n          const error = await validate(this.state.values, this);\n\n          if (checkLatest()) {\n            var _this$validationMeta$, _this$validationMeta;\n\n            this.store.setState(prev => ({ ...prev,\n              isValidating: false,\n              error: error ? typeof error === 'string' ? error : 'Invalid Form Values' : null\n            }));\n            (_this$validationMeta$ = (_this$validationMeta = this.validationMeta).validationResolve) == null ? void 0 : _this$validationMeta$.call(_this$validationMeta, error);\n          }\n        } catch (err) {\n          if (checkLatest()) {\n            var _this$validationMeta$2, _this$validationMeta2;\n\n            (_this$validationMeta$2 = (_this$validationMeta2 = this.validationMeta).validationReject) == null ? void 0 : _this$validationMeta$2.call(_this$validationMeta2, err);\n          }\n        } finally {\n          delete this.validationMeta.validationPromise;\n        }\n      };\n\n      doValidation();\n      return this.validationMeta.validationPromise;\n    };\n\n    this.handleSubmit = async e => {\n      e.preventDefault();\n      e.stopPropagation(); // Check to see that the form and all fields have been touched\n      // If they have not, touch them all and run validation\n      // Run form validation\n      // Submit the form\n\n      this.store.setState(old => ({ ...old,\n        // Submittion attempts mark the form as not submitted\n        isSubmitted: false,\n        // Count submission attempts\n        submissionAttempts: old.submissionAttempts + 1\n      })); // Don't let invalid forms submit\n\n      if (!this.state.canSubmit) return;\n      this.store.setState(d => ({ ...d,\n        isSubmitting: true\n      }));\n\n      const done = () => {\n        this.store.setState(prev => ({ ...prev,\n          isSubmitting: false\n        }));\n      }; // Validate all fields\n\n\n      await this.validateAllFields(); // Fields are invalid, do not submit\n\n      if (!this.state.isFieldsValid) {\n        var _this$options$onInval, _this$options;\n\n        done();\n        (_this$options$onInval = (_this$options = this.options).onInvalidSubmit) == null ? void 0 : _this$options$onInval.call(_this$options, this.state.values, this);\n        return;\n      } // Run validation for the form\n\n\n      await this.validateForm();\n\n      if (!this.state.isValid) {\n        var _this$options$onInval2, _this$options2;\n\n        done();\n        (_this$options$onInval2 = (_this$options2 = this.options).onInvalidSubmit) == null ? void 0 : _this$options$onInval2.call(_this$options2, this.state.values, this);\n        return;\n      }\n\n      try {\n        var _this$options$onSubmi, _this$options3;\n\n        // Run the submit code\n        await ((_this$options$onSubmi = (_this$options3 = this.options).onSubmit) == null ? void 0 : _this$options$onSubmi.call(_this$options3, this.state.values, this));\n        this.store.batch(() => {\n          this.store.setState(prev => ({ ...prev,\n            isSubmitted: true\n          }));\n          done();\n        });\n      } catch (err) {\n        done();\n        throw err;\n      }\n    };\n\n    this.getFieldValue = field => getBy(this.state.values, field);\n\n    this.getFieldMeta = field => {\n      return this.state.fieldMeta[field];\n    };\n\n    this.getFieldInfo = field => {\n      var _this$fieldInfo;\n\n      return (_this$fieldInfo = this.fieldInfo)[field] || (_this$fieldInfo[field] = {\n        instances: {}\n      });\n    };\n\n    this.setFieldMeta = (field, updater) => {\n      this.store.setState(prev => {\n        return { ...prev,\n          fieldMeta: { ...prev.fieldMeta,\n            [field]: functionalUpdate(updater, prev.fieldMeta[field])\n          }\n        };\n      });\n    };\n\n    this.setFieldValue = (field, updater, opts) => {\n      var _opts$touch;\n\n      const touch = (_opts$touch = opts == null ? void 0 : opts.touch) != null ? _opts$touch : true;\n      this.store.batch(() => {\n        this.store.setState(prev => {\n          return { ...prev,\n            values: setBy(prev.values, field, updater)\n          };\n        });\n\n        if (touch) {\n          this.setFieldMeta(field, prev => ({ ...prev,\n            isTouched: true\n          }));\n        }\n      });\n    };\n\n    this.pushFieldValue = (field, value, opts) => {\n      return this.setFieldValue(field, prev => [...(Array.isArray(prev) ? prev : []), value], opts);\n    };\n\n    this.insertFieldValue = (field, index, value, opts) => {\n      this.setFieldValue(field, prev => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return prev.map((d, i) => i === index ? value : d);\n      }, opts);\n    };\n\n    this.removeFieldValue = (field, index, opts) => {\n      this.setFieldValue(field, prev => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return prev.filter((_d, i) => i !== index);\n      }, opts);\n    };\n\n    this.swapFieldValues = (field, index1, index2) => {\n      this.setFieldValue(field, prev => {\n        const prev1 = prev[index1];\n        const prev2 = prev[index2];\n        return setBy(setBy(prev, [index1], prev2), [index2], prev1);\n      });\n    };\n\n    this.store = new Store(getDefaultFormState({ ...(_opts == null ? void 0 : _opts.defaultState),\n      values: (_opts$defaultValues = _opts == null ? void 0 : _opts.defaultValues) != null ? _opts$defaultValues : _opts == null ? void 0 : (_opts$defaultState = _opts.defaultState) == null ? void 0 : _opts$defaultState.values,\n      isFormValid: !(_opts != null && _opts.validate)\n    }), {\n      onUpdate: next => {\n        // Computed state\n        const fieldMetaValues = Object.values(next.fieldMeta);\n        const isFieldsValidating = fieldMetaValues.some(field => field == null ? void 0 : field.isValidating);\n        const isFieldsValid = !fieldMetaValues.some(field => field == null ? void 0 : field.error);\n        const isTouched = fieldMetaValues.some(field => field == null ? void 0 : field.isTouched);\n        const isValidating = isFieldsValidating || next.isFormValidating;\n        const isFormValid = !next.formError;\n        const isValid = isFieldsValid && isFormValid;\n        const canSubmit = next.submissionAttempts === 0 && !isTouched || !isValidating && !next.isSubmitting && isValid;\n        next = { ...next,\n          isFieldsValidating,\n          isFieldsValid,\n          isFormValid,\n          isValid,\n          canSubmit,\n          isTouched\n        }; // Create a shortcut for the state\n        // Write it back to the store\n\n        this.store.state = next;\n        this.state = next;\n        console.log(this.state);\n      }\n    });\n    this.state = this.store.state;\n    this.update(_opts || {});\n  }\n\n}\n\nvar id = 0;\n\nfunction _classPrivateFieldLooseKey(name) {\n  return \"__private_\" + id++ + \"_\" + name;\n}\n\nfunction _classPrivateFieldLooseBase(receiver, privateKey) {\n  if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {\n    throw new TypeError(\"attempted to use private field on non-instance\");\n  }\n\n  return receiver;\n}\n\nlet uid = 0;\n\nvar _updateStore = /*#__PURE__*/_classPrivateFieldLooseKey(\"updateStore\");\n\nvar _leaseValidateAsync = /*#__PURE__*/_classPrivateFieldLooseKey(\"leaseValidateAsync\");\n\nclass FieldApi {\n  constructor(_opts) {\n    var _this$getMeta;\n\n    this.options = {};\n\n    this.mount = () => {\n      const info = this.getInfo();\n      info.instances[this.uid] = this;\n      const unsubscribe = this.form.store.subscribe(() => {\n        _classPrivateFieldLooseBase(this, _updateStore)[_updateStore]();\n      });\n      return () => {\n        unsubscribe();\n        delete info.instances[this.uid];\n\n        if (!Object.keys(info.instances).length) {\n          delete this.form.fieldInfo[this.name];\n        }\n      };\n    };\n\n    Object.defineProperty(this, _updateStore, {\n      writable: true,\n      value: () => {\n        this.store.batch(() => {\n          const nextValue = this.getValue();\n          const nextMeta = this.getMeta();\n\n          if (nextValue !== this.state.value) {\n            this.store.setState(prev => ({ ...prev,\n              value: nextValue\n            }));\n          }\n\n          if (nextMeta !== this.state.meta) {\n            this.store.setState(prev => ({ ...prev,\n              meta: nextMeta\n            }));\n          }\n        });\n      }\n    });\n\n    this.update = opts => {\n      var _this$form$options$de, _this$form$options$de2, _this$form$options$de3, _this$form$options$de4;\n\n      this.options = {\n        validatePristine: (_this$form$options$de = this.form.options.defaultValidatePristine) != null ? _this$form$options$de : false,\n        validateOn: (_this$form$options$de2 = this.form.options.defaultValidateOn) != null ? _this$form$options$de2 : 'change',\n        validateAsyncOn: (_this$form$options$de3 = this.form.options.defaultValidateAsyncOn) != null ? _this$form$options$de3 : 'blur',\n        validateAsyncDebounceMs: (_this$form$options$de4 = this.form.options.defaultValidateAsyncDebounceMs) != null ? _this$form$options$de4 : 0,\n        ...opts\n      }; // Default Value\n\n      if (this.state.value === undefined && this.options.defaultValue !== undefined) {\n        this.setValue(this.options.defaultValue);\n      } // Default Meta\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\n\n      if (this.getMeta() === undefined) {\n        this.setMeta(this.state.meta);\n      }\n    };\n\n    this.getValue = () => {\n      return this.form.getFieldValue(this.name);\n    };\n\n    this.setValue = (updater, options) => this.form.setFieldValue(this.name, updater, options);\n\n    this.getMeta = () => this.form.getFieldMeta(this.name);\n\n    this.setMeta = updater => this.form.setFieldMeta(this.name, updater);\n\n    this.getInfo = () => this.form.getFieldInfo(this.name);\n\n    this.pushValue = value => this.form.pushFieldValue(this.name, value);\n\n    this.insertValue = (index, value) => this.form.insertFieldValue(this.name, index, value);\n\n    this.removeValue = index => this.form.removeFieldValue(this.name, index);\n\n    this.swapValues = (aIndex, bIndex) => this.form.swapFieldValues(this.name, aIndex, bIndex);\n\n    this.getSubField = name => new FieldApi({\n      name: this.name + \".\" + name,\n      form: this.form\n    });\n\n    this.validateSync = async (value = this.state.value) => {\n      const {\n        validate\n      } = this.options;\n\n      if (!validate) {\n        return;\n      } // Use the validationCount for all field instances to\n      // track freshness of the validation\n\n\n      const validationCount = (this.getInfo().validationCount || 0) + 1;\n      this.getInfo().validationCount = validationCount;\n      const error = normalizeError(validate(value, this));\n\n      if (this.state.meta.error !== error) {\n        this.setMeta(prev => ({ ...prev,\n          error\n        }));\n      } // If a sync error is encountered, cancel any async validation\n\n\n      if (this.state.meta.error) {\n        this.cancelValidateAsync();\n      }\n    };\n\n    Object.defineProperty(this, _leaseValidateAsync, {\n      writable: true,\n      value: () => {\n        const count = (this.getInfo().validationAsyncCount || 0) + 1;\n        this.getInfo().validationAsyncCount = count;\n        return count;\n      }\n    });\n\n    this.cancelValidateAsync = () => {\n      // Lease a new validation count to ignore any pending validations\n      _classPrivateFieldLooseBase(this, _leaseValidateAsync)[_leaseValidateAsync](); // Cancel any pending validation state\n\n\n      this.setMeta(prev => ({ ...prev,\n        isValidating: false\n      }));\n    };\n\n    this.validateAsync = async (value = this.state.value) => {\n      const {\n        validateAsync,\n        validateAsyncDebounceMs\n      } = this.options;\n\n      if (!validateAsync) {\n        return;\n      }\n\n      if (this.state.meta.isValidating !== true) this.setMeta(prev => ({ ...prev,\n        isValidating: true\n      })); // Use the validationCount for all field instances to\n      // track freshness of the validation\n\n      const validationAsyncCount = _classPrivateFieldLooseBase(this, _leaseValidateAsync)[_leaseValidateAsync]();\n\n      const checkLatest = () => validationAsyncCount === this.getInfo().validationAsyncCount;\n\n      if (!this.getInfo().validationPromise) {\n        this.getInfo().validationPromise = new Promise((resolve, reject) => {\n          this.getInfo().validationResolve = resolve;\n          this.getInfo().validationReject = reject;\n        });\n      }\n\n      if (validateAsyncDebounceMs > 0) {\n        await new Promise(r => setTimeout(r, validateAsyncDebounceMs));\n      } // Only kick off validation if this validation is the latest attempt\n\n\n      if (checkLatest()) {\n        try {\n          const rawError = await validateAsync(value, this);\n\n          if (checkLatest()) {\n            var _this$getInfo$validat, _this$getInfo;\n\n            const error = normalizeError(rawError);\n            this.setMeta(prev => ({ ...prev,\n              isValidating: false,\n              error\n            }));\n            (_this$getInfo$validat = (_this$getInfo = this.getInfo()).validationResolve) == null ? void 0 : _this$getInfo$validat.call(_this$getInfo, error);\n          }\n        } catch (error) {\n          if (checkLatest()) {\n            var _this$getInfo$validat2, _this$getInfo2;\n\n            (_this$getInfo$validat2 = (_this$getInfo2 = this.getInfo()).validationReject) == null ? void 0 : _this$getInfo$validat2.call(_this$getInfo2, error);\n            throw error;\n          }\n        } finally {\n          if (checkLatest()) {\n            this.setMeta(prev => ({ ...prev,\n              isValidating: false\n            }));\n            delete this.getInfo().validationPromise;\n          }\n        }\n      } // Always return the latest validation promise to the caller\n\n\n      return this.getInfo().validationPromise;\n    };\n\n    this.shouldValidate = (isAsync, cause) => {\n      const {\n        validateOn,\n        validateAsyncOn\n      } = this.options;\n      const level = getValidationCauseLevel(cause); // Must meet *at least* the validation level to validate,\n      // e.g. if validateOn is 'change' and validateCause is 'blur',\n      // the field will still validate\n\n      return Object.keys(validateCauseLevels).some(d => isAsync ? validateAsyncOn : validateOn === d && level >= validateCauseLevels[d]);\n    };\n\n    this.validate = async (cause, value) => {\n      // If the field is pristine and validatePristine is false, do not validate\n      if (!this.options.validatePristine && !this.state.meta.isTouched) return; // Attempt to sync validate first\n\n      if (this.shouldValidate(false, cause)) {\n        this.validateSync(value);\n      } // If there is an error, return it, do not attempt async validation\n\n\n      if (this.state.meta.error) {\n        return this.state.meta.error;\n      } // No error? Attempt async validation\n\n\n      if (this.shouldValidate(true, cause)) {\n        return this.validateAsync(value);\n      } // If there is no sync error or async validation attempt, there is no error\n\n\n      return undefined;\n    };\n\n    this.getChangeProps = (props = {}) => {\n      return { ...props,\n        value: this.state.value,\n        onChange: value => {\n          this.setValue(value);\n          props.onChange == null ? void 0 : props.onChange(value);\n        },\n        onBlur: e => {\n          this.setMeta(prev => ({ ...prev,\n            isTouched: true\n          }));\n          this.validate('blur');\n          props.onBlur == null ? void 0 : props.onBlur(e);\n        }\n      };\n    };\n\n    this.getInputProps = (props = {}) => {\n      return { ...props,\n        value: String(this.state.value),\n        onChange: e => {\n          this.setValue(e.target.value);\n          props.onChange == null ? void 0 : props.onChange(e.target.value);\n        },\n        onBlur: this.getChangeProps(props).onBlur\n      };\n    };\n\n    this.form = _opts.form;\n    this.uid = uid++; // Support field prefixing from FieldScope\n    // let fieldPrefix = ''\n    // if (this.form.fieldName) {\n    //   fieldPrefix = `${this.form.fieldName}.`\n    // }\n\n    this.name = _opts.name;\n    this.store = new Store({\n      value: this.getValue(),\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      meta: (_this$getMeta = this.getMeta()) != null ? _this$getMeta : {\n        isValidating: false,\n        isTouched: false,\n        ...this.options.defaultMeta\n      }\n    }, {\n      onUpdate: next => {\n        next.meta.touchedError = next.meta.isTouched ? next.meta.error : undefined; // Do not validate pristine fields\n\n        const prevState = this.state;\n        this.state = next;\n\n        if (next.value !== prevState.value) {\n          this.validate('change', next.value);\n        }\n\n        console.log(this);\n      }\n    });\n    this.state = this.store.state;\n    this.update(_opts);\n  }\n\n}\nconst validateCauseLevels = {\n  change: 0,\n  blur: 1,\n  submit: 2\n};\n\nfunction getValidationCauseLevel(cause) {\n  return !cause ? 3 : validateCauseLevels[cause];\n}\n\nfunction normalizeError(rawError) {\n  if (rawError) {\n    if (typeof rawError !== 'string') {\n      return 'Invalid Form Values';\n    }\n\n    return rawError;\n  }\n\n  return undefined;\n}\n\nexport { FieldApi, FormApi, functionalUpdate, getBy, setBy };\n//# sourceMappingURL=index.js.map\n","/**\n * react-store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nexport * from '@tanstack/store';\n\nfunction useStore(store, selector = d => d) {\n  const slice = useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);\n  return slice;\n}\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n    return false;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (let i = 0; i < keysA.length; i++) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport { shallow, useStore };\n//# sourceMappingURL=index.js.map\n","import type { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<{\n  formApi: FormApi<any>\n  parentFieldName?: string\n} | null>(null!)\n\nexport function useFormContext() {\n  const formApi = React.useContext(formContext)\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n","import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  Narrow,\n} from '@tanstack/form-core'\nimport { FieldApi, functionalUpdate } from '@tanstack/form-core'\nimport { useFormContext, formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport type UseFieldOptions<TData, TFormData> = FieldOptions<\n  TData,\n  TFormData\n> & {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as any })\n\n    api.Field = Field as any\n\n    return api\n  })\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(\n    fieldApi.store,\n    opts.mode === 'array'\n      ? (state: any) => {\n          return [state.meta, Object.keys(state.value || []).length]\n        }\n      : undefined,\n  )\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>({\n  children,\n  ...fieldOptions\n}: {\n  children: (\n    fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n  ) => any\n} & Omit<\n  UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n  'name' | 'index'\n> &\n  (TParentData extends any[]\n    ? {\n        name?: TField extends undefined ? TField : DeepKeys<TParentData>\n        index: number\n      }\n    : {\n        name: TField extends undefined ? TField : DeepKeys<TParentData>\n        index?: never\n      })) => any\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & UseFieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n","import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: React.FormEvent<HTMLFormElement>\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Form = createFormComponent(api)\n    api.Field = Field as any\n    api.useField = useField as any\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector as any) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector as any),\n      ) as any\n    }\n\n    return api\n  })\n\n  formApi.update(opts)\n\n  return formApi as any\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nfunction createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={{ formApi }}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n","import type { FormApi, FormOptions } from '@tanstack/form-core'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      return useForm<TFormData>({ ...defaultOpts, ...opts } as any) as any\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","setBy","obj","_path","path","makePathArray","doSet","parent","length","key","shift","Array","isArray","prefix","slice","Error","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","intPrefix","intReplace","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","FormApi","_opts","_opts$defaultValues","_opts$defaultState","fieldInfo","validationMeta","update","store","prev","defaultValues","reset","validateAllFields","async","fieldValidationPromises","Object","field","instances","instance","meta","setMeta","validate","Promise","all","validateForm","checkLatest","validationPromise","resolve","reject","validationResolve","validationReject","error","_this$validationMeta$","_this$validationMeta","call","err","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","e","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","getFieldValue","getBy","reduce","current","pathPart","getFieldMeta","getFieldInfo","_this$fieldInfo","setFieldMeta","setFieldValue","opts","_opts$touch","touch","pushFieldValue","value","insertFieldValue","index","i","removeFieldValue","filter","_d","swapFieldValues","index1","index2","prev1","prev2","next","fieldMetaValues","some","formError","console","log","id","_classPrivateFieldLooseKey","name","_classPrivateFieldLooseBase","receiver","privateKey","prototype","hasOwnProperty","TypeError","uid","_updateStore","_leaseValidateAsync","FieldApi","_this$getMeta","mount","info","getInfo","unsubscribe","form","keys","defineProperty","writable","nextValue","getValue","nextMeta","getMeta","_this$form$options$de","_this$form$options$de2","_this$form$options$de3","_this$form$options$de4","validatePristine","defaultValidatePristine","validateOn","defaultValidateOn","validateAsyncOn","defaultValidateAsyncOn","validateAsyncDebounceMs","defaultValidateAsyncDebounceMs","undefined","defaultValue","setValue","pushValue","insertValue","removeValue","swapValues","aIndex","bIndex","getSubField","validateSync","validationCount","normalizeError","cancelValidateAsync","count","validationAsyncCount","validateAsync","r","setTimeout","rawError","_this$getInfo$validat","_this$getInfo","_this$getInfo$validat2","_this$getInfo2","shouldValidate","isAsync","cause","level","validateCauseLevels","getValidationCauseLevel","getChangeProps","props","onChange","onBlur","getInputProps","String","target","defaultMeta","touchedError","prevState","change","blur","submit","useStore","selector","useSyncExternalStoreWithSelector","shallow","objA","objB","is","keysA","formContext","React","createContext","useField","formApi","parentFieldName","useContext","useFormContext","fieldApi","useState","join","api","Field","mode","useEffect","children","fieldOptions","createElement","Provider","useForm","Form","noFormElement","rest","_extends","disabled","createFormComponent","Subscribe","defaultOpts"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-form",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Powerful, type-safe forms for React.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@tanstack/react-store": "0.0.1-beta.84",
-    "@tanstack/form-core": "0.0.7"
+    "@tanstack/form-core": "0.0.8"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",

package/src/createFormFactory.ts

@@ -1,12 +1,11 @@
 import type { FormApi, FormOptions } from '@tanstack/form-core'
-import { createUseField, type UseField } from './useField'
+import { type UseField, type FieldComponent, Field, useField } from './useField'
 import { useForm } from './useForm'
-import { createFieldComponent, type FieldComponent } from './Field'
 
 export type FormFactory<TFormData> = {
   useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>
   useField: UseField<TFormData>
-  Field: FieldComponent<TFormData>
+  Field: FieldComponent<TFormData, TFormData>
 }
 
 export function createFormFactory<TFormData>(
@@ -16,7 +15,7 @@ export function createFormFactory<TFormData>(
     useForm: (opts) => {
       return useForm<TFormData>({ ...defaultOpts, ...opts } as any) as any
     },
-    useField: createUseField<TFormData>(),
-    Field: createFieldComponent<TFormData>(),
+    useField: useField as any,
+    Field: Field as any,
   }
 }

package/src/formContext.ts

@@ -1,7 +1,10 @@
 import type { FormApi } from '@tanstack/form-core'
 import * as React from 'react'
 
-export const formContext = React.createContext<FormApi<any> | null>(null)
+export const formContext = React.createContext<{
+  formApi: FormApi<any>
+  parentFieldName?: string
+} | null>(null!)
 
 export function useFormContext() {
   const formApi = React.useContext(formContext)

package/src/index.ts

@@ -25,11 +25,8 @@ export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core'
 export type { FormComponent, FormProps } from './useForm'
 export { useForm } from './useForm'
 
-export type { FieldComponent } from './Field'
-export { Field } from './Field'
-
-export type { UseField } from './useField'
-export { useField } from './useField'
+export type { UseField, FieldComponent } from './useField'
+export { useField, Field } from './useField'
 
 export type { FormFactory } from './createFormFactory'
 export { createFormFactory } from './createFormFactory'

package/src/useField.tsx

@@ -0,0 +1,138 @@
+import * as React from 'react'
+//
+import { useStore } from '@tanstack/react-store'
+import type {
+  DeepKeys,
+  DeepValue,
+  FieldOptions,
+  Narrow,
+} from '@tanstack/form-core'
+import { FieldApi, functionalUpdate } from '@tanstack/form-core'
+import { useFormContext, formContext } from './formContext'
+
+declare module '@tanstack/form-core' {
+  // eslint-disable-next-line no-shadow
+  interface FieldApi<TData, TFormData> {
+    Field: FieldComponent<TData, TFormData>
+  }
+}
+
+export type UseFieldOptions<TData, TFormData> = FieldOptions<
+  TData,
+  TFormData
+> & {
+  mode?: 'value' | 'array'
+}
+
+export type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(
+  opts?: { name: Narrow<TField> } & UseFieldOptions<
+    DeepValue<TFormData, TField>,
+    TFormData
+  >,
+) => FieldApi<DeepValue<TFormData, TField>, TFormData>
+
+export function useField<TData, TFormData>(
+  opts: UseFieldOptions<TData, TFormData>,
+): FieldApi<TData, TFormData> {
+  // Get the form API either manually or from context
+  const { formApi, parentFieldName } = useFormContext()
+
+  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(() => {
+    const name = (
+      typeof opts.index === 'number'
+        ? [parentFieldName, opts.index, opts.name]
+        : [parentFieldName, opts.name]
+    )
+      .filter((d) => d !== undefined)
+      .join('.')
+
+    const api = new FieldApi({ ...opts, form: formApi, name: name as any })
+
+    api.Field = Field as any
+
+    return api
+  })
+
+  // Keep options up to date as they are rendered
+  fieldApi.update({ ...opts, form: formApi })
+
+  useStore(
+    fieldApi.store,
+    opts.mode === 'array'
+      ? (state: any) => {
+          return [state.meta, Object.keys(state.value || []).length]
+        }
+      : undefined,
+  )
+
+  // Instantiates field meta and removes it when unrendered
+  React.useEffect(() => fieldApi.mount(), [fieldApi])
+
+  return fieldApi
+}
+
+// export type FieldValue<TFormData, TField> = TFormData extends any[]
+//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
+//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
+//     : TField extends `[${infer TIndex extends number | 'i'}]`
+//     ? TFormData[TIndex extends 'i' ? number : TIndex]
+//     : never
+//   : TField extends `${infer TPrefix}[${infer TIndex extends
+//       | number
+//       | 'i'}].${infer TRest}`
+//   ? DeepValue<
+//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
+//       TRest
+//     >
+//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
+//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
+//   : DeepValue<TFormData, TField>
+
+export type FieldValue<TFormData, TField> = TFormData extends any[]
+  ? unknown extends TField
+    ? TFormData[number]
+    : DeepValue<TFormData[number], TField>
+  : DeepValue<TFormData, TField>
+
+// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>
+// //   ^?
+// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>
+// //   ^?
+// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>
+// //   ^?
+
+export type FieldComponent<TParentData, TFormData> = <TField>({
+  children,
+  ...fieldOptions
+}: {
+  children: (
+    fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,
+  ) => any
+} & Omit<
+  UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,
+  'name' | 'index'
+> &
+  (TParentData extends any[]
+    ? {
+        name?: TField extends undefined ? TField : DeepKeys<TParentData>
+        index: number
+      }
+    : {
+        name: TField extends undefined ? TField : DeepKeys<TParentData>
+        index?: never
+      })) => any
+
+export function Field<TData, TFormData>({
+  children,
+  ...fieldOptions
+}: {
+  children: (fieldApi: FieldApi<TData, TFormData>) => any
+} & UseFieldOptions<TData, TFormData>) {
+  const fieldApi = useField(fieldOptions as any)
+  return (
+    <formContext.Provider
+      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}
+      children={functionalUpdate(children, fieldApi as any)}
+    />
+  )
+}

package/src/useForm.tsx

@@ -3,8 +3,7 @@ import { FormApi, functionalUpdate } from '@tanstack/form-core'
 import type { NoInfer } from '@tanstack/react-store'
 import { useStore } from '@tanstack/react-store'
 import React from 'react'
-import { createFieldComponent, type FieldComponent } from './Field'
-import { createUseField, type UseField } from './useField'
+import { type UseField, type FieldComponent, Field, useField } from './useField'
 import { formContext } from './formContext'
 
 declare module '@tanstack/form-core' {
@@ -15,7 +14,7 @@ declare module '@tanstack/form-core' {
   // eslint-disable-next-line no-shadow
   interface FormApi<TFormData> {
     Form: FormComponent
-    Field: FieldComponent<TFormData>
+    Field: FieldComponent<TFormData, TFormData>
     useField: UseField<TFormData>
     useStore: <TSelected = NoInfer<FormState<TFormData>>>(
       selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,
@@ -35,8 +34,8 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
     const api = new FormApi<TData>(opts)
 
     api.Form = createFormComponent(api)
-    api.Field = createFieldComponent<TData>()
-    api.useField = createUseField<TData>()
+    api.Field = Field as any
+    api.useField = useField as any
     api.useStore = (
       // @ts-ignore
       selector,
@@ -58,6 +57,8 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
     return api
   })
 
+  formApi.update(opts)
+
   return formApi as any
 }
 
@@ -73,7 +74,7 @@ function createFormComponent(formApi: FormApi<any>) {
     const isSubmitting = formApi.useStore((state) => state.isSubmitting)
 
     return (
-      <formContext.Provider value={formApi}>
+      <formContext.Provider value={{ formApi }}>
         {noFormElement ? (
           children
         ) : (