@react-solutions/inputs 0.2.5 → 0.2.8

package/dist/index.mjs

@@ -1,2 +1,2 @@
-var cl=Object.defineProperty,fl=Object.defineProperties;var Fl=Object.getOwnPropertyDescriptors;var Pt=Object.getOwnPropertySymbols;var lo=Object.prototype.hasOwnProperty,ro=Object.prototype.propertyIsEnumerable;var no=(e,a,n)=>a in e?cl(e,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[a]=n,r=(e,a)=>{for(var n in a||(a={}))lo.call(a,n)&&no(e,n,a[n]);if(Pt)for(var n of Pt(a))ro.call(a,n)&&no(e,n,a[n]);return e},g=(e,a)=>fl(e,Fl(a));var y=(e,a)=>{var n={};for(var t in e)lo.call(e,t)&&a.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&Pt)for(var t of Pt(e))a.indexOf(t)<0&&ro.call(e,t)&&(n[t]=e[t]);return n};import{FormControl as gl,InputAdornment as ao,TextField as bl}from"@mui/material";import{forwardRef as xl,memo as yl,useCallback as vl,useMemo as Re}from"react";import{jsx as Tt}from"react/jsx-runtime";var io=yl(xl((_,Y)=>{var K=_,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onEnterPress:m,error:o,helperText:l,disabled:i=!1,placeholder:b,variant:s="outlined",size:c,color:d="primary",fullWidth:p=!0,required:f,multiline:u=!1,rows:v,minRows:I,maxRows:E,resize:S="both",maxLength:L,minLength:M,type:H="text",autoComplete:A="off",startAdornment:w,endAdornment:B,inputStyles:O,formControlStyles:G,slotProps:V,slots:N}=K,W=y(K,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","multiline","rows","minRows","maxRows","resize","maxLength","minLength","type","autoComplete","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots"]);let Z=vl(J=>{J.key==="Enter"&&!u&&m&&m(n),W.onKeyDown&&W.onKeyDown(J)},[u,m,n,W.onKeyDown]),T=Re(()=>r({maxLength:L,minLength:M},W.inputProps||{}),[L,M,W]),P=Re(()=>w?Tt(ao,{position:"start",children:w}):void 0,[w]),R=Re(()=>B?Tt(ao,{position:"end",children:B}):void 0,[B]),k=Re(()=>g(r({},V),{input:r(r(g(r({},V==null?void 0:V.input),{inputProps:T}),P&&{startAdornment:P}),R&&{endAdornment:R})}),[V,T,P,R]),q=Re(()=>u?g(r({},O),{"& textarea":{resize:S}}):O,[u,O,S]),X=Re(()=>l!=null?l:o!=null&&o.message?o.message:void 0,[l,o==null?void 0:o.message]);return Tt(gl,{error:!!o,disabled:i,required:f,fullWidth:p,sx:G,children:Tt(bl,g(r({},W),{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onKeyDown:Z,placeholder:b,variant:s,size:c,color:d,fullWidth:p,required:f,error:!!o,disabled:i,multiline:u,rows:v,minRows:I,maxRows:E,type:u?void 0:H,autoComplete:A,slotProps:k,slots:N,sx:q,ref:Y,helperText:X}))})}));io.displayName="TextInputField";var pe=io;import{Controller as Cl}from"react-hook-form";import{memo as hl,useMemo as so}from"react";import{jsx as uo}from"react/jsx-runtime";var mo=hl(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F="",onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=so(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=so(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return uo(Cl,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return uo(pe,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:"",onChange:u=>{s.onChange(u),x==null||x(u.target.value)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});mo.displayName="FormInputTextField";var Qe=mo;import{Controller as Il}from"react-hook-form";import{memo as Pl,useMemo as po}from"react";import{jsx as co}from"react/jsx-runtime";var fo=Pl(s=>{var c=s,{name:e,label:a,control:n,errors:t,rows:F,minRows:x,maxRows:m,resize:o,defaultValue:l="",onChange:i}=c,b=y(c,["name","label","control","errors","rows","minRows","maxRows","resize","defaultValue","onChange"]);let d=po(()=>{var f;return t!=null&&t[e]?{message:String(((f=t[e])==null?void 0:f.message)||"")}:null},[t,e]),p=po(()=>{var f,u;return(f=t==null?void 0:t[e])!=null&&f.message?String((u=t[e])==null?void 0:u.message):void 0},[t,e]);return co(Il,{name:e,control:n,defaultValue:l,render:({field:f})=>{var E;let I=b,{size:u}=I,v=y(I,["size"]);return co(pe,g(r({},v),{name:e,label:a,value:(E=f.value)!=null?E:"",onChange:S=>{f.onChange(S),i==null||i(S.target.value)},onBlur:f.onBlur,multiline:!0,rows:F,minRows:x,maxRows:m,resize:o,size:u,error:d,helperText:p}))}})});fo.displayName="FormInputTextArea";var je=fo;import{Visibility as Tl,VisibilityOff as Rl}from"@mui/icons-material";import{FormControl as El,FormHelperText as Fo,IconButton as Sl,InputAdornment as Dl,TextField as kl}from"@mui/material";import{forwardRef as wl,useState as Ll,memo as Bl,useCallback as go,useMemo as Rt}from"react";import{jsx as xe,jsxs as bo}from"react/jsx-runtime";var Ml=e=>{if(!e)return"weak";let a=0;return e.length>=8&&a++,e.length>=12&&a++,/[a-z]/.test(e)&&a++,/[A-Z]/.test(e)&&a++,/[0-9]/.test(e)&&a++,/[^a-zA-Z0-9]/.test(e)&&a++,a<=2?"weak":a<=4?"medium":a<=5?"strong":"very-strong"},Hl=e=>{switch(e){case"weak":return"#f44336";case"medium":return"#ff9800";case"strong":return"#4caf50";case"very-strong":return"#2196f3";default:return"#9e9e9e"}},xo=Bl(wl((N,V)=>{var W=N,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onVisibilityToggle:m,error:o,helperText:l,disabled:i=!1,placeholder:b,variant:s="outlined",size:c,color:d,fullWidth:p=!0,required:f,showPasswordStrength:u=!1,minLength:v,maxLength:I,defaultShowPassword:E=!1,visibilityIcon:S=xe(Tl,{}),visibilityOffIcon:L=xe(Rl,{}),iconButtonProps:M,getPasswordStrength:H=Ml,inputStyles:A,formControlStyles:w,slotProps:B,slots:O}=W,G=y(W,["name","label","value","onChange","onFocus","onBlur","onVisibilityToggle","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showPasswordStrength","minLength","maxLength","defaultShowPassword","visibilityIcon","visibilityOffIcon","iconButtonProps","getPasswordStrength","inputStyles","formControlStyles","slotProps","slots"]);let[Y,_]=Ll(E),K=go(()=>{_(X=>{let J=!X;return m&&m(J),J})},[m]),Z=Rt(()=>u?H(n):null,[u,n]),T=()=>{if(!Z||!n)return null;let X=Hl(Z),J=Z.charAt(0).toUpperCase()+Z.slice(1).replace("-"," ");return xe("div",{style:{marginTop:"4px",fontSize:"0.75rem"},children:bo("span",{style:{color:X,fontWeight:500},children:["Strength: ",J]})})},P=go(X=>{let J=X.target.value;I&&J.length>I||t&&t(X)},[I,t]),R=Rt(()=>xe(Dl,{position:"end",children:xe(Sl,g(r({onClick:K,onMouseDown:X=>X.preventDefault(),edge:"end",disabled:i},M),{children:Y?L:S}))}),[K,i,M,Y,L,S]),k=Rt(()=>{var X;return g(r({},B),{input:g(r(r({},B==null?void 0:B.input),v||I?{inputProps:r(r({minLength:v,maxLength:I},((X=B==null?void 0:B.input)==null?void 0:X.inputProps)||{}),G.inputProps||{})}:{}),{endAdornment:R})})},[B,v,I,G,R]),q=Rt(()=>l!=null?l:o!=null&&o.message?o.message:void 0,[l,o==null?void 0:o.message]);return bo(El,{fullWidth:p,error:!!o,disabled:i,required:f,sx:w,children:[xe(kl,g(r({},G),{name:e,label:a,type:Y?"text":"password",value:n,onChange:P,onFocus:F,onBlur:x,placeholder:b,variant:s,size:c,color:d,fullWidth:p,required:f,error:!!o,disabled:i,slotProps:k,slots:O,sx:A,ref:V,helperText:q})),u&&T(),o&&!l&&o.message&&xe(Fo,{children:o.message}),!o&&l&&xe(Fo,{children:l})]})}));xo.displayName="PasswordField";var Ee=xo;import{Controller as Al}from"react-hook-form";import{memo as zl,useMemo as yo}from"react";import{jsx as vo}from"react/jsx-runtime";var Co=zl(l=>{var i=l,{name:e,label:a,control:n,errors:t,size:F,defaultValue:x="",onChange:m}=i,o=y(i,["name","label","control","errors","size","defaultValue","onChange"]);let b=yo(()=>{var c;return t!=null&&t[e]?{message:String(((c=t[e])==null?void 0:c.message)||"")}:null},[t,e]),s=yo(()=>{var c,d;return(c=t==null?void 0:t[e])!=null&&c.message?String((d=t[e])==null?void 0:d.message):void 0},[t,e]);return vo(Al,{name:e,control:n,defaultValue:x,render:({field:c})=>{var u;let f=o,{size:d}=f,p=y(f,["size"]);return vo(Ee,g(r({},p),{name:e,label:a,value:(u=c.value)!=null?u:"",onChange:v=>{c.onChange(v),m==null||m(v.target.value)},onBlur:c.onBlur,error:b,helperText:s,size:F!=null?F:d}))}})});Co.displayName="FormInputPasswordField";var et=Co;import{FormControl as Ol,InputAdornment as ho,TextField as Nl}from"@mui/material";import{forwardRef as Vl,useState as Wl,useEffect as Gl,useCallback as ql,memo as Kl,useMemo as Ie}from"react";import{jsx as Et}from"react/jsx-runtime";var de=e=>e.replace(/\D/g,""),Io=(e,a)=>{if(!a||!e)return e;let n="",t=0;for(let F=0;F<a.length&&t<e.length;F++)a[F]==="X"?(n+=e[t],t++):n+=a[F];return n},Xl=e=>e?e.replace(/X/g,"0"):"",$l=e=>{let a=de(e);return a.length<=3?a:a.length<=6?`(${a.slice(0,3)}) ${a.slice(3)}`:`(${a.slice(0,3)}) ${a.slice(3,6)}-${a.slice(6,10)}`},Ul=e=>{var t;let a=e.replace(/\D/g,"");return(((t=a.match(/.{1,4}/g))==null?void 0:t.join(" "))||a).slice(0,19)},Po=(e,a=!0)=>{let n=e.replace(/[^\d.]/g,"");if(!a)return n.replace(/\D/g,"");let t=n.split(".");return t.length>2?t[0]+"."+t.slice(1).join(""):t.length===2&&t[1].length>2?t[0]+"."+t[1].slice(0,2):n},Yl=e=>{let a=e.replace(/\D/g,"");return a.length<=3?a:a.length<=5?`${a.slice(0,3)}-${a.slice(3)}`:`${a.slice(0,3)}-${a.slice(3,5)}-${a.slice(5,9)}`},_l=e=>{let a=e.replace(/\D/g,"");return a.length<=5?a:`${a.slice(0,5)}-${a.slice(5,9)}`},Zl=e=>e.replace(/\D/g,"").slice(0,3),To=Kl(Vl((Y,W)=>{var _=Y,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onEnterPress:m,error:o,helperText:l,disabled:i=!1,placeholder:b,variant:s="outlined",size:c,color:d="primary",fullWidth:p=!0,required:f,pattern:u="integer",customPattern:v,customFormatter:I,min:E,max:S,step:L,allowDecimals:M=!0,decimalPlaces:H=2,startAdornment:A,endAdornment:w,inputStyles:B,formControlStyles:O,slotProps:G,slots:V}=_,N=y(_,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","pattern","customPattern","customFormatter","min","max","step","allowDecimals","decimalPlaces","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots"]);let[K,Z]=Wl(n),T=typeof u=="string"&&u.includes("X"),P=T?u:void 0,R=T?void 0:u,k=ql(U=>{if(!U)return"";if(P){let oe=de(U);return Io(oe,P)}switch(R){case"phone":return $l(U);case"credit-card":return Ul(U);case"currency":return Po(U,M);case"ssn":return Yl(U);case"zip-code":return _l(U);case"percentage":return Zl(U);case"decimal":return Po(U,M);case"integer":return de(U);case"custom":return I?I(U):de(U);default:return de(U)}},[P,R,M,I,v]);Gl(()=>{let U=k(n);Z(oe=>oe!==U?U:oe)},[n,k]);let q=(U,oe)=>{if(["Backspace","Delete","Tab","Escape","Enter"].includes(oe)||oe==="a"||oe==="c"||oe==="v"||oe==="x"||(R==="decimal"||R==="currency")&&M&&oe===".")return!0;if(!/^\d$/.test(oe))return!1;if(P){let ne=(P.match(/X/g)||[]).length;return de(U).length<ne}if(R==="custom"&&v){let ne=U+oe;return v.test(ne)}return!0},X=U=>{let oe=U.target.value,ne=k(oe);Z(ne);let ie=P?de(oe):ne,ue=g(r({},U),{target:g(r({},U.target),{value:ie}),currentTarget:g(r({},U.currentTarget),{value:ie})});t&&t(ue)},J=U=>{if(i)return;U.preventDefault();let oe=U.clipboardData.getData("text"),ne=de(oe),ie=P?(P.match(/X/g)||[]).length:void 0,ue=ie?ne.slice(0,ie):ne,Vt=P?Io(ue,P):k(ue);Z(Vt);let j=g(r({},U),{target:g(r({},U.target),{value:ue}),currentTarget:g(r({},U.currentTarget),{value:ue})});t&&t(j)},C=U=>{let oe=U.currentTarget.querySelector("input");if(!oe)return;let ne=oe.value||"",ie=U.key;if(["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(ie)){ie==="Enter"&&m&&m(K),N.onKeyDown&&N.onKeyDown(U);return}if(U.ctrlKey||U.metaKey){N.onKeyDown&&N.onKeyDown(U);return}if(!q(ne,ie)){U.preventDefault();return}N.onKeyDown&&N.onKeyDown(U)},h=Ie(()=>r({min:E,max:S,step:L,inputMode:R==="phone"?"tel":R==="decimal"||R==="currency"?"decimal":"numeric",maxLength:P?P.length:void 0},N.inputProps||{}),[E,S,L,R,P,N]),D=Ie(()=>A?Et(ho,{position:"start",children:A}):void 0,[A]),z=Ie(()=>w?Et(ho,{position:"end",children:w}):void 0,[w]),$=Ie(()=>g(r({},G),{input:r(r(g(r({},G==null?void 0:G.input),{inputProps:h}),D&&{startAdornment:D}),z&&{endAdornment:z})}),[G,h,D,z]),Q=Ie(()=>R==="phone"?"tel":"text",[R]),re=Ie(()=>b||(P?Xl(P):b),[b,P]),ge=Ie(()=>l!=null?l:o!=null&&o.message?o.message:void 0,[l,o==null?void 0:o.message]);return Et(Ol,{error:!!o,disabled:i,required:f,fullWidth:p,sx:O,children:Et(Nl,g(r({},N),{name:e,label:a,value:K,onChange:X,onFocus:F,onBlur:x,onKeyDown:C,onPaste:J,placeholder:re,variant:s,size:c,color:d,fullWidth:p,required:f,error:!!o,disabled:i,type:Q,autoComplete:"off",slotProps:$,slots:V,sx:B,ref:W,helperText:ge}))})}));To.displayName="NumberField";var Se=To;import{Controller as Jl}from"react-hook-form";import{memo as Ql,useMemo as Ro}from"react";import{jsx as Eo}from"react/jsx-runtime";var So=Ql(d=>{var p=d,{name:e,label:a,control:n,errors:t,pattern:F,min:x,max:m,step:o,allowDecimals:l,decimalPlaces:i,defaultValue:b="",onChange:s}=p,c=y(p,["name","label","control","errors","pattern","min","max","step","allowDecimals","decimalPlaces","defaultValue","onChange"]);let f=Ro(()=>{var v;return t!=null&&t[e]?{message:String(((v=t[e])==null?void 0:v.message)||"")}:null},[t,e]),u=Ro(()=>{var v,I;return(v=t==null?void 0:t[e])!=null&&v.message?String((I=t[e])==null?void 0:I.message):void 0},[t,e]);return Eo(Jl,{name:e,control:n,defaultValue:b,render:({field:v})=>{var L;let S=c,{size:I}=S,E=y(S,["size"]);return Eo(Se,g(r({},E),{name:e,label:a,value:(L=v.value)!=null?L:"",onChange:M=>{v.onChange(M),s==null||s(M.target.value)},onBlur:v.onBlur,pattern:F,min:x,max:m,step:o,allowDecimals:l,decimalPlaces:i,size:I,error:f,helperText:u}))}})});So.displayName="FormInputNumberField";var tt=So;import{FormControl as jl,InputAdornment as Wt,TextField as er}from"@mui/material";import{forwardRef as tr,useState as or,useEffect as nr,useRef as lr,memo as rr,useCallback as Gt,useMemo as De}from"react";import{jsx as ot}from"react/jsx-runtime";var St=e=>e.replace(/\D/g,""),qt=(e,a)=>{if(!a||!e)return e;let n="",t=0;for(let F=0;F<a.length&&t<e.length;F++)a[F]==="X"?(n+=e[t],t++):n+=a[F];return n},ar=e=>e?e.replace(/X/g,"0"):"0000000000",Do=rr(tr((V,G)=>{var N=V,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onEnterPress:m,error:o,helperText:l,disabled:i=!1,placeholder:b,variant:s="outlined",size:c,color:d="primary",fullWidth:p=!0,required:f,pattern:u="XXXXXXXXXX",maxLength:v,countryCode:I="+1",showCountryCode:E=!1,startAdornment:S,endAdornment:L,inputStyles:M,formControlStyles:H,countryCodeStyles:A,slotProps:w,slots:B}=N,O=y(N,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","pattern","maxLength","countryCode","showCountryCode","startAdornment","endAdornment","inputStyles","formControlStyles","countryCodeStyles","slotProps","slots"]);let[W,Y]=or(""),_=lr(null),K=v||(u?u.length:15);nr(()=>{let h=St(n),D=u?qt(h,u):h;Y(z=>z!==D?D:z),_.current&&setTimeout(()=>{if(_.current){let z=D.length;_.current.setSelectionRange(z,z)}},0)},[n,u]);let Z=Gt(h=>{if(i)return;let D=h.target.value,z=St(D),$=K?z.slice(0,K):z,Q=u?qt($,u):$;Y(Q);let re=g(r({},h),{target:g(r({},h.target),{value:$}),currentTarget:g(r({},h.currentTarget),{value:$})});t&&t(re)},[i,K,u,t]),T=Gt(h=>{if(i)return;h.preventDefault();let D=h.clipboardData.getData("text"),z=St(D),$=K?z.slice(0,K):z,Q=u?qt($,u):$;Y(Q);let re=g(r({},h),{target:g(r({},h.target),{value:$}),currentTarget:g(r({},h.currentTarget),{value:$})});t&&t(re)},[i,K,u,t]),P=Gt(h=>{if(i)return;let D=h.key,z=/[0-9]/.test(D),$=D==="Backspace"||D==="Delete"||D==="Tab"||D==="Escape"||D==="Enter"||D==="ArrowLeft"||D==="ArrowRight"||D==="ArrowUp"||D==="ArrowDown"||D==="Home"||D==="End"||(h.ctrlKey||h.metaKey)&&(D==="a"||D==="c"||D==="v"||D==="x");if(!z&&!$){h.preventDefault();return}D==="Enter"&&m&&m(St(W)),O.onKeyDown&&O.onKeyDown(h)},[i,m,W,O.onKeyDown]),R=De(()=>r({maxLength:K,inputMode:"tel",autoComplete:"tel"},O.inputProps||{}),[K,O]),k=De(()=>E?ot(Wt,{position:"start",sx:A,children:I}):S?ot(Wt,{position:"start",children:S}):void 0,[E,A,I,S]),q=De(()=>L?ot(Wt,{position:"end",children:L}):void 0,[L]),X=De(()=>g(r({},w),{input:r(r(g(r({},w==null?void 0:w.input),{inputProps:R}),k&&{startAdornment:k}),q&&{endAdornment:q})}),[w,R,k,q]),J=De(()=>b||(u?ar(u):""),[b,u]),C=De(()=>l!=null?l:o!=null&&o.message?o.message:void 0,[l,o==null?void 0:o.message]);return ot(jl,{error:!!o,disabled:i,required:f,fullWidth:p,sx:H,children:ot(er,g(r({},O),{name:e,label:a,value:W,onChange:Z,onFocus:F,onBlur:x,onKeyDown:P,onPaste:T,placeholder:J,variant:s,size:c,color:d,fullWidth:p,required:f,error:!!o,disabled:i,type:"tel",autoComplete:"tel",slotProps:X,slots:B,sx:M,ref:G,inputRef:_,helperText:C}))})}));Do.displayName="TeliField";var ke=Do;import{Controller as ir}from"react-hook-form";import{memo as sr,useMemo as ko}from"react";import{jsx as wo}from"react/jsx-runtime";var Lo=sr(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F="",onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=ko(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=ko(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return wo(ir,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return wo(ke,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:"",onChange:u=>{s.onChange(u),x==null||x(u.target.value)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});Lo.displayName="FormInputTelField";var nt=Lo;import{Close as ur,Search as mr}from"@mui/icons-material";import{FormControl as pr,IconButton as Bo,InputAdornment as dr,TextField as cr}from"@mui/material";import{forwardRef as fr,useEffect as Fr,useRef as Kt,memo as gr,useCallback as we,useMemo as Mo}from"react";import{jsx as Le,jsxs as br}from"react/jsx-runtime";var Ho=gr(fr((K,_)=>{var Z=K,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onSearch:m,onClear:o,onEnterPress:l,error:i,helperText:b,disabled:s=!1,placeholder:c,variant:d="outlined",size:p,color:f="primary",fullWidth:u=!0,required:v,showClearButton:I=!0,showSearchButton:E=!0,clearIcon:S,searchIcon:L,clearButtonProps:M,searchButtonProps:H,enableDebounce:A=!0,debounceDelay:w=300,enableThrottle:B=!1,throttleDelay:O=300,inputStyles:G,formControlStyles:V,slotProps:N,slots:W}=Z,Y=y(Z,["name","label","value","onChange","onFocus","onBlur","onSearch","onClear","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showClearButton","showSearchButton","clearIcon","searchIcon","clearButtonProps","searchButtonProps","enableDebounce","debounceDelay","enableThrottle","throttleDelay","inputStyles","formControlStyles","slotProps","slots"]);let T=Kt(null),P=Kt(null),R=Kt(0);Fr(()=>()=>{T.current&&clearTimeout(T.current),P.current&&clearTimeout(P.current)},[]);let k=we($=>{T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{m&&m($)},w)},[m,w]),q=we($=>{let Q=Date.now(),re=Q-R.current;re>=O?(R.current=Q,m&&m($)):(P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{R.current=Date.now(),m&&m($)},O-re))},[m,O]),X=we($=>{let Q=$.target.value;t&&t($),m&&(A&&!B?k(Q):B&&!A?q(Q):A&&B?k(Q):m(Q))},[t,m,A,B,k,q]),J=we(()=>{T.current&&(clearTimeout(T.current),T.current=null),P.current&&(clearTimeout(P.current),P.current=null),o&&o(),m&&m(""),t&&t({target:{value:"",name:e||""},currentTarget:{value:"",name:e||""}})},[o,m,t,e,T,P]),C=we(()=>{T.current&&(clearTimeout(T.current),T.current=null),P.current&&(clearTimeout(P.current),P.current=null),m&&m(n)},[m,n,T,P]),h=we($=>{$.key==="Enter"&&(T.current&&(clearTimeout(T.current),T.current=null),P.current&&(clearTimeout(P.current),P.current=null),l&&l(n),m&&m(n)),Y.onKeyDown&&Y.onKeyDown($)},[l,m,n,T,P,Y.onKeyDown]),D=Mo(()=>br(dr,{position:"end",children:[I&&n&&Le(Bo,g(r({onClick:J,disabled:s,edge:"end",size:p},M),{children:S||Le(ur,{})})),E&&Le(Bo,g(r({onClick:C,disabled:s,edge:"end",size:p},H),{children:L||Le(mr,{})}))]}),[I,n,J,s,p,M,S,E,C,H,L]),z=Mo(()=>b!=null?b:i!=null&&i.message?i.message:void 0,[b,i==null?void 0:i.message]);return Le(pr,{error:!!i,disabled:s,required:v,fullWidth:u,sx:V,children:Le(cr,g(r({},Y),{name:e,label:a,value:n,onChange:X,onFocus:F,onBlur:x,onKeyDown:h,placeholder:c,variant:d,size:p,color:f,fullWidth:u,required:v,error:!!i,disabled:s,slotProps:g(r({},N),{input:g(r({},N==null?void 0:N.input),{endAdornment:D})}),slots:W,sx:G,ref:_,helperText:z}))})}));Ho.displayName="SearchField";var Be=Ho;import{Controller as xr}from"react-hook-form";import{memo as yr,useMemo as Ao}from"react";import{jsx as zo}from"react/jsx-runtime";var Oo=yr(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F="",onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=Ao(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=Ao(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return zo(xr,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return zo(Be,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:"",onChange:u=>{s.onChange(u),x==null||x(u.target.value)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});Oo.displayName="FormInputSearchField";var lt=Oo;import{FormControl as vr,FormHelperText as No,TextField as Cr,Box as Vo}from"@mui/material";import{forwardRef as hr,useState as Ir,useRef as Me,useEffect as Dt}from"react";import{jsx as rt,jsxs as Wo}from"react/jsx-runtime";var Go=hr((O,B)=>{var G=O,{name:e,label:a,value:n,onChange:t,onComplete:F,onFocus:x,onBlur:m,onEnterPress:o,error:l,helperText:i,disabled:b=!1,variant:s="outlined",size:c,color:d="primary",fullWidth:p=!0,required:f,length:u=6,spacing:v=1,autoFocus:I=!1,autoSubmit:E=!1,containerStyles:S,inputStyles:L,formControlStyles:M,slotProps:H,slots:A}=G,w=y(G,["name","label","value","onChange","onComplete","onFocus","onBlur","onEnterPress","error","helperText","disabled","variant","size","color","fullWidth","required","length","spacing","autoFocus","autoSubmit","containerStyles","inputStyles","formControlStyles","slotProps","slots"]);let[V,N]=Ir(Array(u).fill("")),W=Me([]),Y=Me(""),_=Me(!1),K=Me(Array(u).fill("")),Z=Me(!1),T=Me(null);Dt(()=>{K.current=V},[V]),Dt(()=>{let C=K.current.join("");if(Z.current){if(n===Y.current)return;let h=C,D=n||"";if(h===D&&h.length>0||D.length===h.length&&D===Y.current)return}if(!(_.current&&(_.current=!1,n===Y.current))&&n!==C)if(n){let h=n.split("").slice(0,u),D=[...h,...Array(u-h.length).fill("")];N(D)}else N(Array(u).fill(""))},[n,u]),Dt(()=>{I&&W.current[0]&&W.current[0].focus()},[I]),Dt(()=>()=>{T.current&&clearTimeout(T.current)},[]);let P=(C,h)=>{if(b)return;let D=h.target.value;if(D===""){R(C,"",!1);return}let z=D.slice(-1);/^\d$/.test(z)&&R(C,z,!0)},R=(C,h,D=!0)=>{let z=[...V];z[C]=h,_.current=!0,Z.current=!0,T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{Z.current=!1},500),N(z);let $=z.join("");Y.current=$,t&&t($),h&&C<u-1&&D&&setTimeout(()=>{var Q;(Q=W.current[C+1])==null||Q.focus()},0),z.every(Q=>Q!=="")&&(F&&F($),E&&o&&o($))},k=(C,h)=>{var z,$,Q;if(b)return;let D=h.key;if(D==="Backspace"){V[C]===""&&C>0?((z=W.current[C-1])==null||z.focus(),R(C-1,"",!1)):R(C,"",!1),h.preventDefault();return}if(D==="Delete"){R(C,"",!1),h.preventDefault();return}if(D==="ArrowLeft"&&C>0){($=W.current[C-1])==null||$.focus(),h.preventDefault();return}if(D==="ArrowRight"&&C<u-1){(Q=W.current[C+1])==null||Q.focus(),h.preventDefault();return}if(D==="Enter"&&o){let re=V.join("");o(re);return}(h.ctrlKey||h.metaKey)&&D==="v"||/^\d$/.test(D)||["Tab","Escape","Home","End"].includes(D)||h.preventDefault()},q=(C,h)=>{var oe;if(b)return;h.preventDefault();let z=h.clipboardData.getData("text").replace(/\D/g,"").slice(0,u);if(z.length===0)return;let $=[...V],Q=C;for(let ne=0;ne<z.length&&Q+ne<u;ne++)$[Q+ne]=z[ne];N($);let re=$.join("");t&&t(re);let ge=$.findIndex(ne=>ne===""),U=ge!==-1?ge:Math.min(Q+z.length,u-1);(oe=W.current[U])==null||oe.focus(),$.every(ne=>ne!=="")&&(F&&F(re),E&&o&&o(re))},X=(C,h)=>{h.target.select(),x&&x(h)},J=(C,h)=>{m&&m(h)};return Wo(vr,{error:!!l,disabled:b,required:f,fullWidth:p,sx:M,children:[a&&Wo(Vo,{component:"label",sx:{mb:1,display:"block"},children:[a,f&&rt("span",{style:{color:"error.main"},children:" *"})]}),rt(Vo,{ref:B,sx:r({display:"flex",gap:v,justifyContent:"flex-start"},S),children:V.map((C,h)=>{var D;return rt(Cr,r({inputRef:z=>{W.current[h]=z},name:e?`${e}-${h}`:void 0,value:C,onChange:z=>P(h,z),onKeyDown:z=>k(h,z),onPaste:z=>q(h,z),onFocus:z=>X(h,z),onBlur:z=>J(h,z),variant:s,size:c,color:d,error:!!l,disabled:b,required:f,slotProps:g(r({},H),{input:g(r({},H==null?void 0:H.input),{inputProps:r({maxLength:1,inputMode:"numeric",pattern:"[0-9]*",style:{textAlign:"center",fontSize:c==="small"?"1rem":"1.25rem",fontWeight:"bold"}},((D=H==null?void 0:H.input)==null?void 0:D.inputProps)||{})})}),slots:A,sx:r({width:c==="small"?"40px":"48px"},L)},w),h)})}),l&&rt(No,{children:i!=null?i:l!=null&&l.message?l.message:""}),!l&&i&&rt(No,{children:i})]})});Go.displayName="OTPField";var He=Go;import{Controller as Pr}from"react-hook-form";import{memo as Tr,useMemo as qo}from"react";import{jsx as Ko}from"react/jsx-runtime";var Xo=Tr(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F="",onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=qo(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=qo(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return Ko(Pr,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return Ko(He,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:"",onChange:u=>{s.onChange(u),x==null||x(u)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});Xo.displayName="FormInputOTPField";var at=Xo;import{FormControl as Rr,FormHelperText as $o,InputLabel as Er,MenuItem as Sr,Select as Dr}from"@mui/material";import{forwardRef as kr}from"react";import{jsx as it,jsxs as wr}from"react/jsx-runtime";var Uo=kr((W,N)=>{var Y=W,{name:e,label:a,value:n,onChange:t,onOpen:F,onClose:x,options:m,error:o,helperText:l,disabled:i=!1,variant:b="outlined",size:s,color:c,fullWidth:d=!0,required:p,multiple:f=!1,icon:u,renderValue:v,renderMenuItem:I,menuItemStyles:E,selectStyles:S,formControlStyles:L,labelStyles:M,slotProps:H,slots:A,displayEmpty:w=!1,autoWidth:B=!1,native:O=!1,MenuProps:G}=Y,V=y(Y,["name","label","value","onChange","onOpen","onClose","options","error","helperText","disabled","variant","size","color","fullWidth","required","multiple","icon","renderValue","renderMenuItem","menuItemStyles","selectStyles","formControlStyles","labelStyles","slotProps","slots","displayEmpty","autoWidth","native","MenuProps"]);let _=R=>{var k;if(f&&Array.isArray(R))return R.length===0?"":R.map(q=>{var J;let X=m.find(C=>C.value===q);return(J=X==null?void 0:X.name)!=null?J:String(q)}).join(", ");if(!f&&R!==""&&R!==null&&R!==void 0){let q=m.find(X=>X.value===R);return(k=q==null?void 0:q.name)!=null?k:String(R)}return""},K=(R,k)=>{let q=typeof E=="function"?E(R,k):E;return it(Sr,{value:R.value,disabled:R.disabled,sx:q,children:I?I(R,k):R.name},`${R.value}-${k}`)},Z=(R,k)=>{t&&t(R,k)},T=a?`${e||"select"}-label`:void 0,P=a?`${e||"select"}-select`:void 0;return wr(Rr,{fullWidth:d,error:!!o,disabled:i,required:p,size:s,variant:b,sx:L,children:[a&&it(Er,{id:T,sx:M,children:a}),it(Dr,g(r({},V),{labelId:T,id:P,name:e,value:n,label:a,onChange:Z,onOpen:F,onClose:x,disabled:i,multiple:f,displayEmpty:w,autoWidth:B,native:O,MenuProps:G,IconComponent:u,renderValue:v!=null?v:_,slotProps:H,slots:A,sx:S,ref:N,children:m&&Array.isArray(m)&&m.map((R,k)=>K(R,k))})),o&&it($o,{children:l!=null?l:o!=null&&o.message?o.message:""}),!o&&l&&it($o,{children:l})]})});Uo.displayName="SelectInputField";var ce=Uo;import{Controller as Lr}from"react-hook-form";import{memo as Br,useMemo as Xt}from"react";import{jsx as Yo}from"react/jsx-runtime";var _o=Br(l=>{var i=l,{name:e,label:a,control:n,errors:t,options:F=[],defaultValue:x="",onChange:m}=i,o=y(i,["name","label","control","errors","options","defaultValue","onChange"]);let b=Xt(()=>{var d;return t!=null&&t[e]?{message:String(((d=t[e])==null?void 0:d.message)||"")}:null},[t,e]),s=Xt(()=>{var d,p;return(d=t==null?void 0:t[e])!=null&&d.message?String((p=t[e])==null?void 0:p.message):void 0},[t,e]),c=Xt(()=>F,[F]);return Yo(Lr,{name:e,control:n,defaultValue:x,render:({field:d})=>{var v;let u=o,{size:p}=u,f=y(u,["size"]);return Yo(ce,g(r({},f),{name:e,label:a,options:c,value:(v=d.value)!=null?v:"",onChange:I=>{d.onChange(I),m==null||m(I.target.value)},onBlur:d.onBlur,size:p,error:b,helperText:s}))}})});_o.displayName="FormInputSelect";var st=_o;import{Controller as Mr}from"react-hook-form";import{memo as Hr,useMemo as $t}from"react";import{jsx as Zo}from"react/jsx-runtime";var Jo=Hr(l=>{var i=l,{name:e,label:a,control:n,errors:t,options:F=[],defaultValue:x=[],onChange:m}=i,o=y(i,["name","label","control","errors","options","defaultValue","onChange"]);let b=$t(()=>{var d;return t!=null&&t[e]?{message:String(((d=t[e])==null?void 0:d.message)||"")}:null},[t,e]),s=$t(()=>{var d,p;return(d=t==null?void 0:t[e])!=null&&d.message?String((p=t[e])==null?void 0:p.message):void 0},[t,e]),c=$t(()=>F,[F]);return Zo(Mr,{name:e,control:n,defaultValue:x,render:({field:d})=>{let v=o,{size:p}=v,f=y(v,["size"]),u=Array.isArray(d.value)?d.value:[];return Zo(ce,g(r({},f),{name:e,label:a,options:c,multiple:!0,value:u,onChange:I=>{d.onChange(I),m==null||m(I.target.value)},onBlur:d.onBlur,size:p,error:b,helperText:s}))}})});Jo.displayName="FormInputMultiSelect";var ut=Jo;import{Autocomplete as Ar,FormControl as zr,FormHelperText as Or,TextField as Nr}from"@mui/material";import{forwardRef as Vr,memo as Wr,useCallback as kt,useMemo as Gr}from"react";import{jsx as Ut,jsxs as Kr}from"react/jsx-runtime";import{createElement as qr}from"react";var Qo=Wr(Vr((T,Z)=>{var P=T,{name:e,label:a,value:n,onChange:t,onInputChange:F,onOpen:x,onClose:m,options:o,error:l,helperText:i,disabled:b=!1,placeholder:s,variant:c="outlined",size:d,color:p,fullWidth:f=!0,required:u,getOptionLabel:v,isOptionEqualToValue:I,renderOption:E,popupIcon:S,inputStyles:L,autocompleteStyles:M,formControlStyles:H,loading:A=!1,loadingText:w="Loading...",noOptionsText:B="No options",filterOptions:O,autoHighlight:G=!0,autoSelect:V=!1,disablePortal:N=!1,disableListWrap:W=!1,slotProps:Y,slots:_}=P,K=y(P,["name","label","value","onChange","onInputChange","onOpen","onClose","options","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","getOptionLabel","isOptionEqualToValue","renderOption","popupIcon","inputStyles","autocompleteStyles","formControlStyles","loading","loadingText","noOptionsText","filterOptions","autoHighlight","autoSelect","disablePortal","disableListWrap","slotProps","slots"]);let R=kt(C=>{var h,D;return typeof C=="string"?C:(D=C==null?void 0:C.name)!=null?D:String((h=C==null?void 0:C.value)!=null?h:"")},[]),k=kt((C,h)=>(C==null?void 0:C.name)===(h==null?void 0:h.name)&&(C==null?void 0:C.value)===(h==null?void 0:h.value),[]),q=kt((C,h)=>qr("li",g(r({},C),{key:`${h.name}-${h.value}`}),h.name),[]),X=kt((C,h,D)=>{t&&t(C,h,D)},[t]),J=Gr(()=>i!=null?i:l!=null&&l.message?l.message:void 0,[i,l==null?void 0:l.message]);return Kr(zr,{fullWidth:f,error:!!l,sx:H,children:[Ut(Ar,g(r({},K),{options:o,value:n,onChange:X,onInputChange:F,onOpen:x,onClose:m,getOptionLabel:v!=null?v:R,isOptionEqualToValue:I!=null?I:k,renderOption:E!=null?E:q,disabled:b,loading:A,loadingText:w,noOptionsText:B,filterOptions:O,autoHighlight:G,autoSelect:V,disablePortal:N,disableListWrap:W,popupIcon:S,slotProps:Y,slots:_,sx:M,ref:Z,renderInput:C=>Ut(Nr,g(r({},C),{name:e,label:a,variant:c,size:d,color:p,placeholder:s,required:u,error:!!l,disabled:b,slotProps:{input:g(r({},C.InputProps),{inputProps:r({},C.inputProps)})},sx:L,helperText:J}))})),l&&!i&&l.message&&Ut(Or,{children:l.message})]})}));Qo.displayName="AutoCompleteField";var fe=Qo;import{Controller as Xr}from"react-hook-form";import{memo as $r,useMemo as Yt}from"react";import{jsx as jo}from"react/jsx-runtime";var en=$r(b=>{var s=b,{name:e,label:a,control:n,errors:t,options:F=[],disabled:x,placeholder:m,defaultValue:o=null,onChange:l}=s,i=y(s,["name","label","control","errors","options","disabled","placeholder","defaultValue","onChange"]);let c=Yt(()=>{var f;return t!=null&&t[e]?{message:String(((f=t[e])==null?void 0:f.message)||"")}:null},[t,e]),d=Yt(()=>{var f,u;return(f=t==null?void 0:t[e])!=null&&f.message?String((u=t[e])==null?void 0:u.message):void 0},[t,e]),p=Yt(()=>F,[F]);return jo(Xr,{name:e,control:n,defaultValue:o,render:({field:f})=>{let{value:u,onBlur:v}=f,S=i,{size:I}=S,E=y(S,["size"]);return jo(fe,g(r({},E),{name:e,label:a,placeholder:m,disabled:x,options:p,value:u!=null?u:null,onChange:(L,M)=>{f.onChange(M),l==null||l(M)},onBlur:v,size:I,error:c,helperText:d}))}})});en.displayName="FormInputAutoComplete";var mt=en;import{Controller as Ur}from"react-hook-form";import{memo as Yr,useMemo as _t}from"react";import{jsx as tn}from"react/jsx-runtime";var on=Yr(b=>{var s=b,{name:e,label:a,control:n,errors:t,options:F=[],disabled:x,placeholder:m,defaultValue:o=[],onChange:l}=s,i=y(s,["name","label","control","errors","options","disabled","placeholder","defaultValue","onChange"]);let c=_t(()=>{var f;return t!=null&&t[e]?{message:String(((f=t[e])==null?void 0:f.message)||"")}:null},[t,e]),d=_t(()=>{var f,u;return(f=t==null?void 0:t[e])!=null&&f.message?String((u=t[e])==null?void 0:u.message):void 0},[t,e]),p=_t(()=>F,[F]);return tn(Ur,{name:e,control:n,defaultValue:o,render:({field:f})=>{let{value:u,onBlur:v}=f,L=i,{size:I}=L,E=y(L,["size"]),S=Array.isArray(u)?u:[];return tn(fe,g(r({},E),{name:e,label:a,placeholder:m,disabled:x,options:p,multiple:!0,value:S,onChange:(M,H)=>{f.onChange(H),l==null||l(H)},onBlur:v,size:I,error:c,helperText:d}))}})});on.displayName="FormInputMultiAutoComplete";var pt=on;import{FormControl as _r,TextField as Zr,Box as Jr,InputAdornment as Qr}from"@mui/material";import{forwardRef as jr,useState as ea,useRef as nn,useEffect as ta,useCallback as wt,useMemo as Zt,memo as oa}from"react";import{jsx as Lt,jsxs as ra}from"react/jsx-runtime";var na=e=>/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e),la=e=>{let a=e.replace("#","");return a.length===3&&(a=a.split("").map(n=>n+n).join("")),"#"+a},ln=oa(jr((V,G)=>{var N=V,{name:e,label:a,value:n,onChange:t,onFocus:F,onBlur:x,onEnterPress:m,error:o,helperText:l,disabled:i=!1,placeholder:b="#000000",variant:s="outlined",size:c,color:d="primary",fullWidth:p=!0,required:f,format:u="hex",showPreview:v=!0,showNativeInput:I=!0,showPopoverPicker:E=!0,presetColors:S=["#000000","#FFFFFF","#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF"],showPresetColors:L=!1,previewStyles:M,formControlStyles:H,inputStyles:A,slotProps:w,slots:B}=N,O=y(N,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","format","showPreview","showNativeInput","showPopoverPicker","presetColors","showPresetColors","previewStyles","formControlStyles","inputStyles","slotProps","slots"]);let[W,Y]=ea(n||"#000000"),_=nn(null),K=nn(null);ta(()=>{n!==void 0&&Y(n||"#000000")},[n]);let Z=na(W)?la(W):W||"#000000",T=wt(C=>{if(i)return;let h=C.target.value;Y(h),t&&t(h)},[t]),P=wt(C=>{if(i)return;C.stopPropagation();let h=C.target.value;Y(h),t&&t(h)},[t]),R=wt(C=>{i||(C.preventDefault(),C.stopPropagation(),_.current&&_.current.click())},[i,_]),k=wt(C=>{C.key==="Enter"&&m&&m(Z),O.onKeyDown&&O.onKeyDown(C)},[m,Z,O.onKeyDown]),q=Zt(()=>Lt(Qr,{position:"start",children:Lt(Jr,{ref:K,onClick:i?void 0:R,sx:r({width:c==="small"?24:32,height:c==="small"?24:32,borderRadius:1,border:"1px solid",borderColor:o?"error.main":"divider",backgroundColor:Z,cursor:i?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s","&:hover":{opacity:i?1:.8}},M),title:i?void 0:"Click to open color picker"})}),[K,i,R,c,o,Z,M]),X=Zt(()=>{var C;return g(r({},w),{input:r(g(r({},w==null?void 0:w.input),{inputProps:r({},((C=w==null?void 0:w.input)==null?void 0:C.inputProps)||{})}),v&&{startAdornment:q})})},[w,v,q]),J=Zt(()=>l!=null?l:o!=null&&o.message?o.message:void 0,[l,o==null?void 0:o.message]);return ra(_r,{error:!!o,disabled:i,required:f,fullWidth:p,sx:H,children:[Lt(Zr,g(r({},O),{ref:G,name:e,label:a,value:Z,onChange:T,onFocus:F,onBlur:x,onKeyDown:k,placeholder:b,variant:s,size:c,color:d,fullWidth:p,required:f,error:!!o,disabled:i,slotProps:X,slots:B,sx:A,helperText:J})),Lt("input",{ref:_,type:"color",value:Z,onChange:P,disabled:i,style:{position:"absolute",width:0,height:0,opacity:0,pointerEvents:"none",visibility:"hidden"},"aria-hidden":"true"})]})}));ln.displayName="ColorPickerField";var Ae=ln;import{Controller as aa}from"react-hook-form";import{memo as ia,useMemo as rn}from"react";import{jsx as an}from"react/jsx-runtime";var sn=ia(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F="#000000",onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=rn(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=rn(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return an(aa,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return an(Ae,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:F,onChange:u=>{s.onChange(u),x==null||x(u)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});sn.displayName="FormInputColorPicker";var dt=sn;import{Button as un,FormControl as sa,FormHelperText as ua,InputAdornment as ma,TextField as pa}from"@mui/material";import{CloudUpload as da}from"@mui/icons-material";import{forwardRef as ca,useRef as fa,useState as mn}from"react";import{jsx as Pe,jsxs as Jt}from"react/jsx-runtime";var pn=ca((P,T)=>{var R=P,{name:e,label:a,value:n,onChange:t,onFileSelect:F,onFileRemove:x,onValidationError:m,onDrop:o,error:l,helperText:i,disabled:b=!1,accept:s,multiple:c=!1,maxSize:d,minSize:p,allowedTypes:f,showPreview:u=!0,enableDragDrop:v=!1,placeholder:I="No file chosen",variant:E="outlined",size:S,color:L,fullWidth:M=!0,required:H,buttonText:A="Upload",buttonVariant:w="contained",buttonColor:B="primary",buttonSize:O,uploadIcon:G=Pe(da,{}),inputStyles:V,buttonStyles:N,formControlStyles:W,containerStyles:Y,slotProps:_,slots:K}=R,Z=y(R,["name","label","value","onChange","onFileSelect","onFileRemove","onValidationError","onDrop","error","helperText","disabled","accept","multiple","maxSize","minSize","allowedTypes","showPreview","enableDragDrop","placeholder","variant","size","color","fullWidth","required","buttonText","buttonVariant","buttonColor","buttonSize","uploadIcon","inputStyles","buttonStyles","formControlStyles","containerStyles","slotProps","slots"]);let k=fa(null),[q,X]=mn(!1),[,J]=mn(0),C=T&&typeof T=="object"&&"current"in T?T:k,h=()=>n?n instanceof File?n.name:Array.isArray(n)?n.length===0?"":n.length===1?n[0].name:`${n.length} files selected`:typeof n=="object"&&"name"in n?n.name:"":"",D=j=>{if(d&&j.size>d)return`File size exceeds maximum allowed size of ${z(d)}`;if(p&&j.size<p)return`File size is below minimum required size of ${z(p)}`;if(f&&f.length>0){let ae=j.type||$(j.name);if(!f.some(se=>se.startsWith(".")?j.name.toLowerCase().endsWith(se.toLowerCase()):ae.includes(se)||ae===se))return`File type not allowed. Allowed types: ${f.join(", ")}`}return null},z=j=>{if(j===0)return"0 Bytes";let ae=1024,be=["Bytes","KB","MB","GB"],se=Math.floor(Math.log(j)/Math.log(ae));return Math.round(j/Math.pow(ae,se)*100)/100+" "+be[se]},$=j=>j.slice((j.lastIndexOf(".")-1>>>0)+2),Q=j=>{let ae=j.target.files;if(!ae||ae.length===0){t&&t(void 0),F&&F(void 0);return}let be=Array.from(ae),se=[],to=!1;for(let Je of be){let oo=D(Je);oo?(to=!0,m&&m(oo)):se.push(Je)}if(se.length>0){let Je=c?se:se[0];t&&t(Je),F&&F(Je)}},re=()=>{var j;b||(j=C.current)==null||j.click()},ge=()=>{C.current&&(C.current.value=""),t&&t(void 0),x&&x()},U=j=>{j.preventDefault(),j.stopPropagation(),J(ae=>ae+1),j.dataTransfer.items&&j.dataTransfer.items.length>0&&X(!0)},oe=j=>{j.preventDefault(),j.stopPropagation(),J(ae=>{let be=ae-1;return be===0&&X(!1),be})},ne=j=>{j.preventDefault(),j.stopPropagation()},ie=j=>{if(j.preventDefault(),j.stopPropagation(),X(!1),J(0),b)return;let ae=j.dataTransfer.files;ae&&ae.length>0&&(o&&o(ae),Q({target:{files:ae}}))},ue=h(),Vt=u&&ue?ue:I;return Jt(sa,{error:!!l,disabled:b,required:H,fullWidth:M,sx:W,children:[Jt("div",{style:Y,onDragEnter:v?U:void 0,onDragLeave:v?oe:void 0,onDragOver:v?ne:void 0,onDrop:v?ie:void 0,children:[Pe("input",{type:"file",accept:s,multiple:c,name:e,id:e?`file-upload-${e}`:void 0,onChange:Q,style:{display:"none"},ref:C,disabled:b}),Pe(pa,g(r({},Z),{label:a,value:Vt,placeholder:I,variant:E,size:S,color:L,fullWidth:M,required:H,error:!!l,disabled:b,name:e,sx:V,slotProps:g(r({},_),{input:g(r({},_==null?void 0:_.input),{readOnly:!0,endAdornment:Jt(ma,{position:"end",children:[u&&ue&&Pe(un,{size:"small",onClick:ge,disabled:b,sx:{mr:1},children:"Clear"}),Pe(un,{variant:w,color:B,size:O||S,onClick:re,disabled:b,startIcon:G,sx:N,children:A})]})})}),slots:K,helperText:i!=null?i:l!=null&&l.message?l.message:void 0})),v&&q&&Pe("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.05)",border:"2px dashed",borderColor:"primary.main",borderRadius:4,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},children:"Drop files here"})]}),l&&!i&&l.message&&Pe(ua,{children:l.message})]})});pn.displayName="FileUploadField";var ze=pn;import{useRef as Fa,memo as ga,useMemo as dn}from"react";import{Controller as ba}from"react-hook-form";import{jsx as cn}from"react/jsx-runtime";var fn=ga(l=>{var i=l,{name:e,label:a,control:n,errors:t,size:F,defaultValue:x=null,onChange:m}=i,o=y(i,["name","label","control","errors","size","defaultValue","onChange"]);let b=Fa(null),s=dn(()=>{var d;return t!=null&&t[e]?{message:String(((d=t[e])==null?void 0:d.message)||"")}:null},[t,e]),c=dn(()=>{var d,p;return(d=t==null?void 0:t[e])!=null&&d.message?String((p=t[e])==null?void 0:p.message):void 0},[t,e]);return cn(ba,{name:e,control:n,defaultValue:x,render:({field:d})=>{var p;return cn(ze,g(r({},o),{name:e,label:a,value:(p=d.value)!=null?p:null,error:s,helperText:c,size:F,ref:b,onChange:f=>{d.onChange(f),m==null||m(f)},onBlur:d.onBlur}))}})});fn.displayName="FormInputFileUpload";var ct=fn;import{Box as xa,FormControl as ya,FormHelperText as Fn,FormLabel as va,IconButton as Ca}from"@mui/material";import{Clear as ha}from"@mui/icons-material";import{DatePicker as Ia,LocalizationProvider as Pa}from"@mui/x-date-pickers";import{AdapterDateFns as Ta}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as Ra,useRef as Ea}from"react";import{jsx as ye,jsxs as Sa}from"react/jsx-runtime";var gn=Ra((z,D)=>{var $=z,{name:e,label:a,value:n,defaultValue:t,onChange:F,onFocus:x,onBlur:m,onViewChange:o,onMonthChange:l,onYearChange:i,onOpen:b,onClose:s,error:c,helperText:d,disabled:p=!1,fullWidth:f=!0,required:u,minDate:v,maxDate:I,shouldDisableDate:E,shouldDisableMonth:S,shouldDisableYear:L,size:M="medium",variant:H="outlined",color:A="primary",placeholder:w,readOnly:B=!1,showClearButton:O=!0,disablePast:G=!1,disableFuture:V=!1,referenceDate:N,view:W,format:Y,openTo:_="day",pickerStyles:K,formControlStyles:Z,formLabelStyles:T,containerStyles:P,textFieldStyles:R,slotProps:k,slots:q,dateAdapter:X=Ta,reduceAnimations:J=!1,autoFocus:C=!1}=$,h=y($,["name","label","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onMonthChange","onYearChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","referenceDate","view","format","openTo","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","dateAdapter","reduceAnimations","autoFocus"]);let Q=Ea(null),re=ne=>{F&&F(ne)},ge=()=>{F&&F(null),Q.current&&Q.current.focus()},U=w||"MM/DD/YYYY",oe=g(r({},k),{textField:g(r({},k==null?void 0:k.textField),{error:!!c,size:M,variant:H,color:A,helperText:c?d!=null?d:c.message:d,fullWidth:f,placeholder:U,autoFocus:C,onFocus:x,onBlur:m,inputRef:D||Q,sx:r(r({},R),k!=null&&k.textField&&typeof k.textField=="object"&&"sx"in k.textField?k.textField.sx:{}),InputProps:g(r({},k!=null&&k.textField&&typeof k.textField=="object"&&"InputProps"in k.textField?k.textField.InputProps:{}),{endAdornment:O&&n?ye(Ca,{onClick:ge,size:"small",edge:"end",sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)"},"aria-label":"clear date",children:ye(ha,{fontSize:"small"})}):void 0})})});return Sa(ya,{error:!!c,disabled:p,required:u,fullWidth:f,sx:Z,children:[a&&ye(va,{sx:r({mb:1},T),children:a}),ye(xa,{ref:D,sx:r({},P),children:ye(Pa,{dateAdapter:X,children:ye(Ia,g(r({},h),{name:e,label:a,value:n,defaultValue:t,onChange:re,onViewChange:o,onMonthChange:l,onYearChange:i,onOpen:b,onClose:s,disabled:p,minDate:v,maxDate:I,shouldDisableDate:E,shouldDisableMonth:S,shouldDisableYear:L,disablePast:G,disableFuture:V,referenceDate:N,view:W,format:Y,openTo:_,reduceAnimations:J,slotProps:oe,slots:q,sx:K}))})}),c&&ye(Fn,{children:d!=null?d:c!=null&&c.message?c.message:""}),!c&&d&&ye(Fn,{children:d})]})});gn.displayName="DatePickerField";var Oe=gn;import{Controller as Da}from"react-hook-form";import{memo as ka,useMemo as bn}from"react";import{jsx as xn}from"react/jsx-runtime";var yn=ka(c=>{var d=c,{name:e,label:a,control:n,errors:t,size:F,readOnly:x,shouldDisableDate:m,disabled:o,placeholder:l,defaultValue:i=null,onChange:b}=d,s=y(d,["name","label","control","errors","size","readOnly","shouldDisableDate","disabled","placeholder","defaultValue","onChange"]);let p=bn(()=>{var u;return t!=null&&t[e]?{message:String(((u=t[e])==null?void 0:u.message)||"")}:null},[t,e]),f=bn(()=>{var u,v;return(u=t==null?void 0:t[e])!=null&&u.message?String((v=t[e])==null?void 0:v.message):void 0},[t,e]);return xn(Da,{name:e,control:n,defaultValue:i,render:({field:u})=>{var H;let M=s,{views:v,ampm:I,ampmInClock:E,timezone:S}=M,L=y(M,["views","ampm","ampmInClock","timezone"]);return xn(Oe,g(r({},L),{name:e,label:a,disabled:o,value:(H=u.value)!=null?H:null,onChange:A=>{u.onChange(A),b==null||b(A)},onBlur:u.onBlur,error:p,shouldDisableDate:m,helperText:f,size:F,placeholder:l,readOnly:x}))}})});yn.displayName="FormInputDatePicker";var ft=yn;import{Box as wa,FormControl as La,FormHelperText as vn,FormLabel as Ba,IconButton as Ma}from"@mui/material";import{Clear as Ha}from"@mui/icons-material";import{TimePicker as Aa,LocalizationProvider as za}from"@mui/x-date-pickers";import{AdapterDateFns as Oa}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as Na,useRef as Va}from"react";import{jsx as ve,jsxs as Wa}from"react/jsx-runtime";var Cn=Na((J,X)=>{var C=J,{name:e,label:a,value:n,defaultValue:t,onChange:F,onFocus:x,onBlur:m,onViewChange:o,onOpen:l,onClose:i,error:b,helperText:s,disabled:c=!1,fullWidth:d=!0,required:p,minTime:f,maxTime:u,shouldDisableTime:v,size:I="medium",variant:E="outlined",color:S="primary",placeholder:L,readOnly:M=!1,showClearButton:H=!0,disablePast:A=!1,disableFuture:w=!1,ampm:B=!0,views:O,view:G,openTo:V="hours",format:N,pickerStyles:W,formControlStyles:Y,formLabelStyles:_,containerStyles:K,textFieldStyles:Z,slotProps:T,slots:P,dateAdapter:R=Oa,autoFocus:k=!1}=C,q=y(C,["name","label","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minTime","maxTime","shouldDisableTime","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","ampm","views","view","openTo","format","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","dateAdapter","autoFocus"]);let h=Va(null),D=re=>{F&&F(re)},z=()=>{F&&F(null),h.current&&h.current.focus()},$=L||(B?"hh:mm AM/PM":"hh:mm"),Q=g(r({},T),{textField:g(r({},T==null?void 0:T.textField),{error:!!b,size:I,variant:E,color:S,helperText:b?s!=null?s:b.message:s,fullWidth:d,placeholder:$,autoFocus:k,onFocus:x,onBlur:m,inputRef:X||h,sx:r(r({},Z),T!=null&&T.textField&&typeof T.textField=="object"&&"sx"in T.textField?T.textField.sx:{}),InputProps:g(r({},T!=null&&T.textField&&typeof T.textField=="object"&&"InputProps"in T.textField?T.textField.InputProps:{}),{endAdornment:H&&n?ve(Ma,{onClick:z,size:"small",edge:"end",sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)"},"aria-label":"clear time",children:ve(Ha,{fontSize:"small"})}):void 0})})});return Wa(La,{error:!!b,disabled:c,required:p,fullWidth:d,sx:Y,children:[a&&ve(Ba,{sx:r({mb:1},_),children:a}),ve(wa,{ref:X,sx:r({},K),children:ve(za,{dateAdapter:R,children:ve(Aa,g(r({},q),{name:e,label:a&&void 0,value:n,defaultValue:t,onChange:D,onViewChange:o,onOpen:l,onClose:i,disabled:c,minTime:f,maxTime:u,shouldDisableTime:v,disablePast:A,disableFuture:w,ampm:B,views:O,view:G,openTo:V,format:N,slotProps:Q,slots:P,sx:W}))})}),b&&ve(vn,{children:s!=null?s:b!=null&&b.message?b.message:""}),!b&&s&&ve(vn,{children:s})]})});Cn.displayName="TimePickerField";var Ne=Cn;import{Controller as Ga}from"react-hook-form";import{memo as qa,useMemo as hn}from"react";import{jsx as In}from"react/jsx-runtime";var Pn=qa(i=>{var b=i,{name:e,label:a,control:n,errors:t,ampm:F=!0,timezone:x,defaultValue:m=null,onChange:o}=b,l=y(b,["name","label","control","errors","ampm","timezone","defaultValue","onChange"]);let s=hn(()=>{var d;return t!=null&&t[e]?{message:String(((d=t[e])==null?void 0:d.message)||"")}:null},[t,e]),c=hn(()=>{var d,p;return(d=t==null?void 0:t[e])!=null&&d.message?String((p=t[e])==null?void 0:p.message):void 0},[t,e]);return In(Ga,{name:e,control:n,defaultValue:m,render:({field:d})=>{var v;let u=l,{size:p}=u,f=y(u,["size"]);return In(Ne,g(r({},f),{name:e,label:a,value:(v=d.value)!=null?v:null,onChange:I=>{d.onChange(I),o==null||o(I)},onBlur:d.onBlur,ampm:F,timezone:x,size:p,error:s,helperText:c}))}})});Pn.displayName="FormInputTimePicker";var Ft=Pn;import{Box as Ka,Button as Xa,FormControl as $a,FormHelperText as Tn,FormLabel as Ua,Stack as Ya}from"@mui/material";import{TimeClock as _a,LocalizationProvider as Za}from"@mui/x-date-pickers";import{AdapterDateFns as Ja}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as Qa,useState as ja}from"react";import{jsx as Te,jsxs as Rn}from"react/jsx-runtime";var En=Qa((Z,K)=>{var T=Z,{name:e,label:a,value:n,defaultValue:t,onChange:F,error:x,helperText:m,disabled:o=!1,fullWidth:l=!1,required:i,views:b=["hours","minutes"],ampmInClock:s=!1,ampm:c=!0,disablePast:d=!1,disableFuture:p=!1,minTime:f,maxTime:u,shouldDisableTime:v,clockStyles:I,formControlStyles:E,formLabelStyles:S,containerStyles:L,buttonsStackStyles:M,buttonStyles:H,activeButtonStyles:A,showViewButtons:w=!0,initialView:B="hours",view:O,onViewChange:G,slotProps:V,slots:N,dateAdapter:W=Ja,autoFocus:Y=!1}=T,_=y(T,["name","label","value","defaultValue","onChange","error","helperText","disabled","fullWidth","required","views","ampmInClock","ampm","disablePast","disableFuture","minTime","maxTime","shouldDisableTime","clockStyles","formControlStyles","formLabelStyles","containerStyles","buttonsStackStyles","buttonStyles","activeButtonStyles","showViewButtons","initialView","view","onViewChange","slotProps","slots","dateAdapter","autoFocus"]);let[P,R]=ja(B),k=O!=null?O:P,q=G!=null?G:R,X=C=>{F&&F(C)},J=C=>{q(C)};return Rn($a,{error:!!x,disabled:o,required:i,fullWidth:l,sx:E,children:[a&&Te(Ua,{sx:r({mb:1},S),children:a}),Rn(Ka,{ref:K,sx:r({},L),children:[w&&b&&b.length>1&&Te(Ya,{direction:"row",justifyContent:"center",spacing:1,sx:r({mt:1,mb:1},M),children:b.map(C=>Te(Xa,{size:"small",variant:k===C?"contained":"outlined",onClick:()=>J(C),disabled:o,sx:k===C?r(r({},H),A):H,children:C},C))}),Te(Za,{dateAdapter:W,children:Te(_a,g(r({},_),{value:n,defaultValue:t,onChange:X,view:k,onViewChange:J,disabled:o,views:b,ampmInClock:s,ampm:c,disablePast:d,disableFuture:p,minTime:f,maxTime:u,shouldDisableTime:v,autoFocus:Y,slotProps:V,slots:N,sx:I}))})]}),x&&Te(Tn,{children:m!=null?m:x!=null&&x.message?x.message:""}),!x&&m&&Te(Tn,{children:m})]})});En.displayName="TimeClockField";var Ve=En;import{Box as ei,FormHelperText as ti,FormLabel as oi}from"@mui/material";import{Controller as ni}from"react-hook-form";import{memo as li,useMemo as Bt}from"react";import{jsx as Mt,jsxs as ri}from"react/jsx-runtime";var Sn=li(d=>{var p=d,{name:e,label:a,control:n,errors:t,readOnly:F,disabled:x,ampm:m=!0,views:o,ampmInClock:l=!0,disablePast:i=!1,defaultValue:b=null,onChange:s}=p,c=y(p,["name","label","control","errors","readOnly","disabled","ampm","views","ampmInClock","disablePast","defaultValue","onChange"]);let f=Bt(()=>{var E;return t!=null&&t[e]?{message:String(((E=t[e])==null?void 0:E.message)||"")}:null},[t,e]),u=Bt(()=>{var E,S;return(E=t==null?void 0:t[e])!=null&&E.message?String((S=t[e])==null?void 0:S.message):""},[t,e]),v=Bt(()=>!!(t!=null&&t[e]),[t,e]),I=Bt(()=>typeof m=="boolean"?m:void 0,[m]);return ri(ei,{sx:{border:E=>`1px solid ${E.palette.grey[600]}`,borderRadius:E=>E.spacing(.5),display:"flex",flexDirection:"column"},children:[Mt(oi,{sx:E=>({borderBottom:`1px solid ${E.palette.grey[600]}`,padding:S=>S.spacing(1)}),children:a}),Mt(ni,{name:e,control:n,defaultValue:b,render:({field:E})=>{var S;return Mt(Ve,g(r({},c),{name:e,value:(S=E.value)!=null?S:null,onChange:L=>{E.onChange(L),s==null||s(L)},ampm:I,disabled:x,readOnly:F,ampmInClock:l,disablePast:i,views:o,error:f}))}}),v&&Mt(ti,{sx:{color:"error.main",mt:1},children:u})]})});Sn.displayName="FormInputTimeClock";var gt=Sn;import{Box as ai,FormControl as ii,FormHelperText as Dn,FormLabel as si}from"@mui/material";import{DateCalendar as ui,LocalizationProvider as mi}from"@mui/x-date-pickers";import{AdapterDateFns as pi}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as di}from"react";import{jsx as We,jsxs as ci}from"react/jsx-runtime";var kn=di((Y,W)=>{var _=Y,{name:e,label:a,value:n,defaultValue:t,onChange:F,onViewChange:x,onMonthChange:m,onYearChange:o,error:l,helperText:i,disabled:b=!1,fullWidth:s=!1,required:c,minDate:d,maxDate:p,shouldDisableDate:f,shouldDisableMonth:u,shouldDisableYear:v,calendarStyles:I,formControlStyles:E,formLabelStyles:S,containerStyles:L,slotProps:M,slots:H,dateAdapter:A=pi,showDaysOutsideCurrentMonth:w=!1,disablePast:B=!1,disableFuture:O=!1,referenceDate:G,view:V}=_,N=y(_,["name","label","value","defaultValue","onChange","onViewChange","onMonthChange","onYearChange","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","calendarStyles","formControlStyles","formLabelStyles","containerStyles","slotProps","slots","dateAdapter","showDaysOutsideCurrentMonth","disablePast","disableFuture","referenceDate","view"]);let K=Z=>{F&&F(Z)};return ci(ii,{error:!!l,disabled:b,required:c,fullWidth:s,sx:E,children:[a&&We(si,{sx:r({mb:1},S),children:a}),We(ai,{ref:W,sx:r({},L),children:We(mi,{dateAdapter:A,children:We(ui,g(r({},N),{value:n,defaultValue:t,onChange:K,onViewChange:x,onMonthChange:m,onYearChange:o,disabled:b,minDate:d,maxDate:p,shouldDisableDate:f,shouldDisableMonth:u,shouldDisableYear:v,showDaysOutsideCurrentMonth:w,disablePast:B,disableFuture:O,referenceDate:G,view:V,slotProps:M,slots:H,sx:I}))})}),l&&We(Dn,{children:i!=null?i:l!=null&&l.message?l.message:""}),!l&&i&&We(Dn,{children:i})]})});kn.displayName="DateCalendarField";var Ge=kn;import{Box as fi,FormHelperText as Fi,FormLabel as gi}from"@mui/material";import{Controller as bi}from"react-hook-form";import{memo as xi,useMemo as Qt}from"react";import{jsx as Ht,jsxs as yi}from"react/jsx-runtime";var wn=xi(i=>{var b=i,{name:e,label:a,control:n,errors:t,readOnly:F,disabled:x,defaultValue:m=null,onChange:o}=b,l=y(b,["name","label","control","errors","readOnly","disabled","defaultValue","onChange"]);let s=Qt(()=>{var p;return t!=null&&t[e]?{message:String(((p=t[e])==null?void 0:p.message)||"")}:null},[t,e]),c=Qt(()=>{var p,f;return(p=t==null?void 0:t[e])!=null&&p.message?String((f=t[e])==null?void 0:f.message):""},[t,e]),d=Qt(()=>!!(t!=null&&t[e]),[t,e]);return yi(fi,{sx:{border:p=>`1px solid ${p.palette.grey[600]}`,borderRadius:p=>p.spacing(.5),display:"flex",flexDirection:"column"},children:[Ht(gi,{sx:p=>({borderBottom:`1px solid ${p.palette.grey[600]}`,padding:f=>f.spacing(1)}),children:a}),Ht(bi,{name:e,control:n,defaultValue:m,render:({field:p})=>{var I;let v=l,{views:f}=v,u=y(v,["views"]);return Ht(Ge,g(r({},u),{name:e,value:(I=p.value)!=null?I:null,onChange:E=>{p.onChange(E),o==null||o(E)},disabled:x,readOnly:F,error:s,sx:r({height:"300px"},u.sx)}))}}),d&&Ht(Fi,{sx:{color:"error.main",mt:1},children:c})]})});wn.displayName="FormInputCalendar";var bt=wn;import{Checkbox as vi,FormControl as Ci,FormControlLabel as hi,FormHelperText as Ln}from"@mui/material";import{forwardRef as Ii}from"react";import{jsx as At,jsxs as Pi}from"react/jsx-runtime";var Bn=Ii((w,A)=>{var B=w,{name:e,label:a,value:n,onChange:t,onClick:F,onFocus:x,onBlur:m,error:o,helperText:l,disabled:i=!1,color:b="primary",size:s,fullWidth:c=!1,required:d,labelPlacement:p="end",checkedIcon:f,icon:u,indeterminate:v=!1,checkboxStyles:I,labelStyles:E,formControlStyles:S,slotProps:L,slots:M}=B,H=y(B,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","indeterminate","checkboxStyles","labelStyles","formControlStyles","slotProps","slots"]);let O=(V,N)=>{t&&t(N)},G=V=>{F&&F(V)};return Pi(Ci,{error:!!o,disabled:i,required:d,fullWidth:c,size:s==="large"?"medium":s,sx:S,children:[At(hi,{control:At(vi,g(r({},H),{checked:n,indeterminate:v,onChange:O,onClick:G,onFocus:x,onBlur:m,disabled:i,color:b,size:s,checkedIcon:f,icon:u,name:e,slotProps:L,slots:M,sx:I,ref:A})),label:a,labelPlacement:p,sx:E}),o&&At(Ln,{children:l!=null?l:o!=null&&o.message?o.message:""}),!o&&l&&At(Ln,{children:l})]})});Bn.displayName="CheckboxField";var qe=Bn;import{Controller as Ti}from"react-hook-form";import{memo as Ri,useMemo as Mn}from"react";import{jsx as Hn}from"react/jsx-runtime";var An=Ri(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F=!1,onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=Mn(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=Mn(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return Hn(Ti,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return Hn(qe,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:!1,onChange:u=>{s.onChange(u),x==null||x(u)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});An.displayName="FormInputCheckBox";var xt=An;import{FormControl as Ei,FormHelperText as zn,FormLabel as Si,Checkbox as Di,FormControlLabel as ki,Box as wi}from"@mui/material";import{forwardRef as Li}from"react";import{jsx as Ke,jsxs as Bi}from"react/jsx-runtime";var On=Li((N,V)=>{var W=N,{name:e,label:a,value:n,options:t,onChange:F,onFocus:x,onBlur:m,onClick:o,error:l,helperText:i,disabled:b=!1,fullWidth:s=!0,required:c,color:d="primary",size:p,labelPlacement:f="end",row:u=!1,checkedIcon:v,icon:I,checkboxStyles:E,labelStyles:S,formControlStyles:L,formLabelStyles:M,renderCheckbox:H,slotProps:A,slots:w,formLabelProps:B,formControlLabelProps:O}=W,G=y(W,["name","label","value","options","onChange","onFocus","onBlur","onClick","error","helperText","disabled","fullWidth","required","color","size","labelPlacement","row","checkedIcon","icon","checkboxStyles","labelStyles","formControlStyles","formLabelStyles","renderCheckbox","slotProps","slots","formLabelProps","formControlLabelProps"]);let Y=P=>R=>{if(b)return;let k=R.target.checked,q;k?q=[...n,P]:q=n.filter(X=>X!==P),F&&F(q)},_=P=>R=>{x&&x(R,P)},K=P=>R=>{m&&m(R,P)},Z=P=>R=>{o&&o(R,P)},T=(P,R,k,q)=>Ke(ki,r({control:Ke(Di,{name:e?`${e}-${P.value}`:void 0,checked:k,onChange:q,onFocus:_(P.value),onBlur:K(P.value),onClick:Z(P.value),disabled:b||P.disabled,color:d,size:p,checkedIcon:v,icon:I,slotProps:A==null?void 0:A.checkbox,slots:w==null?void 0:w.checkbox,sx:E}),label:P.label,labelPlacement:f,slotProps:A==null?void 0:A.formControlLabel,sx:S},O),`${P.value}-${R}`);return Bi(Ei,g(r({},G),{error:!!l,disabled:b,required:c,fullWidth:s,component:"fieldset",sx:L,children:[a&&Ke(Si,g(r({component:"legend",sx:M},B),{children:a})),Ke(wi,{ref:V,sx:{display:"flex",flexDirection:u?"row":"column",flexWrap:u?"wrap":"nowrap",gap:1,mt:a?1:0},children:t.map((P,R)=>{let k=n.includes(P.value),q=Y(P.value);return H?H(P,R,k,q):T(P,R,k,q)})}),l&&Ke(zn,{children:i!=null?i:l!=null&&l.message?l.message:""}),!l&&i&&Ke(zn,{children:i})]}))});On.displayName="CheckboxFieldGroup";var Xe=On;import{Controller as Mi}from"react-hook-form";import{memo as Hi,useMemo as jt}from"react";import{jsx as Nn}from"react/jsx-runtime";var Vn=Hi(s=>{var c=s,{name:e,label:a,control:n,errors:t,options:F=[],defaultValue:x=[],onChange:m,row:o,color:l,labelPlacement:i}=c,b=y(c,["name","label","control","errors","options","defaultValue","onChange","row","color","labelPlacement"]);let d=jt(()=>F.map(u=>({value:u.value,label:u.name,disabled:u.disabled})),[F]),p=jt(()=>{var u;return t!=null&&t[e]?{message:String(((u=t[e])==null?void 0:u.message)||"")}:null},[t,e]),f=jt(()=>{var u,v;return(u=t==null?void 0:t[e])!=null&&u.message?String((v=t[e])==null?void 0:v.message):void 0},[t,e]);return Nn(Mi,{name:e,control:n,defaultValue:x,render:({field:u})=>{let S=b,{size:v}=S,I=y(S,["size"]),E=Array.isArray(u.value)?u.value:[];return Nn(Xe,g(r({},I),{name:e,label:a,value:E,options:d,onChange:L=>{u.onChange(L),m==null||m(L)},onBlur:u.onBlur,row:o,color:l,labelPlacement:i,size:v,error:p,helperText:f}))}})});Vn.displayName="FormInputCheckBoxGroup";var yt=Vn;import{FormControl as Wn,FormControlLabel as Ai,FormHelperText as Gn,Switch as zi}from"@mui/material";import{forwardRef as Oi}from"react";import{jsx as zt,jsxs as qn}from"react/jsx-runtime";var Kn=Oi((A,H)=>{var w=A,{name:e,label:a,value:n,onChange:t,onClick:F,onFocus:x,onBlur:m,error:o,helperText:l,disabled:i=!1,color:b="primary",size:s,fullWidth:c=!1,required:d,labelPlacement:p="end",edge:f,switchStyles:u,labelStyles:v,formControlStyles:I,slotProps:E,slots:S,formControlLabelProps:L}=w,M=y(w,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","edge","switchStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps"]);let B=(V,N)=>{t&&t(N)},O=V=>{F&&F(V)},G=zt(zi,g(r({},M),{checked:n,onChange:B,onClick:O,onFocus:x,onBlur:m,disabled:i,color:b,size:s,edge:f,name:e,slotProps:E,slots:S,sx:u,ref:H}));return a?qn(Wn,{error:!!o,disabled:i,required:d,fullWidth:c,size:s,sx:r({display:"flex",flexDirection:"column"},I),children:[zt(Ai,r({control:G,label:a,labelPlacement:p,disabled:i,sx:v},L)),(o||l)&&zt(Gn,{sx:{marginLeft:p==="start"?"72px":0,marginRight:0},children:o?l!=null?l:o!=null&&o.message?o.message:"":l})]}):qn(Wn,{error:!!o,disabled:i,required:d,fullWidth:c,sx:r({display:"inline-flex",flexDirection:"column"},I),children:[G,(o||l)&&zt(Gn,{sx:{marginLeft:0,marginRight:0},children:o?l!=null?l:o!=null&&o.message?o.message:"":l})]})});Kn.displayName="SwitchField";var $e=Kn;import{Controller as Ni}from"react-hook-form";import{memo as Vi,useMemo as Xn}from"react";import{jsx as $n}from"react/jsx-runtime";var Un=Vi(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F=!1,onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=Xn(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=Xn(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return $n(Ni,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return $n($e,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:!1,onChange:u=>{s.onChange(u),x==null||x(u)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});Un.displayName="FormInputSwitch";var vt=Un;import{FormControl as Wi,FormHelperText as Yn,FormLabel as Gi,Slider as qi}from"@mui/material";import{forwardRef as Ki}from"react";import{jsx as Ot,jsxs as Xi}from"react/jsx-runtime";var _n=Ki((N,V)=>{var W=N,{name:e,label:a,value:n,onChange:t,onChangeCommitted:F,onFocus:x,onBlur:m,error:o,helperText:l,disabled:i=!1,fullWidth:b=!0,required:s,orientation:c="horizontal",min:d=0,max:p=100,step:f=1,valueLabelDisplay:u="auto",valueLabelFormat:v,color:I="primary",size:E,marks:S,track:L="normal",sliderStyles:M,formControlStyles:H,formLabelStyles:A,slotProps:w,slots:B,formLabelProps:O}=W,G=y(W,["name","label","value","onChange","onChangeCommitted","onFocus","onBlur","error","helperText","disabled","fullWidth","required","orientation","min","max","step","valueLabelDisplay","valueLabelFormat","color","size","marks","track","sliderStyles","formControlStyles","formLabelStyles","slotProps","slots","formLabelProps"]);let Y=(Z,T,P)=>{t&&t(T)},_=(Z,T)=>{F&&F(T)},K=c==="vertical";return Xi(Wi,{error:!!o,disabled:i,required:s,fullWidth:b&&!K,sx:r(r({},H),K&&{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",width:"auto"}),children:[a&&Ot(Gi,g(r({sx:A},O),{children:a})),Ot(qi,g(r({},G),{name:e,value:n,onChange:Y,onChangeCommitted:_,onFocus:x,onBlur:m,orientation:c,min:d,max:p,step:f,valueLabelDisplay:u,valueLabelFormat:v,color:I,size:E,marks:S===!0?!0:S||!1,track:L,disabled:i,slotProps:w,slots:B,sx:r(r({},M),K&&{height:"100%","& .MuiSlider-track":{width:"6px"},"& .MuiSlider-rail":{width:"6px"}}),ref:V})),o&&Ot(Yn,{children:l!=null?l:o!=null&&o.message?o.message:""}),!o&&l&&Ot(Yn,{children:l})]})});_n.displayName="SliderField";var Ue=_n;import{Controller as $i}from"react-hook-form";import{memo as Ui,useMemo as Zn}from"react";import{jsx as Jn}from"react/jsx-runtime";var Qn=Ui(o=>{var l=o,{name:e,label:a,control:n,errors:t,defaultValue:F=0,onChange:x}=l,m=y(l,["name","label","control","errors","defaultValue","onChange"]);let i=Zn(()=>{var s;return t!=null&&t[e]?{message:String(((s=t[e])==null?void 0:s.message)||"")}:null},[t,e]),b=Zn(()=>{var s,c;return(s=t==null?void 0:t[e])!=null&&s.message?String((c=t[e])==null?void 0:c.message):void 0},[t,e]);return Jn($i,{name:e,control:n,defaultValue:F,render:({field:s})=>{var f;let p=m,{size:c}=p,d=y(p,["size"]);return Jn(Ue,g(r({},d),{name:e,label:a,value:(f=s.value)!=null?f:F,onChange:u=>{s.onChange(u),x==null||x(u)},onBlur:s.onBlur,size:c,error:i,helperText:b}))}})});Qn.displayName="FormInputSlider";var Ct=Qn;import{FormControl as Yi,FormControlLabel as _i,FormHelperText as jn,Radio as Zi}from"@mui/material";import{forwardRef as Ji}from"react";import{jsx as Nt,jsxs as Qi}from"react/jsx-runtime";var el=Ji((w,A)=>{var B=w,{name:e,label:a,value:n,onChange:t,onClick:F,onFocus:x,onBlur:m,error:o,helperText:l,disabled:i=!1,color:b="primary",size:s,fullWidth:c=!1,required:d,labelPlacement:p="end",checkedIcon:f,icon:u,radioStyles:v,labelStyles:I,formControlStyles:E,slotProps:S,slots:L,formControlLabelProps:M}=B,H=y(B,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps"]);let O=(V,N)=>{t&&t(N)},G=V=>{F&&F(V)};return Qi(Yi,{error:!!o,disabled:i,required:d,fullWidth:c,size:s,sx:E,children:[Nt(_i,r({control:Nt(Zi,g(r({},H),{checked:n,onChange:O,onClick:G,onFocus:x,onBlur:m,disabled:i,color:b,size:s,checkedIcon:f,icon:u,name:e,slotProps:S,slots:L,sx:v,ref:A})),label:a,labelPlacement:p,sx:I},M)),o&&Nt(jn,{children:l!=null?l:o!=null&&o.message?o.message:""}),!o&&l&&Nt(jn,{children:l})]})});el.displayName="RadioButtonField";var Ye=el;import{Controller as ji}from"react-hook-form";import{memo as es,useMemo as tl}from"react";import{jsx as ol}from"react/jsx-runtime";var nl=es(b=>{var s=b,{name:e,label:a,control:n,errors:t,checked:F=!1,defaultValue:x=!1,onChange:m,color:o,labelPlacement:l}=s,i=y(s,["name","label","control","errors","checked","defaultValue","onChange","color","labelPlacement"]);let c=tl(()=>{var p;return t!=null&&t[e]?{message:String(((p=t[e])==null?void 0:p.message)||"")}:null},[t,e]),d=tl(()=>{var p,f;return(p=t==null?void 0:t[e])!=null&&p.message?String((f=t[e])==null?void 0:f.message):void 0},[t,e]);return ol(ji,{name:e,control:n,defaultValue:x,render:({field:p})=>{var I;let v=i,{size:f}=v,u=y(v,["size"]);return ol(Ye,g(r({},u),{name:e,label:a,value:(I=p.value)!=null?I:!1,onChange:E=>{p.onChange(E),m==null||m(E)},onBlur:p.onBlur,color:o,labelPlacement:l,size:f,error:c,helperText:d}))}})});nl.displayName="FormInputRadioButton";var ht=nl;import{FormControl as ts,FormControlLabel as os,FormHelperText as ll,FormLabel as ns,Radio as ls,RadioGroup as rs}from"@mui/material";import{forwardRef as as}from"react";import{jsx as _e,jsxs as is}from"react/jsx-runtime";var rl=as((W,N)=>{var Y=W,{name:e,label:a,value:n,onChange:t,onClick:F,onFocus:x,onBlur:m,options:o,error:l,helperText:i,disabled:b=!1,color:s="primary",size:c,fullWidth:d=!1,required:p,labelPlacement:f="end",row:u=!1,checkedIcon:v,icon:I,radioStyles:E,labelStyles:S,formControlStyles:L,formLabelStyles:M,radioGroupStyles:H,renderRadio:A,slotProps:w,slots:B,formLabelProps:O,formControlLabelProps:G}=Y,V=y(Y,["name","label","value","onChange","onClick","onFocus","onBlur","options","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","row","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","formLabelStyles","radioGroupStyles","renderRadio","slotProps","slots","formLabelProps","formControlLabelProps"]);let _=T=>{var q;let P=T.target.value,R=(q=o.find(X=>String(X.value)===P))==null?void 0:q.value;t&&t(typeof R=="number"?R:P)},K=T=>{F&&F(T)},Z=T=>_e(os,g(r({value:String(T.value),control:_e(ls,{color:s,size:c,disabled:b||T.disabled,checkedIcon:v,icon:I,onClick:K,onFocus:x,onBlur:m,slotProps:w==null?void 0:w.radio,slots:B==null?void 0:B.radio,sx:E}),label:T.name,labelPlacement:f,disabled:b||T.disabled,sx:S},G),{slotProps:w==null?void 0:w.formControlLabel,slots:B==null?void 0:B.formControlLabel}),T.value);return is(ts,{component:"fieldset",error:!!l,disabled:b,required:p,fullWidth:d,sx:L,children:[a&&_e(ns,g(r({component:"legend",sx:M},O),{children:a})),_e(rs,g(r({name:e,value:n!=null?String(n):"",onChange:_,row:u,ref:N,sx:H},V),{children:o&&Array.isArray(o)&&o.map((T,P)=>A?A(T,P):Z(T))})),l&&_e(ll,{children:i!=null?i:l!=null&&l.message?l.message:""}),!l&&i&&_e(ll,{children:i})]})});rl.displayName="RadioButtonFieldGroup";var Ze=rl;import{Controller as ss}from"react-hook-form";import{memo as us,useMemo as eo}from"react";import{jsx as al}from"react/jsx-runtime";var il=us(l=>{var i=l,{name:e,label:a,control:n,errors:t,options:F=[],defaultValue:x="",onChange:m}=i,o=y(i,["name","label","control","errors","options","defaultValue","onChange"]);let b=eo(()=>{var d;return t!=null&&t[e]?{message:String(((d=t[e])==null?void 0:d.message)||"")}:null},[t,e]),s=eo(()=>{var d,p;return(d=t==null?void 0:t[e])!=null&&d.message?String((p=t[e])==null?void 0:p.message):void 0},[t,e]),c=eo(()=>Array.isArray(F)?F:[],[F]);return al(ss,{name:e,control:n,defaultValue:x,render:({field:d})=>{var v;let u=o,{size:p}=u,f=y(u,["size"]);return al(Ze,g(r({},f),{name:e,label:a,value:(v=d.value)!=null?v:"",onChange:I=>{d.onChange(I),m==null||m(I)},onBlur:d.onBlur,options:c,size:p,error:b,helperText:s}))}})});il.displayName="FormInputRadioButtonGroup";var It=il;import{useState as sl}from"react";import{Box as Fe,Paper as ms,Typography as ul,Button as ml,Divider as ps}from"@mui/material";import{jsx as te,jsxs as Ce}from"react/jsx-runtime";var ds=()=>{let[e,a]=sl({text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"#000000",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}),[n,t]=sl({}),F=[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"},{name:"Option 3",value:"opt3"}],x=[{value:"check1",label:"Checkbox 1"},{value:"check2",label:"Checkbox 2"},{value:"check3",label:"Checkbox 3"}],m=[{name:"Radio 1",value:"radio1"},{name:"Radio 2",value:"radio2"},{name:"Radio 3",value:"radio3"}],o=i=>b=>{a(s=>g(r({},s),{[i]:b})),n[i]&&t(s=>{let c=r({},s);return delete c[i],c})};return Ce(ms,{sx:{p:3,maxWidth:1200,mx:"auto"},children:[te(ul,{variant:"h4",gutterBottom:!0,children:"Normal Form (Direct FormInputs)"}),te(ul,{variant:"body2",color:"text.secondary",gutterBottom:!0,children:"Using FormInputs directly with useState"}),te(ps,{sx:{my:2}}),te("form",{onSubmit:i=>{i.preventDefault(),console.log("Normal Form Data:",e);let b={};e.text||(b.text="Text is required"),e.password||(b.password="Password is required"),t(b)},children:Ce(Fe,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(3, 1fr)"},gap:2},children:[Ce(Fe,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[te(pe,{name:"text",label:"Text Field",value:e.text,onChange:i=>o("text")(i.target.value),error:n.text?{message:n.text}:null}),te(Ee,{name:"password",label:"Password",value:e.password,onChange:i=>o("password")(i.target.value),error:n.password?{message:n.password}:null})]}),te(pe,{name:"textarea",label:"Text Area",value:e.textarea,onChange:i=>o("textarea")(i.target.value),multiline:!0,rows:4}),Ce(Fe,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[te(Se,{name:"number",label:"Number",pattern:"credit-card",value:e.number,onChange:i=>o("number")(i.target.value)}),te(ke,{name:"tel",label:"Telephone",pattern:"XX-XXXX-XXXX",value:e.tel,onChange:i=>o("tel")(i.target.value)})]}),te(Be,{name:"search",label:"Search",value:e.search,onChange:i=>o("search")(i.target.value)}),te(He,{name:"otp",value:e.otp,onChange:o("otp"),length:6,spacing:2}),te(ce,{name:"select",label:"Select",value:e.select,onChange:i=>o("select")(i.target.value),options:F}),te(ce,{name:"multiselect",label:"Multi Select",value:e.multiselect,onChange:i=>o("multiselect")(i.target.value),options:F,multiple:!0}),te(fe,{name:"autocomplete",label:"Autocomplete",value:e.autocomplete,onChange:(i,b)=>o("autocomplete")(b),options:F}),te(fe,{name:"multiautocomplete",label:"Multi Autocomplete",value:e.multiautocomplete,onChange:(i,b)=>o("multiautocomplete")(b),options:F,multiple:!0}),te(Ae,{name:"color",label:"Color Picker",value:e.color,onChange:o("color")}),te(ze,{name:"file",label:"File Upload",value:e.file,onChange:o("file")}),te(Oe,{name:"date",value:e.date,onChange:o("date")}),Ce(Fe,{children:[te(Ne,{name:"time",value:e.time,onChange:o("time")}),Ce(Fe,{sx:{display:"grid",gridTemplateColumns:{md:"1fr 1fr"},gap:2,mt:2},children:[te(Xe,{name:"checkboxgroup",label:"Checkbox Group",value:e.checkboxgroup,onChange:o("checkboxgroup"),options:x}),te(Ze,{name:"radiogroup",label:"Radio Group",value:e.radiogroup,onChange:o("radiogroup"),options:m})]}),Ce(Fe,{sx:{display:"flex",gap:2,mt:2},children:[te(qe,{name:"checkbox",label:"Checkbox",value:e.checkbox,onChange:o("checkbox")}),te(Ye,{name:"singleradio",label:"Radio",value:e.singleradio,onChange:o("singleradio")}),te($e,{name:"switch",label:"Switch",value:e.switch,onChange:o("switch")})]})]}),te(Fe,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:te(Ve,{name:"timeclock",label:"Time Clock",value:e.timeclock,onChange:o("timeclock")})}),te(Fe,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:te(Ge,{name:"calendar",label:"Calendar",value:e.calendar,onChange:o("calendar")})}),te(Ue,{name:"slider",label:"Slider",value:e.slider,onChange:o("slider"),min:0,max:100}),Ce(Fe,{sx:{gridColumn:{xs:"1",md:"1 / -1"},display:"flex",gap:2,justifyContent:"flex-end"},children:[te(ml,{variant:"outlined",onClick:()=>a({text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"#000000",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}),children:"Reset"}),te(ml,{type:"submit",variant:"contained",children:"Submit"})]})]})})]})},cs=ds;import{useForm as fs}from"react-hook-form";import{Box as me,Paper as Fs,Typography as pl,Button as dl,Divider as gs}from"@mui/material";import{jsx as ee,jsxs as he}from"react/jsx-runtime";var le="small",bs=()=>{let{control:e,handleSubmit:a,formState:{errors:n},reset:t}=fs({defaultValues:{text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"#000000",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}}),F=[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"},{name:"Option 3",value:"opt3"}],x=[{name:"Checkbox 1",value:"check1"},{name:"Checkbox 2",value:"check2"},{name:"Checkbox 3",value:"check3"}],m=[{name:"Radio 1",value:"radio1"},{name:"Radio 2",value:"radio2"},{name:"Radio 3",value:"radio3"}];return he(Fs,{sx:{p:3,maxWidth:1200,mx:"auto"},children:[ee(pl,{variant:"h4",gutterBottom:!0,children:"React Hook Form (HookFormFields)"}),ee(pl,{variant:"body2",color:"text.secondary",gutterBottom:!0,children:"Using HookFormFields with react-hook-form"}),ee(gs,{sx:{my:2}}),ee("form",{onSubmit:a(l=>{console.log("React Hook Form Data:",l)}),children:he(me,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(3, 1fr)"},gap:2},children:[he(me,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[ee(Qe,{name:"text",label:"Text Field",control:e,errors:n,size:le}),ee(et,{name:"password",label:"Password",control:e,errors:n,size:le})]}),ee(je,{name:"textarea",label:"Text Area",control:e,errors:n,rows:4,size:le}),he(me,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[ee(tt,{name:"number",label:"Number",pattern:"zip-code",control:e,errors:n,size:le}),ee(nt,{name:"tel",label:"Telephone",pattern:"XX-XXX-XXXXXX-X-XX",control:e,errors:n,size:le})]}),ee(lt,{name:"search",label:"Search",control:e,errors:n,size:le}),ee(at,{name:"otp",control:e,errors:n,spacing:2,size:le}),ee(st,{name:"select",label:"Select",control:e,errors:n,options:F,size:le}),ee(ut,{name:"multiselect",label:"Multi Select",control:e,errors:n,options:F,size:le}),ee(mt,{name:"autocomplete",label:"Autocomplete",control:e,errors:n,options:F,size:le}),ee(pt,{name:"multiautocomplete",label:"Multi Autocomplete",control:e,errors:n,options:F,size:le}),ee(dt,{name:"color",label:"Color Picker",control:e,errors:n,size:le}),ee(ct,{name:"file",label:"File Upload",control:e,errors:n,size:le}),ee(ft,{name:"date",control:e,errors:n,size:le}),he(me,{children:[ee(Ft,{name:"time",control:e,errors:n,size:le}),he(me,{sx:{display:"grid",gridTemplateColumns:{md:"1fr 1fr"},gap:2,mt:2},children:[ee(yt,{name:"checkboxgroup",label:"Select Options",control:e,errors:n,options:x,size:le}),ee(It,{name:"radiogroup",label:"Radio Group",control:e,errors:n,options:m,size:le})]}),he(me,{sx:{display:"flex",gap:2,mt:2},children:[ee(xt,{name:"checkbox",label:"Checkbox",control:e,errors:n,size:le}),ee(ht,{name:"singleradio",label:"Radio",control:e,errors:n,size:le}),ee(vt,{name:"switch",label:"Switch",control:e,errors:n,size:le})]})]}),ee(me,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:ee(gt,{name:"timeclock",label:"Time Clock",control:e,errors:n,size:le})}),ee(me,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:ee(bt,{name:"calendar",label:"Calendar",control:e,errors:n,size:le})}),ee(me,{children:ee(Ct,{name:"slider",label:"Slider",control:e,errors:n,size:le})}),he(me,{sx:{gridColumn:{xs:"1",md:"1 / -1"},display:"flex",gap:2,justifyContent:"flex-end"},children:[ee(dl,{variant:"outlined",onClick:()=>t(),children:"Reset"}),ee(dl,{type:"submit",variant:"contained",children:"Submit"})]})]})})]})},xs=bs;var ys={FormInputTextField:Qe,FormInputTextArea:je,FormInputPasswordField:et,FormInputNumberField:tt,FormInputTelField:nt,FormInputSearchField:lt,FormInputOTPField:at,FormInputSelect:st,FormInputMultiSelect:ut,FormInputAutoComplete:mt,FormInputMultiAutoComplete:pt,FormInputColorPicker:dt,FormInputFileUpload:ct,FormInputDatePicker:ft,FormInputTimePicker:Ft,FormInputTimeClock:gt,FormInputCalendar:bt,FormInputCheckBox:xt,FormInputCheckBoxGroup:yt,FormInputSwitch:vt,FormInputSlider:Ct,FormInputSingleRadio:ht,FormInputRadioButtonGroup:It,TextInputField:pe,PasswordField:Ee,NumberField:Se,TelInputField:ke,SearchInputField:Be,OTPField:He,SelectInputField:ce,AutoCompleteField:fe,ColorPickerField:Ae,FileUploadField:ze,DatePickerField:Oe,TimePickerField:Ne,TimeClockField:Ve,DateCalendarField:Ge,CheckBoxField:qe,CheckBoxFieldGroup:Xe,RadioButtonField:Ye,RadioButtonFieldGroup:Ze,SwitchField:$e,SliderField:Ue},Qf=ys;export{fe as AutoCompleteField,qe as CheckBoxField,Xe as CheckBoxFieldGroup,Ae as ColorPickerField,Ge as DateCalendarField,Oe as DatePickerField,cs as DemoForm,xs as DemoHookForm,ze as FileUploadField,mt as FormInputAutoComplete,bt as FormInputCalendar,xt as FormInputCheckBox,yt as FormInputCheckBoxGroup,dt as FormInputColorPicker,ft as FormInputDatePicker,ct as FormInputFileUpload,pt as FormInputMultiAutoComplete,ut as FormInputMultiSelect,tt as FormInputNumberField,at as FormInputOTPField,et as FormInputPasswordField,It as FormInputRadioButtonGroup,lt as FormInputSearchField,st as FormInputSelect,ht as FormInputSingleRadio,Ct as FormInputSlider,vt as FormInputSwitch,nt as FormInputTelField,je as FormInputTextArea,Qe as FormInputTextField,gt as FormInputTimeClock,Ft as FormInputTimePicker,Se as NumberField,He as OTPField,Ee as PasswordField,Ye as RadioButtonField,Ze as RadioButtonFieldGroup,Be as SearchInputField,ce as SelectInputField,Ue as SliderField,$e as SwitchField,ke as TelInputField,pe as TextInputField,Ve as TimeClockField,Ne as TimePickerField,Qf as default};
+var Yn=Object.defineProperty,_n=Object.defineProperties;var Zn=Object.getOwnPropertyDescriptors;var Pt=Object.getOwnPropertySymbols;var _t=Object.prototype.hasOwnProperty,Zt=Object.prototype.propertyIsEnumerable;var Yt=(e,l,i)=>l in e?Yn(e,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[l]=i,r=(e,l)=>{for(var i in l||(l={}))_t.call(l,i)&&Yt(e,i,l[i]);if(Pt)for(var i of Pt(l))Zt.call(l,i)&&Yt(e,i,l[i]);return e},p=(e,l)=>_n(e,Zn(l));var x=(e,l)=>{var i={};for(var a in e)_t.call(e,a)&&l.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&Pt)for(var a of Pt(e))l.indexOf(a)<0&&Zt.call(e,a)&&(i[a]=e[a]);return i};import{memo as or}from"react";import{Controller as nr}from"react-hook-form";import{FormControl as Jn,InputAdornment as Jt,TextField as Qn}from"@mui/material";import{forwardRef as jn,memo as er,useCallback as tr,useMemo as Te}from"react";import{jsx as Tt}from"react/jsx-runtime";var Qt=er(jn((Y,U)=>{var X=Y,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onEnterPress:u,error:t,helperText:n,disabled:o=!1,placeholder:s,variant:c="outlined",size:F,color:f="primary",fullWidth:b=!0,required:v,multiline:g=!1,rows:I,minRows:R,maxRows:k,resize:z="both",maxLength:O,minLength:N,type:K="text",autoComplete:q="off",startAdornment:D,endAdornment:L,inputStyles:M,formControlStyles:G,slotProps:V,slots:H}=X,W=x(X,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","multiline","rows","minRows","maxRows","resize","maxLength","minLength","type","autoComplete","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots"]);let _=tr(J=>{J.key==="Enter"&&!g&&u&&u(i),W.onKeyDown&&W.onKeyDown(J)},[g,u,i,W.onKeyDown]),P=Te(()=>r({maxLength:O,minLength:N},W.inputProps||{}),[O,N,W]),y=Te(()=>D?Tt(Jt,{position:"start",children:D}):void 0,[D]),C=Te(()=>L?Tt(Jt,{position:"end",children:L}):void 0,[L]),E=Te(()=>p(r({},V),{input:r(r(p(r({},V==null?void 0:V.input),{inputProps:P}),y&&{startAdornment:y}),C&&{endAdornment:C})}),[V,P,y,C]),w=Te(()=>g?p(r({},M),{"& textarea":{resize:z}}):M,[g,M,z]),A=Te(()=>n!=null?n:t!=null&&t.message?t.message:void 0,[n,t==null?void 0:t.message]);return Tt(Jn,{error:!!t,disabled:o,required:v,fullWidth:b,sx:G,children:Tt(Qn,p(r({},W),{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onKeyDown:_,placeholder:s,variant:c,size:F,color:f,fullWidth:b,required:v,error:!!t,disabled:o,multiline:g,rows:I,minRows:R,maxRows:k,type:g?void 0:K,autoComplete:q,slotProps:E,slots:H,sx:w,ref:U,helperText:A}))})}));Qt.displayName="TextInputField";var de=Qt;import{jsx as jt}from"react/jsx-runtime";var eo=or(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a="",onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return jt(nr,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return jt(de,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:"",onChange:b=>{n.onChange(b),m==null||m(b.target.value)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});eo.displayName="FormInputTextField";var Je=eo;import{memo as rr}from"react";import{Controller as lr}from"react-hook-form";import{jsx as to}from"react/jsx-runtime";var oo=rr(s=>{var c=s,{name:e,label:l,control:i,rows:a,minRows:m,maxRows:d,resize:u,defaultValue:t="",onChange:n}=c,o=x(c,["name","label","control","rows","minRows","maxRows","resize","defaultValue","onChange"]);return to(lr,{name:e,control:i,defaultValue:t,render:({field:F,fieldState:{error:f}})=>{var I;let g=o,{size:b}=g,v=x(g,["size"]);return to(de,p(r({},v),{name:e,label:l,value:(I=F.value)!=null?I:"",onChange:R=>{F.onChange(R),n==null||n(R.target.value)},onBlur:F.onBlur,multiline:!0,rows:a,minRows:m,maxRows:d,resize:u,size:b,error:f,helperText:f==null?void 0:f.message}))}})});oo.displayName="FormInputTextArea";var Qe=oo;import{memo as gr}from"react";import{Controller as xr}from"react-hook-form";import{Visibility as ar,VisibilityOff as ir}from"@mui/icons-material";import{FormControl as sr,FormHelperText as no,IconButton as mr,InputAdornment as ur,TextField as pr}from"@mui/material";import{forwardRef as dr,useState as cr,memo as fr,useCallback as ro,useMemo as Rt}from"react";import{jsx as xe,jsxs as lo}from"react/jsx-runtime";var Fr=e=>{if(!e)return"weak";let l=0;return e.length>=8&&l++,e.length>=12&&l++,/[a-z]/.test(e)&&l++,/[A-Z]/.test(e)&&l++,/[0-9]/.test(e)&&l++,/[^a-zA-Z0-9]/.test(e)&&l++,l<=2?"weak":l<=4?"medium":l<=5?"strong":"very-strong"},br=e=>{switch(e){case"weak":return"#f44336";case"medium":return"#ff9800";case"strong":return"#4caf50";case"very-strong":return"#2196f3";default:return"#9e9e9e"}},ao=fr(dr((H,V)=>{var W=H,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onVisibilityToggle:u,error:t,helperText:n,disabled:o=!1,placeholder:s,variant:c="outlined",size:F,color:f,fullWidth:b=!0,required:v,showPasswordStrength:g=!1,minLength:I,maxLength:R,defaultShowPassword:k=!1,visibilityIcon:z=xe(ar,{}),visibilityOffIcon:O=xe(ir,{}),iconButtonProps:N,getPasswordStrength:K=Fr,inputStyles:q,formControlStyles:D,slotProps:L,slots:M}=W,G=x(W,["name","label","value","onChange","onFocus","onBlur","onVisibilityToggle","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showPasswordStrength","minLength","maxLength","defaultShowPassword","visibilityIcon","visibilityOffIcon","iconButtonProps","getPasswordStrength","inputStyles","formControlStyles","slotProps","slots"]);let[U,Y]=cr(k),X=ro(()=>{Y(A=>{let J=!A;return u&&u(J),J})},[u]),_=Rt(()=>g?K(i):null,[g,i]),P=()=>{if(!_||!i)return null;let A=br(_),J=_.charAt(0).toUpperCase()+_.slice(1).replace("-"," ");return xe("div",{style:{marginTop:"4px",fontSize:"0.75rem"},children:lo("span",{style:{color:A,fontWeight:500},children:["Strength: ",J]})})},y=ro(A=>{let J=A.target.value;R&&J.length>R||a&&a(A)},[R,a]),C=Rt(()=>xe(ur,{position:"end",children:xe(mr,p(r({onClick:X,onMouseDown:A=>A.preventDefault(),edge:"end",disabled:o},N),{children:U?O:z}))}),[X,o,N,U,O,z]),E=Rt(()=>{var A;return p(r({},L),{input:p(r(r({},L==null?void 0:L.input),I||R?{inputProps:r(r({minLength:I,maxLength:R},((A=L==null?void 0:L.input)==null?void 0:A.inputProps)||{}),G.inputProps||{})}:{}),{endAdornment:C})})},[L,I,R,G,C]),w=Rt(()=>n!=null?n:t!=null&&t.message?t.message:void 0,[n,t==null?void 0:t.message]);return lo(sr,{fullWidth:b,error:!!t,disabled:o,required:v,sx:D,children:[xe(pr,p(r({},G),{name:e,label:l,type:U?"text":"password",value:i,onChange:y,onFocus:m,onBlur:d,placeholder:s,variant:c,size:F,color:f,fullWidth:b,required:v,error:!!t,disabled:o,slotProps:E,slots:M,sx:q,ref:V,helperText:w})),g&&P(),t&&!n&&t.message&&xe(no,{children:t.message}),!t&&n&&xe(no,{children:n})]})}));ao.displayName="PasswordField";var Re=ao;import{jsx as io}from"react/jsx-runtime";var so=gr(t=>{var n=t,{name:e,label:l,control:i,size:a,defaultValue:m="",onChange:d}=n,u=x(n,["name","label","control","size","defaultValue","onChange"]);return io(xr,{name:e,control:i,defaultValue:m,render:({field:o,fieldState:{error:s}})=>{var b;let f=u,{size:c}=f,F=x(f,["size"]);return io(Re,p(r({},F),{name:e,label:l,value:(b=o.value)!=null?b:"",onChange:v=>{o.onChange(v),d==null||d(v.target.value)},onBlur:o.onBlur,error:s,helperText:s==null?void 0:s.message,size:a!=null?a:c}))}})});so.displayName="FormInputPasswordField";var je=so;import{memo as Lr}from"react";import{Controller as Br}from"react-hook-form";import{FormControl as yr,InputAdornment as mo,TextField as vr}from"@mui/material";import{forwardRef as Cr,useState as hr,useEffect as Ir,useCallback as Pr,memo as Tr,useMemo as Pe}from"react";import{jsx as Et}from"react/jsx-runtime";var ce=e=>e.replace(/\D/g,""),uo=(e,l)=>{if(!l||!e)return e;let i="",a=0;for(let m=0;m<l.length&&a<e.length;m++)l[m]==="X"?(i+=e[a],a++):i+=l[m];return i},Rr=e=>e?e.replace(/X/g,"0"):"",Er=e=>{let l=ce(e);return l.length<=3?l:l.length<=6?`(${l.slice(0,3)}) ${l.slice(3)}`:`(${l.slice(0,3)}) ${l.slice(3,6)}-${l.slice(6,10)}`},Sr=e=>{var a;let l=e.replace(/\D/g,"");return(((a=l.match(/.{1,4}/g))==null?void 0:a.join(" "))||l).slice(0,19)},po=(e,l=!0)=>{let i=e.replace(/[^\d.]/g,"");if(!l)return i.replace(/\D/g,"");let a=i.split(".");return a.length>2?a[0]+"."+a.slice(1).join(""):a.length===2&&a[1].length>2?a[0]+"."+a[1].slice(0,2):i},Dr=e=>{let l=e.replace(/\D/g,"");return l.length<=3?l:l.length<=5?`${l.slice(0,3)}-${l.slice(3)}`:`${l.slice(0,3)}-${l.slice(3,5)}-${l.slice(5,9)}`},wr=e=>{let l=e.replace(/\D/g,"");return l.length<=5?l:`${l.slice(0,5)}-${l.slice(5,9)}`},kr=e=>e.replace(/\D/g,"").slice(0,3),co=Tr(Cr((U,W)=>{var Y=U,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onEnterPress:u,error:t,helperText:n,disabled:o=!1,placeholder:s,variant:c="outlined",size:F,color:f="primary",fullWidth:b=!0,required:v,pattern:g="integer",customPattern:I,customFormatter:R,min:k,max:z,step:O,allowDecimals:N=!0,decimalPlaces:K=2,startAdornment:q,endAdornment:D,inputStyles:L,formControlStyles:M,slotProps:G,slots:V}=Y,H=x(Y,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","pattern","customPattern","customFormatter","min","max","step","allowDecimals","decimalPlaces","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots"]);let[X,_]=hr(i),P=typeof g=="string"&&g.includes("X"),y=P?g:void 0,C=P?void 0:g,E=Pr($=>{if(!$)return"";if(y){let oe=ce($);return uo(oe,y)}switch(C){case"phone":return Er($);case"credit-card":return Sr($);case"currency":return po($,N);case"ssn":return Dr($);case"zip-code":return wr($);case"percentage":return kr($);case"decimal":return po($,N);case"integer":return ce($);case"custom":return R?R($):ce($);default:return ce($)}},[y,C,N,R,I]);Ir(()=>{let $=E(i);_(oe=>oe!==$?$:oe)},[i,E]);let w=($,oe)=>{if(["Backspace","Delete","Tab","Escape","Enter"].includes(oe)||oe==="a"||oe==="c"||oe==="v"||oe==="x"||(C==="decimal"||C==="currency")&&N&&oe===".")return!0;if(!/^\d$/.test(oe))return!1;if(y){let ne=(y.match(/X/g)||[]).length;return ce($).length<ne}if(C==="custom"&&I){let ne=$+oe;return I.test(ne)}return!0},A=$=>{let oe=$.target.value,ne=E(oe);_(ne);let ie=y?ce(oe):ne,ue=p(r({},$),{target:p(r({},$.target),{value:ie}),currentTarget:p(r({},$.currentTarget),{value:ie})});a&&a(ue)},J=$=>{if(o)return;$.preventDefault();let oe=$.clipboardData.getData("text"),ne=ce(oe),ie=y?(y.match(/X/g)||[]).length:void 0,ue=ie?ne.slice(0,ie):ne,At=y?uo(ue,y):E(ue);_(At);let Q=p(r({},$),{target:p(r({},$.target),{value:ue}),currentTarget:p(r({},$.currentTarget),{value:ue})});a&&a(Q)},T=$=>{let oe=$.currentTarget.querySelector("input");if(!oe)return;let ne=oe.value||"",ie=$.key;if(["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(ie)){ie==="Enter"&&u&&u(X),H.onKeyDown&&H.onKeyDown($);return}if($.ctrlKey||$.metaKey){H.onKeyDown&&H.onKeyDown($);return}if(!w(ne,ie)){$.preventDefault();return}H.onKeyDown&&H.onKeyDown($)},h=Pe(()=>r({min:k,max:z,step:O,inputMode:C==="phone"?"tel":C==="decimal"||C==="currency"?"decimal":"numeric",maxLength:y?y.length:void 0},H.inputProps||{}),[k,z,O,C,y,H]),S=Pe(()=>q?Et(mo,{position:"start",children:q}):void 0,[q]),B=Pe(()=>D?Et(mo,{position:"end",children:D}):void 0,[D]),Z=Pe(()=>p(r({},G),{input:r(r(p(r({},G==null?void 0:G.input),{inputProps:h}),S&&{startAdornment:S}),B&&{endAdornment:B})}),[G,h,S,B]),j=Pe(()=>C==="phone"?"tel":"text",[C]),le=Pe(()=>s||(y?Rr(y):s),[s,y]),me=Pe(()=>n!=null?n:t!=null&&t.message?t.message:void 0,[n,t==null?void 0:t.message]);return Et(yr,{error:!!t,disabled:o,required:v,fullWidth:b,sx:M,children:Et(vr,p(r({},H),{name:e,label:l,value:X,onChange:A,onFocus:m,onBlur:d,onKeyDown:T,onPaste:J,placeholder:le,variant:c,size:F,color:f,fullWidth:b,required:v,error:!!t,disabled:o,type:j,autoComplete:"off",slotProps:Z,slots:V,sx:L,ref:W,helperText:me}))})}));co.displayName="NumberField";var Ee=co;import{jsx as fo}from"react/jsx-runtime";var Fo=Lr(F=>{var f=F,{name:e,label:l,control:i,pattern:a,min:m,max:d,step:u,allowDecimals:t,decimalPlaces:n,defaultValue:o="",onChange:s}=f,c=x(f,["name","label","control","pattern","min","max","step","allowDecimals","decimalPlaces","defaultValue","onChange"]);return fo(Br,{name:e,control:i,defaultValue:o,render:({field:b,fieldState:{error:v}})=>{var k;let R=c,{size:g}=R,I=x(R,["size"]);return fo(Ee,p(r({},I),{name:e,label:l,value:(k=b.value)!=null?k:"",onChange:z=>{b.onChange(z),s==null||s(z.target.value)},onBlur:b.onBlur,pattern:a,min:m,max:d,step:u,allowDecimals:t,decimalPlaces:n,size:g,error:v,helperText:v==null?void 0:v.message}))}})});Fo.displayName="FormInputNumberField";var et=Fo;import{memo as qr}from"react";import{Controller as Gr}from"react-hook-form";import{FormControl as Mr,InputAdornment as zt,TextField as Hr}from"@mui/material";import{forwardRef as Ar,useState as zr,useEffect as Or,useRef as Nr,memo as Vr,useCallback as Ot,useMemo as Se}from"react";import{jsx as tt}from"react/jsx-runtime";var St=e=>e.replace(/\D/g,""),Nt=(e,l)=>{if(!l||!e)return e;let i="",a=0;for(let m=0;m<l.length&&a<e.length;m++)l[m]==="X"?(i+=e[a],a++):i+=l[m];return i},Wr=e=>e?e.replace(/X/g,"0"):"0000000000",bo=Vr(Ar((V,G)=>{var H=V,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onEnterPress:u,error:t,helperText:n,disabled:o=!1,placeholder:s,variant:c="outlined",size:F,color:f="primary",fullWidth:b=!0,required:v,pattern:g="XXXXXXXXXX",maxLength:I,countryCode:R="+1",showCountryCode:k=!1,startAdornment:z,endAdornment:O,inputStyles:N,formControlStyles:K,countryCodeStyles:q,slotProps:D,slots:L}=H,M=x(H,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","pattern","maxLength","countryCode","showCountryCode","startAdornment","endAdornment","inputStyles","formControlStyles","countryCodeStyles","slotProps","slots"]);let[W,U]=zr(""),Y=Nr(null),X=I||(g?g.length:15);Or(()=>{let h=St(i),S=g?Nt(h,g):h;U(B=>B!==S?S:B),Y.current&&setTimeout(()=>{if(Y.current){let B=S.length;Y.current.setSelectionRange(B,B)}},0)},[i,g]);let _=Ot(h=>{if(o)return;let S=h.target.value,B=St(S),Z=X?B.slice(0,X):B,j=g?Nt(Z,g):Z;U(j);let le=p(r({},h),{target:p(r({},h.target),{value:Z}),currentTarget:p(r({},h.currentTarget),{value:Z})});a&&a(le)},[o,X,g,a]),P=Ot(h=>{if(o)return;h.preventDefault();let S=h.clipboardData.getData("text"),B=St(S),Z=X?B.slice(0,X):B,j=g?Nt(Z,g):Z;U(j);let le=p(r({},h),{target:p(r({},h.target),{value:Z}),currentTarget:p(r({},h.currentTarget),{value:Z})});a&&a(le)},[o,X,g,a]),y=Ot(h=>{if(o)return;let S=h.key,B=/[0-9]/.test(S),Z=S==="Backspace"||S==="Delete"||S==="Tab"||S==="Escape"||S==="Enter"||S==="ArrowLeft"||S==="ArrowRight"||S==="ArrowUp"||S==="ArrowDown"||S==="Home"||S==="End"||(h.ctrlKey||h.metaKey)&&(S==="a"||S==="c"||S==="v"||S==="x");if(!B&&!Z){h.preventDefault();return}S==="Enter"&&u&&u(St(W)),M.onKeyDown&&M.onKeyDown(h)},[o,u,W,M.onKeyDown]),C=Se(()=>r({maxLength:X,inputMode:"tel",autoComplete:"tel"},M.inputProps||{}),[X,M]),E=Se(()=>k?tt(zt,{position:"start",sx:q,children:R}):z?tt(zt,{position:"start",children:z}):void 0,[k,q,R,z]),w=Se(()=>O?tt(zt,{position:"end",children:O}):void 0,[O]),A=Se(()=>p(r({},D),{input:r(r(p(r({},D==null?void 0:D.input),{inputProps:C}),E&&{startAdornment:E}),w&&{endAdornment:w})}),[D,C,E,w]),J=Se(()=>s||(g?Wr(g):""),[s,g]),T=Se(()=>n!=null?n:t!=null&&t.message?t.message:void 0,[n,t==null?void 0:t.message]);return tt(Mr,{error:!!t,disabled:o,required:v,fullWidth:b,sx:K,children:tt(Hr,p(r({},M),{name:e,label:l,value:W,onChange:_,onFocus:m,onBlur:d,onKeyDown:y,onPaste:P,placeholder:J,variant:c,size:F,color:f,fullWidth:b,required:v,error:!!t,disabled:o,type:"tel",autoComplete:"tel",slotProps:A,slots:L,sx:N,ref:G,inputRef:Y,helperText:T}))})}));bo.displayName="TeliField";var De=bo;import{jsx as go}from"react/jsx-runtime";var xo=qr(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a="",onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return go(Gr,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return go(De,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:"",onChange:b=>{n.onChange(b),m==null||m(b.target.value)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});xo.displayName="FormInputTelField";var ot=xo;import{memo as jr}from"react";import{Controller as el}from"react-hook-form";import{Close as Kr,Search as Xr}from"@mui/icons-material";import{FormControl as $r,IconButton as yo,InputAdornment as Ur,TextField as Yr}from"@mui/material";import{forwardRef as _r,useEffect as Zr,useRef as Vt,memo as Jr,useCallback as we,useMemo as vo}from"react";import{jsx as ke,jsxs as Qr}from"react/jsx-runtime";var Co=Jr(_r((X,Y)=>{var _=X,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onSearch:u,onClear:t,onEnterPress:n,error:o,helperText:s,disabled:c=!1,placeholder:F,variant:f="outlined",size:b,color:v="primary",fullWidth:g=!0,required:I,showClearButton:R=!0,showSearchButton:k=!0,clearIcon:z,searchIcon:O,clearButtonProps:N,searchButtonProps:K,enableDebounce:q=!0,debounceDelay:D=300,enableThrottle:L=!1,throttleDelay:M=300,inputStyles:G,formControlStyles:V,slotProps:H,slots:W}=_,U=x(_,["name","label","value","onChange","onFocus","onBlur","onSearch","onClear","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showClearButton","showSearchButton","clearIcon","searchIcon","clearButtonProps","searchButtonProps","enableDebounce","debounceDelay","enableThrottle","throttleDelay","inputStyles","formControlStyles","slotProps","slots"]);let P=Vt(null),y=Vt(null),C=Vt(0);Zr(()=>()=>{P.current&&clearTimeout(P.current),y.current&&clearTimeout(y.current)},[]);let E=we(Z=>{P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{u&&u(Z)},D)},[u,D]),w=we(Z=>{let j=Date.now(),le=j-C.current;le>=M?(C.current=j,u&&u(Z)):(y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{C.current=Date.now(),u&&u(Z)},M-le))},[u,M]),A=we(Z=>{let j=Z.target.value;a&&a(Z),u&&(q&&!L?E(j):L&&!q?w(j):q&&L?E(j):u(j))},[a,u,q,L,E,w]),J=we(()=>{P.current&&(clearTimeout(P.current),P.current=null),y.current&&(clearTimeout(y.current),y.current=null),t&&t(),u&&u(""),a&&a({target:{value:"",name:e||""},currentTarget:{value:"",name:e||""}})},[t,u,a,e,P,y]),T=we(()=>{P.current&&(clearTimeout(P.current),P.current=null),y.current&&(clearTimeout(y.current),y.current=null),u&&u(i)},[u,i,P,y]),h=we(Z=>{Z.key==="Enter"&&(P.current&&(clearTimeout(P.current),P.current=null),y.current&&(clearTimeout(y.current),y.current=null),n&&n(i),u&&u(i)),U.onKeyDown&&U.onKeyDown(Z)},[n,u,i,P,y,U.onKeyDown]),S=vo(()=>Qr(Ur,{position:"end",children:[R&&i&&ke(yo,p(r({onClick:J,disabled:c,edge:"end",size:b},N),{children:z||ke(Kr,{})})),k&&ke(yo,p(r({onClick:T,disabled:c,edge:"end",size:b},K),{children:O||ke(Xr,{})}))]}),[R,i,J,c,b,N,z,k,T,K,O]),B=vo(()=>s!=null?s:o!=null&&o.message?o.message:void 0,[s,o==null?void 0:o.message]);return ke($r,{error:!!o,disabled:c,required:I,fullWidth:g,sx:V,children:ke(Yr,p(r({},U),{name:e,label:l,value:i,onChange:A,onFocus:m,onBlur:d,onKeyDown:h,placeholder:F,variant:f,size:b,color:v,fullWidth:g,required:I,error:!!o,disabled:c,slotProps:p(r({},H),{input:p(r({},H==null?void 0:H.input),{endAdornment:S})}),slots:W,sx:G,ref:Y,helperText:B}))})}));Co.displayName="SearchField";var Le=Co;import{jsx as ho}from"react/jsx-runtime";var Io=jr(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a="",onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return ho(el,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return ho(Le,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:"",onChange:b=>{n.onChange(b),m==null||m(b.target.value)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});Io.displayName="FormInputSearchField";var nt=Io;import{memo as ll}from"react";import{Controller as al}from"react-hook-form";import{FormControl as tl,FormHelperText as Po,TextField as ol,Box as To}from"@mui/material";import{forwardRef as nl,useState as rl,useRef as Be,useEffect as Dt}from"react";import{jsx as rt,jsxs as Ro}from"react/jsx-runtime";var Eo=nl((M,L)=>{var G=M,{name:e,label:l,value:i,onChange:a,onComplete:m,onFocus:d,onBlur:u,onEnterPress:t,error:n,helperText:o,disabled:s=!1,variant:c="outlined",size:F,color:f="primary",fullWidth:b=!0,required:v,length:g=6,spacing:I=1,autoFocus:R=!1,autoSubmit:k=!1,containerStyles:z,inputStyles:O,formControlStyles:N,slotProps:K,slots:q}=G,D=x(G,["name","label","value","onChange","onComplete","onFocus","onBlur","onEnterPress","error","helperText","disabled","variant","size","color","fullWidth","required","length","spacing","autoFocus","autoSubmit","containerStyles","inputStyles","formControlStyles","slotProps","slots"]);let[V,H]=rl(Array(g).fill("")),W=Be([]),U=Be(""),Y=Be(!1),X=Be(Array(g).fill("")),_=Be(!1),P=Be(null);Dt(()=>{X.current=V},[V]),Dt(()=>{let T=X.current.join("");if(_.current){if(i===U.current)return;let h=T,S=i||"";if(h===S&&h.length>0||S.length===h.length&&S===U.current)return}if(!(Y.current&&(Y.current=!1,i===U.current))&&i!==T)if(i){let h=i.split("").slice(0,g),S=[...h,...Array(g-h.length).fill("")];H(S)}else H(Array(g).fill(""))},[i,g]),Dt(()=>{R&&W.current[0]&&W.current[0].focus()},[R]),Dt(()=>()=>{P.current&&clearTimeout(P.current)},[]);let y=(T,h)=>{if(s)return;let S=h.target.value;if(S===""){C(T,"",!1);return}let B=S.slice(-1);/^\d$/.test(B)&&C(T,B,!0)},C=(T,h,S=!0)=>{let B=[...V];B[T]=h,Y.current=!0,_.current=!0,P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{_.current=!1},500),H(B);let Z=B.join("");U.current=Z,a&&a(Z),h&&T<g-1&&S&&setTimeout(()=>{var j;(j=W.current[T+1])==null||j.focus()},0),B.every(j=>j!=="")&&(m&&m(Z),k&&t&&t(Z))},E=(T,h)=>{var B,Z,j;if(s)return;let S=h.key;if(S==="Backspace"){V[T]===""&&T>0?((B=W.current[T-1])==null||B.focus(),C(T-1,"",!1)):C(T,"",!1),h.preventDefault();return}if(S==="Delete"){C(T,"",!1),h.preventDefault();return}if(S==="ArrowLeft"&&T>0){(Z=W.current[T-1])==null||Z.focus(),h.preventDefault();return}if(S==="ArrowRight"&&T<g-1){(j=W.current[T+1])==null||j.focus(),h.preventDefault();return}if(S==="Enter"&&t){let le=V.join("");t(le);return}(h.ctrlKey||h.metaKey)&&S==="v"||/^\d$/.test(S)||["Tab","Escape","Home","End"].includes(S)||h.preventDefault()},w=(T,h)=>{var oe;if(s)return;h.preventDefault();let B=h.clipboardData.getData("text").replace(/\D/g,"").slice(0,g);if(B.length===0)return;let Z=[...V],j=T;for(let ne=0;ne<B.length&&j+ne<g;ne++)Z[j+ne]=B[ne];H(Z);let le=Z.join("");a&&a(le);let me=Z.findIndex(ne=>ne===""),$=me!==-1?me:Math.min(j+B.length,g-1);(oe=W.current[$])==null||oe.focus(),Z.every(ne=>ne!=="")&&(m&&m(le),k&&t&&t(le))},A=(T,h)=>{h.target.select(),d&&d(h)},J=(T,h)=>{u&&u(h)};return Ro(tl,{error:!!n,disabled:s,required:v,fullWidth:b,sx:N,children:[l&&Ro(To,{component:"label",sx:{mb:1,display:"block"},children:[l,v&&rt("span",{style:{color:"error.main"},children:" *"})]}),rt(To,{ref:L,sx:r({display:"flex",gap:I,justifyContent:"flex-start"},z),children:V.map((T,h)=>{var S;return rt(ol,r({inputRef:B=>{W.current[h]=B},name:e?`${e}-${h}`:void 0,value:T,onChange:B=>y(h,B),onKeyDown:B=>E(h,B),onPaste:B=>w(h,B),onFocus:B=>A(h,B),onBlur:B=>J(h,B),variant:c,size:F,color:f,error:!!n,disabled:s,required:v,slotProps:p(r({},K),{input:p(r({},K==null?void 0:K.input),{inputProps:r({maxLength:1,inputMode:"numeric",pattern:"[0-9]*",style:{textAlign:"center",fontSize:F==="small"?"1rem":"1.25rem",fontWeight:"bold"}},((S=K==null?void 0:K.input)==null?void 0:S.inputProps)||{})})}),slots:q,sx:r({width:F==="small"?"40px":"48px"},O)},D),h)})}),n&&rt(Po,{children:o!=null?o:n!=null&&n.message?n.message:""}),!n&&o&&rt(Po,{children:o})]})});Eo.displayName="OTPField";var Me=Eo;import{jsx as So}from"react/jsx-runtime";var Do=ll(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a="",onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return So(al,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return So(Me,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:"",onChange:b=>{n.onChange(b),m==null||m(b)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});Do.displayName="FormInputOTPField";var lt=Do;import{memo as cl,useMemo as fl}from"react";import{Controller as Fl}from"react-hook-form";import{FormControl as il,FormHelperText as wo,InputLabel as sl,MenuItem as ml,Select as ul}from"@mui/material";import{forwardRef as pl}from"react";import{jsx as at,jsxs as dl}from"react/jsx-runtime";var ko=pl((W,H)=>{var U=W,{name:e,label:l,value:i,onChange:a,onOpen:m,onClose:d,options:u,error:t,helperText:n,disabled:o=!1,variant:s="outlined",size:c,color:F,fullWidth:f=!0,required:b,multiple:v=!1,icon:g,renderValue:I,renderMenuItem:R,menuItemStyles:k,selectStyles:z,formControlStyles:O,labelStyles:N,slotProps:K,slots:q,displayEmpty:D=!1,autoWidth:L=!1,native:M=!1,MenuProps:G}=U,V=x(U,["name","label","value","onChange","onOpen","onClose","options","error","helperText","disabled","variant","size","color","fullWidth","required","multiple","icon","renderValue","renderMenuItem","menuItemStyles","selectStyles","formControlStyles","labelStyles","slotProps","slots","displayEmpty","autoWidth","native","MenuProps"]);let Y=C=>{var E;if(v&&Array.isArray(C))return C.length===0?"":C.map(w=>{var J;let A=u.find(T=>T.value===w);return(J=A==null?void 0:A.name)!=null?J:String(w)}).join(", ");if(!v&&C!==""&&C!==null&&C!==void 0){let w=u.find(A=>A.value===C);return(E=w==null?void 0:w.name)!=null?E:String(C)}return""},X=(C,E)=>{let w=typeof k=="function"?k(C,E):k;return at(ml,{value:C.value,disabled:C.disabled,sx:w,children:R?R(C,E):C.name},`${C.value}-${E}`)},_=(C,E)=>{a&&a(C,E)},P=l?`${e||"select"}-label`:void 0,y=l?`${e||"select"}-select`:void 0;return dl(il,{fullWidth:f,error:!!t,disabled:o,required:b,size:c,variant:s,sx:O,children:[l&&at(sl,{id:P,sx:N,children:l}),at(ul,p(r({},V),{labelId:P,id:y,name:e,value:i,label:l,onChange:_,onOpen:m,onClose:d,disabled:o,multiple:v,displayEmpty:D,autoWidth:L,native:M,MenuProps:G,IconComponent:g,renderValue:I!=null?I:Y,slotProps:K,slots:q,sx:z,ref:H,children:u&&Array.isArray(u)&&u.map((C,E)=>X(C,E))})),t&&at(wo,{children:n!=null?n:t!=null&&t.message?t.message:""}),!t&&n&&at(wo,{children:n})]})});ko.displayName="SelectInputField";var fe=ko;import{jsx as Lo}from"react/jsx-runtime";var Bo=cl(t=>{var n=t,{name:e,label:l,control:i,options:a=[],defaultValue:m="",onChange:d}=n,u=x(n,["name","label","control","options","defaultValue","onChange"]);let o=fl(()=>a,[a]);return Lo(Fl,{name:e,control:i,defaultValue:m,render:({field:s,fieldState:{error:c}})=>{var v;let b=u,{size:F}=b,f=x(b,["size"]);return Lo(fe,p(r({},f),{name:e,label:l,options:o,value:(v=s.value)!=null?v:"",onChange:g=>{s.onChange(g),d==null||d(g.target.value)},onBlur:s.onBlur,size:F,error:c,helperText:c==null?void 0:c.message}))}})});Bo.displayName="FormInputSelect";var it=Bo;import{memo as bl,useMemo as gl}from"react";import{Controller as xl}from"react-hook-form";import{jsx as Mo}from"react/jsx-runtime";var Ho=bl(t=>{var n=t,{name:e,label:l,control:i,options:a=[],defaultValue:m=[],onChange:d}=n,u=x(n,["name","label","control","options","defaultValue","onChange"]);let o=gl(()=>a,[a]);return Mo(xl,{name:e,control:i,defaultValue:m,render:({field:s,fieldState:{error:c}})=>{let v=u,{size:F}=v,f=x(v,["size"]),b=Array.isArray(s.value)?s.value:[];return Mo(fe,p(r({},f),{name:e,label:l,options:o,multiple:!0,value:b,onChange:g=>{s.onChange(g),d==null||d(g.target.value)},onBlur:s.onBlur,size:F,error:c,helperText:c==null?void 0:c.message}))}})});Ho.displayName="FormInputMultiSelect";var st=Ho;import{memo as Rl}from"react";import{Controller as El}from"react-hook-form";import{Autocomplete as yl,FormControl as vl,FormHelperText as Cl,TextField as hl}from"@mui/material";import{forwardRef as Il,memo as Pl,useCallback as Ao}from"react";import{jsx as Wt,jsxs as Tl}from"react/jsx-runtime";var zo=Pl(Il((P,_)=>{var y=P,{name:e,label:l,value:i,onChange:a,onInputChange:m,onOpen:d,onClose:u,options:t,error:n,helperText:o,disabled:s=!1,placeholder:c,variant:F="outlined",size:f,color:b,fullWidth:v=!0,required:g,getOptionLabel:I,isOptionEqualToValue:R,renderOption:k,popupIcon:z,inputStyles:O,autocompleteStyles:N,formControlStyles:K,loading:q=!1,loadingText:D="Loading...",noOptionsText:L="No options",filterOptions:M,autoHighlight:G=!0,autoSelect:V=!1,disablePortal:H=!1,disableListWrap:W=!1,slotProps:U,slots:Y}=y,X=x(y,["name","label","value","onChange","onInputChange","onOpen","onClose","options","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","getOptionLabel","isOptionEqualToValue","renderOption","popupIcon","inputStyles","autocompleteStyles","formControlStyles","loading","loadingText","noOptionsText","filterOptions","autoHighlight","autoSelect","disablePortal","disableListWrap","slotProps","slots"]);let C=Ao((w,A)=>(w==null?void 0:w.name)===(A==null?void 0:A.name)&&(w==null?void 0:w.value)===(A==null?void 0:A.value),[]),E=Ao((w,A,J)=>{a&&a(w,A,J)},[a]);return Tl(vl,{fullWidth:v,error:!!n,sx:K,children:[Wt(yl,r({options:t,value:i,onChange:E,onInputChange:m,onOpen:d,onClose:u,disabled:s,loading:q,loadingText:D,noOptionsText:L,filterOptions:M,autoHighlight:G,autoSelect:V,disablePortal:H,disableListWrap:W,popupIcon:z,slotProps:U,slots:Y,sx:N,ref:_,renderInput:w=>Wt(hl,p(r({},w),{name:e,label:l,variant:F,size:f,color:b,placeholder:c,required:g,error:!!n,disabled:s,slotProps:{input:p(r({},w.InputProps),{inputProps:r({},w.inputProps)})},sx:O,helperText:o!=null?o:""}))},X)),n&&!o&&n.message&&Wt(Cl,{children:n.message})]})}));zo.displayName="AutoCompleteField";var Fe=zo;import{jsx as Oo}from"react/jsx-runtime";var No=Rl(o=>{var s=o,{name:e,label:l,control:i,options:a=[],disabled:m,placeholder:d,defaultValue:u=null,onChange:t}=s,n=x(s,["name","label","control","options","disabled","placeholder","defaultValue","onChange"]);return Oo(El,{name:e,control:i,defaultValue:u,render:({field:c,fieldState:{error:F}})=>{let{value:f,onBlur:b}=c,I=n,{size:v}=I,g=x(I,["size"]);return Oo(Fe,p(r({},g),{name:e,label:l,placeholder:d,disabled:m,options:a,value:f!=null?f:null,onChange:(R,k)=>{c.onChange(k),t==null||t(k)},onBlur:b,size:v,error:F,helperText:F==null?void 0:F.message}))}})});No.displayName="FormInputAutoComplete";var mt=No;import{memo as Sl,useMemo as Dl}from"react";import{Controller as wl}from"react-hook-form";import{jsx as Vo}from"react/jsx-runtime";var Wo=Sl(o=>{var s=o,{name:e,label:l,control:i,options:a=[],disabled:m,placeholder:d,defaultValue:u=[],onChange:t}=s,n=x(s,["name","label","control","options","disabled","placeholder","defaultValue","onChange"]);let c=Dl(()=>a,[a]);return Vo(wl,{name:e,control:i,defaultValue:u,render:({field:F,fieldState:{error:f}})=>{let{value:b,onBlur:v}=F,k=n,{size:g}=k,I=x(k,["size"]),R=Array.isArray(b)?b:[];return Vo(Fe,p(r({},I),{name:e,label:l,placeholder:d,disabled:m,options:c,multiple:!0,value:R,onChange:(z,O)=>{F.onChange(O),t==null||t(O)},onBlur:v,size:g,error:f,helperText:f==null?void 0:f.message}))}})});Wo.displayName="FormInputMultiAutoComplete";var ut=Wo;import{memo as ql}from"react";import{Controller as Gl}from"react-hook-form";import{Box as kl,FormControl as Ll,InputAdornment as Bl,TextField as Ml}from"@mui/material";import{forwardRef as Hl,memo as Al,useCallback as wt,useEffect as zl,useMemo as qt,useRef as qo,useState as Ol}from"react";import{jsx as kt,jsxs as Wl}from"react/jsx-runtime";var Nl=e=>/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e),Vl=e=>{let l=e.replace("#","");return l.length===3&&(l=l.split("").map(i=>i+i).join("")),"#"+l},Go=Al(Hl((V,G)=>{var H=V,{name:e,label:l,value:i,onChange:a,onFocus:m,onBlur:d,onEnterPress:u,error:t,helperText:n,disabled:o=!1,placeholder:s="#000000",variant:c="outlined",size:F,color:f="primary",fullWidth:b=!0,required:v,format:g="hex",showPreview:I=!0,showNativeInput:R=!0,showPopoverPicker:k=!0,presetColors:z=["#000000","#FFFFFF","#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF"],showPresetColors:O=!1,previewStyles:N,formControlStyles:K,inputStyles:q,slotProps:D,slots:L}=H,M=x(H,["name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","format","showPreview","showNativeInput","showPopoverPicker","presetColors","showPresetColors","previewStyles","formControlStyles","inputStyles","slotProps","slots"]);let[W,U]=Ol(i||""),Y=qo(null),X=qo(null);zl(()=>{i!==void 0&&U(i||"")},[i]);let _=Nl(W)?Vl(W):W||"",P=wt(T=>{if(o)return;let h=T.target.value;U(h),a&&a(h)},[a]),y=wt(T=>{if(o)return;T.stopPropagation();let h=T.target.value;U(h),a&&a(h)},[a]),C=wt(T=>{o||(T.preventDefault(),T.stopPropagation(),Y.current&&Y.current.click())},[o,Y]),E=wt(T=>{T.key==="Enter"&&u&&u(_),M.onKeyDown&&M.onKeyDown(T)},[u,_,M.onKeyDown]),w=qt(()=>kt(Bl,{position:"start",children:kt(kl,{ref:X,onClick:o?void 0:C,sx:r({width:F==="small"?24:32,height:F==="small"?24:32,borderRadius:1,border:"1px solid",borderColor:t?"error.main":"divider",backgroundColor:_,cursor:o?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s","&:hover":{opacity:o?1:.8}},N),title:o?void 0:"Click to open color picker"})}),[X,o,C,F,t,_,N]),A=qt(()=>{var T;return p(r({},D),{input:r(p(r({},D==null?void 0:D.input),{inputProps:r({},((T=D==null?void 0:D.input)==null?void 0:T.inputProps)||{})}),I&&{startAdornment:w})})},[D,I,w]),J=qt(()=>n!=null?n:t!=null&&t.message?t.message:void 0,[n,t==null?void 0:t.message]);return Wl(Ll,{error:!!t,disabled:o,required:v,fullWidth:b,sx:K,children:[kt(Ml,p(r({},M),{ref:G,name:e,label:l,value:_,onChange:P,onFocus:m,onBlur:d,onKeyDown:E,placeholder:s,variant:c,size:F,color:f,fullWidth:b,required:v,error:!!t,disabled:o,slotProps:A,slots:L,sx:q,helperText:J})),kt("input",{ref:Y,type:"color",value:_,onChange:y,disabled:o,style:{position:"absolute",width:0,height:0,opacity:0,pointerEvents:"none",visibility:"hidden"},"aria-hidden":"true"})]})}));Go.displayName="ColorPickerField";var He=Go;import{jsx as Ko}from"react/jsx-runtime";var Xo=ql(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a="#000000",onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return Ko(Gl,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return Ko(He,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:a,onChange:b=>{n.onChange(b),m==null||m(b)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});Xo.displayName="FormInputColorPicker";var pt=Xo;import{memo as Ql,useRef as jl}from"react";import{Controller as ea}from"react-hook-form";import{Clear as Kl,CloudUpload as Xl}from"@mui/icons-material";import{FormControl as $l,FormHelperText as Ul,IconButton as $o,InputAdornment as Yl,TextField as _l}from"@mui/material";import{forwardRef as Zl,useRef as Jl,useState as Uo}from"react";import{jsx as ye,jsxs as Gt}from"react/jsx-runtime";var Yo=Zl((y,P)=>{var C=y,{name:e,label:l,value:i,onChange:a,onFileSelect:m,onFileRemove:d,onValidationError:u,onDrop:t,error:n,helperText:o,disabled:s=!1,accept:c,multiple:F=!1,maxSize:f,minSize:b,allowedTypes:v,showPreview:g=!0,enableDragDrop:I=!1,placeholder:R="No file chosen",variant:k="outlined",size:z,color:O,fullWidth:N=!0,required:K,buttonText:q="Upload",buttonVariant:D="contained",buttonColor:L="primary",buttonSize:M,uploadIcon:G=ye(Xl,{}),inputStyles:V,buttonStyles:H,formControlStyles:W,containerStyles:U,slotProps:Y,slots:X}=C,_=x(C,["name","label","value","onChange","onFileSelect","onFileRemove","onValidationError","onDrop","error","helperText","disabled","accept","multiple","maxSize","minSize","allowedTypes","showPreview","enableDragDrop","placeholder","variant","size","color","fullWidth","required","buttonText","buttonVariant","buttonColor","buttonSize","uploadIcon","inputStyles","buttonStyles","formControlStyles","containerStyles","slotProps","slots"]);let E=Jl(null),[w,A]=Uo(!1),[,J]=Uo(0),T=P&&typeof P=="object"&&"current"in P?P:E,h=()=>i?i instanceof File?i.name:Array.isArray(i)?i.length===0?"":i.length===1?i[0].name:`${i.length} files selected`:typeof i=="object"&&"name"in i?i.name:"":"",S=Q=>{if(f&&Q.size>f)return`File size exceeds maximum allowed size of ${B(f)}`;if(b&&Q.size<b)return`File size is below minimum required size of ${B(b)}`;if(v&&v.length>0){let ae=Q.type||Z(Q.name);if(!v.some(se=>se.startsWith(".")?Q.name.toLowerCase().endsWith(se.toLowerCase()):ae.includes(se)||ae===se))return`File type not allowed. Allowed types: ${v.join(", ")}`}return null},B=Q=>{if(Q===0)return"0 Bytes";let ae=1024,ge=["Bytes","KB","MB","GB"],se=Math.floor(Math.log(Q)/Math.log(ae));return Math.round(Q/Math.pow(ae,se)*100)/100+" "+ge[se]},Z=Q=>Q.slice((Q.lastIndexOf(".")-1>>>0)+2),j=Q=>{let ae=Q.target.files;if(!ae||ae.length===0){a&&a(void 0),m&&m(void 0);return}let ge=Array.from(ae),se=[],$t=!1;for(let Ze of ge){let Ut=S(Ze);Ut?($t=!0,u&&u(Ut)):se.push(Ze)}if(se.length>0){let Ze=F?se:se[0];a&&a(Ze),m&&m(Ze)}},le=()=>{var Q;s||(Q=T.current)==null||Q.click()},me=()=>{T.current&&(T.current.value=""),a&&a(void 0),d&&d()},$=Q=>{Q.preventDefault(),Q.stopPropagation(),J(ae=>ae+1),Q.dataTransfer.items&&Q.dataTransfer.items.length>0&&A(!0)},oe=Q=>{Q.preventDefault(),Q.stopPropagation(),J(ae=>{let ge=ae-1;return ge===0&&A(!1),ge})},ne=Q=>{Q.preventDefault(),Q.stopPropagation()},ie=Q=>{if(Q.preventDefault(),Q.stopPropagation(),A(!1),J(0),s)return;let ae=Q.dataTransfer.files;ae&&ae.length>0&&(t&&t(ae),j({target:{files:ae}}))},ue=h(),At=g&&ue?ue:R;return Gt($l,{error:!!n,disabled:s,required:K,fullWidth:N,sx:W,children:[Gt("div",{style:U,onDragEnter:I?$:void 0,onDragLeave:I?oe:void 0,onDragOver:I?ne:void 0,onDrop:I?ie:void 0,children:[ye("input",{type:"file",accept:c,multiple:F,name:e,id:e?`file-upload-${e}`:void 0,onChange:j,style:{display:"none"},ref:T,disabled:s}),ye(_l,p(r({},_),{label:l,value:At,placeholder:R,variant:k,size:z,color:O,fullWidth:N,required:K,error:!!n,disabled:s,name:e,sx:V,slotProps:p(r({},Y),{input:p(r({},Y==null?void 0:Y.input),{readOnly:!0,endAdornment:Gt(Yl,{position:"end",children:[g&&ue&&ye($o,{onClick:me,disabled:s,children:ye(Kl,{})}),ye($o,{onClick:le,disabled:s,sx:H,children:G})]})})}),slots:X,helperText:o!=null?o:n!=null&&n.message?n.message:void 0})),I&&w&&ye("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.05)",border:"2px dashed",borderColor:"primary.main",borderRadius:4,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},children:"Drop files here"})]}),n&&!o&&n.message&&ye(Ul,{children:n.message})]})});Yo.displayName="FileUploadField";var Ae=Yo;import{jsx as _o}from"react/jsx-runtime";var Zo=Ql(t=>{var n=t,{name:e,label:l,control:i,size:a,defaultValue:m=null,onChange:d}=n,u=x(n,["name","label","control","size","defaultValue","onChange"]);let o=jl(null);return _o(ea,{name:e,control:i,defaultValue:m,render:({field:s,fieldState:{error:c}})=>{var F;return _o(Ae,p(r({},u),{name:e,label:l,value:(F=s.value)!=null?F:null,size:a,ref:o,onChange:f=>{s.onChange(f),d==null||d(f)},onBlur:s.onBlur,error:c,helperText:c==null?void 0:c.message}))}})});Zo.displayName="FormInputFileUpload";var dt=Zo;import{memo as ca}from"react";import{Controller as fa}from"react-hook-form";import{Clear as ta}from"@mui/icons-material";import{Box as oa,FormControl as na,FormHelperText as ra,FormLabel as la,IconButton as aa,TextField as ia}from"@mui/material";import{DatePicker as sa,LocalizationProvider as ma}from"@mui/x-date-pickers";import{AdapterDateFns as ua}from"@mui/x-date-pickers/AdapterDateFns";import pa,{forwardRef as Jo,useRef as da}from"react";import{jsx as ve,jsxs as en}from"react/jsx-runtime";var Qo=Jo((Z,B)=>{var j=Z,{name:e,label:l,value:i,defaultValue:a,onChange:m,onFocus:d,onBlur:u,onViewChange:t,onMonthChange:n,onYearChange:o,onOpen:s,onClose:c,error:F,helperText:f,disabled:b=!1,fullWidth:v=!0,required:g,minDate:I,maxDate:R,shouldDisableDate:k,shouldDisableMonth:z,shouldDisableYear:O,size:N="medium",variant:K="outlined",color:q="primary",placeholder:D,readOnly:L=!1,showClearButton:M=!0,disablePast:G=!1,disableFuture:V=!1,referenceDate:H,view:W,format:U,openTo:Y="day",pickerStyles:X,formControlStyles:_,formLabelStyles:P,containerStyles:y,textFieldStyles:C,slotProps:E,slots:w,title:A=!1,dateAdapter:J=ua,reduceAnimations:T=!1,autoFocus:h=!1}=j,S=x(j,["name","label","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onMonthChange","onYearChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","referenceDate","view","format","openTo","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","title","dateAdapter","reduceAnimations","autoFocus"]);let le=da(null),me=ie=>{m&&m(ie)},$=()=>{m&&m(null),le.current&&le.current.focus()},oe=D||"MM/DD/YYYY",ne=p(r({},E),{textField:p(r({},E==null?void 0:E.textField),{error:!!F,size:N,variant:K,color:q,helperText:F?f!=null?f:F.message:f,fullWidth:v,placeholder:oe,autoFocus:h,onFocus:d,onBlur:u,inputRef:B||le,clearable:M,showClear:!!i,onClear:$,sx:r(r({},C),E!=null&&E.textField&&typeof E.textField=="object"&&"sx"in E.textField?E.textField.sx:{}),InputProps:r({},E!=null&&E.textField&&typeof E.textField=="object"&&"InputProps"in E.textField?E.textField.InputProps:{})})});return en(na,{error:!!F,disabled:b,required:g,fullWidth:v,sx:_,children:[l&&A&&ve(la,{sx:r({mb:1},P),children:l}),ve(oa,{ref:B,sx:r({},y),children:ve(ma,{dateAdapter:J,children:ve(sa,p(r({},S),{name:e,enableAccessibleFieldDOMStructure:!1,label:l,value:i,defaultValue:a,onChange:me,onViewChange:t,onMonthChange:n,onYearChange:o,onOpen:s,onClose:c,disabled:b,minDate:I,maxDate:R,shouldDisableDate:k,shouldDisableMonth:z,shouldDisableYear:O,disablePast:G,disableFuture:V,referenceDate:H,view:W,format:U,openTo:Y,reduceAnimations:T,slotProps:ne,slots:p(r({},w),{textField:jo}),sx:X}))})}),!F&&f&&ve(ra,{children:f})]})}),jo=Jo((e,l)=>{var o;let n=e,{clearable:i,onClear:a,showClear:m,InputProps:d,slotProps:u}=n,t=x(n,["clearable","onClear","showClear","InputProps","slotProps"]);return ve(ia,p(r({},t),{ref:l,slotProps:p(r({},u),{input:p(r(r({},d),u==null?void 0:u.input),{endAdornment:en(pa.Fragment,{children:[i&&m&&ve(aa,{onClick:a,size:"small",edge:"end",sx:{marginRight:.5},children:ve(ta,{fontSize:"small"})}),d==null?void 0:d.endAdornment,(o=u==null?void 0:u.input)==null?void 0:o.endAdornment]})})})}))});jo.displayName="ActionableDatePickerTextField";Qo.displayName="DatePickerField";var ze=Qo;import{jsx as tn}from"react/jsx-runtime";var on=ca(c=>{var F=c,{name:e,label:l,control:i,size:a,readOnly:m,shouldDisableDate:d,disabled:u,placeholder:t,defaultValue:n=null,onChange:o}=F,s=x(F,["name","label","control","size","readOnly","shouldDisableDate","disabled","placeholder","defaultValue","onChange"]);return tn(fa,{name:e,control:i,defaultValue:n,render:({field:f,fieldState:{error:b}})=>{var O;let z=s,{views:v,ampm:g,ampmInClock:I,timezone:R}=z,k=x(z,["views","ampm","ampmInClock","timezone"]);return tn(ze,p(r({},k),{name:e,label:l,disabled:u,value:(O=f.value)!=null?O:null,onChange:N=>{f.onChange(N),o==null||o(N)},onBlur:f.onBlur,shouldDisableDate:d,size:a,error:b,helperText:b==null?void 0:b.message,readOnly:m}))}})});on.displayName="FormInputDatePicker";var ct=on;import{memo as Ea}from"react";import{Controller as Sa}from"react-hook-form";import{Clear as Fa}from"@mui/icons-material";import{Box as ba,FormControl as ga,FormHelperText as xa,FormLabel as ya,IconButton as va,TextField as Ca}from"@mui/material";import{LocalizationProvider as ha,TimePicker as Ia}from"@mui/x-date-pickers";import{AdapterDateFns as Pa}from"@mui/x-date-pickers/AdapterDateFns";import Ta,{forwardRef as nn,useRef as Ra}from"react";import{jsx as Ce,jsxs as an}from"react/jsx-runtime";var rn=nn((T,J)=>{var h=T,{name:e,label:l,title:i,value:a,defaultValue:m,onChange:d,onFocus:u,onBlur:t,onViewChange:n,onOpen:o,onClose:s,error:c,helperText:F,disabled:f=!1,fullWidth:b=!0,required:v,minTime:g,maxTime:I,shouldDisableTime:R,size:k="medium",variant:z="outlined",color:O="primary",placeholder:N,readOnly:K=!1,showClearButton:q=!0,disablePast:D=!1,disableFuture:L=!1,ampm:M=!0,views:G,view:V,openTo:H="hours",format:W,pickerStyles:U,formControlStyles:Y,formLabelStyles:X,containerStyles:_,textFieldStyles:P,slotProps:y,slots:C,dateAdapter:E=Pa,autoFocus:w=!1}=h,A=x(h,["name","label","title","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minTime","maxTime","shouldDisableTime","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","ampm","views","view","openTo","format","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","dateAdapter","autoFocus"]);let S=Ra(null),B=me=>{d&&d(me)},Z=()=>{d&&d(null),S.current&&S.current.focus()},j=N||(M?"hh:mm AM/PM":"hh:mm"),le=p(r({},y),{textField:p(r({},y==null?void 0:y.textField),{error:!!c,size:k,variant:z,color:O,helperText:c?F!=null?F:c.message:F,fullWidth:b,placeholder:j,autoFocus:w,onFocus:u,onBlur:t,inputRef:J||S,clearable:q,showClear:!!a,onClear:Z,sx:r(r({},P),y!=null&&y.textField&&typeof y.textField=="object"&&"sx"in y.textField?y.textField.sx:{}),InputProps:r({},y!=null&&y.textField&&typeof y.textField=="object"&&"InputProps"in y.textField?y.textField.InputProps:{})})});return an(ga,{error:!!c,disabled:f,required:v,fullWidth:b,sx:Y,children:[l&&i&&Ce(ya,{sx:r({mb:1},X),children:l}),Ce(ba,{ref:J,sx:r({},_),children:Ce(ha,{dateAdapter:E,children:Ce(Ia,p(r({},A),{name:e,enableAccessibleFieldDOMStructure:!1,label:l&&void 0,value:a,defaultValue:m,onChange:B,onViewChange:n,onOpen:o,onClose:s,disabled:f,minTime:g,maxTime:I,shouldDisableTime:R,disablePast:D,disableFuture:L,ampm:M,views:G,view:V,openTo:H,format:W,slotProps:le,slots:p(r({},C),{textField:ln}),sx:U}))})}),!c&&F&&Ce(xa,{sx:{margin:"4px"},children:F})]})}),ln=nn((e,l)=>{var o;let n=e,{clearable:i,onClear:a,showClear:m,InputProps:d,slotProps:u}=n,t=x(n,["clearable","onClear","showClear","InputProps","slotProps"]);return Ce(Ca,p(r({},t),{ref:l,slotProps:p(r({},u),{input:p(r(r({},d),u==null?void 0:u.input),{endAdornment:an(Ta.Fragment,{children:[i&&m&&Ce(va,{onClick:a,size:"small",edge:"end",sx:{marginRight:.5},children:Ce(Fa,{fontSize:"small"})}),d==null?void 0:d.endAdornment,(o=u==null?void 0:u.input)==null?void 0:o.endAdornment]})})})}))});ln.displayName="ActionableTimePickerTextField";rn.displayName="TimePickerField";var Oe=rn;import{jsx as sn}from"react/jsx-runtime";var mn=Ea(n=>{var o=n,{name:e,label:l,control:i,ampm:a=!0,timezone:m,defaultValue:d=null,onChange:u}=o,t=x(o,["name","label","control","ampm","timezone","defaultValue","onChange"]);return sn(Sa,{name:e,control:i,defaultValue:d,render:({field:s,fieldState:{error:c}})=>{var v;let b=t,{size:F}=b,f=x(b,["size"]);return sn(Oe,p(r({},f),{name:e,label:l,value:(v=s.value)!=null?v:null,onChange:g=>{s.onChange(g),u==null||u(g)},onBlur:s.onBlur,ampm:a,timezone:m,size:F,error:c,helperText:c==null?void 0:c.message}))}})});mn.displayName="FormInputTimePicker";var ft=mn;import{Box as Oa,FormLabel as Na}from"@mui/material";import{memo as Va,useMemo as Wa}from"react";import{Controller as qa}from"react-hook-form";import{Box as Da,Button as wa,FormControl as ka,FormHelperText as un,Stack as La}from"@mui/material";import{LocalizationProvider as Ba,TimeClock as Ma}from"@mui/x-date-pickers";import{AdapterDateFns as Ha}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as Aa,useState as za}from"react";import{jsx as Ne,jsxs as pn}from"react/jsx-runtime";var dn=Aa((_,X)=>{var P=_,{name:e,label:l,value:i,defaultValue:a,onChange:m,error:d,helperText:u,disabled:t=!1,fullWidth:n=!1,required:o,views:s=["hours","minutes"],ampmInClock:c=!1,ampm:F=!0,disablePast:f=!1,disableFuture:b=!1,minTime:v,maxTime:g,shouldDisableTime:I,clockStyles:R,formControlStyles:k,formLabelStyles:z,containerStyles:O,buttonsStackStyles:N,buttonStyles:K,activeButtonStyles:q,showViewButtons:D=!0,initialView:L="hours",view:M,onViewChange:G,slotProps:V,slots:H,dateAdapter:W=Ha,autoFocus:U=!1}=P,Y=x(P,["name","label","value","defaultValue","onChange","error","helperText","disabled","fullWidth","required","views","ampmInClock","ampm","disablePast","disableFuture","minTime","maxTime","shouldDisableTime","clockStyles","formControlStyles","formLabelStyles","containerStyles","buttonsStackStyles","buttonStyles","activeButtonStyles","showViewButtons","initialView","view","onViewChange","slotProps","slots","dateAdapter","autoFocus"]);let[y,C]=za(L),E=M!=null?M:y,w=G!=null?G:C,A=T=>{m&&m(T)},J=T=>{w(T)};return pn(ka,{error:!!d,disabled:t,required:o,fullWidth:n,sx:k,children:[pn(Da,{ref:X,sx:r({},O),mt:2,mb:2,children:[D&&s&&s.length>1&&Ne(La,{direction:"row",justifyContent:"center",spacing:1,sx:r({},N),children:s.map(T=>Ne(wa,{size:"small",variant:E===T?"contained":"outlined",onClick:()=>J(T),disabled:t,sx:E===T?r(r({},K),q):K,children:T},T))}),Ne(Ba,{dateAdapter:W,children:Ne(Ma,p(r({},Y),{value:i,defaultValue:a,onChange:A,view:E,onViewChange:J,disabled:t,views:s,ampmInClock:c,ampm:F,disablePast:f,disableFuture:b,minTime:v,maxTime:g,shouldDisableTime:I,autoFocus:U,slotProps:V,slots:H,sx:R}))})]}),d&&Ne(un,{sx:{margin:"4px"},children:u!=null?u:d!=null&&d.message?d.message:""}),!d&&u&&Ne(un,{sx:{margin:"4px"},children:u})]})});dn.displayName="TimeClockField";var Ve=dn;import{jsx as Kt,jsxs as Ga}from"react/jsx-runtime";var cn=Va(F=>{var f=F,{name:e,label:l,control:i,readOnly:a,disabled:m,ampm:d=!0,views:u,ampmInClock:t=!0,disablePast:n=!1,defaultValue:o=null,onChange:s}=f,c=x(f,["name","label","control","readOnly","disabled","ampm","views","ampmInClock","disablePast","defaultValue","onChange"]);let b=Wa(()=>typeof d=="boolean"?d:void 0,[d]);return Ga(Oa,{sx:{border:v=>`1px solid ${v.palette.grey[600]}`,borderRadius:v=>v.spacing(.5),display:"flex",flexDirection:"column"},children:[Kt(Na,{sx:v=>({borderBottom:`1px solid ${v.palette.grey[600]}`,padding:g=>g.spacing(1)}),children:l}),Kt(qa,{name:e,control:i,defaultValue:o,render:({field:v,fieldState:{error:g}})=>{var I;return Kt(Ve,p(r({},c),{name:e,value:(I=v.value)!=null?I:null,onChange:R=>{v.onChange(R),s==null||s(R)},ampm:b,disabled:m,readOnly:a,ampmInClock:t,disablePast:n,views:u,error:g,helperText:g==null?void 0:g.message}))}})]})});cn.displayName="FormInputTimeClock";var Ft=cn;import{Box as Ja,FormLabel as Qa}from"@mui/material";import{memo as ja}from"react";import{Controller as ei}from"react-hook-form";import{Box as Ka,FormControl as Xa,FormHelperText as fn}from"@mui/material";import{DateCalendar as $a,LocalizationProvider as Ua}from"@mui/x-date-pickers";import{AdapterDateFns as Ya}from"@mui/x-date-pickers/AdapterDateFns";import{forwardRef as _a}from"react";import{jsx as bt,jsxs as Za}from"react/jsx-runtime";var Fn=_a((U,W)=>{var Y=U,{name:e,label:l,value:i,defaultValue:a,onChange:m,onViewChange:d,onMonthChange:u,onYearChange:t,error:n,helperText:o,disabled:s=!1,fullWidth:c=!1,required:F,minDate:f,maxDate:b,shouldDisableDate:v,shouldDisableMonth:g,shouldDisableYear:I,calendarStyles:R,formControlStyles:k,formLabelStyles:z,containerStyles:O,slotProps:N,slots:K,dateAdapter:q=Ya,showDaysOutsideCurrentMonth:D=!1,disablePast:L=!1,disableFuture:M=!1,referenceDate:G,view:V}=Y,H=x(Y,["name","label","value","defaultValue","onChange","onViewChange","onMonthChange","onYearChange","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","calendarStyles","formControlStyles","formLabelStyles","containerStyles","slotProps","slots","dateAdapter","showDaysOutsideCurrentMonth","disablePast","disableFuture","referenceDate","view"]);let X=_=>{m&&m(_)};return Za(Xa,{error:!!n,disabled:s,required:F,fullWidth:c,sx:k,children:[bt(Ka,{ref:W,sx:r({},O),children:bt(Ua,{dateAdapter:q,children:bt($a,p(r({},H),{value:i,defaultValue:a,onChange:X,onViewChange:d,onMonthChange:u,onYearChange:t,disabled:s,minDate:f,maxDate:b,shouldDisableDate:v,shouldDisableMonth:g,shouldDisableYear:I,showDaysOutsideCurrentMonth:D,disablePast:L,disableFuture:M,referenceDate:G,view:V,slotProps:N,slots:K,sx:R}))})}),n&&bt(fn,{sx:{margin:"4px"},children:o!=null?o:n!=null&&n.message?n.message:""}),!n&&o&&bt(fn,{sx:{margin:"4px"},children:o})]})});Fn.displayName="DateCalendarField";var We=Fn;import{jsx as Xt,jsxs as ti}from"react/jsx-runtime";var bn=ja(n=>{var o=n,{name:e,label:l,control:i,readOnly:a,disabled:m,defaultValue:d=null,onChange:u}=o,t=x(o,["name","label","control","readOnly","disabled","defaultValue","onChange"]);return ti(Ja,{sx:{border:s=>`1px solid ${s.palette.grey[600]}`,borderRadius:s=>s.spacing(.5),display:"flex",flexDirection:"column"},children:[Xt(Qa,{sx:s=>({borderBottom:`1px solid ${s.palette.grey[600]}`,padding:c=>c.spacing(1)}),children:l}),Xt(ei,{name:e,control:i,defaultValue:d,render:({field:s,fieldState:{error:c}})=>{var v;let b=t,{views:F}=b,f=x(b,["views"]);return Xt(We,p(r({},f),{name:e,value:(v=s.value)!=null?v:null,onChange:g=>{s.onChange(g),u==null||u(g)},disabled:m,readOnly:a,error:c,helperText:c==null?void 0:c.message,sx:r({height:"300px"},f.sx)}))}})]})});bn.displayName="FormInputCalendar";var gt=bn;import{memo as ii}from"react";import{Controller as si}from"react-hook-form";import{Checkbox as oi,FormControl as ni,FormControlLabel as ri,FormHelperText as gn}from"@mui/material";import{forwardRef as li}from"react";import{jsx as Lt,jsxs as ai}from"react/jsx-runtime";var xn=li((D,q)=>{var L=D,{name:e,label:l,value:i,onChange:a,onClick:m,onFocus:d,onBlur:u,error:t,helperText:n,disabled:o=!1,color:s="primary",size:c,fullWidth:F=!1,required:f,labelPlacement:b="end",checkedIcon:v,icon:g,indeterminate:I=!1,checkboxStyles:R,labelStyles:k,formControlStyles:z,slotProps:O,slots:N}=L,K=x(L,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","indeterminate","checkboxStyles","labelStyles","formControlStyles","slotProps","slots"]);let M=(V,H)=>{a&&a(H)},G=V=>{m&&m(V)};return ai(ni,{error:!!t,disabled:o,required:f,fullWidth:F,size:c==="large"?"medium":c,sx:z,children:[Lt(ri,{control:Lt(oi,p(r({},K),{checked:i,indeterminate:I,onChange:M,onClick:G,onFocus:d,onBlur:u,disabled:o,color:s,size:c,checkedIcon:v,icon:g,name:e,slotProps:O,slots:N,sx:R,ref:q})),label:l,labelPlacement:b,sx:k}),t&&Lt(gn,{children:n!=null?n:t!=null&&t.message?t.message:""}),!t&&n&&Lt(gn,{children:n})]})});xn.displayName="CheckboxField";var qe=xn;import{jsx as yn}from"react/jsx-runtime";var vn=ii(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a=!1,onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return yn(si,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return yn(qe,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:!1,onChange:b=>{n.onChange(b),m==null||m(b)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});vn.displayName="FormInputCheckBox";var xt=vn;import{memo as bi,useMemo as gi}from"react";import{Controller as xi}from"react-hook-form";import{FormControl as mi,FormHelperText as Cn,FormLabel as ui,Checkbox as pi,FormControlLabel as di,Box as ci}from"@mui/material";import{forwardRef as fi}from"react";import{jsx as Ge,jsxs as Fi}from"react/jsx-runtime";var hn=fi((H,V)=>{var W=H,{name:e,label:l,value:i,options:a,onChange:m,onFocus:d,onBlur:u,onClick:t,error:n,helperText:o,disabled:s=!1,fullWidth:c=!0,required:F,color:f="primary",size:b,labelPlacement:v="end",row:g=!1,checkedIcon:I,icon:R,checkboxStyles:k,labelStyles:z,formControlStyles:O,formLabelStyles:N,renderCheckbox:K,slotProps:q,slots:D,formLabelProps:L,formControlLabelProps:M}=W,G=x(W,["name","label","value","options","onChange","onFocus","onBlur","onClick","error","helperText","disabled","fullWidth","required","color","size","labelPlacement","row","checkedIcon","icon","checkboxStyles","labelStyles","formControlStyles","formLabelStyles","renderCheckbox","slotProps","slots","formLabelProps","formControlLabelProps"]);let U=y=>C=>{if(s)return;let E=C.target.checked,w;E?w=[...i,y]:w=i.filter(A=>A!==y),m&&m(w)},Y=y=>C=>{d&&d(C,y)},X=y=>C=>{u&&u(C,y)},_=y=>C=>{t&&t(C,y)},P=(y,C,E,w)=>Ge(di,r({control:Ge(pi,{name:e?`${e}-${y.value}`:void 0,checked:E,onChange:w,onFocus:Y(y.value),onBlur:X(y.value),onClick:_(y.value),disabled:s||y.disabled,color:f,size:b,checkedIcon:I,icon:R,slotProps:q==null?void 0:q.checkbox,slots:D==null?void 0:D.checkbox,sx:k}),label:y.label,labelPlacement:v,slotProps:q==null?void 0:q.formControlLabel,sx:z},M),`${y.value}-${C}`);return Fi(mi,p(r({},G),{error:!!n,disabled:s,required:F,fullWidth:c,component:"fieldset",sx:O,children:[l&&Ge(ui,p(r({component:"legend",sx:N},L),{children:l})),Ge(ci,{ref:V,sx:{display:"flex",flexDirection:g?"row":"column",flexWrap:g?"wrap":"nowrap",gap:1,mt:l?1:0},children:a.map((y,C)=>{let E=i.includes(y.value),w=U(y.value);return K?K(y,C,E,w):P(y,C,E,w)})}),n&&Ge(Cn,{children:o!=null?o:n!=null&&n.message?n.message:""}),!n&&o&&Ge(Cn,{children:o})]}))});hn.displayName="CheckboxFieldGroup";var Ke=hn;import{jsx as In}from"react/jsx-runtime";var Pn=bi(s=>{var c=s,{name:e,label:l,control:i,options:a=[],defaultValue:m=[],onChange:d,row:u,color:t,labelPlacement:n}=c,o=x(c,["name","label","control","options","defaultValue","onChange","row","color","labelPlacement"]);let F=gi(()=>a.map(f=>({value:f.value,label:f.name,disabled:f.disabled})),[a]);return In(xi,{name:e,control:i,defaultValue:m,render:({field:f,fieldState:{error:b}})=>{let R=o,{size:v}=R,g=x(R,["size"]),I=Array.isArray(f.value)?f.value:[];return In(Ke,p(r({},g),{name:e,label:l,value:I,options:F,onChange:k=>{f.onChange(k),d==null||d(k)},onBlur:f.onBlur,row:u,color:t,labelPlacement:n,size:v,error:b,helperText:b==null?void 0:b.message}))}})});Pn.displayName="FormInputCheckBoxGroup";var yt=Pn;import{memo as hi}from"react";import{Controller as Ii}from"react-hook-form";import{FormControl as Tn,FormControlLabel as yi,FormHelperText as Rn,Switch as vi}from"@mui/material";import{forwardRef as Ci}from"react";import{jsx as Bt,jsxs as En}from"react/jsx-runtime";var Sn=Ci((q,K)=>{var D=q,{name:e,label:l,value:i,onChange:a,onClick:m,onFocus:d,onBlur:u,error:t,helperText:n,disabled:o=!1,color:s="primary",size:c,fullWidth:F=!1,required:f,labelPlacement:b="end",edge:v,switchStyles:g,labelStyles:I,formControlStyles:R,slotProps:k,slots:z,formControlLabelProps:O}=D,N=x(D,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","edge","switchStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps"]);let L=(V,H)=>{a&&a(H)},M=V=>{m&&m(V)},G=Bt(vi,p(r({},N),{checked:i,onChange:L,onClick:M,onFocus:d,onBlur:u,disabled:o,color:s,size:c,edge:v,name:e,slotProps:k,slots:z,sx:g,ref:K}));return l?En(Tn,{error:!!t,disabled:o,required:f,fullWidth:F,size:c,sx:r({display:"flex",flexDirection:"column"},R),children:[Bt(yi,r({control:G,label:l,labelPlacement:b,disabled:o,sx:I},O)),(t||n)&&Bt(Rn,{sx:{marginLeft:b==="start"?"72px":0,marginRight:0},children:t?n!=null?n:t!=null&&t.message?t.message:"":n})]}):En(Tn,{error:!!t,disabled:o,required:f,fullWidth:F,sx:r({display:"inline-flex",flexDirection:"column"},R),children:[G,(t||n)&&Bt(Rn,{sx:{marginLeft:0,marginRight:0},children:t?n!=null?n:t!=null&&t.message?t.message:"":n})]})});Sn.displayName="SwitchField";var Xe=Sn;import{jsx as Dn}from"react/jsx-runtime";var wn=hi(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a=!1,onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return Dn(Ii,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return Dn(Xe,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:!1,onChange:b=>{n.onChange(b),m==null||m(b)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});wn.displayName="FormInputSwitch";var vt=wn;import{memo as Di}from"react";import{Controller as wi}from"react-hook-form";import{FormControl as Pi,FormHelperText as kn,FormLabel as Ti,Slider as Ri}from"@mui/material";import{forwardRef as Ei}from"react";import{jsx as Mt,jsxs as Si}from"react/jsx-runtime";var Ln=Ei((H,V)=>{var W=H,{name:e,label:l,value:i,onChange:a,onChangeCommitted:m,onFocus:d,onBlur:u,error:t,helperText:n,disabled:o=!1,fullWidth:s=!0,required:c,orientation:F="horizontal",min:f=0,max:b=100,step:v=1,valueLabelDisplay:g="auto",valueLabelFormat:I,color:R="primary",size:k,marks:z,track:O="normal",sliderStyles:N,formControlStyles:K,formLabelStyles:q,slotProps:D,slots:L,formLabelProps:M}=W,G=x(W,["name","label","value","onChange","onChangeCommitted","onFocus","onBlur","error","helperText","disabled","fullWidth","required","orientation","min","max","step","valueLabelDisplay","valueLabelFormat","color","size","marks","track","sliderStyles","formControlStyles","formLabelStyles","slotProps","slots","formLabelProps"]);let U=(_,P,y)=>{a&&a(P)},Y=(_,P)=>{m&&m(P)},X=F==="vertical";return Si(Pi,{error:!!t,disabled:o,required:c,fullWidth:s&&!X,sx:r(r({},K),X&&{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",width:"auto"}),children:[l&&Mt(Ti,p(r({sx:q},M),{children:l})),Mt(Ri,p(r({},G),{name:e,value:i,onChange:U,onChangeCommitted:Y,onFocus:d,onBlur:u,orientation:F,min:f,max:b,step:v,valueLabelDisplay:g,valueLabelFormat:I,color:R,size:k,marks:z===!0?!0:z||!1,track:O,disabled:o,slotProps:D,slots:L,sx:r(r({},N),X&&{height:"100%","& .MuiSlider-track":{width:"6px"},"& .MuiSlider-rail":{width:"6px"}}),ref:V})),t&&Mt(kn,{children:n!=null?n:t!=null&&t.message?t.message:""}),!t&&n&&Mt(kn,{children:n})]})});Ln.displayName="SliderField";var $e=Ln;import{jsx as Bn}from"react/jsx-runtime";var Mn=Di(u=>{var t=u,{name:e,label:l,control:i,defaultValue:a=0,onChange:m}=t,d=x(t,["name","label","control","defaultValue","onChange"]);return Bn(wi,{name:e,control:i,defaultValue:a,render:({field:n,fieldState:{error:o}})=>{var f;let F=d,{size:s}=F,c=x(F,["size"]);return Bn($e,p(r({},c),{name:e,label:l,value:(f=n.value)!=null?f:a,onChange:b=>{n.onChange(b),m==null||m(b)},onBlur:n.onBlur,size:s,error:o,helperText:o==null?void 0:o.message}))}})});Mn.displayName="FormInputSlider";var Ct=Mn;import{memo as Ai}from"react";import{Controller as zi}from"react-hook-form";import{FormControl as ki,FormControlLabel as Li,FormHelperText as Hn,Radio as Bi}from"@mui/material";import{forwardRef as Mi}from"react";import{jsx as Ht,jsxs as Hi}from"react/jsx-runtime";var An=Mi((D,q)=>{var L=D,{name:e,label:l,value:i,onChange:a,onClick:m,onFocus:d,onBlur:u,error:t,helperText:n,disabled:o=!1,color:s="primary",size:c,fullWidth:F=!1,required:f,labelPlacement:b="end",checkedIcon:v,icon:g,radioStyles:I,labelStyles:R,formControlStyles:k,slotProps:z,slots:O,formControlLabelProps:N}=L,K=x(L,["name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps"]);let M=(V,H)=>{a&&a(H)},G=V=>{m&&m(V)};return Hi(ki,{error:!!t,disabled:o,required:f,fullWidth:F,size:c,sx:k,children:[Ht(Li,r({control:Ht(Bi,p(r({},K),{checked:i,onChange:M,onClick:G,onFocus:d,onBlur:u,disabled:o,color:s,size:c,checkedIcon:v,icon:g,name:e,slotProps:z,slots:O,sx:I,ref:q})),label:l,labelPlacement:b,sx:R},N)),t&&Ht(Hn,{children:n!=null?n:t!=null&&t.message?t.message:""}),!t&&n&&Ht(Hn,{children:n})]})});An.displayName="RadioButtonField";var Ue=An;import{jsx as zn}from"react/jsx-runtime";var On=Ai(o=>{var s=o,{name:e,label:l,control:i,checked:a=!1,defaultValue:m=!1,onChange:d,color:u,labelPlacement:t}=s,n=x(s,["name","label","control","checked","defaultValue","onChange","color","labelPlacement"]);return zn(zi,{name:e,control:i,defaultValue:m,render:({field:c,fieldState:{error:F}})=>{var g;let v=n,{size:f}=v,b=x(v,["size"]);return zn(Ue,p(r({},b),{name:e,label:l,value:(g=c.value)!=null?g:!1,onChange:I=>{c.onChange(I),d==null||d(I)},onBlur:c.onBlur,color:u,labelPlacement:t,size:f,error:F,helperText:F==null?void 0:F.message}))}})});On.displayName="FormInputRadioButton";var ht=On;import{memo as Xi,useMemo as $i}from"react";import{Controller as Ui}from"react-hook-form";import{FormControl as Oi,FormControlLabel as Ni,FormHelperText as Nn,FormLabel as Vi,Radio as Wi,RadioGroup as qi}from"@mui/material";import{forwardRef as Gi}from"react";import{jsx as Ye,jsxs as Ki}from"react/jsx-runtime";var Vn=Gi((W,H)=>{var U=W,{name:e,label:l,value:i,onChange:a,onClick:m,onFocus:d,onBlur:u,options:t,error:n,helperText:o,disabled:s=!1,color:c="primary",size:F,fullWidth:f=!1,required:b,labelPlacement:v="end",row:g=!1,checkedIcon:I,icon:R,radioStyles:k,labelStyles:z,formControlStyles:O,formLabelStyles:N,radioGroupStyles:K,renderRadio:q,slotProps:D,slots:L,formLabelProps:M,formControlLabelProps:G}=U,V=x(U,["name","label","value","onChange","onClick","onFocus","onBlur","options","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","row","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","formLabelStyles","radioGroupStyles","renderRadio","slotProps","slots","formLabelProps","formControlLabelProps"]);let Y=P=>{var w;let y=P.target.value,C=(w=t.find(A=>String(A.value)===y))==null?void 0:w.value;a&&a(typeof C=="number"?C:y)},X=P=>{m&&m(P)},_=P=>Ye(Ni,p(r({value:String(P.value),control:Ye(Wi,{color:c,size:F,disabled:s||P.disabled,checkedIcon:I,icon:R,onClick:X,onFocus:d,onBlur:u,slotProps:D==null?void 0:D.radio,slots:L==null?void 0:L.radio,sx:k}),label:P.name,labelPlacement:v,disabled:s||P.disabled,sx:z},G),{slotProps:D==null?void 0:D.formControlLabel,slots:L==null?void 0:L.formControlLabel}),P.value);return Ki(Oi,{component:"fieldset",error:!!n,disabled:s,required:b,fullWidth:f,sx:O,children:[l&&Ye(Vi,p(r({component:"legend",sx:N},M),{children:l})),Ye(qi,p(r({name:e,value:i!=null?String(i):"",onChange:Y,row:g,ref:H,sx:K},V),{children:t&&Array.isArray(t)&&t.map((P,y)=>q?q(P,y):_(P))})),n&&Ye(Nn,{children:o!=null?o:n!=null&&n.message?n.message:""}),!n&&o&&Ye(Nn,{children:o})]})});Vn.displayName="RadioButtonFieldGroup";var _e=Vn;import{jsx as Wn}from"react/jsx-runtime";var qn=Xi(t=>{var n=t,{name:e,label:l,control:i,options:a=[],defaultValue:m="",onChange:d}=n,u=x(n,["name","label","control","options","defaultValue","onChange"]);let o=$i(()=>Array.isArray(a)?a:[],[a]);return Wn(Ui,{name:e,control:i,defaultValue:m,render:({field:s,fieldState:{error:c}})=>{var v;let b=u,{size:F}=b,f=x(b,["size"]);return Wn(_e,p(r({},f),{name:e,label:l,value:(v=s.value)!=null?v:"",onChange:g=>{s.onChange(g),d==null||d(g)},onBlur:s.onBlur,options:o,size:F,error:c,helperText:c==null?void 0:c.message}))}})});qn.displayName="FormInputRadioButtonGroup";var It=qn;import{useState as Gn}from"react";import{Box as be,Paper as Yi,Typography as Kn,Button as Xn,Divider as _i}from"@mui/material";import{jsx as te,jsxs as he}from"react/jsx-runtime";var Zi=()=>{let[e,l]=Gn({text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"#000000",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}),[i,a]=Gn({}),m=[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"},{name:"Option 3",value:"opt3"}],d=[{value:"check1",label:"Checkbox 1"},{value:"check2",label:"Checkbox 2"},{value:"check3",label:"Checkbox 3"}],u=[{name:"Radio 1",value:"radio1"},{name:"Radio 2",value:"radio2"},{name:"Radio 3",value:"radio3"}],t=o=>s=>{l(c=>p(r({},c),{[o]:s})),i[o]&&a(c=>{let F=r({},c);return delete F[o],F})};return he(Yi,{sx:{p:3,maxWidth:1200,mx:"auto"},children:[te(Kn,{variant:"h4",gutterBottom:!0,children:"Normal Form (Direct FormInputs)"}),te(Kn,{variant:"body2",color:"text.secondary",gutterBottom:!0,children:"Using FormInputs directly with useState"}),te(_i,{sx:{my:2}}),te("form",{onSubmit:o=>{o.preventDefault(),console.log("Normal Form Data:",e);let s={};e.text||(s.text="Text is required"),e.password||(s.password="Password is required"),a(s)},children:he(be,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(3, 1fr)"},gap:2},children:[he(be,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[te(de,{name:"text",label:"Text Field",value:e.text,onChange:o=>t("text")(o.target.value),error:i.text?{message:i.text}:null}),te(Re,{name:"password",label:"Password",value:e.password,onChange:o=>t("password")(o.target.value),error:i.password?{message:i.password}:null})]}),te(de,{name:"textarea",label:"Text Area",value:e.textarea,onChange:o=>t("textarea")(o.target.value),multiline:!0,rows:4}),he(be,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[te(Ee,{name:"number",label:"Number",pattern:"credit-card",value:e.number,onChange:o=>t("number")(o.target.value)}),te(De,{name:"tel",label:"Telephone",pattern:"XX-XXXX-XXXX",value:e.tel,onChange:o=>t("tel")(o.target.value)})]}),te(Le,{name:"search",label:"Search",value:e.search,onChange:o=>t("search")(o.target.value)}),te(Me,{name:"otp",value:e.otp,onChange:t("otp"),length:6,spacing:2}),te(fe,{name:"select",label:"Select",value:e.select,onChange:o=>t("select")(o.target.value),options:m}),te(fe,{name:"multiselect",label:"Multi Select",value:e.multiselect,onChange:o=>t("multiselect")(o.target.value),options:m,multiple:!0}),te(Fe,{name:"autocomplete",label:"Autocomplete",value:e.autocomplete,onChange:(o,s)=>t("autocomplete")(s),options:m}),te(Fe,{name:"multiautocomplete",label:"Multi Autocomplete",value:e.multiautocomplete,onChange:(o,s)=>t("multiautocomplete")(s),options:m,multiple:!0}),te(He,{name:"color",label:"Color Picker",value:e.color,onChange:t("color")}),te(Ae,{name:"file",label:"File Upload",value:e.file,onChange:t("file")}),te(ze,{name:"date",value:e.date,onChange:t("date")}),he(be,{children:[te(Oe,{name:"time",value:e.time,onChange:t("time")}),he(be,{sx:{display:"grid",gridTemplateColumns:{md:"1fr 1fr"},gap:2,mt:2},children:[te(Ke,{name:"checkboxgroup",label:"Checkbox Group",value:e.checkboxgroup,onChange:t("checkboxgroup"),options:d}),te(_e,{name:"radiogroup",label:"Radio Group",value:e.radiogroup,onChange:t("radiogroup"),options:u})]}),he(be,{sx:{display:"flex",gap:2,mt:2},children:[te(qe,{name:"checkbox",label:"Checkbox",value:e.checkbox,onChange:t("checkbox")}),te(Ue,{name:"singleradio",label:"Radio",value:e.singleradio,onChange:t("singleradio")}),te(Xe,{name:"switch",label:"Switch",value:e.switch,onChange:t("switch")})]})]}),te(be,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:te(Ve,{name:"timeclock",label:"Time Clock",value:e.timeclock,onChange:t("timeclock")})}),te(be,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:te(We,{name:"calendar",label:"Calendar",value:e.calendar,onChange:t("calendar")})}),te($e,{name:"slider",label:"Slider",value:e.slider,onChange:t("slider"),min:0,max:100}),he(be,{sx:{gridColumn:{xs:"1",md:"1 / -1"},display:"flex",gap:2,justifyContent:"flex-end"},children:[te(Xn,{variant:"outlined",onClick:()=>l({text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"#000000",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}),children:"Reset"}),te(Xn,{type:"submit",variant:"contained",children:"Submit"})]})]})})]})},Ji=Zi;import{Box as pe,Button as $n,Divider as Qi,Paper as ji,Typography as Un}from"@mui/material";import{useForm as es}from"react-hook-form";import{jsx as ee,jsxs as Ie}from"react/jsx-runtime";var re="small",ts=()=>{let{control:e,handleSubmit:l,formState:{errors:i},reset:a}=es({defaultValues:{text:"",textarea:"",password:"",number:"",tel:"",search:"",otp:"",select:"",multiselect:[],autocomplete:null,multiautocomplete:[],color:"",file:null,date:null,time:null,timeclock:null,calendar:null,checkbox:!1,checkboxgroup:[],switch:!1,slider:0,singleradio:!1,radiogroup:""}}),m=[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"},{name:"Option 3",value:"opt3"}],d=[{name:"Checkbox 1",value:"check1"},{name:"Checkbox 2",value:"check2"},{name:"Checkbox 3",value:"check3"}],u=[{name:"Radio 1",value:"radio1"},{name:"Radio 2",value:"radio2"},{name:"Radio 3",value:"radio3"}];return Ie(ji,{sx:{p:3,maxWidth:1200,mx:"auto"},children:[ee(Un,{variant:"h4",gutterBottom:!0,children:"React Hook Form (HookFormFields)"}),ee(Un,{variant:"body2",color:"text.secondary",gutterBottom:!0,children:"Using HookFormFields with react-hook-form"}),ee(Qi,{sx:{my:2}}),ee("form",{onSubmit:l(n=>{console.log("React Hook Form Data:",n)}),children:Ie(pe,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"repeat(3, 1fr)"},gap:2},children:[Ie(pe,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[ee(Je,{name:"text",label:"Text Field",control:e,size:re}),ee(je,{name:"password",label:"Password",control:e,size:re})]}),ee(Qe,{name:"textarea",label:"Text Area",control:e,rows:4,size:re}),Ie(pe,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[ee(et,{name:"number",label:"Number",pattern:"zip-code",control:e,size:re}),ee(ot,{name:"tel",label:"Telephone",pattern:"XX-XXX-XXXXXX-X-XX",control:e,size:re})]}),ee(nt,{name:"search",label:"Search",control:e,size:re}),ee(lt,{name:"otp",control:e,spacing:2,size:re}),ee(it,{name:"select",label:"Select",control:e,options:m,size:re}),ee(st,{name:"multiselect",label:"Multi Select",control:e,options:m,size:re}),ee(mt,{name:"autocomplete",label:"Autocomplete",control:e,options:m,size:re}),ee(ut,{name:"multiautocomplete",label:"Multi Autocomplete",control:e,options:m,size:re}),ee(pt,{name:"color",label:"Color Picker",control:e,size:re}),ee(dt,{name:"file",label:"File Upload",control:e,size:re}),ee(ct,{name:"date",control:e,size:re}),Ie(pe,{children:[ee(ft,{name:"time",control:e,size:re}),Ie(pe,{sx:{display:"grid",gridTemplateColumns:{md:"1fr 1fr"},gap:2,mt:2},children:[ee(yt,{name:"checkboxgroup",label:"Select Options",control:e,options:d,size:re}),ee(It,{name:"radiogroup",label:"Radio Group",control:e,options:u,size:re})]}),Ie(pe,{sx:{display:"flex",gap:2,mt:2},children:[ee(xt,{name:"checkbox",label:"Checkbox",control:e,size:re}),ee(ht,{name:"singleradio",label:"Radio",control:e,size:re}),ee(vt,{name:"switch",label:"Switch",control:e,size:re})]})]}),ee(pe,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:ee(Ft,{name:"timeclock",label:"Time Clock",control:e,size:re})}),ee(pe,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:ee(gt,{name:"calendar",label:"Calendar",control:e,size:re})}),ee(pe,{children:ee(Ct,{name:"slider",label:"Slider",control:e,size:re})}),Ie(pe,{sx:{gridColumn:{xs:"1",md:"1 / -1"},display:"flex",gap:2,justifyContent:"flex-end"},children:[ee($n,{variant:"outlined",onClick:()=>a(),children:"Reset"}),ee($n,{type:"submit",variant:"contained",children:"Submit"})]})]})})]})},os=ts;var ns={FormInputTextField:Je,FormInputTextArea:Qe,FormInputPasswordField:je,FormInputNumberField:et,FormInputTelField:ot,FormInputSearchField:nt,FormInputOTPField:lt,FormInputSelect:it,FormInputMultiSelect:st,FormInputAutoComplete:mt,FormInputMultiAutoComplete:ut,FormInputColorPicker:pt,FormInputFileUpload:dt,FormInputDatePicker:ct,FormInputTimePicker:ft,FormInputTimeClock:Ft,FormInputCalendar:gt,FormInputCheckBox:xt,FormInputCheckBoxGroup:yt,FormInputSwitch:vt,FormInputSlider:Ct,FormInputSingleRadio:ht,FormInputRadioButtonGroup:It,TextInputField:de,PasswordField:Re,NumberField:Ee,TelInputField:De,SearchInputField:Le,OTPField:Me,SelectInputField:fe,AutoCompleteField:Fe,ColorPickerField:He,FileUploadField:Ae,DatePickerField:ze,TimePickerField:Oe,TimeClockField:Ve,DateCalendarField:We,CheckBoxField:qe,CheckBoxFieldGroup:Ke,RadioButtonField:Ue,RadioButtonFieldGroup:_e,SwitchField:Xe,SliderField:$e},xf=ns;export{Fe as AutoCompleteField,qe as CheckBoxField,Ke as CheckBoxFieldGroup,He as ColorPickerField,We as DateCalendarField,ze as DatePickerField,Ji as DemoForm,os as DemoHookForm,Ae as FileUploadField,mt as FormInputAutoComplete,gt as FormInputCalendar,xt as FormInputCheckBox,yt as FormInputCheckBoxGroup,pt as FormInputColorPicker,ct as FormInputDatePicker,dt as FormInputFileUpload,ut as FormInputMultiAutoComplete,st as FormInputMultiSelect,et as FormInputNumberField,lt as FormInputOTPField,je as FormInputPasswordField,It as FormInputRadioButtonGroup,nt as FormInputSearchField,it as FormInputSelect,ht as FormInputSingleRadio,Ct as FormInputSlider,vt as FormInputSwitch,ot as FormInputTelField,Qe as FormInputTextArea,Je as FormInputTextField,Ft as FormInputTimeClock,ft as FormInputTimePicker,Ee as NumberField,Me as OTPField,Re as PasswordField,Ue as RadioButtonField,_e as RadioButtonFieldGroup,Le as SearchInputField,fe as SelectInputField,$e as SliderField,Xe as SwitchField,De as TelInputField,de as TextInputField,Ve as TimeClockField,Oe as TimePickerField,xf as default};
 //# sourceMappingURL=index.mjs.map