feature-form 0.0.4 → 0.0.7

package/README.md

@@ -1,11 +1,87 @@
-TODO
+<h1 align="center">
+    <img src="https://raw.githubusercontent.com/inbeta-group/monorepo/develop/packages/feature-form/.github/banner.svg" alt="feature-form banner">
+</h1>
 
-https://github.com/agile-ts/agile/tree/master/packages/multieditor
-https://github.com/fabian-hiller/valibot
+<p align="left">
+    <a href="https://github.com/inbeta-group/monorepo/blob/develop/LICENSE">
+        <img src="https://img.shields.io/github/license/inbeta-group/monorepo.svg?label=license&style=flat&colorA=293140&colorB=F0E81A" alt="GitHub License"/>
+    </a>
+    <a href="https://www.npmjs.com/package/feature-form">
+        <img src="https://img.shields.io/bundlephobia/minzip/feature-form.svg?label=minzipped%20size&style=flat&colorA=293140&colorB=F0E81A" alt="NPM bundle minzipped size"/>
+    </a>
+    <a href="https://www.npmjs.com/package/feature-form">
+        <img src="https://img.shields.io/npm/dt/feature-form.svg?label=downloads&style=flat&colorA=293140&colorB=F0E81A" alt="NPM total downloads"/>
+    </a>
+    <a href="https://dyn.art/s/discord/?source=inbeta-group-readme">
+        <img src="https://img.shields.io/discord/795291052897992724.svg?label=&logo=discord&logoColor=000000&color=293140&labelColor=F0E81A" alt="Join Discord"/>
+    </a>
+</p>
 
+> Status: Experimental
 
-Feature-Form
+`feature-form` is a straightforward, typesafe, and feature-based form library.
 
+- **Lightweight & Tree Shakable**: Function-based and modular design
+- **Fast**: Optimized for speed and efficiency, ensuring smooth user experience
+- **Modular & Extendable**: Easily extendable with features
+- **Typesafe**: Build with TypeScript for strong type safety
+- **Standalone**: Zero external dependencies, ensuring ease of use in various environments
 
