@react-solutions/inputs 0.2.3 → 0.2.5

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides, SxProps, Theme } from '@mui/material';
 import * as React from 'react';
 import React__default, { SyntheticEvent, FocusEvent, ChangeEvent } from 'react';
-import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns/index';
 import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePickerProps } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { FilterOptionsState } from '@mui/material/useAutocomplete';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Control, FieldErrors } from 'react-hook-form';
+import { FieldValues, FieldErrors } from 'react-hook-form';
 
 /**
  * Error object type
@@ -1567,7 +1567,7 @@ interface IFormInputFields<TFieldValues extends FieldValues = FieldValues> {
     /** Label text for the field */
     label?: string;
     /** React Hook Form control object */
-    control: Control<TFieldValues>;
+    control?: any;
     /** React Hook Form errors object */
     errors: FieldErrors<TFieldValues>;
     /** Default value for the field */
@@ -1740,6 +1740,10 @@ declare const FormInputRadioButton: React__default.MemoExoticComponent<({ name,
 
 declare const FormInputRadioButtonGroup: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
+declare const NormalForm: () => react_jsx_runtime.JSX.Element;
+
+declare const ReactHookForm: () => react_jsx_runtime.JSX.Element;
+
 declare const FormFields: {
     FormInputTextField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
     FormInputTextArea: React.MemoExoticComponent<({ name, label, control, errors, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
@@ -1786,4 +1790,4 @@ declare const FormFields: {
     SliderField: React.ForwardRefExoticComponent<Omit<ISliderFieldProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 };
 
-export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };
+export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, NormalForm as DemoForm, ReactHookForm as DemoHookForm, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides, SxProps, Theme } from '@mui/material';
 import * as React from 'react';
 import React__default, { SyntheticEvent, FocusEvent, ChangeEvent } from 'react';
-import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns/index';
 import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePickerProps } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { FilterOptionsState } from '@mui/material/useAutocomplete';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Control, FieldErrors } from 'react-hook-form';
+import { FieldValues, FieldErrors } from 'react-hook-form';
 
 /**
  * Error object type
@@ -1567,7 +1567,7 @@ interface IFormInputFields<TFieldValues extends FieldValues = FieldValues> {
     /** Label text for the field */
     label?: string;
     /** React Hook Form control object */
-    control: Control<TFieldValues>;
+    control?: any;
     /** React Hook Form errors object */
     errors: FieldErrors<TFieldValues>;
     /** Default value for the field */
@@ -1740,6 +1740,10 @@ declare const FormInputRadioButton: React__default.MemoExoticComponent<({ name,
 
 declare const FormInputRadioButtonGroup: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
+declare const NormalForm: () => react_jsx_runtime.JSX.Element;
+
+declare const ReactHookForm: () => react_jsx_runtime.JSX.Element;
+
 declare const FormFields: {
     FormInputTextField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
     FormInputTextArea: React.MemoExoticComponent<({ name, label, control, errors, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
@@ -1786,4 +1790,4 @@ declare const FormFields: {
     SliderField: React.ForwardRefExoticComponent<Omit<ISliderFieldProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 };
 
-export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };
+export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, NormalForm as DemoForm, ReactHookForm as DemoHookForm, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };

package/dist/index.js

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