@apia/validations 0.1.3 → 0.2.4

package/dist/index.js

@@ -1 +1,2229 @@
-import{jsx as f,jsxs as D}from"react/jsx-runtime";import{customEvents as Xa,propsStore as W,usePropsSelector as Oe,useUpdateEffect as Ja,useUnmount as Fe,useMount as ye,PropsSelectorUndefinedObject as xe,formatMessage as Za,toBoolean as Ya}from"@apia/util";import{uniqueId as el}from"lodash";import c from"react";import{shallowEqual as ce}from"react-redux";import{makeStyledComponent as al,getVariant as ll}from"@apia/theme";import{notify as Ve}from"@apia/notifications";import{RequiredMark as A,Captcha as il,Checkbox as rl,IconButton as nl,getFieldErrorStyles as tl,DateInput as ol,parseNumberInputValueToNumber as $e,NumberInput as sl}from"@apia/components";import{Box as G,Input as ve,Label as Pe,Radio as ul,Select as dl,Switch as ml,Textarea as cl}from"theme-ui";const q=c.createContext({});function M(){const e=c.useContext(q);if(!e)throw new Error("There is no FormContext");return e}function vl({rules:e,value:a}){return xl(e).validate(a)}var fl=Object.defineProperty,we=Object.getOwnPropertySymbols,pl=Object.prototype.hasOwnProperty,bl=Object.prototype.propertyIsEnumerable,Se=(e,a,l)=>a in e?fl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,hl=(e,a)=>{for(var l in a||(a={}))pl.call(a,l)&&Se(e,l,a[l]);if(we)for(var l of we(a))bl.call(a,l)&&Se(e,l,a[l]);return e},fe=(e,a,l)=>new Promise((i,r)=>{var n=t=>{try{u(l.next(t))}catch(s){r(s)}},o=t=>{try{u(l.throw(t))}catch(s){r(s)}},u=t=>t.done?i(t.value):Promise.resolve(t.value).then(n,o);u((l=l.apply(e,a)).next())});function gl(e,a){return fe(this,null,function*(){let l=null;const i=e.validationValueParser?e.validationValueParser(e.value):e.value;return e.validationFunction&&(l=yield e.validationFunction(i,a)),(!e.validationFunction||l===!0)&&e.validationRules?l=vl({rules:e.validationRules,value:i}):l===null&&(l=!0),l})}function Ne(e){return e===!0}function Ol(e){return!("errors"in e)}function Fl(e,a){return fe(this,null,function*(){const l=document.getElementById(`ValidationForm-${e}`),i=l?.querySelector(`[name="${a.name}"], #${a.name}`);return i?new Promise(r=>{const n=new CustomEvent(Xa.focus,{bubbles:!0});i.focus(),i.dispatchEvent(n),i.scrollIntoView({block:"center",behavior:"auto"}),r(!0)}):!1})}let X;function I(e,...a){if(!X[e])return"";let l=X[e];return a.forEach((i,r)=>{l=l.replace(`%${r}`,i.toString())}),l}function Re(e){const a=e?.match(/'confirm:(\w+):(.+?)']/);if(a)return(l,i)=>{var r,n;return l===((r=R.getFieldStore(i,a[1]))==null?void 0:r.value)?!0:I("confirm",(n=a[2])!=null?n:a[1])}}function Ce(e){const a={};if(e){const l=e.match(/validate\[([^\]]+)\]/);if(l)return l[1].replaceAll("~","").split(",").forEach(i=>{const r=i.match(/(\w+)(?:=([\w\d]+))?/);if(r){const n=r[1];if(n==="pattern"&&r[2])a[n]=new RegExp(r[2]);else if(r[2]){const o=r[2].split(","),u=o.length<2?o.join():o;a[n]=u}else a[n]=!0}}),a}return{}}function yl(){return fe(this,null,function*(){var e;X||(X=(yield import(`../lang/${(e=document.documentElement.lang)!=null?e:"es"}.ts`).catch(a=>{throw Ve({type:"danger",message:window.NO_LANGUAGE_EXCEPTION}),a})).default)})}function xl(e){const a=hl({},e);return a?{validate:l=>{var i;const r=l??"";let n=!0;if(n&&a.pattern){let o;if(a.pattern instanceof RegExp)o=a.pattern;else{const u=a.pattern.match(/(?:^\/(.+)\/(\w+)?$)|(^.*$)/),t=u[1],s=u[2],m=u[3];o=new RegExp(t||m,s||void 0)}n=!!l.match(o)||((i=a.patternMessage)!=null?i:window.MSG_INVALID_REG_EXP)}if(n===!0&&a.maxLength&&(n=r.length<=a.maxLength||I("lengthmax",a.maxLength)),n===!0&&a.minLength&&(n=r.length>=a.minLength||I("lengthmin",a.minLength)),n===!0&&a.max&&a.min&&(n=Number(r)<=a.max&&Number(r)>=a.min||I("digitltd",a.min,a.max)),n===!0&&a.min&&(n=Number(r)>=a.min||I("digitmin",a.min)),n===!0&&a.max&&(n=Number(r)<=a.max||I("digitltd",0,a.max)),n===!0&&a.validName&&(n=!!r.match(/^[a-zA-Z0-9_.]*$/)||window.GNR_INVALID_NAME),n===!0&&(a.alpha||a.nodigit)&&(n=!!r.match(/^[a-zA-Z]*$/)||I("alpha")),n===!0&&a.alphanum&&(n=!!r.match(/^[a-zA-Z0-9]*$/)||I("alphanum")),n===!0&&(a.digit||a.number)&&(n=!!r.match(/^[0-9]*$/)||I("digit")),n===!0&&a.email&&(n=!!r.match(/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/)||I("email")),n===!0&&a.differs&&(n=r!==a.differs||I("differs",a.differs)),n===!0&&a.length_str&&(n=r.length>=a.length_str[0]&&r.length<=a.length_str[1]||I("length_str",...a.length_str)),n===!0&&a.length_fix&&(n=r.length===a.length_fix||I("length_fix",a.length_fix)),n===!0&&a.words_min)return r.split(" ").length>=a.words_min||I("words_min",a.words_min);if(n===!0&&a.words_max)return r.split(" ").length<=a.words_max||I("words_max",a.words_max);if(n===!0&&a.words_range){const o=r.split(" ").length;return o<=a.words_range[0]&&o>=a.words_range[1]||I("words_range",...a.words_range)}return n===!0&&a.required&&(n=Array.isArray(l)&&l.length>0||typeof l=="number"||!Array.isArray(r)&&!!r||I("required")),n}}:{validate:()=>!0}}var Vl=Object.defineProperty,$l=Object.defineProperties,Pl=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable,je=(e,a,l)=>a in e?Vl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Z=(e,a)=>{for(var l in a||(a={}))Ie.call(a,l)&&je(e,l,a[l]);if(J)for(var l of J(a))Ee.call(a,l)&&je(e,l,a[l]);return e},wl=(e,a)=>$l(e,Pl(a)),Sl=(e,a)=>{var l={};for(var i in e)Ie.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&J)for(var i of J(e))a.indexOf(i)<0&&Ee.call(e,i)&&(l[i]=e[i]);return l},Nl=(e,a,l)=>new Promise((i,r)=>{var n=t=>{try{u(l.next(t))}catch(s){r(s)}},o=t=>{try{u(l.throw(t))}catch(s){r(s)}},u=t=>t.done?i(t.value):Promise.resolve(t.value).then(n,o);u((l=l.apply(e,a)).next())});const R=new class{constructor(){this.activeForms=[],this.timeouts={},this.existsField=(e,a)=>{var l,i;return!!((i=(l=this.getFormStore(e))==null?void 0:l.fields)!=null&&i.includes(a))},this.registerField=(e,a,l={registerIfExists:!0})=>{var i,r,n;const o=this.getFormStore(e);o===void 0&&this.registerForm(e),(i=this.getFormStore(e))!=null&&i.fields.includes(a.name)||this.updateFormStore(e,{fields:[...(n=(r=this.getFormStore(e))==null?void 0:r.fields)!=null?n:[],a.name]});const u=this.getFieldStore(e,a.name);if((o!=null&&o.avoidFieldsOverride||!l.registerIfExists)&&u){const t=a,s=Sl(t,["value"]);this.updateField(e,s,{markFormAsTouched:!1,avoidPropagation:l.avoidPropagation});return}this.updateFieldStore(e,a.name,a,l.avoidPropagation)},this.registerForm=(e,a={avoidFieldsOverride:!1})=>{var l;if(this.activeForms.includes(e)){this.updateFormStore(e,{avoidFieldsOverride:a.avoidFieldsOverride}),a.initialValues&&Object.entries(a.initialValues).forEach(([i,r])=>{r instanceof Object&&this.updateField(e,Z({name:i},r))});return}this.activeForms.push(e),this.updateFormStore(e,{avoidFieldsOverride:a.avoidFieldsOverride,fields:[],isTouched:!1,isValid:!1,name:e,validationResult:null}),Object.entries((l=a.initialValues)!=null?l:{}).forEach(([i,r])=>{this.updateField(e,{name:i,value:r},{markFormAsTouched:!1})})},this.setFieldValue=(e,a,l,i)=>{this.getFieldStore(e,a)?this.updateField(e,{name:a,value:l,error:null},i):this.registerField(e,{name:a,value:l}),this.getFormStore(e).isValid&&this.updateFormStore(e,{isValid:!1})},this.setFormIsTouched=(e,a=!0)=>{this.updateFormStore(e,{isTouched:a})},this.unregisterField=(e,a)=>{this.getFormStore(e)&&this.updateFormStore(e,{fields:this.getFormStore(e).fields.filter(l=>l!==a)}),W.removeField(this.makeFieldName(e,a))},this.unregisterForm=e=>{var a,l;(l=(a=this.getFormStore(e))==null?void 0:a.fields)==null||l.forEach(i=>W.removeField(this.makeFieldName(e,i))),this.activeForms=this.activeForms.filter(i=>i!==e),W.removeField(this.makeFormName(e)),delete this.timeouts[e]},this.updateField=(e,a,l)=>{var i,r;const n=(i=this.getFieldStore(e,a.name))==null?void 0:i.value;this.getFormStore(e)?this.updateFormStore(e,{isValid:!1}):this.registerForm(e);const o=a.value!==void 0&&a.value!==n&&l?.markFormAsTouched!==!1;this.existsField(e,a.name)||this.registerField(e,a,{avoidPropagation:l?.avoidPropagation}),this.updateFieldStore(e,a.name,wl(Z({},a),{isTouched:o||((r=this.getFieldStore(e,a.name))==null?void 0:r.isTouched)}),l?.avoidPropagation),o&&this.setFormIsTouched(e)},this.updateMultipleFields=(e,a,l)=>{a.forEach(i=>this.updateField(e,i,l))},this.validateForm=e=>Nl(this,null,function*(){var a;const l=this.getFormStore(e).fields.map(t=>this.getFieldStore(e,t)),i={errors:{}},r={submitValues:{},values:{}};let n=!1,o=!1;const u={};for(const t of l.filter(s=>s!==void 0)){const s=yield gl(t,e);u[t.name]=s,Ne(s)?(r.submitValues[(a=t.submitName)!=null?a:t.name]=t.submitValueParser?t.submitValueParser(t.value):t.value,r.values[t.name]=t.value):(this.updateField(e,{name:t.name,error:s}),n||(yield Fl(e,t))&&(n=!0),o=!0,i.errors[t.name]=s)}return o?(n||(Ve({message:window.MSG_WRONG_VALIDATION_NO_FOCUSED_FILE,type:"danger"}),console.error("Campos que fallaron la validaci\xF3n",u)),this.updateFormStore(e,{isValid:!1,validationResult:i}),i):(this.updateFormStore(e,{isValid:!0,validationResult:r}),r)})}getFieldStore(e,a){return W.getFieldProps(this.makeFieldName(e,a))}getFormStore(e){return W.getFieldProps(this.makeFormName(e))}updateFieldStore(e,a,l,i){W.updateField(this.makeFieldName(e,a),Z(Z({},this.getFieldStore(e,a)),l),{noEmit:i})}updateFormStore(e,a){W.updateField(this.makeFormName(e),a)}enableFormTouch(e){this.timeouts[e]=!0}makeFieldName(e,a){return`validation_${e}_${a}`}makeFormName(e){return`validation_${e}`}};function Te(e,a,l){return Oe(R.makeFormName(e),a,l)}function B(e,a,l,i){const r=R.makeFieldName(e,a);return Oe(r,l,i)}const Rl={".fieldWrapper":{display:"flex",flexDirection:"column",alignItems:"stretch","&.checkbox":{alignItems:"center"}},".error":{borderLeftStyle:"solid",borderLeftWidth:"4px",borderLeftColor:"danger"},".touched":{borderStyle:"solid",borderWidth:"1px",borderColor:"orange"}};var Cl=(e,a,l)=>new Promise((i,r)=>{var n=t=>{try{u(l.next(t))}catch(s){r(s)}},o=t=>{try{u(l.throw(t))}catch(s){r(s)}},u=t=>t.done?i(t.value):Promise.resolve(t.value).then(n,o);u((l=l.apply(e,a)).next())});const Il=({avoidFieldsOverride:e,avoidFieldsTouch:a,children:l,className:i,name:r,initialValues:n,onUnmount:o,onValidate:u,unregisterOnUnmount:t})=>{const s=c.useMemo(()=>r??`ValidationForm${el()}`,[]),m=Te(s,x=>x.validationResult,ce);Ja(()=>{m&&u&&u(m)},[m]);const d=c.useCallback(x=>{x.preventDefault(),R.validateForm(s)},[s]),v=c.useMemo(()=>({avoidFieldsTouch:a,name:s,validate:()=>Cl(void 0,null,function*(){return R.validateForm(s)})}),[s,a]);Fe(()=>{o?.(),t!==!1&&R.unregisterForm(s)});const[p,$]=c.useState(!1);return ye(()=>{R.registerForm(s,{avoidFieldsOverride:e??n!==void 0,initialValues:n}),$(!0)}),p?f(q.Provider,{value:v,children:f("form",{className:i,id:`ValidationForm-${s}`,name:s,onSubmit:d,children:l})}):null},El=al("Form","layout.common.validations.form",Rl,Il);var jl=Object.defineProperty,_e=Object.getOwnPropertySymbols,Tl=Object.prototype.hasOwnProperty,_l=Object.prototype.propertyIsEnumerable,ke=(e,a,l)=>a in e?jl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Ue=(e,a)=>{for(var l in a||(a={}))Tl.call(a,l)&&ke(e,l,a[l]);if(_e)for(var l of _e(a))_l.call(a,l)&&ke(e,l,a[l]);return e};function _(e){var a;const l=c.useContext(q),i=(a=e.formName)!=null?a:l.name;if(!i)throw console.error(e),new Error(`useField: It was not possible to determine the formName in field with name ${e.name}`);c.useMemo(()=>{R.registerField(i,Ue(Ue({},e),e.initialValue!==void 0?{value:e.initialValue}:null),{avoidPropagation:!0,registerIfExists:!e.avoidRegisterIfExists})},[]),ye(()=>{var d;e.initialValue!==void 0&&(!((d=R.getFormStore(i))!=null&&d.avoidFieldsOverride)&&!e.avoidRegisterIfExists||R.getFieldStore(i,e.name)===void 0)&&R.setFieldValue(i,e.name,e.initialValue)}),Fe(()=>{e.removeOnUnmount&&R.unregisterField(i,e.name)});const{name:r,value:n,error:o,isTouched:u}=B(i,e.name,d=>d,(d,v)=>d===xe&&e.initialValue!==void 0?!0:ce(d,v)),[t,s]=c.useState(e.initialValue);c.useEffect(()=>{s(n)},[n]);const m=c.useCallback(d=>{const v=d;let p;typeof v=="object"&&v&&v.target!==void 0&&v.target.value!==void 0?p=v.target.value:p=d,s(p),R.setFieldValue(i,e.name,p)},[e.name,i]);return{error:o,isTouched:u,name:r,onChange:m,updateValidations:c.useCallback(({validationFunction:d,validationRules:v})=>{R.updateField(i,{name:e.name,validationFunction:d,validationRules:v})},[i,e.name]),value:t??e.initialValue}}function Q(e,a){const{error:l,isTouched:i}=_({name:e,formName:a,avoidRegisterIfExists:!0,removeOnUnmount:!1}),{avoidFieldsTouch:r}=M();return l?"error":!r&&i?"touched":""}function kl({formName:e,name:a}){const{name:l}=M();if(!e&&!l)throw new Error(`useFieldValue: It was not possible to determine the formName in field with name ${a}`);const{value:i}=B(e??l,a,r=>r,(r,n)=>r===xe&&n?.value===void 0?!0:ce(r?.value,n?.value));return i}var Ul=Object.defineProperty,De=Object.getOwnPropertySymbols,Dl=Object.prototype.hasOwnProperty,Ll=Object.prototype.propertyIsEnumerable,Le=(e,a,l)=>a in e?Ul(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,We=(e,a)=>{for(var l in a||(a={}))Dl.call(a,l)&&Le(e,l,a[l]);if(De)for(var l of De(a))Ll.call(a,l)&&Le(e,l,a[l]);return e};function U({customValidation:e,validationClass:a,validationFunction:l,validationRules:i}){const r=c.useMemo(()=>a!==void 0?Re(a):void 0,[a]),n=c.useCallback((u,t)=>{var s;let m=(s=l?.(u,t))!=null?s:!0;return typeof m=="string"||(e&&(m=e(u,t)),typeof m=="string")?m:r?r(u,t):!0},[r,e,l]),o=c.useMemo(()=>We(We({},i),a!==void 0?Ce(a):{}),[a,i]);return{actualValidationFunction:n,actualValidationRules:o}}const pe=({name:e})=>{const a=M(),l=B(a.name,e,i=>i?.error);return l?f(G,{as:"strong",role:"alert",sx:{color:"danger"},dangerouslySetInnerHTML:{__html:l}}):null};var Wl=Object.defineProperty,ql=Object.defineProperties,Al=Object.getOwnPropertyDescriptors,Y=Object.getOwnPropertySymbols,qe=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable,Me=(e,a,l)=>a in e?Wl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,ze=(e,a)=>{for(var l in a||(a={}))qe.call(a,l)&&Me(e,l,a[l]);if(Y)for(var l of Y(a))Ae.call(a,l)&&Me(e,l,a[l]);return e},He=(e,a)=>ql(e,Al(a)),Ml=(e,a)=>{var l={};for(var i in e)qe.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&Y)for(var i of Y(e))a.indexOf(i)<0&&Ae.call(e,i)&&(l[i]=e[i]);return l};const k=e=>{var a=e,{name:l,label:i,avoidSemicolon:r,children:n,className:o,as:u="label",type:t}=a,s=Ml(a,["name","label","avoidSemicolon","children","className","as","type"]);const{name:m}=M(),d=B(m,l,v=>{var p;return(p=v?.validationRules)==null?void 0:p.required});return t==="checkbox"?D(G,He(ze({className:`fieldWrapper checkboxWrapper ${o??""}`},s),{as:u,children:[window.SHOW_REQUIRED_POSITION!=="0"&&i&&f(A,{isRequired:d}),n,D("span",{children:[i,window.SHOW_REQUIRED_POSITION==="0"&&i&&f(A,{isRequired:d})]}),f(pe,{name:l})]})):D(G,He(ze({className:`fieldWrapper ${o??""}`},s),{as:u,children:[D(G,{as:"span",children:[window.SHOW_REQUIRED_POSITION!=="0"&&i&&f(A,{isRequired:d}),i,!r&&i&&f("abbr",{className:"semicolon",children:": "}),window.SHOW_REQUIRED_POSITION==="0"&&i&&f(A,{isRequired:d})]}),n,f(pe,{name:l})]}))};var Ge=Object.getOwnPropertySymbols,zl=Object.prototype.hasOwnProperty,Hl=Object.prototype.propertyIsEnumerable,Gl=(e,a)=>{var l={};for(var i in e)zl.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&Ge)for(var i of Ge(e))a.indexOf(i)<0&&Hl.call(e,i)&&(l[i]=e[i]);return l};const Bl=({className:e,name:a,imageUrl:l,avoidRegisterIfExists:i,avoidSemicolon:r,formName:n,label:o,removeOnUnmount:u,submitName:t,submitValueParser:s,validationValueParser:m})=>{const d=_({name:a,avoidRegisterIfExists:i,formName:n,initialValue:"",removeOnUnmount:u,submitName:t,submitValueParser:s,validationValueParser:m,validationRules:{required:!0}}),{error:v,updateValidations:p,onChange:$,isTouched:x}=d,w=Gl(d,["error","updateValidations","onChange","isTouched"]),S=c.useCallback(h=>{$(h)},[$]),O=Q(a);return f(k,{name:a,label:o,className:`input ${e??""}`,avoidSemicolon:r,children:f(il,{name:a,imageUrl:l,onChange:S,value:w.value,className:O})})};var Ql=Object.defineProperty,Kl=Object.defineProperties,Xl=Object.getOwnPropertyDescriptors,ee=Object.getOwnPropertySymbols,Be=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable,Ke=(e,a,l)=>a in e?Ql(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Xe=(e,a)=>{for(var l in a||(a={}))Be.call(a,l)&&Ke(e,l,a[l]);if(ee)for(var l of ee(a))Qe.call(a,l)&&Ke(e,l,a[l]);return e},Jl=(e,a)=>Kl(e,Xl(a)),Je=(e,a)=>{var l={};for(var i in e)Be.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&ee)for(var i of ee(e))a.indexOf(i)<0&&Qe.call(e,i)&&(l[i]=e[i]);return l};const Ze=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,native:o,onChange:u,type:t,avoidRegisterIfExists:s,formName:m,initialValue:d,name:v,removeOnUnmount:p,submitValueParser:$,validationClass:x,validationFunction:w,validationRules:S,value:O}=l,h=Je(l,["avoidSemicolon","className","label","native","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),F,V;const{actualValidationFunction:g,actualValidationRules:E}=U({validationClass:x,validationFunction:w,validationRules:S}),P=_({avoidRegisterIfExists:s,formName:m,name:v,initialValue:(F=d===!0||d==="on")!=null?F:!1,removeOnUnmount:p,submitValueParser:$,validationFunction:g,validationRules:E}),{value:N,onChange:j,updateValidations:C,isTouched:b}=P,y=Je(P,["value","onChange","updateValidations","isTouched"]);return f(k,{name:v,label:n,className:`checkbox ${r??""}`,avoidSemicolon:i,children:f(rl,Jl(Xe(Xe({},h),y),{native:o,"aria-label":(V=h["aria-label"])!=null?V:n,onChange:T=>{j(T.target.checked),u&&u(T)},checked:N===!0||N==="on",ref:a}))})});Ze.displayName="Checkbox";var Zl=Object.defineProperty,Yl=Object.defineProperties,ei=Object.getOwnPropertyDescriptors,ae=Object.getOwnPropertySymbols,Ye=Object.prototype.hasOwnProperty,ea=Object.prototype.propertyIsEnumerable,aa=(e,a,l)=>a in e?Zl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,la=(e,a)=>{for(var l in a||(a={}))Ye.call(a,l)&&aa(e,l,a[l]);if(ae)for(var l of ae(a))ea.call(a,l)&&aa(e,l,a[l]);return e},ai=(e,a)=>Yl(e,ei(a)),ia=(e,a)=>{var l={};for(var i in e)Ye.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&ae)for(var i of ae(e))a.indexOf(i)<0&&ea.call(e,i)&&(l[i]=e[i]);return l};const ra=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,onChange:o,type:u,avoidRegisterIfExists:t,formName:s,initialValue:m,name:d,removeOnUnmount:v,submitValueParser:p,validationClass:$,validationFunction:x,validationRules:w,value:S}=l,O=ia(l,["avoidSemicolon","className","label","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),h,F,V,g,E;const{name:P}=c.useContext(q),N=s??P,{actualValidationFunction:j,actualValidationRules:C}=U({validationClass:$,validationFunction:x,validationRules:w}),b=_({formName:N,name:d,initialValue:(V=(F=m??S)!=null?F:(h=R.getFieldStore(N,d))==null?void 0:h.value)!=null?V:"",removeOnUnmount:v,submitValueParser:p,validationFunction:j,validationRules:C}),{error:y,updateValidations:T,onChange:K,isTouched:Ka}=b,z=ia(b,["error","updateValidations","onChange","isTouched"]),he=c.useCallback(H=>{K(H),o?.(H)},[K,o]),L=Q(d);return D(k,{name:d,label:n,sx:c.useCallback(()=>({display:"flex",flexDirection:"column",alignItems:"start"}),[]),className:`deletableInput ${r??""}`,avoidSemicolon:i,children:[f(ve,ai(la(la({type:u},O),z),{"aria-label":(g=O["aria-label"])!=null?g:n,ref:a,onChange:he,value:(E=z.value)!=null?E:"",className:`deletableInput__input ${L??""}`})),f(nl,{icon:"Close",className:"deletableInput__deleteButton",onClick:()=>K("")})]})});ra.displayName="DeletableInput";var li=Object.defineProperty,ii=Object.defineProperties,ri=Object.getOwnPropertyDescriptors,le=Object.getOwnPropertySymbols,na=Object.prototype.hasOwnProperty,ta=Object.prototype.propertyIsEnumerable,oa=(e,a,l)=>a in e?li(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,ni=(e,a)=>{for(var l in a||(a={}))na.call(a,l)&&oa(e,l,a[l]);if(le)for(var l of le(a))ta.call(a,l)&&oa(e,l,a[l]);return e},ti=(e,a)=>ii(e,ri(a)),oi=(e,a)=>{var l={};for(var i in e)na.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&le)for(var i of le(e))a.indexOf(i)<0&&ta.call(e,i)&&(l[i]=e[i]);return l};const si=e=>{var a=e,{avoidSemicolon:l,children:i,required:r}=a,n=oi(a,["avoidSemicolon","children","required"]);return D(Pe,ti(ni({},n),{children:[window.SHOW_REQUIRED_POSITION!=="0"&&f(A,{isRequired:r}),i,!l&&": ",window.SHOW_REQUIRED_POSITION==="0"&&f(A,{isRequired:r})]}))};var ui=Object.defineProperty,di=Object.defineProperties,mi=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertySymbols,sa=Object.prototype.hasOwnProperty,ua=Object.prototype.propertyIsEnumerable,da=(e,a,l)=>a in e?ui(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,ma=(e,a)=>{for(var l in a||(a={}))sa.call(a,l)&&da(e,l,a[l]);if(ie)for(var l of ie(a))ua.call(a,l)&&da(e,l,a[l]);return e},ci=(e,a)=>di(e,mi(a)),ca=(e,a)=>{var l={};for(var i in e)sa.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&ie)for(var i of ie(e))a.indexOf(i)<0&&ua.call(e,i)&&(l[i]=e[i]);return l};const va=c.memo(c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,avoidRegisterIfExists:o,formName:u,initialValue:t,name:s,removeOnUnmount:m,submitValueParser:d,validationClass:v,validationFunction:p,validationRules:$}=l,x=ca(l,["avoidSemicolon","className","label","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules"]),w;const{name:S}=M(),{actualValidationFunction:O,actualValidationRules:h}=U({customValidation(C){return C!=null?!0:I("required")},validationClass:v,validationFunction:p,validationRules:$}),F=_({formName:S,name:s,removeOnUnmount:m,submitValueParser:d,validationFunction:O,validationRules:h}),{error:V,onChange:g,value:E,updateValidations:P,isTouched:N}=F,j=ca(F,["error","onChange","value","updateValidations","isTouched"]);return f(k,{name:s,label:n,className:`input ${r??""}`,avoidSemicolon:i,children:f(ve,ci(ma(ma({},x),j),{type:"file","aria-label":(w=x["aria-label"])!=null?w:n,ref:a,sx:tl(!V),onChange:c.useCallback(C=>{var b,y,T;g((T=(y=(b=C.target)==null?void 0:b.files)==null?void 0:y[0])!=null?T:null)},[g])}))})}));va.displayName="FileInput";var vi=Object.defineProperty,fi=Object.defineProperties,pi=Object.getOwnPropertyDescriptors,re=Object.getOwnPropertySymbols,fa=Object.prototype.hasOwnProperty,pa=Object.prototype.propertyIsEnumerable,ba=(e,a,l)=>a in e?vi(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,ne=(e,a)=>{for(var l in a||(a={}))fa.call(a,l)&&ba(e,l,a[l]);if(re)for(var l of re(a))pa.call(a,l)&&ba(e,l,a[l]);return e},ha=(e,a)=>fi(e,pi(a)),ga=(e,a)=>{var l={};for(var i in e)fa.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&re)for(var i of re(e))a.indexOf(i)<0&&pa.call(e,i)&&(l[i]=e[i]);return l};const Oa=c.memo(c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,onChange:o,type:u,avoidRegisterIfExists:t,formName:s,initialValue:m,name:d,removeOnUnmount:v,submitValueParser:p,validationClass:$,validationFunction:x,validationRules:w,value:S}=l,O=ga(l,["avoidSemicolon","className","label","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),h,F,V,g,E,P,N;const{name:j}=c.useContext(q),C=s??j,{actualValidationFunction:b,actualValidationRules:y}=U({validationClass:$,validationFunction:x,validationRules:w}),T=_({formName:C,name:d,initialValue:(V=(F=m??S)!=null?F:(h=R.getFieldStore(C,d))==null?void 0:h.value)!=null?V:"",removeOnUnmount:v,submitValueParser:p,validationFunction:b,validationRules:y}),{error:K,updateValidations:Ka,onChange:z,isTouched:he}=T,L=ga(T,["error","updateValidations","onChange","isTouched"]),H=c.useCallback(me=>{z(me),typeof me=="string"?o?.({target:a}):o?.(me)},[z,o,a]),ge=Q(d);return f(k,{name:d,label:n,className:`input ${r??""}`,avoidSemicolon:i,children:u==="date"?f(ol,ha(ne(ne({},O),L),{"aria-label":(g=O["aria-label"])!=null?g:n,onError:void 0,ref:a,onChange:H,value:(E=L.value)!=null?E:"",className:ge})):f(ve,ha(ne(ne({type:u},O),L),{"aria-label":(P=O["aria-label"])!=null?P:n,ref:a,onChange:H,value:(N=L.value)!=null?N:"",className:ge}))})}));Oa.displayName="Input";var bi=Object.defineProperty,hi=Object.defineProperties,gi=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertySymbols,Fa=Object.prototype.hasOwnProperty,ya=Object.prototype.propertyIsEnumerable,xa=(e,a,l)=>a in e?bi(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Va=(e,a)=>{for(var l in a||(a={}))Fa.call(a,l)&&xa(e,l,a[l]);if(te)for(var l of te(a))ya.call(a,l)&&xa(e,l,a[l]);return e},$a=(e,a)=>hi(e,gi(a)),Oi=(e,a)=>{var l={};for(var i in e)Fa.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&te)for(var i of te(e))a.indexOf(i)<0&&ya.call(e,i)&&(l[i]=e[i]);return l};const Pa=c.memo(c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,onChange:o,avoidRegisterIfExists:u,formName:t,initialValue:s,name:m,removeOnUnmount:d,submitValueParser:v,validationClass:p,validationFunction:$,validationRules:x,value:w}=l,S=Oi(l,["avoidSemicolon","className","label","onChange","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),O,h,F;const{name:V}=c.useContext(q),g=t??V,{actualValidationFunction:E,actualValidationRules:P}=U({validationClass:p,validationFunction:$,validationRules:x}),{onChange:N,value:j}=_({formName:g,name:m,initialValue:(F=(h=s??w)!=null?h:(O=R.getFieldStore(g,m))==null?void 0:O.value)!=null?F:"",removeOnUnmount:d,submitValueParser:c.useCallback(y=>$e(y??""),[]),validationValueParser:c.useCallback(y=>$e(y??""),[]),validationFunction:E,validationRules:P}),C=c.useCallback(y=>{y.error?(o?.($a(Va({},y),{value:""})),N(""),R.updateField(g,{name:m,error:Za(window.GNR_NUMERIC,{TOK:""})})):(N(y.value),o?.(y),R.updateField(g,{name:m,error:null}))},[g,m,N,o]),b=Q(m);return f(k,{name:m,label:n,sx:c.useMemo(()=>({display:"flex",flexDirection:"column",alignItems:"start"}),[]),className:`input ${r??""}`,avoidSemicolon:i,children:f(sl,$a(Va({ref:a},S),{name:m,value:j,onChange:C,className:b}))})}));Pa.displayName="NumberInputf";var Fi=Object.defineProperty,yi=Object.defineProperties,xi=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertySymbols,wa=Object.prototype.hasOwnProperty,Sa=Object.prototype.propertyIsEnumerable,Na=(e,a,l)=>a in e?Fi(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Ra=(e,a)=>{for(var l in a||(a={}))wa.call(a,l)&&Na(e,l,a[l]);if(oe)for(var l of oe(a))Sa.call(a,l)&&Na(e,l,a[l]);return e},Vi=(e,a)=>yi(e,xi(a)),Ca=(e,a)=>{var l={};for(var i in e)wa.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&oe)for(var i of oe(e))a.indexOf(i)<0&&Sa.call(e,i)&&(l[i]=e[i]);return l};const Ia=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,formName:n,label:o,onChange:u,options:t,value:s,avoidRegisterIfExists:m,initialValue:d,name:v,removeOnUnmount:p,submitValueParser:$,validationClass:x,validationFunction:w,validationRules:S}=l,O=Ca(l,["avoidSemicolon","className","formName","label","onChange","options","value","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules"]);const{actualValidationFunction:h,actualValidationRules:F}=U({validationClass:x,validationFunction:w,validationRules:S}),V=_({formName:n,name:v,initialValue:d??s,removeOnUnmount:p,submitValueParser:$,validationFunction:h,validationRules:F}),{value:g,updateValidations:E,onChange:P,isTouched:N}=V,j=Ca(V,["value","updateValidations","onChange","isTouched"]),C=c.useCallback(b=>{P(b),u&&u(b)},[P,u]);return f(k,{name:v,label:o,className:`radio ${r??""}`,avoidSemicolon:i,as:"ul",children:t?.map(b=>f("li",{children:D(Pe,{title:b.label,className:"radio-label",children:[f(ul,Vi(Ra(Ra({},O),j),{role:"radio",className:"radio-button","aria-label":b.label,ref:a,value:b.value,checked:g===b.value,onChange:C})),f(G,{as:"span",className:"radio-text",children:b.label})]})},b.value))})});Ia.displayName="Radio";var $i=Object.defineProperty,Pi=Object.defineProperties,wi=Object.getOwnPropertyDescriptors,se=Object.getOwnPropertySymbols,Ea=Object.prototype.hasOwnProperty,ja=Object.prototype.propertyIsEnumerable,Ta=(e,a,l)=>a in e?$i(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,be=(e,a)=>{for(var l in a||(a={}))Ea.call(a,l)&&Ta(e,l,a[l]);if(se)for(var l of se(a))ja.call(a,l)&&Ta(e,l,a[l]);return e},Si=(e,a)=>Pi(e,wi(a)),_a=(e,a)=>{var l={};for(var i in e)Ea.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&se)for(var i of se(e))a.indexOf(i)<0&&ja.call(e,i)&&(l[i]=e[i]);return l};const ka=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,formName:n,label:o,onChange:u,options:t,avoidRegisterIfExists:s,initialValue:m,name:d,removeOnUnmount:v,submitValueParser:p,validationClass:$,validationFunction:x,validationRules:w,value:S}=l,O=_a(l,["avoidSemicolon","className","formName","label","onChange","options","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),h,F,V,g;const{actualValidationFunction:E,actualValidationRules:P}=U({validationClass:$,validationFunction:x,validationRules:w}),N=_({avoidRegisterIfExists:s,initialValue:(F=m??S)!=null?F:(h=t[0])==null?void 0:h.value,name:d,removeOnUnmount:v,submitValueParser:p,validationFunction:E,validationRules:P}),{updateValidations:j,onChange:C,isTouched:b}=N,y=_a(N,["updateValidations","onChange","isTouched"]);return f(k,{name:d,label:o,className:`select ${r??""}`,avoidSemicolon:i,children:D(dl,Si(be(be(be({},ll("forms.select")),O),y),{onChange:c.useCallback(T=>{C(T),u&&u(T)},[C,u]),"aria-label":(V=O["aria-label"])!=null?V:o,ref:a,value:(g=y.value)!=null?g:"",children:[t?.map(T=>f("option",{value:T.value,children:T.label},T.value)),O.children]}))})});ka.displayName="Select";var Ni=Object.defineProperty,Ri=Object.defineProperties,Ci=Object.getOwnPropertyDescriptors,ue=Object.getOwnPropertySymbols,Ua=Object.prototype.hasOwnProperty,Da=Object.prototype.propertyIsEnumerable,La=(e,a,l)=>a in e?Ni(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Wa=(e,a)=>{for(var l in a||(a={}))Ua.call(a,l)&&La(e,l,a[l]);if(ue)for(var l of ue(a))Da.call(a,l)&&La(e,l,a[l]);return e},Ii=(e,a)=>Ri(e,Ci(a)),qa=(e,a)=>{var l={};for(var i in e)Ua.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&ue)for(var i of ue(e))a.indexOf(i)<0&&Da.call(e,i)&&(l[i]=e[i]);return l};const Aa=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,label:n,onChange:o,type:u,reverse:t=!1,avoidRegisterIfExists:s,formName:m,initialValue:d,name:v,removeOnUnmount:p,submitValueParser:$,validationClass:x,validationFunction:w,validationRules:S,value:O}=l,h=qa(l,["avoidSemicolon","className","label","onChange","type","reverse","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),F,V;const{actualValidationFunction:g,actualValidationRules:E}=U({validationClass:x,validationFunction:w,validationRules:S}),P=_({avoidRegisterIfExists:s,formName:m,name:v,initialValue:(d??"off")==="on"||Ya(d)?"on":"off",removeOnUnmount:p,submitValueParser:$,validationFunction:g,validationRules:E}),{onChange:N,updateValidations:j,isTouched:C}=P,b=qa(P,["onChange","updateValidations","isTouched"]);return f(k,{name:v,label:n,className:`switchbox ${r??""}`,avoidSemicolon:i,children:f(ml,Ii(Wa(Wa({},h),b),{"aria-label":(F=h["aria-label"])!=null?F:n,onChange:y=>{N(y.target.checked!==t?"on":"off"),o&&o(y)},checked:((V=b.value)!=null?V:"off")==="on"!==t,ref:a}))})});Aa.displayName="Switchbox";var Ei=Object.defineProperty,ji=Object.defineProperties,Ti=Object.getOwnPropertyDescriptors,de=Object.getOwnPropertySymbols,Ma=Object.prototype.hasOwnProperty,za=Object.prototype.propertyIsEnumerable,Ha=(e,a,l)=>a in e?Ei(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,Ga=(e,a)=>{for(var l in a||(a={}))Ma.call(a,l)&&Ha(e,l,a[l]);if(de)for(var l of de(a))za.call(a,l)&&Ha(e,l,a[l]);return e},_i=(e,a)=>ji(e,Ti(a)),Ba=(e,a)=>{var l={};for(var i in e)Ma.call(e,i)&&a.indexOf(i)<0&&(l[i]=e[i]);if(e!=null&&de)for(var i of de(e))a.indexOf(i)<0&&za.call(e,i)&&(l[i]=e[i]);return l};const Qa=c.forwardRef((e,a)=>{var l=e,{avoidSemicolon:i,className:r,formName:n,label:o,onChange:u,avoidRegisterIfExists:t,initialValue:s,name:m,removeOnUnmount:d,submitValueParser:v,validationClass:p,validationFunction:$,validationRules:x,value:w}=l,S=Ba(l,["avoidSemicolon","className","formName","label","onChange","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]),O,h;const{actualValidationFunction:F,actualValidationRules:V}=U({validationClass:p,validationFunction:$,validationRules:x}),g=_({avoidRegisterIfExists:t,formName:n,initialValue:s??w,name:m,removeOnUnmount:d,submitValueParser:v,validationRules:V,validationFunction:F}),{updateValidations:E,onChange:P,isTouched:N}=g,j=Ba(g,["updateValidations","onChange","isTouched"]),C=c.useCallback(b=>{P(b),u&&u(b)},[P,u]);return f(k,{name:m,label:o,className:`textarea ${r??""}`,avoidSemicolon:i,children:f(cl,_i(Ga(Ga({},S),j),{"aria-label":(O=S["aria-label"])!=null?O:o,ref:a,value:(h=j.value)!=null?h:"",onChange:C}))})});Qa.displayName="Textarea";export{Bl as Captcha,Ze as Checkbox,ra as DeletableInput,si as FieldLabel,k as FieldWrapper,va as FileInput,El as Form,q as FormContext,Oa as Input,Pa as NumberInputf,Ia as Radio,ka as Select,Aa as Switchbox,Qa as Textarea,pe as ValidationError,Ce as classToValidate,Re as classToValidationFunction,Ne as hasSucceedFieldValidation,Ol as hasSucceedFormValidation,yl as initValidations,_ as useField,B as useFieldSelector,Q as useFieldStatesClassNames,kl as useFieldValue,M as useFormContext,Te as useFormSelector,U as useValidationClass,R as validationsStore};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { customEvents, propsStore, usePropsSelector, useUpdateEffect, useUnmount, useMount, PropsSelectorUndefinedObject, formatMessage, toBoolean } from '@apia/util';
+import { uniqueId } from 'lodash';
+import React from 'react';
+import { shallowEqual } from 'react-redux';
+import { injectStyles, Box, getVariant, Input as Input$1, Label, Radio as Radio$1, Select as Select$1, Switch, Textarea as Textarea$1 } from '@apia/theme';
+import { notify } from '@apia/notifications';
+import { RequiredMark, Captcha, Checkbox as Checkbox$1, IconButton, getFieldErrorStyles, DateInput, parseNumberInputValueToNumber, NumberInput } from '@apia/components';
+
+const FormContext = React.createContext(
+  {}
+);
+function useFormContext() {
+  const formContext = React.useContext(FormContext);
+  if (!formContext)
+    throw new Error("There is no FormContext");
+  return formContext;
+}
+
+function validateByRules({
+  rules,
+  value
+}) {
+  const validationResult = getValidations(rules).validate(value);
+  return validationResult;
+}
+
+var __defProp$e = Object.defineProperty;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async$2 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function validateField(field, formName) {
+  return __async$2(this, null, function* () {
+    let validationResult = null;
+    const fieldValue = field.validationValueParser ? field.validationValueParser(field.value) : field.value;
+    if (field.validationFunction) {
+      validationResult = yield field.validationFunction(fieldValue, formName);
+    }
+    if ((!field.validationFunction || validationResult === true) && field.validationRules) {
+      validationResult = validateByRules({
+        rules: field.validationRules,
+        value: fieldValue
+      });
+    } else if (validationResult === null)
+      validationResult = true;
+    return validationResult;
+  });
+}
+function hasSucceedFieldValidation(result) {
+  return result === true;
+}
+function hasSucceedFormValidation(result) {
+  return !("errors" in result);
+}
+function focusOnField(formName, field) {
+  return __async$2(this, null, function* () {
+    const formElement = document.getElementById(
+      `ValidationForm-${formName}`
+    );
+    const fieldElement = formElement == null ? void 0 : formElement.querySelector(
+      `[name="${field.name}"], #${field.name}`
+    );
+    if (fieldElement) {
+      return new Promise((resolve) => {
+        const event = new CustomEvent(customEvents.focus, { bubbles: true });
+        fieldElement.focus();
+        fieldElement.dispatchEvent(event);
+        fieldElement.scrollIntoView({
+          block: "center",
+          behavior: "auto"
+        });
+        resolve(true);
+      });
+    }
+    return false;
+  });
+}
+let langDefinition;
+function lang(errorCode, ...replacements) {
+  if (!langDefinition[errorCode])
+    return "";
+  let returnString = langDefinition[errorCode];
+  replacements.forEach((replace, index) => {
+    returnString = returnString.replace(`%${index}`, replace.toString());
+  });
+  return returnString;
+}
+function classToValidationFunction(className) {
+  const match = className == null ? void 0 : className.match(/'confirm:(\w+):(.+?)']/);
+  if (match) {
+    const validationFunction = (value, formName) => {
+      var _a, _b;
+      return value === ((_a = validationsStore.getFieldStore(formName, match[1])) == null ? void 0 : _a.value) ? true : lang("confirm", (_b = match[2]) != null ? _b : match[1]);
+    };
+    return validationFunction;
+  }
+  return void 0;
+}
+function classToValidate(className) {
+  const validations = {};
+  if (className) {
+    const match = className.match(/validate\[([^\]]+)\]/);
+    if (match) {
+      const definitions = match[1].replaceAll("~", "").split(",");
+      definitions.forEach((definition) => {
+        const definitionMatch = definition.match(/(\w+)(?:=([\w\d]+))?/);
+        if (definitionMatch) {
+          const prop = definitionMatch[1];
+          if (prop === "pattern" && definitionMatch[2])
+            validations[prop] = new RegExp(definitionMatch[2]);
+          else if (definitionMatch[2]) {
+            const value = definitionMatch[2].split(",");
+            const actualValue = value.length < 2 ? value.join() : value;
+            validations[prop] = actualValue;
+          } else
+            validations[prop] = true;
+        }
+      });
+      return validations;
+    }
+  }
+  return {};
+}
+function initValidations() {
+  return __async$2(this, null, function* () {
+    var _a;
+    if (langDefinition)
+      return;
+    const code = (_a = document.documentElement.lang) != null ? _a : "es";
+    langDefinition = (yield import(
+      /* webpackChunkName: "val-lang-[request]" */
+      `../lang/${code}.ts`
+    ).catch((error) => {
+      notify({
+        type: "danger",
+        message: window.NO_LANGUAGE_EXCEPTION
+      });
+      throw error;
+    })).default;
+  });
+}
+function getValidations(outerValidation) {
+  const validation = __spreadValues$e({}, outerValidation);
+  if (!validation)
+    return {
+      validate: () => {
+        return true;
+      }
+    };
+  return {
+    validate: (outerV) => {
+      var _a;
+      const v = outerV != null ? outerV : "";
+      let returnValue = true;
+      if (returnValue && validation.pattern) {
+        let actualRegexp;
+        if (!(validation.pattern instanceof RegExp)) {
+          const patternResult = validation.pattern.match(
+            /(?:^\/(.+)\/(\w+)?$)|(^.*$)/
+          );
+          const regexp = patternResult[1];
+          const flags = patternResult[2];
+          const stringPattern = patternResult[3];
+          actualRegexp = new RegExp(
+            regexp || stringPattern,
+            flags || void 0
+          );
+        } else
+          actualRegexp = validation.pattern;
+        returnValue = !!outerV.match(actualRegexp) || ((_a = validation.patternMessage) != null ? _a : window.MSG_INVALID_REG_EXP);
+      }
+      if (returnValue === true && validation.maxLength)
+        returnValue = v.length <= validation.maxLength || lang("lengthmax", validation.maxLength);
+      if (returnValue === true && validation.minLength)
+        returnValue = v.length >= validation.minLength || lang("lengthmin", validation.minLength);
+      if (returnValue === true && validation.max && validation.min)
+        returnValue = Number(v) <= validation.max && Number(v) >= validation.min || lang("digitltd", validation.min, validation.max);
+      if (returnValue === true && validation.min)
+        returnValue = Number(v) >= validation.min || lang("digitmin", validation.min);
+      if (returnValue === true && validation.max)
+        returnValue = Number(v) <= validation.max || lang("digitltd", 0, validation.max);
+      if (returnValue === true && validation.validName)
+        returnValue = !!v.match(/^[a-zA-Z0-9_.]*$/) || window.GNR_INVALID_NAME;
+      if (returnValue === true && (validation.alpha || validation.nodigit))
+        returnValue = !!v.match(/^[a-zA-Z]*$/) || lang("alpha");
+      if (returnValue === true && validation.alphanum)
+        returnValue = !!v.match(/^[a-zA-Z0-9]*$/) || lang("alphanum");
+      if (returnValue === true && (validation.digit || validation.number))
+        returnValue = !!v.match(/^[0-9]*$/) || lang("digit");
+      if (returnValue === true && validation.email)
+        returnValue = !!v.match(
+          // eslint-disable-next-line no-control-regex
+          /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/
+        ) || lang("email");
+      if (returnValue === true && validation.differs)
+        returnValue = v !== validation.differs || lang("differs", validation.differs);
+      if (returnValue === true && validation.length_str)
+        returnValue = v.length >= validation.length_str[0] && v.length <= validation.length_str[1] || lang("length_str", ...validation.length_str);
+      if (returnValue === true && validation.length_fix)
+        returnValue = v.length === validation.length_fix || lang("length_fix", validation.length_fix);
+      if (returnValue === true && validation.words_min) {
+        const words = v.split(" ").length;
+        return words >= validation.words_min || lang("words_min", validation.words_min);
+      }
+      if (returnValue === true && validation.words_max) {
+        const words = v.split(" ").length;
+        return words <= validation.words_max || lang("words_max", validation.words_max);
+      }
+      if (returnValue === true && validation.words_range) {
+        const words = v.split(" ").length;
+        return words <= validation.words_range[0] && words >= validation.words_range[1] || lang("words_range", ...validation.words_range);
+      }
+      if (returnValue === true && validation.required)
+        returnValue = Array.isArray(outerV) && outerV.length > 0 || typeof outerV === "number" || !Array.isArray(v) && !!v || lang("required");
+      return returnValue;
+    }
+  };
+}
+
+var __defProp$d = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __objRest$b = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async$1 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const validationsStore = new class {
+  constructor() {
+    this.activeForms = [];
+    this.timeouts = {};
+    this.existsField = (formName, fieldName) => {
+      var _a, _b;
+      return !!((_b = (_a = this.getFormStore(formName)) == null ? void 0 : _a.fields) == null ? void 0 : _b.includes(fieldName));
+    };
+    this.registerField = (formName, registerData, options = { registerIfExists: true }) => {
+      var _a, _b, _c;
+      const formProps = this.getFormStore(formName);
+      if (formProps === void 0)
+        this.registerForm(formName);
+      if (!((_a = this.getFormStore(formName)) == null ? void 0 : _a.fields.includes(registerData.name)))
+        this.updateFormStore(formName, {
+          fields: [
+            ...(_c = (_b = this.getFormStore(formName)) == null ? void 0 : _b.fields) != null ? _c : [],
+            registerData.name
+          ]
+        });
+      const existsInStore = this.getFieldStore(formName, registerData.name);
+      if (((formProps == null ? void 0 : formProps.avoidFieldsOverride) || !options.registerIfExists) && existsInStore) {
+        const _d = registerData, updateData = __objRest$b(_d, ["value"]);
+        this.updateField(formName, updateData, {
+          markFormAsTouched: false,
+          avoidPropagation: options.avoidPropagation
+        });
+        return;
+      }
+      this.updateFieldStore(
+        formName,
+        registerData.name,
+        registerData,
+        options.avoidPropagation
+      );
+    };
+    /**
+     * Inicializa el estado de un nuevo formulario
+     */
+    this.registerForm = (formName, props = { avoidFieldsOverride: false }) => {
+      var _a;
+      if (this.activeForms.includes(formName)) {
+        this.updateFormStore(formName, {
+          avoidFieldsOverride: props.avoidFieldsOverride
+        });
+        if (props.initialValues)
+          Object.entries(props.initialValues).forEach(([fieldId, fieldProps]) => {
+            if (fieldProps instanceof Object)
+              this.updateField(formName, __spreadValues$d({ name: fieldId }, fieldProps));
+          });
+        return;
+      }
+      this.activeForms.push(formName);
+      this.updateFormStore(formName, {
+        avoidFieldsOverride: props.avoidFieldsOverride,
+        fields: [],
+        isTouched: false,
+        isValid: false,
+        name: formName,
+        validationResult: null
+      });
+      Object.entries((_a = props.initialValues) != null ? _a : {}).forEach(([name, value]) => {
+        this.updateField(formName, { name, value }, { markFormAsTouched: false });
+      });
+    };
+    /**
+     * Setea el valor del campo con el nombre provisto. Si el campo no existe
+     * en el formulario lo crea.
+     */
+    this.setFieldValue = (formName, fieldName, newValue, options) => {
+      if (!this.getFieldStore(formName, fieldName))
+        this.registerField(formName, { name: fieldName, value: newValue });
+      else
+        this.updateField(
+          formName,
+          {
+            name: fieldName,
+            value: newValue,
+            error: null
+          },
+          options
+        );
+      if (this.getFormStore(formName).isValid)
+        this.updateFormStore(formName, { isValid: false });
+    };
+    this.setFormIsTouched = (formName, isTouched = true) => {
+      this.updateFormStore(formName, { isTouched });
+    };
+    /**
+     * Elimina un campo del registro de validación de un formulario. De esta
+     * forma cualquier validación que pudiera aplicarse sobre el mismo, ya no se
+     * aplicará.
+     */
+    this.unregisterField = (formName, fieldName) => {
+      if (this.getFormStore(formName))
+        this.updateFormStore(formName, {
+          fields: this.getFormStore(formName).fields.filter((current) => {
+            return current !== fieldName;
+          })
+        });
+      propsStore.removeField(this.makeFieldName(formName, fieldName));
+    };
+    /**
+     * Elimina un formulario del store de validación junto con todos los campos
+     * asociados al mismo.
+     */
+    this.unregisterForm = (formName) => {
+      var _a, _b;
+      (_b = (_a = this.getFormStore(formName)) == null ? void 0 : _a.fields) == null ? void 0 : _b.forEach((current) => {
+        return propsStore.removeField(this.makeFieldName(formName, current));
+      });
+      this.activeForms = this.activeForms.filter((current) => {
+        return current !== formName;
+      });
+      propsStore.removeField(this.makeFormName(formName));
+      delete this.timeouts[formName];
+    };
+    /**
+     * Actualiza las propiedades de un campo, si no existe, lo registra en el
+     * formulario.
+     */
+    this.updateField = (formName, field, options) => {
+      var _a, _b;
+      const previousValue = (_a = this.getFieldStore(formName, field.name)) == null ? void 0 : _a.value;
+      if (this.getFormStore(formName))
+        this.updateFormStore(formName, { isValid: false });
+      else
+        this.registerForm(formName);
+      const isTouched = field.value !== void 0 && field.value !== previousValue && (options == null ? void 0 : options.markFormAsTouched) !== false;
+      if (!this.existsField(formName, field.name))
+        this.registerField(formName, field, {
+          avoidPropagation: options == null ? void 0 : options.avoidPropagation
+        });
+      this.updateFieldStore(
+        formName,
+        field.name,
+        __spreadProps$b(__spreadValues$d({}, field), {
+          isTouched: isTouched || ((_b = this.getFieldStore(formName, field.name)) == null ? void 0 : _b.isTouched)
+        }),
+        options == null ? void 0 : options.avoidPropagation
+      );
+      if (isTouched)
+        this.setFormIsTouched(formName);
+    };
+    /**
+     * Actualiza múltiples campos al mismo tiempo.
+     */
+    this.updateMultipleFields = (formName, fields, options) => {
+      fields.forEach((current) => {
+        return this.updateField(formName, current, options);
+      });
+    };
+    /**
+     * Ejecuta la validación sobre un formulario. En caso de que la validación
+     * falle, se intenta hacer foco sobre el campo que no pudo validar.
+     * Es importante notar que en caso de que un campo requiera validación,
+     * debería estar presente en el DOM.
+     *
+     * No es necesario que el campo esté visible, ya que en caso de estar oculto
+     * (por ejemplo por ser hijo de un acordeón), se emitirá un evento para
+     * expandir al elemento padre que lo estuviera ocultando.
+     *
+     * @returns Devuelve una promesa que al ser resuelta otorga un objeto de tipo
+     * TValidationResult. Este tipo está pensado para ser usado en conjunto con
+     * el método hasSucceedFormValidation, que determinará si la validación fue
+     * exitosa o hubo errores.
+     *
+     * @example
+     *
+     * const result = await validationStore.validateForm('myForm');
+     * if(hasSucceedValidation(result)) {
+     *   console.log('Success!', result);
+     * } else {
+     *   console.error('Validation error', result);
+     * }
+     */
+    this.validateForm = (formName) => __async$1(this, null, function* () {
+      var _a;
+      const state = this.getFormStore(formName);
+      const fields = state.fields.map((current) => {
+        return this.getFieldStore(formName, current);
+      });
+      const validationErrors = { errors: {} };
+      const validationValues = {
+        submitValues: {},
+        values: {}
+      };
+      let hasFiredFocus = false;
+      let existsErrors = false;
+      const fieldsWithError = {};
+      for (const field of fields.filter((current) => {
+        return current !== void 0;
+      })) {
+        const validationResult = yield validateField(field, formName);
+        fieldsWithError[field.name] = validationResult;
+        if (hasSucceedFieldValidation(validationResult)) {
+          validationValues.submitValues[(_a = field.submitName) != null ? _a : field.name] = field.submitValueParser ? field.submitValueParser(field.value) : field.value;
+          validationValues.values[field.name] = field.value;
+        } else {
+          this.updateField(formName, {
+            name: field.name,
+            error: validationResult
+          });
+          if (!hasFiredFocus) {
+            if (yield focusOnField(formName, field))
+              hasFiredFocus = true;
+          }
+          existsErrors = true;
+          validationErrors.errors[field.name] = validationResult;
+        }
+      }
+      if (existsErrors) {
+        if (!hasFiredFocus) {
+          notify({
+            message: window.MSG_WRONG_VALIDATION_NO_FOCUSED_FILE,
+            type: "danger"
+          });
+          console.error("Campos que fallaron la validaci\xF3n", fieldsWithError);
+        }
+        this.updateFormStore(formName, {
+          isValid: false,
+          validationResult: validationErrors
+        });
+        return validationErrors;
+      }
+      this.updateFormStore(formName, {
+        isValid: true,
+        validationResult: validationValues
+      });
+      return validationValues;
+    });
+  }
+  getFieldStore(formName, fieldName) {
+    return propsStore.getFieldProps(
+      this.makeFieldName(formName, fieldName)
+    );
+  }
+  getFormStore(formName) {
+    return propsStore.getFieldProps(this.makeFormName(formName));
+  }
+  updateFieldStore(formName, fieldName, props, noEmit) {
+    propsStore.updateField(
+      this.makeFieldName(formName, fieldName),
+      __spreadValues$d(__spreadValues$d({}, this.getFieldStore(formName, fieldName)), props),
+      { noEmit }
+    );
+  }
+  updateFormStore(formName, newState) {
+    propsStore.updateField(this.makeFormName(formName), newState);
+  }
+  enableFormTouch(formName) {
+    this.timeouts[formName] = true;
+  }
+  makeFieldName(formName, fieldName) {
+    return `validation_${formName}_${fieldName}`;
+  }
+  makeFormName(formName) {
+    return `validation_${formName}`;
+  }
+}();
+function useFormSelector(formName, selector, comparator) {
+  return usePropsSelector(
+    validationsStore.makeFormName(formName),
+    selector,
+    comparator
+  );
+}
+function useFieldSelector(formName, fieldName, confOrSelector, comparator) {
+  const fieldId = validationsStore.makeFieldName(formName, fieldName);
+  return usePropsSelector(fieldId, confOrSelector, comparator);
+}
+
+const formStyles = {
+  ".fieldWrapper": {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    "&.checkbox": {
+      alignItems: "center"
+    }
+  },
+  ".error": {
+    borderLeftStyle: "solid",
+    borderLeftWidth: "4px",
+    borderLeftColor: "danger"
+  },
+  ".touched": {
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderColor: "orange"
+  }
+};
+
+var __defProp$c = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const Form = ({
+  avoidFieldsOverride,
+  avoidFieldsTouch,
+  children,
+  className,
+  name,
+  initialValues,
+  onUnmount,
+  onValidate,
+  unregisterOnUnmount
+}) => {
+  const actualName = React.useMemo(
+    () => name != null ? name : `ValidationForm${uniqueId()}`,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const validationResult = useFormSelector(
+    actualName,
+    (props) => props.validationResult,
+    shallowEqual
+  );
+  useUpdateEffect(() => {
+    if (validationResult && onValidate)
+      onValidate(validationResult);
+  }, [validationResult]);
+  const handleSubmit = React.useCallback(
+    (ev) => {
+      ev.preventDefault();
+      void validationsStore.validateForm(actualName);
+    },
+    [actualName]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      avoidFieldsTouch,
+      name: actualName,
+      validate: () => __async(void 0, null, function* () {
+        return validationsStore.validateForm(actualName);
+      })
+    }),
+    [actualName, avoidFieldsTouch]
+  );
+  useUnmount(() => {
+    onUnmount == null ? void 0 : onUnmount();
+    if (unregisterOnUnmount !== false)
+      validationsStore.unregisterForm(actualName);
+  });
+  const [hasRegistered, setHasRegistered] = React.useState(false);
+  useMount(() => {
+    validationsStore.registerForm(actualName, {
+      avoidFieldsOverride: avoidFieldsOverride != null ? avoidFieldsOverride : initialValues !== void 0,
+      initialValues
+    });
+    setHasRegistered(true);
+  });
+  if (!hasRegistered)
+    return null;
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps$a(__spreadValues$c(__spreadProps$a(__spreadValues$c({
+      as: "form"
+    }, getVariant("layout.common.validations.form")), {
+      className,
+      id: `ValidationForm-${actualName}`
+    }), { name: actualName }), {
+      onSubmit: handleSubmit,
+      children
+    })
+  ) });
+};
+injectStyles("layout.common.validations.form", formStyles);
+
+var __defProp$b = Object.defineProperty;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
+    }
+  return a;
+};
+function useField(fieldDefinition) {
+  var _a;
+  const formContext = React.useContext(FormContext);
+  const formName = (_a = fieldDefinition.formName) != null ? _a : formContext.name;
+  if (!formName) {
+    console.error(fieldDefinition);
+    throw new Error(
+      `useField: It was not possible to determine the formName in field with name ${fieldDefinition.name}`
+    );
+  }
+  React.useMemo(() => {
+    validationsStore.registerField(
+      formName,
+      __spreadValues$b(__spreadValues$b({}, fieldDefinition), fieldDefinition.initialValue !== void 0 ? { value: fieldDefinition.initialValue } : null),
+      {
+        avoidPropagation: true,
+        registerIfExists: !fieldDefinition.avoidRegisterIfExists
+      }
+    );
+  }, []);
+  useMount(() => {
+    var _a2;
+    if (fieldDefinition.initialValue !== void 0 && (!((_a2 = validationsStore.getFormStore(formName)) == null ? void 0 : _a2.avoidFieldsOverride) && !fieldDefinition.avoidRegisterIfExists || validationsStore.getFieldStore(formName, fieldDefinition.name) === void 0))
+      validationsStore.setFieldValue(
+        formName,
+        fieldDefinition.name,
+        fieldDefinition.initialValue
+      );
+  });
+  useUnmount(() => {
+    if (fieldDefinition.removeOnUnmount)
+      validationsStore.unregisterField(formName, fieldDefinition.name);
+  });
+  const {
+    name,
+    value: storeValue,
+    error,
+    isTouched
+  } = useFieldSelector(
+    formName,
+    fieldDefinition.name,
+    (props) => {
+      return props;
+    },
+    (a, b) => {
+      if (a === PropsSelectorUndefinedObject && fieldDefinition.initialValue !== void 0)
+        return true;
+      return shallowEqual(a, b);
+    }
+  );
+  const [localValue, setLocalValue] = React.useState(
+    fieldDefinition.initialValue
+  );
+  React.useEffect(() => {
+    setLocalValue(storeValue);
+  }, [storeValue]);
+  const onChange = React.useCallback(
+    (ev) => {
+      const reactChangeEvent = ev;
+      let newValue;
+      if (typeof reactChangeEvent === "object" && reactChangeEvent && reactChangeEvent.target !== void 0 && reactChangeEvent.target.value !== void 0) {
+        newValue = reactChangeEvent.target.value;
+      } else
+        newValue = ev;
+      setLocalValue(newValue);
+      validationsStore.setFieldValue(formName, fieldDefinition.name, newValue);
+    },
+    [fieldDefinition.name, formName]
+  );
+  return {
+    error,
+    isTouched,
+    name,
+    onChange,
+    updateValidations: React.useCallback(
+      ({
+        validationFunction,
+        validationRules
+      }) => {
+        validationsStore.updateField(formName, {
+          name: fieldDefinition.name,
+          validationFunction,
+          validationRules
+        });
+      },
+      [formName, fieldDefinition.name]
+    ),
+    value: localValue != null ? localValue : fieldDefinition.initialValue
+  };
+}
+
+function useFieldStatesClassNames(name, formName) {
+  const { error, isTouched } = useField({
+    name,
+    formName,
+    avoidRegisterIfExists: true,
+    removeOnUnmount: false
+  });
+  const { avoidFieldsTouch } = useFormContext();
+  if (error)
+    return "error";
+  if (!avoidFieldsTouch && isTouched)
+    return "touched";
+  return "";
+}
+
+function useFieldValue({ formName, name }) {
+  const { name: hookFormName } = useFormContext();
+  if (!formName && !hookFormName) {
+    throw new Error(
+      `useFieldValue: It was not possible to determine the formName in field with name ${name}`
+    );
+  }
+  const { value } = useFieldSelector(
+    formName != null ? formName : hookFormName,
+    name,
+    (props) => {
+      return props;
+    },
+    (a, b) => {
+      if (a === PropsSelectorUndefinedObject && (b == null ? void 0 : b.value) === void 0)
+        return true;
+      return shallowEqual(a == null ? void 0 : a.value, b == null ? void 0 : b.value);
+    }
+  );
+  return value;
+}
+
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
+    }
+  return a;
+};
+function useValidationClass({
+  customValidation,
+  validationClass,
+  validationFunction,
+  validationRules
+}) {
+  const classesValidationFunction = React.useMemo(
+    () => validationClass !== void 0 ? classToValidationFunction(validationClass) : void 0,
+    [validationClass]
+  );
+  const actualValidationFunction = React.useCallback(
+    (currentValue, parameterFormName) => {
+      var _a;
+      let result = (_a = validationFunction == null ? void 0 : validationFunction(currentValue, parameterFormName)) != null ? _a : true;
+      if (typeof result === "string")
+        return result;
+      if (customValidation) {
+        result = customValidation(currentValue, parameterFormName);
+      }
+      if (typeof result === "string")
+        return result;
+      if (classesValidationFunction)
+        return classesValidationFunction(currentValue, parameterFormName);
+      return true;
+    },
+    [classesValidationFunction, customValidation, validationFunction]
+  );
+  const actualValidationRules = React.useMemo(() => {
+    return __spreadValues$a(__spreadValues$a({}, validationRules), validationClass !== void 0 ? classToValidate(validationClass) : {});
+  }, [validationClass, validationRules]);
+  return {
+    actualValidationFunction,
+    actualValidationRules
+  };
+}
+
+const ValidationError = ({ name }) => {
+  const formContext = useFormContext();
+  const error = useFieldSelector(formContext.name, name, (state) => {
+    return state == null ? void 0 : state.error;
+  });
+  return error ? /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "strong",
+      role: "alert",
+      sx: {
+        color: "danger"
+      },
+      dangerouslySetInnerHTML: { __html: error }
+    }
+  ) : null;
+};
+
+var __defProp$9 = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$a = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FieldWrapper = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    avoidSemicolon,
+    children,
+    className,
+    as = "label",
+    type
+  } = _b, props = __objRest$a(_b, [
+    "name",
+    "label",
+    "avoidSemicolon",
+    "children",
+    "className",
+    "as",
+    "type"
+  ]);
+  const { name: formName } = useFormContext();
+  const isRequired = useFieldSelector(
+    formName,
+    name,
+    (global) => {
+      var _a2;
+      return (_a2 = global == null ? void 0 : global.validationRules) == null ? void 0 : _a2.required;
+    }
+  );
+  if (type === "checkbox") {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      __spreadProps$9(__spreadValues$9({
+        className: `fieldWrapper checkboxWrapper ${className != null ? className : ""}`
+      }, props), {
+        as,
+        children: [
+          window.SHOW_REQUIRED_POSITION !== "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired }),
+          children,
+          /* @__PURE__ */ jsxs("span", { children: [
+            label,
+            window.SHOW_REQUIRED_POSITION === "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired })
+          ] }),
+          /* @__PURE__ */ jsx(ValidationError, { name })
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs(Box, __spreadProps$9(__spreadValues$9({ className: `fieldWrapper ${className != null ? className : ""}` }, props), { as, children: [
+    /* @__PURE__ */ jsxs(Box, { as: "span", children: [
+      window.SHOW_REQUIRED_POSITION !== "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired }),
+      label,
+      !avoidSemicolon && label && /* @__PURE__ */ jsx("abbr", { className: "semicolon", children: ": " }),
+      window.SHOW_REQUIRED_POSITION === "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired })
+    ] }),
+    children,
+    /* @__PURE__ */ jsx(ValidationError, { name })
+  ] }));
+};
+
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __objRest$9 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const InnerCaptcha = ({
+  className,
+  name,
+  imageUrl,
+  /**
+   * useField
+   */
+  avoidRegisterIfExists,
+  avoidSemicolon,
+  formName,
+  label,
+  removeOnUnmount,
+  submitName,
+  submitValueParser,
+  validationValueParser
+}) => {
+  const _a = useField({
+    name,
+    avoidRegisterIfExists,
+    formName,
+    initialValue: "",
+    removeOnUnmount,
+    submitName,
+    submitValueParser,
+    validationValueParser,
+    validationRules: { required: true }
+  }), { error, updateValidations, onChange, isTouched } = _a, validationProps = __objRest$9(_a, ["error", "updateValidations", "onChange", "isTouched"]);
+  const handleOnChange = React.useCallback(
+    (ev) => {
+      onChange(ev);
+    },
+    [onChange]
+  );
+  const stateClassName = useFieldStatesClassNames(name);
+  return /* @__PURE__ */ jsx(
+    FieldWrapper,
+    {
+      name,
+      label,
+      className: `input ${className != null ? className : ""}`,
+      avoidSemicolon,
+      children: /* @__PURE__ */ jsx(
+        Captcha,
+        {
+          name,
+          imageUrl,
+          onChange: handleOnChange,
+          value: validationProps.value,
+          className: stateClassName
+        }
+      )
+    }
+  );
+};
+
+var __defProp$8 = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$8 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Checkbox = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      native,
+      onChange: outerOnChange,
+      type,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      formName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$8(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "native",
+      "onChange",
+      "type",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _b2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      name,
+      initialValue: (_a2 = initialValue === true || initialValue === "on") != null ? _a2 : false,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), {
+      value: innerValue,
+      onChange,
+      updateValidations,
+      isTouched
+    } = _b2, inputProps = __objRest$8(_b2, [
+      "value",
+      "onChange",
+      "updateValidations",
+      "isTouched"
+    ]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `checkbox ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Checkbox$1,
+          __spreadProps$8(__spreadValues$8(__spreadValues$8({}, props), inputProps), {
+            native,
+            "aria-label": (_c = props["aria-label"]) != null ? _c : label,
+            onChange: (ev) => {
+              onChange(ev.target.checked);
+              if (outerOnChange)
+                outerOnChange(ev);
+            },
+            checked: innerValue === true || innerValue === "on",
+            ref
+          })
+        )
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+var __defProp$7 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$7 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const DeletableInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      onChange: outerOnChange,
+      type,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      formName: propsFormName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$7(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "onChange",
+      "type",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _b2, _c, _e, _f;
+    const { name: contextFormName } = React.useContext(FormContext);
+    const formName = propsFormName != null ? propsFormName : contextFormName;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _d = useField({
+      formName,
+      name,
+      initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), {
+      error,
+      updateValidations,
+      onChange,
+      isTouched
+    } = _d, validationProps = __objRest$7(_d, [
+      "error",
+      "updateValidations",
+      "onChange",
+      "isTouched"
+    ]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        outerOnChange == null ? void 0 : outerOnChange(ev);
+      },
+      [onChange, outerOnChange]
+    );
+    const stateClassName = useFieldStatesClassNames(name);
+    return /* @__PURE__ */ jsxs(
+      FieldWrapper,
+      {
+        name,
+        label,
+        sx: React.useCallback(
+          () => ({
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "start"
+          }),
+          []
+        ),
+        className: `deletableInput ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: [
+          /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$7(__spreadValues$7(__spreadValues$7({
+              type
+            }, props), validationProps), {
+              "aria-label": (_e = props["aria-label"]) != null ? _e : label,
+              ref,
+              onChange: handleOnChange,
+              value: (_f = validationProps.value) != null ? _f : "",
+              className: `deletableInput__input ${stateClassName != null ? stateClassName : ""}`
+            })
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              icon: "Close",
+              className: "deletableInput__deleteButton",
+              onClick: () => onChange("")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+DeletableInput.displayName = "DeletableInput";
+
+var __defProp$6 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$6 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FileInput = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules
+      } = _b, props = __objRest$6(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules"
+      ]);
+      var _b2;
+      const { name: formName } = useFormContext();
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        customValidation(fileValue) {
+          return fileValue !== null && fileValue !== void 0 ? true : lang("required");
+        },
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const _a2 = useField({
+        formName,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      }), {
+        error,
+        onChange,
+        value,
+        updateValidations,
+        isTouched
+      } = _a2, validationProps = __objRest$6(_a2, [
+        "error",
+        "onChange",
+        "value",
+        "updateValidations",
+        "isTouched"
+      ]);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$6(__spreadValues$6(__spreadValues$6({}, props), validationProps), {
+              type: "file",
+              "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+              ref,
+              sx: getFieldErrorStyles(!error),
+              onChange: React.useCallback(
+                (ev) => {
+                  var _a3, _b3, _c;
+                  onChange((_c = (_b3 = (_a3 = ev.target) == null ? void 0 : _a3.files) == null ? void 0 : _b3[0]) != null ? _c : null);
+                },
+                [onChange]
+              )
+            })
+          )
+        }
+      );
+    }
+  )
+);
+FileInput.displayName = "FileInput";
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$5 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Input = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        onChange: outerOnChange,
+        type,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules,
+        value
+      } = _b, props = __objRest$5(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        "onChange",
+        "type",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules",
+        "value"
+      ]);
+      var _a2, _b2, _c, _e, _f, _g, _h;
+      const { name: contextFormName } = React.useContext(FormContext);
+      const formName = propsFormName != null ? propsFormName : contextFormName;
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const _d = useField({
+        formName,
+        name,
+        initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+        removeOnUnmount,
+        submitValueParser,
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      }), {
+        error,
+        updateValidations,
+        onChange,
+        isTouched
+      } = _d, validationProps = __objRest$5(_d, [
+        "error",
+        "updateValidations",
+        "onChange",
+        "isTouched"
+      ]);
+      const handleOnChange = React.useCallback(
+        (ev) => {
+          onChange(ev);
+          if (typeof ev === "string") {
+            outerOnChange == null ? void 0 : outerOnChange({
+              target: ref
+            });
+          } else {
+            outerOnChange == null ? void 0 : outerOnChange(ev);
+          }
+        },
+        [onChange, outerOnChange, ref]
+      );
+      const stateClassName = useFieldStatesClassNames(name);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: type === "date" ? /* @__PURE__ */ jsx(
+            DateInput,
+            __spreadProps$5(__spreadValues$5(__spreadValues$5({}, props), validationProps), {
+              "aria-label": (_e = props["aria-label"]) != null ? _e : label,
+              onError: void 0,
+              ref,
+              onChange: handleOnChange,
+              value: (_f = validationProps.value) != null ? _f : "",
+              className: stateClassName
+            })
+          ) : /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$5(__spreadValues$5(__spreadValues$5({
+              type
+            }, props), validationProps), {
+              "aria-label": (_g = props["aria-label"]) != null ? _g : label,
+              ref,
+              onChange: handleOnChange,
+              value: (_h = validationProps.value) != null ? _h : "",
+              className: stateClassName
+            })
+          )
+        }
+      );
+    }
+  )
+);
+Input.displayName = "Input";
+
+var __defProp$4 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$4 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const NumberInputf = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        onChange: outerOnChange,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules,
+        value
+      } = _b, props = __objRest$4(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        "onChange",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules",
+        "value"
+      ]);
+      var _a2, _b2, _c;
+      const { name: contextFormName } = React.useContext(FormContext);
+      const formName = propsFormName != null ? propsFormName : contextFormName;
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const { onChange, value: innerValue } = useField({
+        formName,
+        name,
+        initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+        removeOnUnmount,
+        submitValueParser: React.useCallback(
+          (current) => parseNumberInputValueToNumber(current != null ? current : ""),
+          []
+        ),
+        validationValueParser: React.useCallback(
+          (current) => parseNumberInputValueToNumber(current != null ? current : ""),
+          []
+        ),
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      });
+      const handleOnChange = React.useCallback(
+        (ev) => {
+          if (ev.error) {
+            outerOnChange == null ? void 0 : outerOnChange(__spreadProps$4(__spreadValues$4({}, ev), { value: "" }));
+            onChange("");
+            validationsStore.updateField(formName, {
+              name,
+              error: formatMessage(window.GNR_NUMERIC, { TOK: "" })
+            });
+          } else {
+            onChange(ev.value);
+            outerOnChange == null ? void 0 : outerOnChange(ev);
+            validationsStore.updateField(formName, { name, error: null });
+          }
+        },
+        [formName, name, onChange, outerOnChange]
+      );
+      const stateClassName = useFieldStatesClassNames(name);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          sx: React.useMemo(
+            () => ({
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "start"
+            }),
+            []
+          ),
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: /* @__PURE__ */ jsx(
+            NumberInput,
+            __spreadProps$4(__spreadValues$4({
+              ref
+            }, props), {
+              name,
+              value: innerValue,
+              onChange: handleOnChange,
+              className: stateClassName
+            })
+          )
+        }
+      );
+    }
+  )
+);
+NumberInputf.displayName = "NumberInputf";
+
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Radio = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      options,
+      value: outerValue,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules
+    } = _b, props = __objRest$3(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      "options",
+      "value",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules"
+    ]);
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      formName,
+      name,
+      initialValue: initialValue != null ? initialValue : outerValue,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { value, updateValidations, onChange, isTouched } = _a2, inputProps = __objRest$3(_a2, ["value", "updateValidations", "onChange", "isTouched"]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        if (outerOnChange) {
+          outerOnChange(ev);
+        }
+      },
+      [onChange, outerOnChange]
+    );
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `radio ${className != null ? className : ""}`,
+        avoidSemicolon,
+        as: "ul",
+        children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Label, { title: option.label, className: "radio-label", children: [
+          /* @__PURE__ */ jsx(
+            Radio$1,
+            __spreadProps$3(__spreadValues$3(__spreadValues$3({}, props), inputProps), {
+              role: "radio",
+              className: "radio-button",
+              "aria-label": option.label,
+              ref,
+              value: option.value,
+              checked: value === option.value,
+              onChange: handleOnChange
+            })
+          ),
+          /* @__PURE__ */ jsx(Box, { as: "span", className: "radio-text", children: option.label })
+        ] }) }, option.value))
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Select = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      options,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$2(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      "options",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _b2, _d, _e;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _c = useField({
+      avoidRegisterIfExists,
+      initialValue: (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = options[0]) == null ? void 0 : _a2.value,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { updateValidations, onChange, isTouched } = _c, inputProps = __objRest$2(_c, ["updateValidations", "onChange", "isTouched"]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `select ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsxs(
+          Select$1,
+          __spreadProps$2(__spreadValues$2(__spreadValues$2(__spreadValues$2({}, getVariant("forms.select")), props), inputProps), {
+            onChange: React.useCallback(
+              (ev) => {
+                onChange(ev);
+                if (outerOnChange) {
+                  outerOnChange(ev);
+                }
+              },
+              [onChange, outerOnChange]
+            ),
+            "aria-label": (_d = props["aria-label"]) != null ? _d : label,
+            ref,
+            value: (_e = inputProps.value) != null ? _e : "",
+            children: [
+              options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value)),
+              props.children
+            ]
+          })
+        )
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Switchbox = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      onChange: outerOnChange,
+      type,
+      reverse = false,
+      avoidRegisterIfExists,
+      formName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$1(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "onChange",
+      "type",
+      "reverse",
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _b2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      name,
+      initialValue: (initialValue != null ? initialValue : "off") === "on" || toBoolean(initialValue) ? "on" : "off",
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { onChange, updateValidations, isTouched } = _a2, inputProps = __objRest$1(_a2, ["onChange", "updateValidations", "isTouched"]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `switchbox ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Switch,
+          __spreadProps$1(__spreadValues$1(__spreadValues$1({}, props), inputProps), {
+            "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+            onChange: (ev) => {
+              onChange(ev.target.checked !== reverse ? "on" : "off");
+              if (outerOnChange) {
+                outerOnChange(ev);
+              }
+            },
+            checked: ((_c = inputProps.value) != null ? _c : "off") === "on" !== reverse,
+            ref
+          })
+        )
+      }
+    );
+  }
+);
+Switchbox.displayName = "Switchbox";
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Textarea = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _b2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      initialValue: initialValue != null ? initialValue : value,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationRules: actualValidationRules,
+      validationFunction: actualValidationFunction
+    }), { updateValidations, onChange, isTouched } = _a2, inputProps = __objRest(_a2, ["updateValidations", "onChange", "isTouched"]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        if (outerOnChange) {
+          outerOnChange(ev);
+        }
+      },
+      [onChange, outerOnChange]
+    );
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `textarea ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Textarea$1,
+          __spreadProps(__spreadValues(__spreadValues({}, props), inputProps), {
+            "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+            ref,
+            value: (_c = inputProps.value) != null ? _c : "",
+            onChange: handleOnChange
+          })
+        )
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { InnerCaptcha as Captcha, Checkbox, DeletableInput, FieldWrapper, FileInput, Form, FormContext, Input, NumberInputf, Radio, Select, Switchbox, Textarea, ValidationError, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidationClass, validationsStore };