-Rename Feature-State-React to Feature-React and also add form hooks
-or create feature-form-react
+### 🏖️ Code Sandbox
+- [ReactJs Basic](https://codesandbox.io/p/sandbox/basic-c4gd3t)
+
+### Motivation
+
+Provide a typesafe, straightforward, and lightweight form library designed to be modular and extendable with features.
+
+### Alternatives
+- [react-hook-form](https://github.com/react-hook-form/react-hook-form)
+
+## 📖 Usage
+
+```tsx
+import { createForm, zodValidator } from 'feature-form';
+import { useForm } from 'feature-react/form';
+import * as z from 'zod';
+
+const $form = createForm({
+    fields: {
+        firstName: {
+            validator: zodValidator(z.string().min(2).max(10)),
+            defaultValue: ''
+        }
+    },
+    onValidSubmit: (data) => console.log('ValidSubmit', data),
+    onInvalidSubmit: (errors) => console.log('InvalidSubmit', errors)
+});
+
+export const Component: React.FC = () => {
+    const { handleSubmit, register, status } = useForm($form);
+
+    return (
+        <form onSubmit={handleSubmit()}>
+            <input {...register('firstName')} />
+            <ErrorMessage status={status('firstName')} />
+            <button type="submit">Submit</button>
+        </form>
+    );
+}
+```
+
+### Validators
+
+Supports various validators such as [Zod](https://github.com/colinhacks/zod), [Yup](https://github.com/jquense/yup), [Valibot](https://github.com/fabian-hiller/valibot) and more.
+
+```ts
+import { zodValidator, valibotValidator } from 'feature-form';
+import * as z from 'zod';
+import * as v from 'valibot';
+
+const zodNameValidator = zodValidator(
+    z.string().min(2).max(10).regex(/^([^0-9]*)$/)
+);
+
+const valibotNameValidator = valibotValidator(
+    v.pipe(v.string(), v.minLength(2), v.maxLength(10), v.regex(/^([^0-9]*)$/))
+);
+```

package/dist/cjs/create-form.js

@@ -1 +1 @@
-"use strict";var y=require("./form-field/create-form-field.js");require("feature-state"),require("@ibg/utils"),require("valibot"),require("yup"),require("zod");var M=Object.defineProperty,m=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,h=(l,r,i)=>r in l?M(l,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):l[r]=i,V=(l,r)=>{for(var i in r||(r={}))S.call(r,i)&&h(l,i,r[i]);if(m)for(var i of m(r))g.call(r,i)&&h(l,i,r[i]);return l},d=(l,r,i)=>new Promise((c,u)=>{var f=e=>{try{n(i.next(e))}catch(t){u(t)}},b=e=>{try{n(i.throw(e))}catch(t){u(t)}},n=e=>e.done?c(e.value):Promise.resolve(e.value).then(f,b);n((i=i.apply(l,r)).next())});function p(l){const{fields:r,collectErrorMode:i="firstError",disabled:c=!1,validateMode:u="onSubmit",reValidateMode:f="onBlur",onSubmit:b=null}=l,n={_:null,_features:["base"],_config:{collectErrorMode:i,disabled:c,onSubmit:b},fields:Object.fromEntries(Object.entries(r).map(([e,t])=>{var o,s,a,v;return[e,y.createFormField(t.defaultValue,{key:e,validator:t.validator,collectErrorMode:(o=t.collectErrorMode)!=null?o:i,validateMode:(s=t.validateMode)!=null?s:u,reValidateMode:(a=t.reValidateMode)!=null?a:f,editable:(v=t.editable)!=null?v:!0})]})),isValid:!1,isSubmitted:!1,_revalidate(e=!1){return d(this,null,function*(){let t=!0;for(const o of Object.values(this.fields))e?t=o.isValid&&t:t=(yield o.validate())&&t;return this.isValid=t,t})},submit(){return d(this,null,function*(){var e,t;const o={};for(const[s,a]of Object.entries(this.fields))(a.isSubmitted&&a._config.reValidateMode==="onSubmit"||!a.isSubmitted&&a._config.validateMode==="onSubmit")&&(yield a.validate()),a.isSubmitted=!0,o[s]=a.get();return this.isSubmitted=!0,this.isValid&&((t=(e=this._config).onSubmit)==null||t.call(e,o)),this.isValid})},validate(){return d(this,null,function*(){return this._revalidate(!1)})},getField(e){return this.fields[e]},reset(){for(const e of Object.values(this.fields))e.reset();this.isSubmitted=!1}};for(const e of Object.values(n.fields))e.listen(()=>d(this,null,function*(){(e.isSubmitted&&e._config.reValidateMode==="onChange"||!e.isSubmitted&&e._config.validateMode==="onChange"||e._config.validateMode==="onTouched"&&e.isTouched)&&(yield e.validate())})),e.status.listen(()=>d(this,null,function*(){yield n._revalidate(!0)}));return n}function O(l,r){return V({validator:l},r)}exports.createForm=p,exports.fromValidator=O;
+"use strict";var p=require("@ibg/utils"),_=require("./form-field/create-form-field.js");require("feature-state"),require("valibot"),require("yup"),require("zod");var u=require("./types/form-field.js"),j=Object.defineProperty,O=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,F=(s,a,i)=>a in s?j(s,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[a]=i,P=(s,a)=>{for(var i in a||(a={}))w.call(a,i)&&F(s,i,a[i]);if(O)for(var i of O(a))E.call(a,i)&&F(s,i,a[i]);return s},v=(s,a,i)=>new Promise((V,g)=>{var S=o=>{try{c(i.next(o))}catch(d){g(d)}},y=o=>{try{c(i.throw(o))}catch(d){g(d)}},c=o=>o.done?V(o.value):Promise.resolve(o.value).then(S,y);c((i=i.apply(s,a)).next())});function k(s){const{fields:a,collectErrorMode:i="firstError",disabled:V=!1,validateMode:g=p.bitwiseFlag(u.FormFieldValidateMode.OnSubmit),reValidateMode:S=p.bitwiseFlag(u.FormFieldReValidateMode.OnBlur),onValidSubmit:y,onInvalidSubmit:c,notifyOnStatusChange:o=!0}=s,d={_:null,_features:["base"],_config:{collectErrorMode:i,disabled:V},_validSubmitCallbacks:y!=null?[y]:[],_invalidSubmitCallbacks:c!=null?[c]:[],fields:Object.fromEntries(Object.entries(a).map(([e,t])=>{var l,b,f,h;return[e,_.createFormField(t.defaultValue,{key:e,validator:t.validator,collectErrorMode:(l=t.collectErrorMode)!=null?l:i,validateMode:(b=t.validateMode)!=null?b:g,reValidateMode:(f=t.reValidateMode)!=null?f:S,editable:(h=t.editable)!=null?h:!0,notifyOnStatusChange:o})]})),isValid:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,_revalidate(e=!1){return v(this,null,function*(){const t=Object.values(this.fields);return e||(this.isValidating=!0,yield Promise.all(t.map(l=>l.validate())),this.isValidating=!1),this.isValid=t.every(l=>l.isValid()),this.isValid})},submit(){return v(this,arguments,function*(e={}){const{additionalData:t,assignToInitial:l=!1,onInvalidSubmit:b,onValidSubmit:f}=e;this.isSubmitting=!0;const h=[];for(const r of Object.values(this.fields))(r.isSubmitted&&r._config.reValidateMode.has(u.FormFieldReValidateMode.OnSubmit)||!r.isSubmitted&&r._config.validateMode.has(u.FormFieldValidateMode.OnSubmit))&&h.push(r.validate()),this.isSubmitting=!0;yield Promise.all(h);const m=this.getData();if(m!=null){const r=this._validSubmitCallbacks.map(n=>n(m,t));typeof f=="function"&&r.push(f(m,t)),yield Promise.all(r)}else{const r=this.getErrors(),n=this._invalidSubmitCallbacks.map(M=>M(r,t));typeof b=="function"&&n.push(b(r,t)),yield Promise.all(n)}for(const[r,n]of Object.entries(this.fields))m!=null&&Object.prototype.hasOwnProperty.call(m,r)&&l&&(n._intialValue=p.deepCopy(m[r])),n.isSubmitted=!0,n.isSubmitting=!1;return this.isSubmitted=!0,this.isSubmitting=!1,this.isValid})},validate(){return v(this,null,function*(){return this._revalidate(!1)})},getField(e){return this.fields[e]},getData(){if(!this.isValid)return null;const e={};for(const[t,l]of Object.entries(this.fields))e[t]=l.get();return e},getErrors(){const e={};for(const[t,l]of Object.entries(this.fields))switch(l.status._value.type){case"INVALID":e[t]=l.status._value.errors;break;case"UNVALIDATED":e[t]=[{code:"unvalidated",message:`${t.toString()} was not yet validated!`,path:t}];break}return e},reset(){for(const e of Object.values(this.fields))e.reset();this.isSubmitted=!1}};for(const e of Object.values(d.fields))e.listen(t=>v(this,[t],function*({source:l}){l==="set"&&(e.isSubmitted&&e._config.reValidateMode.has(u.FormFieldReValidateMode.OnChange)||!e.isSubmitted&&e._config.validateMode.has(u.FormFieldValidateMode.OnChange)||e._config.validateMode.has(u.FormFieldValidateMode.OnTouched)&&e.isTouched)&&(yield e.validate())}),{key:"form"}),e.status.listen(()=>v(this,null,function*(){yield d._revalidate(!0)}),{key:"form"});return d}function C(s,a){return P({validator:s},a)}exports.createForm=k,exports.fromValidator=C;

package/dist/cjs/form-field/create-form-field.js

@@ -1 +1 @@
-"use strict";var c=require("feature-state"),v=require("@ibg/utils"),f=require("./create-status.js"),y=(r,o,i)=>new Promise((d,s)=>{var l=t=>{try{a(i.next(t))}catch(e){s(e)}},u=t=>{try{a(i.throw(t))}catch(e){s(e)}},a=t=>t.done?d(t.value):Promise.resolve(t.value).then(l,u);a((i=i.apply(r,o)).next())});function _(r,o){const{key:i,validator:d,editable:s=!0,reValidateMode:l="onBlur",validateMode:u="onSubmit",collectErrorMode:a="firstError",notifyOnStatusChange:t=!0}=o,e=c.createState(r);e._features.push("form-field");const n=f.createStatus({type:"UNVALIDATED"});t&&n.listen(()=>{e._notify()});const h={_config:{editable:s,validateMode:u,reValidateMode:l,collectErrorMode:a},_intialValue:v.deepCopy(e._value),_validator:d,key:i,isValid:!1,isTouched:!1,isSubmitted:!1,status:n,validate(){return y(this,null,function*(){return this.isValid=yield this._validator.validate(this),this.status._notify(),this.isValid})},blur(){(this.isSubmitted&&this._config.reValidateMode==="onBlur"||!this.isSubmitted&&(this._config.validateMode==="onBlur"||this._config.validateMode==="onTouched"&&!this.isTouched))&&this.validate(),this.isTouched=!0},reset(){this.set(this._intialValue),this.isTouched=!1,this.isSubmitted=!1,this.isValid=!1,this.status.set({type:"UNVALIDATED"})}};return Object.assign(e,h)}exports.createFormField=_;
+"use strict";var F=require("feature-state"),h=require("@ibg/utils"),r=require("../types/form-field.js"),f=require("./create-status.js"),V=(d,l,i)=>new Promise((o,s)=>{var u=e=>{try{a(i.next(e))}catch(t){s(t)}},n=e=>{try{a(i.throw(e))}catch(t){s(t)}},a=e=>e.done?o(e.value):Promise.resolve(e.value).then(u,n);a((i=i.apply(d,l)).next())});function M(d,l){const{key:i,validator:o,editable:s=!0,reValidateMode:u=h.bitwiseFlag(r.FormFieldReValidateMode.OnBlur),validateMode:n=h.bitwiseFlag(r.FormFieldValidateMode.OnSubmit),collectErrorMode:a="firstError",notifyOnStatusChange:e=!0}=l,t=F.createState(d),c=f.createStatus({type:"UNVALIDATED"});e&&c.listen(()=>{t._notify({additionalData:{source:"status"}})},{key:"form-field"});const v={_config:{editable:s,validateMode:n,reValidateMode:u,collectErrorMode:a},_intialValue:h.deepCopy(t._value),key:i,isTouched:!1,isSubmitted:!1,isSubmitting:!1,validator:o,status:c,validate(){return V(this,null,function*(){return this.validator.validate(this)})},isValid(){return this.status.get().type==="VALID"},blur(){(this.isSubmitted&&this._config.reValidateMode.has(r.FormFieldReValidateMode.OnBlur)||!this.isSubmitted&&(this._config.validateMode.has(r.FormFieldValidateMode.OnBlur)||this._config.validateMode.has(r.FormFieldValidateMode.OnTouched)&&!this.isTouched))&&this.validate(),this.isTouched=!0},reset(){this.set(this._intialValue),this.isTouched=!1,this.isSubmitted=!1,this.isSubmitting=!1,this.status.set({type:"UNVALIDATED"})}},m=Object.assign(t,v);return m._features.push("form-field"),m}exports.createFormField=M;

package/dist/cjs/form-field/create-status.js

@@ -1 +1 @@
-"use strict";var s=require("feature-state");function a(r){const t=s.createState(r);return t._features.push("form-field-status"),Object.assign(t,{registerError(e){this._value.type==="INVALID"?this._value.errors.push(e):this._value={type:"INVALID",errors:[e]}}})}exports.createStatus=a;
+"use strict";var u=require("feature-state");function i(s){const a=u.createState(s),t=Object.assign(a,{_nextValue:void 0,registerNextError(e){var r;((r=this._nextValue)==null?void 0:r.type)==="INVALID"?this._nextValue.errors.push(e):this._nextValue={type:"INVALID",errors:[e]}}});return t._features.push("form-field-status"),t}exports.createStatus=i;

package/dist/cjs/form-field/validator/create-validator.js

@@ -1 +1 @@
-"use strict";var d=require("@ibg/utils"),v=(e,t,a)=>new Promise((l,s)=>{var h=i=>{try{n(a.next(i))}catch(r){s(r)}},u=i=>{try{n(a.throw(i))}catch(r){s(r)}},n=i=>i.done?l(i.value):Promise.resolve(i.value).then(h,u);n((a=a.apply(e,t)).next())});function o(e){return{_validationChain:e,isValidating:!1,push(t){this._validationChain.push(t)},append(t){this._validationChain.push(...t._validationChain)},validate(t){return v(this,null,function*(){this.isValidating=!0;for(const a of this._validationChain)if(yield a.validate(t),t._config.collectErrorMode==="firstError"&&t.status.get().type==="INVALID")break;return t.status.get().type==="UNVALIDATED"&&(t.status._value={type:"VALID"}),this.isValidating=!1,t.status.get().type==="VALID"})},clone(){return o(d.deepCopy(this._validationChain))}}}exports.createValidator=o;
+"use strict";var d=require("@ibg/utils"),v=(a,t,i)=>new Promise((n,l)=>{var o=e=>{try{s(i.next(e))}catch(r){l(r)}},h=e=>{try{s(i.throw(e))}catch(r){l(r)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,h);s((i=i.apply(a,t)).next())});function u(a){return{_validationChain:a,isValidating:!1,push(t){this._validationChain.push(t)},append(t){return this._validationChain.push(...t._validationChain),this},validate(t){return v(this,null,function*(){var i;this.isValidating=!0;for(const n of this._validationChain)if(yield n.validate(t),t._config.collectErrorMode==="firstError"&&((i=t.status._nextValue)==null?void 0:i.type)==="INVALID")break;return t.status._nextValue==null?t.status.set({type:"VALID"}):t.status.set(t.status._nextValue),t.status._nextValue=void 0,this.isValidating=!1,t.status.get().type==="VALID"})},clone(){return u(d.deepCopy(this._validationChain))}}}exports.createValidator=u;

package/dist/cjs/form-field/validator/valibot.js

@@ -1 +1 @@
-"use strict";var n=require("valibot"),v=require("./create-validator.js"),d=(i,a,e)=>new Promise((o,r)=>{var c=t=>{try{s(e.next(t))}catch(l){r(l)}},u=t=>{try{s(e.throw(t))}catch(l){r(l)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(c,u);s((e=e.apply(i,a)).next())});function f(i){return v.createValidator([{key:"valibot",validate:a=>d(this,null,function*(){var e;const o=yield n.safeParseAsync(i,a.get(),{abortPipeEarly:a._config.collectErrorMode==="firstError"});if(o.issues!=null)for(const r of o.issues)a.status.registerError({code:r.type,message:r.message,path:(e=n.getDotPath(r))!=null?e:void 0})})}])}exports.valibotValidator=f;
+"use strict";var n=require("valibot"),v=require("./create-validator.js"),d=(i,a,e)=>new Promise((o,r)=>{var c=t=>{try{s(e.next(t))}catch(l){r(l)}},u=t=>{try{s(e.throw(t))}catch(l){r(l)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(c,u);s((e=e.apply(i,a)).next())});function f(i){return v.createValidator([{key:"valibot",validate:a=>d(this,null,function*(){var e;const o=yield n.safeParseAsync(i,a.get(),{abortPipeEarly:a._config.collectErrorMode==="firstError"});if(o.issues!=null)for(const r of o.issues)a.status.registerNextError({code:r.type,message:r.message,path:(e=n.getDotPath(r))!=null?e:void 0})})}])}exports.valibotValidator=f;

package/dist/cjs/form-field/validator/yup.js

@@ -1 +1 @@
-"use strict";var u=require("yup"),p=require("./create-validator.js"),y=(i,e,t)=>new Promise((n,r)=>{var o=a=>{try{s(t.next(a))}catch(l){r(l)}},c=a=>{try{s(t.throw(a))}catch(l){r(l)}},s=a=>a.done?n(a.value):Promise.resolve(a.value).then(o,c);s((t=t.apply(i,e)).next())});function h(i){return p.createValidator([{key:"yup",validate:e=>y(this,null,function*(){var t,n;try{yield i.validate(e.get(),{abortEarly:e._config.collectErrorMode==="firstError"})}catch(r){if(r instanceof u.ValidationError){r.inner.length===0&&e.status.registerError({code:(t=r.type)!=null?t:"unknown",message:r.message.replace("this",e.key),path:r.path});for(const o of r.inner)e.status.registerError({code:(n=o.type)!=null?n:"unknown",message:o.message.replace("this",e.key),path:o.path})}}})}])}exports.yupValidator=h;
+"use strict";var p=require("yup"),y=require("./create-validator.js"),d=(e,t,a)=>new Promise((i,r)=>{var o=n=>{try{s(a.next(n))}catch(l){r(l)}},u=n=>{try{s(a.throw(n))}catch(l){r(l)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(o,u);s((a=a.apply(e,t)).next())});function h(e){return y.createValidator([{key:"yup",validate:t=>d(this,null,function*(){var a,i;try{yield e.validate(t.get(),{abortEarly:t._config.collectErrorMode==="firstError"})}catch(r){if(c(r)){r.inner.length===0&&t.status.registerNextError({code:(a=r.type)!=null?a:"unknown",message:r.message.replace("this",t.key),path:r.path});for(const o of r.inner)t.status.registerNextError({code:(i=o.type)!=null?i:"unknown",message:o.message.replace("this",t.key),path:o.path})}else console.warn("Parse error is not an instance of a ValidationError. Ensure Yup is correctly installed.",r)}})}])}function c(e){return e instanceof p.ValidationError||e instanceof Error&&"inner"in e&&Array.isArray(e.inner)}exports.isYupError=c,exports.yupValidator=h;

package/dist/cjs/form-field/validator/zod.js

@@ -1 +1 @@
-"use strict";var t=require("zod"),i=require("./create-validator.js");function s(o){return i.createValidator([{key:"zod",validate:e=>{try{o.parse(e.get())}catch(a){if(a instanceof t.ZodError)for(const r of a.errors)e.status.registerError({code:r.code,message:r.message,path:r.path.join(".")})}}}])}exports.zodValidator=s;
+"use strict";var s=require("zod"),i=require("./create-validator.js");function n(r){return i.createValidator([{key:"zod",validate:a=>{try{r.parse(a.get())}catch(e){if(t(e))for(const o of e.errors)a.status.registerNextError({code:o.code,message:o.message,path:o.path.join(".")});else console.warn("Parse error is not an instance of a ZodError. Ensure Zod is correctly installed.",e)}}}])}function t(r){return r instanceof s.ZodError||r instanceof Error&&"errors"in r&&Array.isArray(r.errors)}exports.isZodError=t,exports.zodValidator=n;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";var r=require("./create-form.js"),a=require("./form-field/create-form-field.js"),e=require("./form-field/create-status.js"),t=require("./form-field/is-form-field.js"),i=require("./form-field/validator/create-validator.js"),o=require("./form-field/validator/valibot.js"),d=require("./form-field/validator/yup.js"),l=require("./form-field/validator/zod.js");exports.createForm=r.createForm,exports.fromValidator=r.fromValidator,exports.createFormField=a.createFormField,exports.createStatus=e.createStatus,exports.isFormField=t.isFormField,exports.createValidator=i.createValidator,exports.valibotValidator=o.valibotValidator,exports.yupValidator=d.yupValidator,exports.zodValidator=l.zodValidator;
+"use strict";var r=require("@ibg/utils"),e=require("./create-form.js"),o=require("./form-field/create-form-field.js"),d=require("./form-field/create-status.js"),l=require("./form-field/is-form-field.js"),u=require("./form-field/validator/create-validator.js"),F=require("./form-field/validator/valibot.js"),a=require("./form-field/validator/yup.js"),i=require("./form-field/validator/zod.js"),t=require("./types/form-field.js");Object.defineProperty(exports,"BitwiseFlag",{enumerable:!0,get:function(){return r.BitwiseFlag}}),Object.defineProperty(exports,"bitwiseFlag",{enumerable:!0,get:function(){return r.bitwiseFlag}}),exports.createForm=e.createForm,exports.fromValidator=e.fromValidator,exports.createFormField=o.createFormField,exports.createStatus=d.createStatus,exports.isFormField=l.isFormField,exports.createValidator=u.createValidator,exports.valibotValidator=F.valibotValidator,exports.isYupError=a.isYupError,exports.yupValidator=a.yupValidator,exports.isZodError=i.isZodError,exports.zodValidator=i.zodValidator,exports.FormFieldReValidateMode=t.FormFieldReValidateMode,exports.FormFieldValidateMode=t.FormFieldValidateMode;

package/dist/cjs/types/form-field.js

@@ -0,0 +1 @@
+"use strict";var d=(n=>(n[n.OnBlur=1]="OnBlur",n[n.OnChange=2]="OnChange",n[n.OnSubmit=4]="OnSubmit",n[n.OnTouched=8]="OnTouched",n))(d||{}),O=(n=>(n[n.OnBlur=1]="OnBlur",n[n.OnChange=2]="OnChange",n[n.OnSubmit=4]="OnSubmit",n))(O||{});exports.FormFieldReValidateMode=O,exports.FormFieldValidateMode=d;

package/dist/esm/create-form.js

@@ -1 +1 @@
-import{createFormField as p}from"./form-field/create-form-field.js";import"feature-state";import"@ibg/utils";import"valibot";import"yup";import"zod";var y=Object.defineProperty,v=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(r,l,i)=>l in r?y(r,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[l]=i,g=(r,l)=>{for(var i in l||(l={}))M.call(l,i)&&h(r,i,l[i]);if(v)for(var i of v(l))S.call(l,i)&&h(r,i,l[i]);return r},d=(r,l,i)=>new Promise((c,s)=>{var f=e=>{try{n(i.next(e))}catch(t){s(t)}},b=e=>{try{n(i.throw(e))}catch(t){s(t)}},n=e=>e.done?c(e.value):Promise.resolve(e.value).then(f,b);n((i=i.apply(r,l)).next())});function V(r){const{fields:l,collectErrorMode:i="firstError",disabled:c=!1,validateMode:s="onSubmit",reValidateMode:f="onBlur",onSubmit:b=null}=r,n={_:null,_features:["base"],_config:{collectErrorMode:i,disabled:c,onSubmit:b},fields:Object.fromEntries(Object.entries(l).map(([e,t])=>{var a,u,o,m;return[e,p(t.defaultValue,{key:e,validator:t.validator,collectErrorMode:(a=t.collectErrorMode)!=null?a:i,validateMode:(u=t.validateMode)!=null?u:s,reValidateMode:(o=t.reValidateMode)!=null?o:f,editable:(m=t.editable)!=null?m:!0})]})),isValid:!1,isSubmitted:!1,_revalidate(e=!1){return d(this,null,function*(){let t=!0;for(const a of Object.values(this.fields))e?t=a.isValid&&t:t=(yield a.validate())&&t;return this.isValid=t,t})},submit(){return d(this,null,function*(){var e,t;const a={};for(const[u,o]of Object.entries(this.fields))(o.isSubmitted&&o._config.reValidateMode==="onSubmit"||!o.isSubmitted&&o._config.validateMode==="onSubmit")&&(yield o.validate()),o.isSubmitted=!0,a[u]=o.get();return this.isSubmitted=!0,this.isValid&&((t=(e=this._config).onSubmit)==null||t.call(e,a)),this.isValid})},validate(){return d(this,null,function*(){return this._revalidate(!1)})},getField(e){return this.fields[e]},reset(){for(const e of Object.values(this.fields))e.reset();this.isSubmitted=!1}};for(const e of Object.values(n.fields))e.listen(()=>d(this,null,function*(){(e.isSubmitted&&e._config.reValidateMode==="onChange"||!e.isSubmitted&&e._config.validateMode==="onChange"||e._config.validateMode==="onTouched"&&e.isTouched)&&(yield e.validate())})),e.status.listen(()=>d(this,null,function*(){yield n._revalidate(!0)}));return n}function O(r,l){return g({validator:r},l)}export{V as createForm,O as fromValidator};
+import{bitwiseFlag as V,deepCopy as E}from"@ibg/utils";import{createFormField as F}from"./form-field/create-form-field.js";import"feature-state";import"valibot";import"yup";import"zod";import{FormFieldValidateMode as g,FormFieldReValidateMode as O}from"./types/form-field.js";var P=Object.defineProperty,_=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,M=(r,a,i)=>a in r?P(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,C=(r,a)=>{for(var i in a||(a={}))k.call(a,i)&&M(r,i,a[i]);if(_)for(var i of _(a))w.call(a,i)&&M(r,i,a[i]);return r},h=(r,a,i)=>new Promise((y,v)=>{var S=o=>{try{u(i.next(o))}catch(d){v(d)}},p=o=>{try{u(i.throw(o))}catch(d){v(d)}},u=o=>o.done?y(o.value):Promise.resolve(o.value).then(S,p);u((i=i.apply(r,a)).next())});function D(r){const{fields:a,collectErrorMode:i="firstError",disabled:y=!1,validateMode:v=V(g.OnSubmit),reValidateMode:S=V(O.OnBlur),onValidSubmit:p,onInvalidSubmit:u,notifyOnStatusChange:o=!0}=r,d={_:null,_features:["base"],_config:{collectErrorMode:i,disabled:y},_validSubmitCallbacks:p!=null?[p]:[],_invalidSubmitCallbacks:u!=null?[u]:[],fields:Object.fromEntries(Object.entries(a).map(([t,e])=>{var l,m,f,b;return[t,F(e.defaultValue,{key:t,validator:e.validator,collectErrorMode:(l=e.collectErrorMode)!=null?l:i,validateMode:(m=e.validateMode)!=null?m:v,reValidateMode:(f=e.reValidateMode)!=null?f:S,editable:(b=e.editable)!=null?b:!0,notifyOnStatusChange:o})]})),isValid:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,_revalidate(t=!1){return h(this,null,function*(){const e=Object.values(this.fields);return t||(this.isValidating=!0,yield Promise.all(e.map(l=>l.validate())),this.isValidating=!1),this.isValid=e.every(l=>l.isValid()),this.isValid})},submit(){return h(this,arguments,function*(t={}){const{additionalData:e,assignToInitial:l=!1,onInvalidSubmit:m,onValidSubmit:f}=t;this.isSubmitting=!0;const b=[];for(const s of Object.values(this.fields))(s.isSubmitted&&s._config.reValidateMode.has(O.OnSubmit)||!s.isSubmitted&&s._config.validateMode.has(g.OnSubmit))&&b.push(s.validate()),this.isSubmitting=!0;yield Promise.all(b);const c=this.getData();if(c!=null){const s=this._validSubmitCallbacks.map(n=>n(c,e));typeof f=="function"&&s.push(f(c,e)),yield Promise.all(s)}else{const s=this.getErrors(),n=this._invalidSubmitCallbacks.map(j=>j(s,e));typeof m=="function"&&n.push(m(s,e)),yield Promise.all(n)}for(const[s,n]of Object.entries(this.fields))c!=null&&Object.prototype.hasOwnProperty.call(c,s)&&l&&(n._intialValue=E(c[s])),n.isSubmitted=!0,n.isSubmitting=!1;return this.isSubmitted=!0,this.isSubmitting=!1,this.isValid})},validate(){return h(this,null,function*(){return this._revalidate(!1)})},getField(t){return this.fields[t]},getData(){if(!this.isValid)return null;const t={};for(const[e,l]of Object.entries(this.fields))t[e]=l.get();return t},getErrors(){const t={};for(const[e,l]of Object.entries(this.fields))switch(l.status._value.type){case"INVALID":t[e]=l.status._value.errors;break;case"UNVALIDATED":t[e]=[{code:"unvalidated",message:`${e.toString()} was not yet validated!`,path:e}];break}return t},reset(){for(const t of Object.values(this.fields))t.reset();this.isSubmitted=!1}};for(const t of Object.values(d.fields))t.listen(e=>h(this,[e],function*({source:l}){l==="set"&&(t.isSubmitted&&t._config.reValidateMode.has(O.OnChange)||!t.isSubmitted&&t._config.validateMode.has(g.OnChange)||t._config.validateMode.has(g.OnTouched)&&t.isTouched)&&(yield t.validate())}),{key:"form"}),t.status.listen(()=>h(this,null,function*(){yield d._revalidate(!0)}),{key:"form"});return d}function I(r,a){return C({validator:r},a)}export{D as createForm,I as fromValidator};

package/dist/esm/form-field/create-form-field.js

@@ -1 +1 @@
-import{createState as c}from"feature-state";import{deepCopy as f}from"@ibg/utils";import{createStatus as v}from"./create-status.js";var m=(o,r,i)=>new Promise((d,s)=>{var l=t=>{try{a(i.next(t))}catch(e){s(e)}},n=t=>{try{a(i.throw(t))}catch(e){s(e)}},a=t=>t.done?d(t.value):Promise.resolve(t.value).then(l,n);a((i=i.apply(o,r)).next())});function y(o,r){const{key:i,validator:d,editable:s=!0,reValidateMode:l="onBlur",validateMode:n="onSubmit",collectErrorMode:a="firstError",notifyOnStatusChange:t=!0}=r,e=c(o);e._features.push("form-field");const u=v({type:"UNVALIDATED"});t&&u.listen(()=>{e._notify()});const h={_config:{editable:s,validateMode:n,reValidateMode:l,collectErrorMode:a},_intialValue:f(e._value),_validator:d,key:i,isValid:!1,isTouched:!1,isSubmitted:!1,status:u,validate(){return m(this,null,function*(){return this.isValid=yield this._validator.validate(this),this.status._notify(),this.isValid})},blur(){(this.isSubmitted&&this._config.reValidateMode==="onBlur"||!this.isSubmitted&&(this._config.validateMode==="onBlur"||this._config.validateMode==="onTouched"&&!this.isTouched))&&this.validate(),this.isTouched=!0},reset(){this.set(this._intialValue),this.isTouched=!1,this.isSubmitted=!1,this.isValid=!1,this.status.set({type:"UNVALIDATED"})}};return Object.assign(e,h)}export{y as createFormField};
+import{createState as p}from"feature-state";import{bitwiseFlag as m,deepCopy as b}from"@ibg/utils";import{FormFieldReValidateMode as f,FormFieldValidateMode as n}from"../types/form-field.js";import{createStatus as y}from"./create-status.js";var V=(o,r,i)=>new Promise((d,s)=>{var l=t=>{try{a(i.next(t))}catch(e){s(e)}},u=t=>{try{a(i.throw(t))}catch(e){s(e)}},a=t=>t.done?d(t.value):Promise.resolve(t.value).then(l,u);a((i=i.apply(o,r)).next())});function M(o,r){const{key:i,validator:d,editable:s=!0,reValidateMode:l=m(f.OnBlur),validateMode:u=m(n.OnSubmit),collectErrorMode:a="firstError",notifyOnStatusChange:t=!0}=r,e=p(o),h=y({type:"UNVALIDATED"});t&&h.listen(()=>{e._notify({additionalData:{source:"status"}})},{key:"form-field"});const v={_config:{editable:s,validateMode:u,reValidateMode:l,collectErrorMode:a},_intialValue:b(e._value),key:i,isTouched:!1,isSubmitted:!1,isSubmitting:!1,validator:d,status:h,validate(){return V(this,null,function*(){return this.validator.validate(this)})},isValid(){return this.status.get().type==="VALID"},blur(){(this.isSubmitted&&this._config.reValidateMode.has(f.OnBlur)||!this.isSubmitted&&(this._config.validateMode.has(n.OnBlur)||this._config.validateMode.has(n.OnTouched)&&!this.isTouched))&&this.validate(),this.isTouched=!0},reset(){this.set(this._intialValue),this.isTouched=!1,this.isSubmitted=!1,this.isSubmitting=!1,this.status.set({type:"UNVALIDATED"})}},c=Object.assign(e,v);return c._features.push("form-field"),c}export{M as createFormField};

package/dist/esm/form-field/create-status.js

@@ -1 +1 @@
-import{createState as s}from"feature-state";function a(e){const t=s(e);return t._features.push("form-field-status"),Object.assign(t,{registerError(r){this._value.type==="INVALID"?this._value.errors.push(r):this._value={type:"INVALID",errors:[r]}}})}export{a as createStatus};
+import{createState as u}from"feature-state";function o(s){const a=u(s),t=Object.assign(a,{_nextValue:void 0,registerNextError(e){var r;((r=this._nextValue)==null?void 0:r.type)==="INVALID"?this._nextValue.errors.push(e):this._nextValue={type:"INVALID",errors:[e]}}});return t._features.push("form-field-status"),t}export{o as createStatus};

package/dist/esm/form-field/validator/create-validator.js

@@ -1 +1 @@
-import{deepCopy as u}from"@ibg/utils";var p=(e,t,a)=>new Promise((l,o)=>{var h=i=>{try{n(a.next(i))}catch(r){o(r)}},d=i=>{try{n(a.throw(i))}catch(r){o(r)}},n=i=>i.done?l(i.value):Promise.resolve(i.value).then(h,d);n((a=a.apply(e,t)).next())});function s(e){return{_validationChain:e,isValidating:!1,push(t){this._validationChain.push(t)},append(t){this._validationChain.push(...t._validationChain)},validate(t){return p(this,null,function*(){this.isValidating=!0;for(const a of this._validationChain)if(yield a.validate(t),t._config.collectErrorMode==="firstError"&&t.status.get().type==="INVALID")break;return t.status.get().type==="UNVALIDATED"&&(t.status._value={type:"VALID"}),this.isValidating=!1,t.status.get().type==="VALID"})},clone(){return s(u(this._validationChain))}}}export{s as createValidator};
+import{deepCopy as d}from"@ibg/utils";var v=(a,t,i)=>new Promise((n,l)=>{var u=e=>{try{s(i.next(e))}catch(r){l(r)}},h=e=>{try{s(i.throw(e))}catch(r){l(r)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(u,h);s((i=i.apply(a,t)).next())});function o(a){return{_validationChain:a,isValidating:!1,push(t){this._validationChain.push(t)},append(t){return this._validationChain.push(...t._validationChain),this},validate(t){return v(this,null,function*(){var i;this.isValidating=!0;for(const n of this._validationChain)if(yield n.validate(t),t._config.collectErrorMode==="firstError"&&((i=t.status._nextValue)==null?void 0:i.type)==="INVALID")break;return t.status._nextValue==null?t.status.set({type:"VALID"}):t.status.set(t.status._nextValue),t.status._nextValue=void 0,this.isValidating=!1,t.status.get().type==="VALID"})},clone(){return o(d(this._validationChain))}}}export{o as createValidator};

package/dist/esm/form-field/validator/valibot.js

@@ -1 +1 @@
-import{safeParseAsync as u,getDotPath as f}from"valibot";import{createValidator as v}from"./create-validator.js";var d=(s,o,t)=>new Promise((a,r)=>{var n=e=>{try{i(t.next(e))}catch(l){r(l)}},c=e=>{try{i(t.throw(e))}catch(l){r(l)}},i=e=>e.done?a(e.value):Promise.resolve(e.value).then(n,c);i((t=t.apply(s,o)).next())});function m(s){return v([{key:"valibot",validate:o=>d(this,null,function*(){var t;const a=yield u(s,o.get(),{abortPipeEarly:o._config.collectErrorMode==="firstError"});if(a.issues!=null)for(const r of a.issues)o.status.registerError({code:r.type,message:r.message,path:(t=f(r))!=null?t:void 0})})}])}export{m as valibotValidator};
+import{safeParseAsync as u,getDotPath as f}from"valibot";import{createValidator as v}from"./create-validator.js";var d=(s,o,t)=>new Promise((a,r)=>{var n=e=>{try{i(t.next(e))}catch(l){r(l)}},c=e=>{try{i(t.throw(e))}catch(l){r(l)}},i=e=>e.done?a(e.value):Promise.resolve(e.value).then(n,c);i((t=t.apply(s,o)).next())});function m(s){return v([{key:"valibot",validate:o=>d(this,null,function*(){var t;const a=yield u(s,o.get(),{abortPipeEarly:o._config.collectErrorMode==="firstError"});if(a.issues!=null)for(const r of a.issues)o.status.registerNextError({code:r.type,message:r.message,path:(t=f(r))!=null?t:void 0})})}])}export{m as valibotValidator};

package/dist/esm/form-field/validator/yup.js

@@ -1 +1 @@
-import{ValidationError as p}from"yup";import{createValidator as u}from"./create-validator.js";var h=(i,e,t)=>new Promise((n,r)=>{var a=o=>{try{s(t.next(o))}catch(l){r(l)}},c=o=>{try{s(t.throw(o))}catch(l){r(l)}},s=o=>o.done?n(o.value):Promise.resolve(o.value).then(a,c);s((t=t.apply(i,e)).next())});function y(i){return u([{key:"yup",validate:e=>h(this,null,function*(){var t,n;try{yield i.validate(e.get(),{abortEarly:e._config.collectErrorMode==="firstError"})}catch(r){if(r instanceof p){r.inner.length===0&&e.status.registerError({code:(t=r.type)!=null?t:"unknown",message:r.message.replace("this",e.key),path:r.path});for(const a of r.inner)e.status.registerError({code:(n=a.type)!=null?n:"unknown",message:a.message.replace("this",e.key),path:a.path})}}})}])}export{y as yupValidator};
+import{ValidationError as p}from"yup";import{createValidator as y}from"./create-validator.js";var f=(e,t,n)=>new Promise((i,r)=>{var a=o=>{try{s(n.next(o))}catch(l){r(l)}},u=o=>{try{s(n.throw(o))}catch(l){r(l)}},s=o=>o.done?i(o.value):Promise.resolve(o.value).then(a,u);s((n=n.apply(e,t)).next())});function h(e){return y([{key:"yup",validate:t=>f(this,null,function*(){var n,i;try{yield e.validate(t.get(),{abortEarly:t._config.collectErrorMode==="firstError"})}catch(r){if(c(r)){r.inner.length===0&&t.status.registerNextError({code:(n=r.type)!=null?n:"unknown",message:r.message.replace("this",t.key),path:r.path});for(const a of r.inner)t.status.registerNextError({code:(i=a.type)!=null?i:"unknown",message:a.message.replace("this",t.key),path:a.path})}else console.warn("Parse error is not an instance of a ValidationError. Ensure Yup is correctly installed.",r)}})}])}function c(e){return e instanceof p||e instanceof Error&&"inner"in e&&Array.isArray(e.inner)}export{c as isYupError,h as yupValidator};

package/dist/esm/form-field/validator/zod.js

@@ -1 +1 @@
-import{ZodError as a}from"zod";import{createValidator as s}from"./create-validator.js";function i(e){return s([{key:"zod",validate:o=>{try{e.parse(o.get())}catch(t){if(t instanceof a)for(const r of t.errors)o.status.registerError({code:r.code,message:r.message,path:r.path.join(".")})}}}])}export{i as zodValidator};
+import{ZodError as a}from"zod";import{createValidator as n}from"./create-validator.js";function i(r){return n([{key:"zod",validate:t=>{try{r.parse(t.get())}catch(o){if(s(o))for(const e of o.errors)t.status.registerNextError({code:e.code,message:e.message,path:e.path.join(".")});else console.warn("Parse error is not an instance of a ZodError. Ensure Zod is correctly installed.",o)}}}])}function s(r){return r instanceof a||r instanceof Error&&"errors"in r&&Array.isArray(r.errors)}export{s as isZodError,i as zodValidator};

package/dist/esm/index.js

@@ -1 +1 @@
-import{createForm as t,fromValidator as e}from"./create-form.js";import{createFormField as m}from"./form-field/create-form-field.js";import{createStatus as i}from"./form-field/create-status.js";import{isFormField as d}from"./form-field/is-form-field.js";import{createValidator as x}from"./form-field/validator/create-validator.js";import{valibotValidator as V}from"./form-field/validator/valibot.js";import{yupValidator as s}from"./form-field/validator/yup.js";import{zodValidator as b}from"./form-field/validator/zod.js";export{t as createForm,m as createFormField,i as createStatus,x as createValidator,e as fromValidator,d as isFormField,V as valibotValidator,s as yupValidator,b as zodValidator};
+import{BitwiseFlag as e,bitwiseFlag as t}from"@ibg/utils";import{createForm as i,fromValidator as m}from"./create-form.js";import{createFormField as l}from"./form-field/create-form-field.js";import{createStatus as f}from"./form-field/create-status.js";import{isFormField as x}from"./form-field/is-form-field.js";import{createValidator as s}from"./form-field/validator/create-validator.js";import{valibotValidator as u}from"./form-field/validator/valibot.js";import{isYupError as g,yupValidator as w}from"./form-field/validator/yup.js";import{isZodError as M,zodValidator as v}from"./form-field/validator/zod.js";import{FormFieldReValidateMode as z,FormFieldValidateMode as B}from"./types/form-field.js";export{e as BitwiseFlag,z as FormFieldReValidateMode,B as FormFieldValidateMode,t as bitwiseFlag,i as createForm,l as createFormField,f as createStatus,s as createValidator,m as fromValidator,x as isFormField,g as isYupError,M as isZodError,u as valibotValidator,w as yupValidator,v as zodValidator};

package/dist/esm/types/form-field.js

@@ -0,0 +1 @@
+var O=(n=>(n[n.OnBlur=1]="OnBlur",n[n.OnChange=2]="OnChange",n[n.OnSubmit=4]="OnSubmit",n[n.OnTouched=8]="OnTouched",n))(O||{}),u=(n=>(n[n.OnBlur=1]="OnBlur",n[n.OnChange=2]="OnChange",n[n.OnSubmit=4]="OnSubmit",n))(u||{});export{u as FormFieldReValidateMode,O as FormFieldValidateMode};

package/dist/types/create-form.d.ts

@@ -1,18 +1,25 @@
-import { type TForm, type TFormConfig, type TFormData, type TFormFieldReValidateMode, type TFormFieldStateConfig, type TFormFieldValidateMode, type TFormFieldValidator } from './types';
+import { type BitwiseFlag } from '@ibg/utils';
+import { FormFieldReValidateMode, FormFieldValidateMode, type TForm, type TFormConfig, type TFormData, type TFormFieldStateConfig, type TFormFieldValidator, type TInvalidSubmitCallback, type TValidSubmitCallback } from './types';
 export declare function createForm<GFormData extends TFormData>(config: TCreateFormConfig<GFormData>): TForm<GFormData, ['base']>;
-export interface TCreateFormConfig<GFormData extends TFormData> extends Partial<TFormConfig<GFormData>> {
+export interface TCreateFormConfig<GFormData extends TFormData> extends Partial<TFormConfig> {
     /**
      * Form fields
      */
     fields: TCreateFormConfigFormFields<GFormData>;
     /**
-     * Validation strategy after submitting.
+     * Validation strategy **before** submitting.
      */
-    validateMode?: TFormFieldValidateMode;
+    validateMode?: BitwiseFlag<FormFieldValidateMode>;
     /**
-     * Validation strategy before submitting.
+     * Validation strategy **after** submitting.
      */
-    reValidateMode?: TFormFieldReValidateMode;
+    reValidateMode?: BitwiseFlag<FormFieldReValidateMode>;
+    /**
+     * Whether to notify the form field if its status has changed
+     */
+    notifyOnStatusChange?: boolean;
+    onInvalidSubmit?: TInvalidSubmitCallback<GFormData>;
+    onValidSubmit?: TValidSubmitCallback<GFormData>;
 }
 export type TCreateFormConfigFormFields<GFormData extends TFormData> = {
     [Key in keyof GFormData]: TCreateFormConfigFormField<GFormData[Key]>;

package/dist/types/create-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-form.d.ts","sourceRoot":"","sources":["../../src/create-form.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,KAAK,KAAK,EACV,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,wBAAwB,EAE7B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,UAAU,CAAC,SAAS,SAAS,SAAS,EACrD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAClC,KAAK,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CA8G5B;AAED,MAAM,WAAW,iBAAiB,CAAC,SAAS,SAAS,SAAS,CAC7D,SAAQ,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,MAAM,EAAE,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;CAC1C;AAED,MAAM,MAAM,2BAA2B,CAAC,SAAS,SAAS,SAAS,IAAI;KACrE,GAAG,IAAI,MAAM,SAAS,GAAG,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE,CAAC;AAEF,MAAM,WAAW,0BAA0B,CAAC,MAAM,CAAE,SAAQ,OAAO,CAAC,qBAAqB,CAAC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;CACvC;AAID,wBAAgB,aAAa,CAAC,MAAM,EACnC,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACtC,MAAM,EAAE,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,GAC3D,0BAA0B,CAAC,MAAM,CAAC,CAEpC"}
+{"version":3,"file":"create-form.d.ts","sourceRoot":"","sources":["../../src/create-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,EAAiB,MAAM,YAAY,CAAC;AAGpF,OAAO,EACN,uBAAuB,EACvB,qBAAqB,EACrB,KAAK,KAAK,EACV,KAAK,WAAW,EAChB,KAAK,SAAS,EAEd,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EAGxB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,UAAU,CAAC,SAAS,SAAS,SAAS,EACrD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAClC,KAAK,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAyM5B;AAED,MAAM,WAAW,iBAAiB,CAAC,SAAS,SAAS,SAAS,CAAE,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC3F;;OAEG;IACH,MAAM,EAAE,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;IACtD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,eAAe,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,2BAA2B,CAAC,SAAS,SAAS,SAAS,IAAI;KACrE,GAAG,IAAI,MAAM,SAAS,GAAG,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE,CAAC;AAEF,MAAM,WAAW,0BAA0B,CAAC,MAAM,CAAE,SAAQ,OAAO,CAAC,qBAAqB,CAAC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;CACvC;AAID,wBAAgB,aAAa,CAAC,MAAM,EACnC,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACtC,MAAM,EAAE,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,GAC3D,0BAA0B,CAAC,MAAM,CAAC,CAEpC"}

package/dist/types/form-field/create-form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-form-field.d.ts","sourceRoot":"","sources":["../../../src/form-field/create-form-field.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,qBAAqB,EAE1B,KAAK,mBAAmB,EACxB,MAAM,UAAU,CAAC;AAGlB,wBAAgB,eAAe,CAAC,MAAM,EACrC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,MAAM,EAAE,sBAAsB,CAAC,MAAM,CAAC,GACpC,UAAU,CAAC,MAAM,CAAC,CAiEpB;AAED,MAAM,WAAW,sBAAsB,CAAC,MAAM,CAAE,SAAQ,OAAO,CAAC,qBAAqB,CAAC;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B"}
+{"version":3,"file":"create-form-field.d.ts","sourceRoot":"","sources":["../../../src/form-field/create-form-field.ts"],"names":[],"mappings":"AAGA,OAAO,EAGN,KAAK,UAAU,EACf,KAAK,qBAAqB,EAE1B,KAAK,mBAAmB,EACxB,MAAM,UAAU,CAAC;AAGlB,wBAAgB,eAAe,CAAC,MAAM,EACrC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,MAAM,EAAE,sBAAsB,CAAC,MAAM,CAAC,GACpC,UAAU,CAAC,MAAM,CAAC,CAyEpB;AAED,MAAM,WAAW,sBAAsB,CAAC,MAAM,CAAE,SAAQ,OAAO,CAAC,qBAAqB,CAAC;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B"}

package/dist/types/form-field/create-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-status.d.ts","sourceRoot":"","sources":["../../../src/form-field/create-status.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE7E,wBAAgB,YAAY,CAAC,YAAY,EAAE,qBAAqB,GAAG,gBAAgB,CAiBlF"}
+{"version":3,"file":"create-status.d.ts","sourceRoot":"","sources":["../../../src/form-field/create-status.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE7E,wBAAgB,YAAY,CAAC,YAAY,EAAE,qBAAqB,GAAG,gBAAgB,CAsBlF"}

package/dist/types/form-field/validator/create-validator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-validator.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/create-validator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvF,wBAAgB,eAAe,CAAC,MAAM,EACrC,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAChD,mBAAmB,CAAC,MAAM,CAAC,CAmC7B"}
+{"version":3,"file":"create-validator.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/create-validator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvF,wBAAgB,eAAe,CAAC,MAAM,EACrC,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAChD,mBAAmB,CAAC,MAAM,CAAC,CAwC7B"}

package/dist/types/form-field/validator/yup.d.ts

@@ -1,4 +1,5 @@
-import { type Schema } from 'yup';
+import { ValidationError, type Schema } from 'yup';
 import { type TFormFieldValidator } from '../../types';
 export declare function yupValidator<GValue>(schema: Schema<GValue>): TFormFieldValidator<GValue>;
+export declare function isYupError(err: unknown): err is ValidationError;
 //# sourceMappingURL=yup.d.ts.map

package/dist/types/form-field/validator/yup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"yup.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/yup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,KAAK,CAAC;AAEnD,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,MAAM,CAAC,CA8BxF"}
+{"version":3,"file":"yup.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/yup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,KAAK,CAAC;AAEnD,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAmCxF;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,eAAe,CAK/D"}

package/dist/types/form-field/validator/zod.d.ts

@@ -1,4 +1,5 @@
-import { type Schema } from 'zod';
+import { ZodError, type Schema } from 'zod';
 import { type TFormFieldValidator } from '../../types';
 export declare function zodValidator<GValue>(schema: Schema<GValue>): TFormFieldValidator<GValue>;
+export declare function isZodError(err: unknown): err is ZodError;
 //# sourceMappingURL=zod.d.ts.map

package/dist/types/form-field/validator/zod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zod.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/zod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAqBxF"}
+{"version":3,"file":"zod.d.ts","sourceRoot":"","sources":["../../../../src/form-field/validator/zod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,MAAM,CAAC,CA0BxF;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,QAAQ,CAKxD"}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { TFormFieldStateFeature, TFormFielStatusStateFeature } from './types';
+export { BitwiseFlag, bitwiseFlag } from '@ibg/utils';
 export * from './create-form';
 export * from './form-field';
 export * from './types';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAEnF,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC9B,UAAU,mBAAmB,CAAC,MAAM;QACnC,YAAY,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC7C,mBAAmB,EAAE,2BAA2B,CAAC;KACjD;CACD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC9B,UAAU,mBAAmB,CAAC,MAAM;QACnC,YAAY,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC7C,mBAAmB,EAAE,2BAA2B,CAAC;KACjD;CACD"}

package/dist/types/types/form-field.d.ts

@@ -1,16 +1,18 @@
 import { type TState } from 'feature-state';
+import { type BitwiseFlag } from '@ibg/utils';
 import { type TCollectErrorMode } from './form';
 export type TFormField<GValue> = TState<GValue | undefined, ['base', 'form-field']>;
 export interface TFormFieldStateFeature<GValue> {
     _config: TFormFieldStateConfig;
     _intialValue: GValue | undefined;
-    _validator: TFormFieldValidator<GValue>;
     key: string;
-    isValid: boolean;
     isTouched: boolean;
     isSubmitted: boolean;
+    isSubmitting: boolean;
+    validator: TFormFieldValidator<GValue>;
     status: TFormFieldStatus;
     validate: () => Promise<boolean>;
+    isValid: () => boolean;
     blur: () => void;
     reset: () => void;
 }
@@ -19,18 +21,28 @@ export interface TFormFieldStateConfig {
     /**
      * Validation strategy before submitting.
      */
-    validateMode: TFormFieldValidateMode;
+    validateMode: BitwiseFlag<FormFieldValidateMode>;
     /**
      * Validation strategy after submitting.
      */
-    reValidateMode: TFormFieldReValidateMode;
+    reValidateMode: BitwiseFlag<FormFieldReValidateMode>;
     collectErrorMode: TCollectErrorMode;
 }
-export type TFormFieldValidateMode = 'onBlur' | 'onChange' | 'onSubmit' | 'onTouched';
-export type TFormFieldReValidateMode = 'onBlur' | 'onChange' | 'onSubmit';
+export declare enum FormFieldValidateMode {
+    OnBlur = 1,// 1
+    OnChange = 2,// 2
+    OnSubmit = 4,// 4
+    OnTouched = 8
+}
+export declare enum FormFieldReValidateMode {
+    OnBlur = 1,// 1
+    OnChange = 2,// 2
+    OnSubmit = 4
+}
 export type TFormFieldStatus = TState<TFormFieldStatusValue, ['base', 'form-field-status']>;
 export interface TFormFielStatusStateFeature {
-    registerError: (error: TInvalidFormFieldError) => void;
+    _nextValue?: TFormFieldStatusValue;
+    registerNextError: (error: TInvalidFormFieldError) => void;
 }
 export type TFormFieldStatusValue = TInvalidFormFieldStatus | TValidFormFieldStatus | TUnvalidatedFormFieldStatus;
 export interface TInvalidFormFieldStatus {
@@ -58,7 +70,7 @@ export interface TFormFieldValidator<GValue> {
     _validationChain: TFormFieldValidationChain<GValue>;
     isValidating: boolean;
     validate: (formField: TFormField<GValue>) => Promise<boolean>;
-    append: (validator: TFormFieldValidator<GValue>) => void;
+    append: (validator: TFormFieldValidator<GValue>) => TFormFieldValidator<GValue>;
     clone: () => TFormFieldValidator<GValue>;
     push: (...validateFunctions: TFormFieldValidationLink<GValue>[]) => void;
 }

package/dist/types/types/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/types/form-field.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/types/form-field.ts"],"names":[],"mappings":"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"}

package/dist/types/types/form.d.ts

@@ -1,15 +1,21 @@
 import { type TFeatureKeys, type TSelectFeatures } from './features';
-import { type TFormField, type TFormFieldValidator } from './form-field';
+import { type TFormField, type TFormFieldValidator, type TInvalidFormFieldError } from './form-field';
 export type TForm<GFormData extends TFormData, GSelectedFeatureKeys extends TFeatureKeys[]> = {
     _features: string[];
-    _config: TFormConfig<GFormData>;
+    _config: TFormConfig;
+    _validSubmitCallbacks: TValidSubmitCallback<GFormData>[];
+    _invalidSubmitCallbacks: TInvalidSubmitCallback<GFormData>[];
     fields: TFormFields<GFormData>;
     isValid: boolean;
+    isValidating: boolean;
     isSubmitted: boolean;
+    isSubmitting: boolean;
     _revalidate: (cached?: boolean) => Promise<boolean>;
-    submit: () => Promise<boolean>;
+    submit: (options?: TSubmitOptions<GFormData>) => Promise<boolean>;
     validate: () => Promise<boolean>;
     getField: <GKey extends keyof TFormFields<GFormData>>(key: GKey) => TFormFields<GFormData>[GKey];
+    getData: () => Readonly<GFormData> | null;
+    getErrors: () => TInvalidFormFieldErrors<GFormData>;
     reset: () => void;
 } & TSelectFeatures<GFormData, GSelectedFeatureKeys>;
 export type TFormFields<GFormData extends TFormData> = {
@@ -18,8 +24,23 @@ export type TFormFields<GFormData extends TFormData> = {
 export type TFormValidators<GFormData extends TFormData> = {
     [Key in keyof GFormData]: TFormFieldValidator<GFormData[Key]>;
 };
-export type TFormData = Record<string, unknown>;
-export interface TFormConfig<GFormData extends TFormData> {
+export type TFormData = Record<string, any>;
+export interface TSubmitOptions<GFormData extends TFormData> {
+    onValidSubmit?: TValidSubmitCallback<GFormData>;
+    onInvalidSubmit?: TInvalidSubmitCallback<GFormData>;
+    additionalData?: TAdditionalSubmitCallbackData;
+    assignToInitial?: boolean;
+}
+export type TValidSubmitCallback<GFormData extends TFormData> = (formData: Readonly<GFormData>, additionalData?: TAdditionalSubmitCallbackData) => Promise<void> | void;
+export type TInvalidSubmitCallback<GFormData extends TFormData> = (errors: TInvalidFormFieldErrors<GFormData>, additionalData?: TAdditionalSubmitCallbackData) => Promise<void> | void;
+export interface TAdditionalSubmitCallbackData {
+    [key: string]: unknown;
+    event?: unknown;
+}
+export type TInvalidFormFieldErrors<GFormData extends TFormData> = {
+    [Key in keyof GFormData]?: Readonly<TInvalidFormFieldError[]>;
+};
+export interface TFormConfig {
     /**
      * Indicates if the form is disabled.
      */
@@ -28,10 +49,6 @@ export interface TFormConfig<GFormData extends TFormData> {
      * Error collection mode. 'firstError' gathers only the first error per field, 'all' gathers all errors.
      */
     collectErrorMode: TCollectErrorMode;
-    /**
-     * Called once form is submitted
-     */
-    onSubmit: ((data: GFormData) => void) | null;
 }
 export type TCollectErrorMode = 'firstError' | 'all';
 //# sourceMappingURL=form.d.ts.map

package/dist/types/types/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/types/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKzE,MAAM,MAAM,KAAK,CAAC,SAAS,SAAS,SAAS,EAAE,oBAAoB,SAAS,YAAY,EAAE,IAAI;IAC7F,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,SAAS,MAAM,WAAW,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACjG,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB,GAAG,eAAe,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;AAErD,MAAM,MAAM,WAAW,CAAC,SAAS,SAAS,SAAS,IAAI;KACrD,GAAG,IAAI,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,SAAS,IAAI;KACzD,GAAG,IAAI,MAAM,SAAS,GAAG,mBAAmB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEhD,MAAM,WAAW,WAAW,CAAC,SAAS,SAAS,SAAS;IACvD;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,iBAAiB,CAAC;IACpC;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7C;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,KAAK,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/types/form.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "feature-form",
   "description": "Straightforward, typesafe, and feature-based form library for ReactJs",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "private": false,
   "source": "./src/index.ts",
   "main": "./dist/cjs/index.js",
@@ -19,15 +19,15 @@
   },
   "homepage": "https://inbeta.group/?source=github",
   "dependencies": {
-    "@ibg/utils": "0.0.6",
-    "feature-state": "0.0.10"
+    "@ibg/utils": "0.0.8",
+    "feature-state": "0.0.13"
   },
   "devDependencies": {
     "@types/node": "^20.14.1",
-    "valibot": "^0.32.0",
+    "valibot": "^0.35.0",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@ibg/config": "0.0.11"
+    "@ibg/config": "0.0.12"
   },
   "files": [
     "dist",
@@ -35,7 +35,12 @@
   ],
   "size-limit": [
     {
-      "path": "dist/esm/index.js"
+      "path": "dist/esm/index.js",
+      "ignore": [
+        "zod",
+        "yup",
+        "valibot"
+      ]
     }
   ],
   "scripts": {
@@ -46,7 +51,7 @@
     "install:clean": "pnpm run clean && pnpm install",
     "test": "vitest run",
     "update:latest": "pnpm update --latest",
-    "publish:patch": "pnpm version patch && pnpm publish --no-git-checks",
+    "publish:patch": "pnpm build && pnpm version patch && pnpm publish --no-git-checks",
     "size": "size-limit --why"
   }
 }