@s_mart/form 2.6.13 → 2.6.16

package/dist/index.d.ts

@@ -43,7 +43,7 @@ type SearchableOption = {
     label: string;
     value: string | number | readonly string[] | undefined;
 } | string;
-type SearchableProps = Omit<AutocompleteProps$1<SearchableOption, true, true, true>, 'renderInput'> & ControllerSearchable & {
+type SearchableProps = Omit<AutocompleteProps$1<SearchableOption, true, true, true>, 'renderInput' | 'size'> & ControllerSearchable & {
     /**
      * Opções do autocomplete
      * @default []
@@ -76,7 +76,7 @@ type CreatableOption = {
     label: string;
     value?: string | number | readonly string[] | undefined;
 } | string;
-type CreatableProps = Omit<AutocompleteProps$1<CreatableOption, true, true, true>, 'renderInput'> & ControllerCreatable & {
+type CreatableProps = Omit<AutocompleteProps$1<CreatableOption, true, true, true>, 'renderInput' | 'size'> & ControllerCreatable & {
     /**
      * Opções do autocomplete
      * @default []
@@ -288,7 +288,7 @@ type TimePickerProps = Omit<UseControllerProps, 'control'> & Pick<TextFieldProps
 
 declare const TimePicker: ({ rules, defaultValue, shouldUnregister, name, required, label, timePickerProps, placeholder, ...rest }: TimePickerProps) => JSX.Element;
 
-type AutocompleteProps<T = any> = Omit<UseControllerProps, 'control'> & Omit<AutocompleteProps$1<T, any, any, any>, 'renderInput'> & {
+type AutocompleteProps<T = any> = Omit<UseControllerProps, 'control'> & Omit<AutocompleteProps$1<T, any, any, any>, 'renderInput' | 'size'> & {
     /**
      * Props do textField que é renderizado dentro do autocomplete
      * @default {}

package/dist/index.js

@@ -1,19 +1,19 @@
-"use strict";var pr=Object.create;var W=Object.defineProperty,ur=Object.defineProperties,fr=Object.getOwnPropertyDescriptor,cr=Object.getOwnPropertyDescriptors,xr=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,yr=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable;var Ce=(e,r,o)=>r in e?W(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,t=(e,r)=>{for(var o in r||(r={}))ce.call(r,o)&&Ce(e,o,r[o]);if(Q)for(var o of Q(r))Se.call(r,o)&&Ce(e,o,r[o]);return e},d=(e,r)=>ur(e,cr(r));var F=(e,r)=>{var o={};for(var n in e)ce.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Q)for(var n of Q(e))r.indexOf(n)<0&&Se.call(e,n)&&(o[n]=e[n]);return o};var Pr=(e,r)=>{for(var o in r)W(e,o,{get:r[o],enumerable:!0})},we=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of xr(r))!ce.call(e,i)&&i!==o&&W(e,i,{get:()=>r[i],enumerable:!(n=fr(r,i))||n.enumerable});return e};var X=(e,r,o)=>(o=e!=null?pr(yr(e)):{},we(r||!e||!e.__esModule?W(o,"default",{value:e,enumerable:!0}):o,e)),Fr=e=>we(W({},"__esModule",{value:!0}),e);var $r={};Pr($r,{Autocomplete:()=>sr,Checkbox:()=>ze,Creatable:()=>Ue,DatePicker:()=>Ze,Form:()=>Ee,RadioButton:()=>Ne,RadioGroup:()=>_e,Searchable:()=>Ie,Select:()=>$e,Slider:()=>Be,Switch:()=>Oe,TextField:()=>Le,TimePicker:()=>dr});module.exports=Fr($r);var Ae=require("react"),Z=require("react-hook-form");var xe=require("react/jsx-runtime");function br(n){var i=n,{children:e,onSubmit:r}=i,o=F(i,["children","onSubmit"]);let u=(0,Z.useForm)(o);(0,Ae.useEffect)(()=>{u.reset(o.defaultValues)},[o.defaultValues,u.reset]);let s=()=>typeof e=="function"?e(d(t({},u),{onSubmit:u.handleSubmit(a=>r(a,u))})):e;return(0,xe.jsx)(Z.FormProvider,d(t({},u),{children:(0,xe.jsx)("form",{onSubmit:a=>{a.preventDefault(),a.stopPropagation(),u.handleSubmit(y=>r(y,u))()},children:s()})}))}var Ee=br;var Re=require("react"),ee=require("react-hook-form"),re=require("phosphor-react"),z=require("@mui/material"),U=X(require("@s_mart/masks"));var ye=require("@mui/material"),Te=require("@s_mart/utils"),Y=require("react/jsx-runtime"),C=({label:e,required:r,regular:o})=>(0,Y.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,Te.toRem)(2)},children:[(0,Y.jsx)(ye.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,Y.jsx)(ye.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var De=require("react-hook-form"),ke=require("@s_mart/core"),Ge=require("react/jsx-runtime"),S=({name:e})=>{var o,n,i;let r=(0,De.useFormContext)();return(n=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&n[e]?(0,Ge.jsx)(ke.Indicator,{severity:"error",children:(i=r.formState.errors[e])==null?void 0:i.message}):null};var E=require("react/jsx-runtime"),hr=c=>{var f=c,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:u,mask:s,variant:a="outlined",onInputChange:y}=f,b=F(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let g=(0,ee.useFormContext)();if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[x,l]=(0,Re.useState)(!1),m=w=>{var h;return s?(h=U==null?void 0:U[s])==null?void 0:h.format(w):w},p=w=>{var h;return s?(h=U==null?void 0:U[s])==null?void 0:h.parse(w):w},V=w=>{if(!w||s!=="porcentagem")return;w==null||w.stopPropagation();let h=(w==null?void 0:w.target).value;if(h){let P=String(h);if(P.length>0){let B=P.indexOf("%");B>-1&&(w.currentTarget.selectionEnd=B)}}};return(0,E.jsx)(ee.Controller,{control:g.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:w,onChange:h}})=>(0,E.jsxs)(z.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,E.jsx)(C,{label:i,required:u}),(0,E.jsx)(z.TextField,d(t({size:"small",variant:a,autoComplete:"off",defaultValue:o,value:m(w||""),onChange:P=>{var B;y==null||y(P),h(p((B=P==null?void 0:P.target)==null?void 0:B.value))}},b),{type:b.type==="password"?x?"text":"password":b.type,InputProps:t({onKeyDown:V,endAdornment:b.type==="password"&&(0,E.jsx)(z.InputAdornment,{position:"end",onClick:()=>l(!x),style:{cursor:"pointer"},children:x?(0,E.jsx)(re.Eye,{size:20}):(0,E.jsx)(re.EyeSlash,{size:20})})},b.InputProps)})),(0,E.jsx)(S,{name:e})]})})},Le=hr;var oe=require("react-hook-form"),G=require("@mui/material");var T=require("react/jsx-runtime"),gr=c=>{var f=c,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:u,options:s,placeholder:a,onInputChange:y}=f,b=F(f,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=(0,oe.useFormContext)(),{palette:x}=(0,G.useTheme)();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,T.jsx)(oe.Controller,{control:g.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:n,render:({field:{value:l,onChange:m}})=>(0,T.jsxs)(G.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,T.jsx)(C,{label:i,required:u}),(0,T.jsxs)(G.Select,d(t({displayEmpty:Boolean(a),size:"small",variant:"outlined",autoComplete:"off",value:l||"",onChange:p=>{y==null||y(p),m(p.target.value)}},b),{children:[a&&(0,T.jsx)(G.MenuItem,{disabled:!0,value:"",children:(0,T.jsx)("p",{style:{color:x.grey[400]},children:a})}),s==null?void 0:s.map((p,V)=>(0,T.jsx)(G.MenuItem,{value:p.value,children:p.label},V))]})),(0,T.jsx)(S,{name:e})]})})},$e=gr;var te=require("react-hook-form"),O=require("@mui/material");var L=require("react/jsx-runtime"),Pe=require("react"),Cr=b=>{var c=b,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:u,options:s,textFieldProps:a}=c,y=F(c,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let f=(0,te.useFormContext)();if(!f)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,L.jsx)(te.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{onChange:g,value:x}})=>(0,L.jsxs)(O.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,L.jsx)(C,{label:i,required:u}),(0,L.jsx)(O.Autocomplete,d(t({size:"small",onChange:(l,m)=>g(m),value:x||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(l,m)=>typeof l=="string"&&typeof m=="string"?l===m:typeof l=="object"&&typeof m=="object"?l.value===m.value:!1,renderOption:(l,m)=>typeof m=="object"?(0,Pe.createElement)("li",d(t({},l),{key:m.key||m.value}),m.label):(0,Pe.createElement)("li",d(t({},l),{key:m}),m)},y),{renderInput:l=>(0,L.jsx)(O.TextField,t(t({},l),a))})),(0,L.jsx)(S,{name:e})]})})},Ie=Cr;var ie=require("react-hook-form"),Ve=require("phosphor-react"),$=require("@mui/material");var R=require("@s_mart/utils"),Fe=X(require("@emotion/styled")),be=require("@emotion/react"),qe=be.css`
+"use strict";var pr=Object.create;var H=Object.defineProperty,ur=Object.defineProperties,fr=Object.getOwnPropertyDescriptor,cr=Object.getOwnPropertyDescriptors,xr=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,yr=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable;var Ce=(e,r,o)=>r in e?H(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,t=(e,r)=>{for(var o in r||(r={}))ce.call(r,o)&&Ce(e,o,r[o]);if(Q)for(var o of Q(r))we.call(r,o)&&Ce(e,o,r[o]);return e},d=(e,r)=>ur(e,cr(r));var b=(e,r)=>{var o={};for(var n in e)ce.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Q)for(var n of Q(e))r.indexOf(n)<0&&we.call(e,n)&&(o[n]=e[n]);return o};var Pr=(e,r)=>{for(var o in r)H(e,o,{get:r[o],enumerable:!0})},Se=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of xr(r))!ce.call(e,l)&&l!==o&&H(e,l,{get:()=>r[l],enumerable:!(n=fr(r,l))||n.enumerable});return e};var X=(e,r,o)=>(o=e!=null?pr(yr(e)):{},Se(r||!e||!e.__esModule?H(o,"default",{value:e,enumerable:!0}):o,e)),Fr=e=>Se(H({},"__esModule",{value:!0}),e);var Mr={};Pr(Mr,{Autocomplete:()=>ar,Checkbox:()=>Ue,Creatable:()=>Ve,DatePicker:()=>Ze,Form:()=>Ee,RadioButton:()=>Oe,RadioGroup:()=>_e,Searchable:()=>qe,Select:()=>Le,Slider:()=>je,Switch:()=>Be,TextField:()=>Re,TimePicker:()=>sr});module.exports=Fr(Mr);var Te=require("react"),Z=require("react-hook-form");var xe=require("react/jsx-runtime");function br(n){var l=n,{children:e,onSubmit:r}=l,o=b(l,["children","onSubmit"]);let f=(0,Z.useForm)(o);(0,Te.useEffect)(()=>{f.reset(o.defaultValues)},[o.defaultValues,f.reset]);let m=()=>typeof e=="function"?e(d(t({},f),{onSubmit:f.handleSubmit(p=>r(p,f))})):e;return(0,xe.jsx)(Z.FormProvider,d(t({},f),{children:(0,xe.jsx)("form",{onSubmit:p=>{p.preventDefault(),p.stopPropagation(),f.handleSubmit(x=>r(x,f))()},children:m()})}))}var Ee=br;var Ge=require("react"),ee=require("react-hook-form"),re=require("phosphor-react"),O=require("@mui/material"),B=X(require("@s_mart/masks"));var ye=require("@mui/material"),Ae=require("@s_mart/utils"),K=require("react/jsx-runtime"),C=({label:e,required:r,regular:o})=>(0,K.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,Ae.toRem)(2)},children:[(0,K.jsx)(ye.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,K.jsx)(ye.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var De=require("react-hook-form"),$e=require("@s_mart/core"),ke=require("react/jsx-runtime"),w=({name:e})=>{var o,n,l;let r=(0,De.useFormContext)();return(n=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&n[e]?(0,ke.jsx)($e.Indicator,{severity:"error",children:(l=r.formState.errors[e])==null?void 0:l.message}):null};var D=require("react/jsx-runtime"),hr=y=>{var c=y,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,required:f,mask:m,variant:p="outlined",onInputChange:x}=c,P=b(c,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let g=(0,ee.useFormContext)();if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[s,i]=(0,Ge.useState)(!1),a=S=>{var h;return m?(h=B==null?void 0:B[m])==null?void 0:h.format(S):S},u=S=>{var h;return m?(h=B==null?void 0:B[m])==null?void 0:h.parse(S):S},U=S=>{if(!S||m!=="porcentagem")return;S==null||S.stopPropagation();let h=(S==null?void 0:S.target).value;if(h){let F=String(h);if(F.length>0){let Y=F.indexOf("%");Y>-1&&(S.currentTarget.selectionEnd=Y)}}};return(0,D.jsx)(ee.Controller,{control:g.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:S,onChange:h}})=>(0,D.jsxs)(O.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,D.jsx)(C,{label:l,required:f}),(0,D.jsx)(O.TextField,d(t({variant:p,autoComplete:"off",defaultValue:o,value:a(S||""),onChange:F=>{var Y;x==null||x(F),h(u((Y=F==null?void 0:F.target)==null?void 0:Y.value))}},P),{type:P.type==="password"?s?"text":"password":P.type,InputProps:t({onKeyDown:U,endAdornment:P.type==="password"&&(0,D.jsx)(O.InputAdornment,{position:"end",onClick:()=>i(!s),style:{cursor:"pointer"},children:s?(0,D.jsx)(re.Eye,{size:20}):(0,D.jsx)(re.EyeSlash,{size:20})})},P.InputProps)})),(0,D.jsx)(w,{name:e})]})})},Re=hr;var oe=require("react-hook-form"),R=require("@mui/material");var $=require("react/jsx-runtime"),gr=y=>{var c=y,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,required:f,options:m,placeholder:p,onInputChange:x}=c,P=b(c,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=(0,oe.useFormContext)(),{palette:s}=(0,R.useTheme)();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,$.jsx)(oe.Controller,{control:g.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:n,render:({field:{value:i,onChange:a}})=>(0,$.jsxs)(R.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,$.jsx)(C,{label:l,required:f}),(0,$.jsxs)(R.Select,d(t({displayEmpty:Boolean(p),variant:"outlined",autoComplete:"off",value:i||"",onChange:u=>{x==null||x(u),a(u.target.value)},size:P.size||"medium"},P),{children:[p&&(0,$.jsx)(R.MenuItem,{disabled:!0,value:"",children:(0,$.jsx)("p",{style:{color:s.grey[400]},children:p})}),m==null?void 0:m.map((u,U)=>(0,$.jsx)(R.MenuItem,{value:u.value,children:u.label},U))]})),(0,$.jsx)(w,{name:e})]})})},Le=gr;var te=require("react-hook-form"),_=require("@mui/material");var q=require("react/jsx-runtime"),Pe=require("react"),Cr=P=>{var y=P,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,required:f,options:m,textFieldProps:p}=y,x=b(y,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let c=(0,te.useFormContext)();if(!c)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(te.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{onChange:g,value:s}})=>(0,q.jsxs)(_.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,q.jsx)(C,{label:l,required:f}),(0,q.jsx)(_.Autocomplete,d(t({onChange:(i,a)=>g(a),value:s||null,options:m,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(i,a)=>typeof i=="string"&&typeof a=="string"?i===a:typeof i=="object"&&typeof a=="object"?i.value===a.value:!1,renderOption:(i,a)=>typeof a=="object"?(0,Pe.createElement)("li",d(t({},i),{key:a.key||a.value}),a.label):(0,Pe.createElement)("li",d(t({},i),{key:a}),a)},x),{renderInput:i=>(0,q.jsx)(_.TextField,t(t({},i),p))})),(0,q.jsx)(w,{name:e})]})})},qe=Cr;var ie=require("react-hook-form"),ve=require("phosphor-react"),I=require("@mui/material");var L=require("@s_mart/utils"),Fe=X(require("@emotion/styled")),be=require("@emotion/react"),Ie=be.css`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Sr=e=>be.css`
+`,wr=e=>be.css`
   .MuiAutocomplete-endAdornment {
     position: relative;
     right: 0;
   }
 
   .creatable {
-    ${qe}
+    ${Ie}
 
     .divider {
       width: 1px;
-      height: ${(0,R.toRem)(20)};
+      height: ${(0,L.toRem)(20)};
       background-color: ${e.palette.grey[400]};
     }
 
@@ -24,9 +24,9 @@
       color: ${e.palette.grey[600]};
       border-radius: 50%;
 
-      margin: 0 ${(0,R.toRem)(6)};
-      width: ${(0,R.toRem)(28)};
-      height: ${(0,R.toRem)(28)};
+      margin: 0 ${(0,L.toRem)(6)};
+      width: ${(0,L.toRem)(28)};
+      height: ${(0,L.toRem)(28)};
 
       &:hover {
         cursor: pointer;
@@ -35,40 +35,48 @@
       }
     }
   }
-`,Me=Fe.default.div`
+`,ze=Fe.default.div`
   display: flex;
 
   div.endAdornments {
     position: absolute;
     right: 0;
 
-    ${qe}
+    ${Ie}
   }
 
-  ${({hideAddButton:e,theme:r})=>!e&&Sr(r)}
-`,ve=Fe.default.div`
+  ${({hideAddButton:e,theme:r})=>!e&&wr(r)}
+`,Me=Fe.default.div`
   color: ${({theme:e})=>e.palette.text.primary};
 
-  padding: ${(0,R.toRem)(6)} ${(0,R.toRem)(16)};
-  margin: ${(0,R.toRem)(-6)} ${(0,R.toRem)(-16)};
+  padding: ${(0,L.toRem)(6)} ${(0,L.toRem)(16)};
+  margin: ${(0,L.toRem)(-6)} ${(0,L.toRem)(-16)};
 
   &:hover {
     cursor: pointer;
     transition: background-color 0.2s ease-in-out;
     background-color: ${({theme:e})=>e.palette.grey[100]};
   }
-`;var A=require("react/jsx-runtime"),he=require("react"),wr=g=>{var x=g,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:u,options:s,onCreateOption:a,textFieldProps:y,hideAddButton:b,onInputChange:c}=x,f=F(x,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let l=(0,ie.useFormContext)();if(!l)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let m=p=>{a?a(p):console.error("onCreateOption n\xE3o foi definido")};return(0,A.jsx)(ie.Controller,{control:l.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:p,onChange:V}})=>{let w=(p==null?void 0:p.label)||(p==null?void 0:p.value)||p;return(0,A.jsxs)($.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,A.jsx)(C,{label:i,required:u}),(0,A.jsx)(Me,{hideAddButton:b,children:(0,A.jsx)($.Autocomplete,d(t({size:"small",fullWidth:!0,onChange:(h,P)=>(c==null||c(P),V(P)),options:s,value:p||null,noOptionsText:(0,A.jsx)(ve,{onClick:()=>m(p),children:(0,A.jsxs)($.Typography,{children:["Adicionar ",w&&`"${w}"`]})}),isOptionEqualToValue:(h,P)=>P?typeof h=="string"&&typeof P=="string"?h===P:typeof h=="object"&&typeof P=="object"?h.value===P.value:typeof h=="object"&&typeof P=="string":!1,renderOption:(h,P)=>typeof P=="object"?(0,he.createElement)("li",d(t({},h),{key:P.key||P.value}),P.label):(0,he.createElement)("li",d(t({},h),{key:P}),P)},f),{renderInput:h=>{let P=b?h.InputProps:d(t({},h.InputProps),{endAdornment:(0,A.jsxs)("div",{className:"endAdornments",children:[h.InputProps.endAdornment,(0,A.jsxs)("div",{className:"creatable",children:[(0,A.jsx)("div",{className:"divider"}),(0,A.jsx)("div",{className:"button",onClick:()=>m(p),children:(0,A.jsx)(Ve.Plus,{size:18,weight:"bold"})})]})]})});return(0,A.jsx)($.TextField,t(d(t({},h),{onChange:V,InputProps:P}),y))}}))}),(0,A.jsx)(S,{name:e})]})}})},Ue=wr;var le=require("react-hook-form"),N=require("@mui/material");var I=require("react/jsx-runtime"),Ar=y=>{var b=y,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,labelPlacement:u,required:s}=b,a=F(b,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let c=(0,le.useFormContext)();if(!c)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,I.jsx)(le.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:f,onChange:g}})=>(0,I.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,I.jsx)(N.FormControlLabel,{control:(0,I.jsx)(N.Checkbox,t({value:f!=null?f:"",defaultValue:f,onChange:g},a)),label:(0,I.jsx)(C,{label:i,required:s,regular:!0}),labelPlacement:u||"end"}),(0,I.jsx)(S,{name:e})]})})},ze=Ar;var ne=require("react-hook-form"),_=require("@mui/material");var q=require("react/jsx-runtime"),Er=a=>{var y=a,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,labelPlacement:u}=y,s=F(y,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let b=(0,ne.useFormContext)();if(!b)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(ne.Controller,{control:b.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:c,onChange:f}})=>(0,q.jsxs)(_.Grid,{display:"flex",flexDirection:"column",children:[(0,q.jsx)(_.FormControlLabel,{control:(0,q.jsx)(_.Switch,t({value:c!=null?c:"",defaultValue:c,onChange:f},s)),label:(0,q.jsx)(C,{label:i}),labelPlacement:u||"end"}),(0,q.jsx)(S,{name:e})]})})},Oe=Er;var j=require("@mui/material");var H=require("react/jsx-runtime"),Tr=n=>{var i=n,{label:e,labelPlacement:r}=i,o=F(i,["label","labelPlacement"]);return(0,H.jsx)(j.Grid,{display:"flex",flexDirection:"column",children:(0,H.jsx)(j.FormControlLabel,{control:(0,H.jsx)(j.Radio,t({},o)),label:(0,H.jsx)(C,{label:e}),labelPlacement:r||"end"})})},Ne=Tr;var de=require("react-hook-form"),me=require("@mui/material");var v=require("react/jsx-runtime"),Dr=b=>{var c=b,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:u,children:s,orientation:a="row"}=c,y=F(c,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=(0,de.useFormContext)();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,v.jsx)(de.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:x}})=>(0,v.jsxs)(me.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,v.jsx)(C,{label:i,required:u}),(0,v.jsx)(me.RadioGroup,d(t({value:g||"",onChange:x,name:e},y),{style:{display:"flex",flexDirection:a},children:s})),(0,v.jsx)(S,{name:e})]})})},_e=Dr;var se=require("react-hook-form"),je=require("@mui/material");var ge=require("react/jsx-runtime"),kr=u=>{var s=u,{name:e,rules:r,defaultValue:o,shouldUnregister:n}=s,i=F(s,["name","rules","defaultValue","shouldUnregister"]);let a=(0,se.useFormContext)();if(!a)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,ge.jsx)(se.Controller,{control:a.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:y,onChange:b}})=>(0,ge.jsx)(je.Slider,t({value:y||(i==null?void 0:i.min)||0,onChange:b,valueLabelDisplay:"auto"},i))})},Be=kr;var ae=require("react-hook-form"),He=require("@s_mart/core"),Ke=require("@mui/material"),Je=require("@mui/x-date-pickers/DatePicker"),Qe=require("@mui/x-date-pickers/AdapterDayjs"),Xe=require("@mui/x-date-pickers/LocalizationProvider");var K=require("@s_mart/utils"),We=X(require("@emotion/styled")),Ye=We.default.div`
+`;var T=require("react/jsx-runtime"),he=require("react"),Sr=g=>{var s=g,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,required:f,options:m,onCreateOption:p,textFieldProps:x,hideAddButton:P,onInputChange:y}=s,c=b(s,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let i=(0,ie.useFormContext)();if(!i)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let a=u=>{p?p(u):console.error("onCreateOption n\xE3o foi definido")};return(0,T.jsx)(ie.Controller,{control:i.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:u,onChange:U}})=>{let S=(u==null?void 0:u.label)||(u==null?void 0:u.value)||u;return(0,T.jsxs)(I.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,T.jsx)(C,{label:l,required:f}),(0,T.jsx)(ze,{hideAddButton:P,children:(0,T.jsx)(I.Autocomplete,d(t({fullWidth:!0,onChange:(h,F)=>(y==null||y(F),U(F)),options:m,value:u||null,noOptionsText:(0,T.jsx)(Me,{onClick:()=>a(u),children:(0,T.jsxs)(I.Typography,{children:["Adicionar ",S&&`"${S}"`]})}),isOptionEqualToValue:(h,F)=>F?typeof h=="string"&&typeof F=="string"?h===F:typeof h=="object"&&typeof F=="object"?h.value===F.value:typeof h=="object"&&typeof F=="string":!1,renderOption:(h,F)=>typeof F=="object"?(0,he.createElement)("li",d(t({},h),{key:F.key||F.value}),F.label):(0,he.createElement)("li",d(t({},h),{key:F}),F)},c),{renderInput:h=>{let F=P?h.InputProps:d(t({},h.InputProps),{endAdornment:(0,T.jsxs)("div",{className:"endAdornments",children:[h.InputProps.endAdornment,(0,T.jsxs)("div",{className:"creatable",children:[(0,T.jsx)("div",{className:"divider"}),(0,T.jsx)("div",{className:"button",onClick:()=>a(u),children:(0,T.jsx)(ve.Plus,{size:18,weight:"bold"})})]})]})});return(0,T.jsx)(I.TextField,t(d(t({},h),{onChange:U,InputProps:F}),x))}}))}),(0,T.jsx)(w,{name:e})]})}})},Ve=Sr;var le=require("react-hook-form"),N=require("@mui/material");var z=require("react/jsx-runtime"),Tr=x=>{var P=x,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,labelPlacement:f,required:m}=P,p=b(P,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let y=(0,le.useFormContext)();if(!y)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,z.jsx)(le.Controller,{control:y.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:c,onChange:g}})=>(0,z.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,z.jsx)(N.FormControlLabel,{control:(0,z.jsx)(N.Checkbox,t({value:c!=null?c:"",defaultValue:c,onChange:g},p)),label:(0,z.jsx)(C,{label:l,required:m,regular:!0}),labelPlacement:f||"end"}),(0,z.jsx)(w,{name:e})]})})},Ue=Tr;var ne=require("react-hook-form"),j=require("@mui/material");var M=require("react/jsx-runtime"),Er=p=>{var x=p,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,labelPlacement:f}=x,m=b(x,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let P=(0,ne.useFormContext)();if(!P)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,M.jsx)(ne.Controller,{control:P.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:y,onChange:c}})=>(0,M.jsxs)(j.Grid,{display:"flex",flexDirection:"column",children:[(0,M.jsx)(j.FormControlLabel,{control:(0,M.jsx)(j.Switch,t({value:y!=null?y:"",defaultValue:y,onChange:c},m)),label:(0,M.jsx)(C,{label:l}),labelPlacement:f||"end"}),(0,M.jsx)(w,{name:e})]})})},Be=Er;var W=require("@mui/material");var J=require("react/jsx-runtime"),Ar=n=>{var l=n,{label:e,labelPlacement:r}=l,o=b(l,["label","labelPlacement"]);return(0,J.jsx)(W.Grid,{display:"flex",flexDirection:"column",children:(0,J.jsx)(W.FormControlLabel,{control:(0,J.jsx)(W.Radio,t({},o)),label:(0,J.jsx)(C,{label:e}),labelPlacement:r||"end"})})},Oe=Ar;var se=require("react-hook-form"),de=require("@mui/material");var V=require("react/jsx-runtime"),Dr=P=>{var y=P,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:l,required:f,children:m,orientation:p="row"}=y,x=b(y,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let c=(0,se.useFormContext)();if(!c)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,V.jsx)(se.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:s}})=>(0,V.jsxs)(de.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,V.jsx)(C,{label:l,required:f}),(0,V.jsx)(de.RadioGroup,d(t({value:g||"",onChange:s,name:e},x),{style:{display:"flex",flexDirection:p},children:m})),(0,V.jsx)(w,{name:e})]})})},_e=Dr;var ae=require("react-hook-form"),Ne=require("@mui/material");var ge=require("react/jsx-runtime"),$r=f=>{var m=f,{name:e,rules:r,defaultValue:o,shouldUnregister:n}=m,l=b(m,["name","rules","defaultValue","shouldUnregister"]);let p=(0,ae.useFormContext)();if(!p)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,ge.jsx)(ae.Controller,{control:p.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:x,onChange:P}})=>(0,ge.jsx)(Ne.Slider,t({value:x||(l==null?void 0:l.min)||0,onChange:P,valueLabelDisplay:"auto"},l))})},je=$r;var me=require("react-hook-form"),He=require("@s_mart/core"),Ke=require("@mui/material"),Je=require("@mui/x-date-pickers/DatePicker"),Qe=require("@mui/x-date-pickers/AdapterDayjs"),Xe=require("@mui/x-date-pickers/LocalizationProvider");var E=require("@s_mart/utils"),We=X(require("@emotion/styled")),kr=e=>{switch(e){case"small":return(0,E.toRem)(16);default:case"medium":return(0,E.toRem)(20);case"large":return(0,E.toRem)(24)}},Gr=e=>{switch(e){case"small":return`${(0,E.toRem)(2)} ${(0,E.toRem)(8)}`;default:case"medium":return`${(0,E.toRem)(6)} ${(0,E.toRem)(8)}`;case"large":return`${(0,E.toRem)(10)}`}},Ye=We.default.div`
   > div > button {
-    padding: ${(0,K.toRem)(6)} ${(0,K.toRem)(8)};
-    border-radius: 0 ${(0,K.toRem)(4)} ${(0,K.toRem)(4)} 0;
+    padding: ${({size:e})=>Gr(e)};
+    border-radius: 0 ${(0,E.toRem)(4)} ${(0,E.toRem)(4)} 0;
 
     margin: 0px -13px 0px 0px;
+
+    svg {
+      width: ${({size:e})=>kr(e)};
+    }
   }
-`;var D=require("react/jsx-runtime"),Gr=b=>{var c=b,{rules:e,name:r,defaultValue:o,shouldUnregister:n,datePickerProps:i,label:u,required:s,placeholder:a}=c,y=F(c,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let f=(0,ae.useFormContext)();if(!f)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(Xe.LocalizationProvider,{dateAdapter:Qe.AdapterDayjs,children:(0,D.jsx)(ae.Controller,{control:f.control,name:r,rules:e,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:x}})=>(0,D.jsxs)(He.Grid,{display:"flex",flexDirection:"column",children:[u&&(0,D.jsx)(C,{label:u,required:s}),(0,D.jsx)(Je.DatePicker,d(t({},i),{value:g!=null?g:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:x,renderInput:l=>{var m,p;return(0,D.jsx)(Ke.TextField,d(t(t({size:"small",variant:"outlined"},l),y),{inputProps:d(t({},l.inputProps),{placeholder:a||((m=l.inputProps)==null?void 0:m.placeholder)}),InputProps:d(t({},l.InputProps),{endAdornment:(0,D.jsx)(Ye,{children:(p=l.InputProps)==null?void 0:p.endAdornment})})}))}})),(0,D.jsx)(S,{name:r})]})})})},Ze=Gr;var or=require("@s_mart/core"),tr=require("@mui/x-date-pickers/TimePicker"),ir=require("@mui/material"),pe=require("react-hook-form"),lr=require("@mui/x-date-pickers/AdapterDayjs"),nr=require("@mui/x-date-pickers/LocalizationProvider");var J=require("@s_mart/utils"),er=X(require("@emotion/styled")),rr=er.default.div`
+`;var k=require("react/jsx-runtime"),Rr=P=>{var y=P,{rules:e,name:r,defaultValue:o,shouldUnregister:n,datePickerProps:l,label:f,required:m,placeholder:p}=y,x=b(y,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let c=(0,me.useFormContext)();if(!c)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,k.jsx)(Xe.LocalizationProvider,{dateAdapter:Qe.AdapterDayjs,children:(0,k.jsx)(me.Controller,{control:c.control,name:r,rules:e,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:s}})=>(0,k.jsxs)(He.Grid,{display:"flex",flexDirection:"column",children:[f&&(0,k.jsx)(C,{label:f,required:m}),(0,k.jsx)(Je.DatePicker,d(t({},l),{value:g!=null?g:null,inputFormat:(l==null?void 0:l.inputFormat)||"DD/MM/YYYY",onChange:s,renderInput:i=>{var a,u;return(0,k.jsx)(Ke.TextField,d(t(t({variant:"outlined"},i),x),{inputProps:d(t({},i.inputProps),{placeholder:p||((a=i.inputProps)==null?void 0:a.placeholder)}),InputProps:d(t({},i.InputProps),{endAdornment:(0,k.jsx)(Ye,{size:x.size,children:(u=i.InputProps)==null?void 0:u.endAdornment})})}))}})),(0,k.jsx)(w,{name:r})]})})})},Ze=Rr;var or=require("@s_mart/core"),tr=require("@mui/x-date-pickers/TimePicker"),ir=require("@mui/material"),pe=require("react-hook-form"),lr=require("@mui/x-date-pickers/AdapterDayjs"),nr=require("@mui/x-date-pickers/LocalizationProvider");var A=require("@s_mart/utils"),er=X(require("@emotion/styled")),Lr=e=>{switch(e){case"small":return(0,A.toRem)(16);default:case"medium":return(0,A.toRem)(20);case"large":return(0,A.toRem)(24)}},qr=e=>{switch(e){case"small":return`${(0,A.toRem)(2)} ${(0,A.toRem)(8)}`;default:case"medium":return`${(0,A.toRem)(6)} ${(0,A.toRem)(8)}`;case"large":return`${(0,A.toRem)(10)}`}},rr=er.default.div`
   > div > button {
-    padding: ${(0,J.toRem)(6)} ${(0,J.toRem)(8)};
-    border-radius: 0 ${(0,J.toRem)(4)} ${(0,J.toRem)(4)} 0;
+    padding: ${({size:e})=>qr(e)};
+    border-radius: 0 ${(0,A.toRem)(4)} ${(0,A.toRem)(4)} 0;
 
     margin: 0px -13px 0px 0px;
+
+    svg {
+      width: ${({size:e})=>Lr(e)};
+    }
   }
-`;var k=require("react/jsx-runtime"),Rr=b=>{var c=b,{rules:e,defaultValue:r,shouldUnregister:o,name:n,required:i,label:u,timePickerProps:s,placeholder:a}=c,y=F(c,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let f=(0,pe.useFormContext)();if(!f)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,k.jsx)(nr.LocalizationProvider,{dateAdapter:lr.AdapterDayjs,children:(0,k.jsx)(pe.Controller,{control:f.control,name:n,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:g,onChange:x}})=>(0,k.jsxs)(or.Grid,{display:"flex",flexDirection:"column",children:[u&&(0,k.jsx)(C,{label:u,required:i}),(0,k.jsx)(tr.TimePicker,d(t({value:g!=null?g:null,onChange:x},s),{renderInput:l=>{var m,p;return(0,k.jsx)(ir.TextField,d(t(t({size:"small",variant:"outlined"},l),y),{inputProps:d(t({},l.inputProps),{placeholder:a||((m=l.inputProps)==null?void 0:m.placeholder)}),InputProps:d(t({},l.InputProps),{endAdornment:(0,k.jsx)(rr,{children:(p=l.InputProps)==null?void 0:p.endAdornment})})}))}})),(0,k.jsx)(S,{name:n})]})})})},dr=Rr;var ue=require("react-hook-form"),fe=require("@mui/material"),mr=require("@s_mart/core");var M=require("react/jsx-runtime"),ar=require("react"),Lr=y=>{var b=y,{name:e,defaultValue:r,rules:o,shouldUnregister:n,label:i,required:u,onInputChange:s}=b,a=F(b,["name","defaultValue","rules","shouldUnregister","label","required","onInputChange"]);let c=(0,ue.useFormContext)();if(!c)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,M.jsx)(ue.Controller,{name:e,control:c.control,defaultValue:r,rules:o,shouldUnregister:n,render:({field:{onChange:f,value:g}})=>(0,M.jsxs)(mr.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,M.jsx)(C,{label:i,required:u}),(0,M.jsx)(fe.Autocomplete,d(t({size:"small",onChange:(x,l)=>f(l),onInputChange:(x,l,m)=>{f(l),s==null||s(x,l,m)},renderOption:(x,l)=>(0,ar.createElement)("li",d(t({},x),{key:l.key||l.value,onClick:m=>{var p;(p=x.onClick)==null||p.call(x,m),f(l)}}),l.label),value:g||null},a),{renderInput:x=>{var l,m,p;return(0,M.jsx)(fe.TextField,d(t(t({},x),a.textFieldProps),{InputProps:d(t(t({},x.InputProps),(l=a.textFieldProps)==null?void 0:l.InputProps),{inputProps:t(t({},x.inputProps),(p=(m=a.textFieldProps)==null?void 0:m.InputProps)==null?void 0:p.inputProps)})}))}})),(0,M.jsx)(S,{name:e})]})})},sr=Lr;0&&(module.exports={Autocomplete,Checkbox,Creatable,DatePicker,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField,TimePicker});
+`;var G=require("react/jsx-runtime"),Ir=P=>{var y=P,{rules:e,defaultValue:r,shouldUnregister:o,name:n,required:l,label:f,timePickerProps:m,placeholder:p}=y,x=b(y,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let c=(0,pe.useFormContext)();if(!c)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,G.jsx)(nr.LocalizationProvider,{dateAdapter:lr.AdapterDayjs,children:(0,G.jsx)(pe.Controller,{control:c.control,name:n,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:g,onChange:s}})=>(0,G.jsxs)(or.Grid,{display:"flex",flexDirection:"column",children:[f&&(0,G.jsx)(C,{label:f,required:l}),(0,G.jsx)(tr.TimePicker,d(t({value:g!=null?g:null,onChange:s},m),{renderInput:i=>{var a,u;return(0,G.jsx)(ir.TextField,d(t(t({variant:"outlined"},i),x),{inputProps:d(t({},i.inputProps),{placeholder:p||((a=i.inputProps)==null?void 0:a.placeholder)}),InputProps:d(t({},i.InputProps),{endAdornment:(0,G.jsx)(rr,{size:x.size,children:(u=i.InputProps)==null?void 0:u.endAdornment})})}))}})),(0,G.jsx)(w,{name:n})]})})})},sr=Ir;var ue=require("react-hook-form"),fe=require("@mui/material"),dr=require("@s_mart/core");var v=require("react/jsx-runtime"),mr=require("react"),zr=x=>{var P=x,{name:e,defaultValue:r,rules:o,shouldUnregister:n,label:l,required:f,onInputChange:m}=P,p=b(P,["name","defaultValue","rules","shouldUnregister","label","required","onInputChange"]);let y=(0,ue.useFormContext)();if(!y)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,v.jsx)(ue.Controller,{name:e,control:y.control,defaultValue:r,rules:o,shouldUnregister:n,render:({field:{onChange:c,value:g}})=>(0,v.jsxs)(dr.Grid,{display:"flex",flexDirection:"column",children:[l&&(0,v.jsx)(C,{label:l,required:f}),(0,v.jsx)(fe.Autocomplete,d(t({onChange:(s,i)=>c(i),onInputChange:(s,i,a)=>{c(i),m==null||m(s,i,a)},isOptionEqualToValue:(s,i)=>i?typeof s=="string"&&typeof i=="string"?s===i:typeof s=="object"&&typeof i=="object"?s.value===i.value:typeof s=="object"&&typeof i=="string":!1,renderOption:(s,i)=>(0,mr.createElement)("li",d(t({},s),{key:i.key||i.value,onClick:a=>{var u;(u=s.onClick)==null||u.call(s,a),c(i)}}),i.label),value:g||null},p),{renderInput:s=>{var i,a,u;return(0,v.jsx)(fe.TextField,d(t(t({},s),p.textFieldProps),{InputProps:d(t(t({},s.InputProps),(i=p.textFieldProps)==null?void 0:i.InputProps),{inputProps:t(t({},s.inputProps),(u=(a=p.textFieldProps)==null?void 0:a.InputProps)==null?void 0:u.inputProps)})}))}})),(0,v.jsx)(w,{name:e})]})})},ar=zr;0&&(module.exports={Autocomplete,Checkbox,Creatable,DatePicker,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField,TimePicker});

package/dist/index.mjs

@@ -1,4 +1,4 @@
-var me=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var j=(e,r,t)=>r in e?me(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,o=(e,r)=>{for(var t in r||(r={}))B.call(r,t)&&j(e,t,r[t]);if(V)for(var t of V(r))W.call(r,t)&&j(e,t,r[t]);return e},d=(e,r)=>se(e,ae(r));var F=(e,r)=>{var t={};for(var n in e)B.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&V)for(var n of V(e))r.indexOf(n)<0&&W.call(e,n)&&(t[n]=e[n]);return t};import{useEffect as pe}from"react";import{FormProvider as ue,useForm as fe}from"react-hook-form";import{jsx as Y}from"react/jsx-runtime";function ce(n){var i=n,{children:e,onSubmit:r}=i,t=F(i,["children","onSubmit"]);let u=fe(t);pe(()=>{u.reset(t.defaultValues)},[t.defaultValues,u.reset]);let s=()=>typeof e=="function"?e(d(o({},u),{onSubmit:u.handleSubmit(a=>r(a,u))})):e;return Y(ue,d(o({},u),{children:Y("form",{onSubmit:a=>{a.preventDefault(),a.stopPropagation(),u.handleSubmit(y=>r(y,u))()},children:s()})}))}var xe=ce;import{useState as ge}from"react";import{Controller as Ce,useFormContext as Se}from"react-hook-form";import{Eye as we,EyeSlash as Ae}from"phosphor-react";import{Grid as Ee,InputAdornment as Te,TextField as De}from"@mui/material";import*as R from"@s_mart/masks";import{Typography as H}from"@mui/material";import{toRem as ye}from"@s_mart/utils";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var C=({label:e,required:r,regular:t})=>Pe("span",{style:{display:"flex",alignItems:"center",gap:ye(2)},children:[K(H,{variant:"caption",fontWeight:t?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&K(H,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as Fe}from"react-hook-form";import{Indicator as be}from"@s_mart/core";import{jsx as he}from"react/jsx-runtime";var S=({name:e})=>{var t,n,i;let r=Fe();return(n=(t=r==null?void 0:r.formState)==null?void 0:t.errors)!=null&&n[e]?he(be,{severity:"error",children:(i=r.formState.errors[e])==null?void 0:i.message}):null};import{jsx as T,jsxs as Re}from"react/jsx-runtime";var ke=c=>{var f=c,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,required:u,mask:s,variant:a="outlined",onInputChange:y}=f,b=F(f,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let g=Se();if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[x,l]=ge(!1),m=w=>{var h;return s?(h=R==null?void 0:R[s])==null?void 0:h.format(w):w},p=w=>{var h;return s?(h=R==null?void 0:R[s])==null?void 0:h.parse(w):w},G=w=>{if(!w||s!=="porcentagem")return;w==null||w.stopPropagation();let h=(w==null?void 0:w.target).value;if(h){let P=String(h);if(P.length>0){let $=P.indexOf("%");$>-1&&(w.currentTarget.selectionEnd=$)}}};return T(Ce,{control:g.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:w,onChange:h}})=>Re(Ee,{display:"flex",flexDirection:"column",children:[i&&T(C,{label:i,required:u}),T(De,d(o({size:"small",variant:a,autoComplete:"off",defaultValue:t,value:m(w||""),onChange:P=>{var $;y==null||y(P),h(p(($=P==null?void 0:P.target)==null?void 0:$.value))}},b),{type:b.type==="password"?x?"text":"password":b.type,InputProps:o({onKeyDown:G,endAdornment:b.type==="password"&&T(Te,{position:"end",onClick:()=>l(!x),style:{cursor:"pointer"},children:x?T(we,{size:20}):T(Ae,{size:20})})},b.InputProps)})),T(S,{name:e})]})})},Ge=ke;import{Controller as Le,useFormContext as $e}from"react-hook-form";import{Grid as Ie,Select as qe,MenuItem as J,useTheme as Me}from"@mui/material";import{jsx as L,jsxs as Q}from"react/jsx-runtime";var ve=c=>{var f=c,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,required:u,options:s,placeholder:a,onInputChange:y}=f,b=F(f,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=$e(),{palette:x}=Me();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return L(Le,{control:g.control,name:e,rules:r,defaultValue:t||"",shouldUnregister:n,render:({field:{value:l,onChange:m}})=>Q(Ie,{display:"flex",flexDirection:"column",children:[i&&L(C,{label:i,required:u}),Q(qe,d(o({displayEmpty:Boolean(a),size:"small",variant:"outlined",autoComplete:"off",value:l||"",onChange:p=>{y==null||y(p),m(p.target.value)}},b),{children:[a&&L(J,{disabled:!0,value:"",children:L("p",{style:{color:x.grey[400]},children:a})}),s==null?void 0:s.map((p,G)=>L(J,{value:p.value,children:p.label},G))]})),L(S,{name:e})]})})},Ve=ve;import{Controller as Ue,useFormContext as ze}from"react-hook-form";import{Grid as Oe,Autocomplete as Ne,TextField as _e}from"@mui/material";import{jsx as I,jsxs as We}from"react/jsx-runtime";import{createElement as X}from"react";var je=b=>{var c=b,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,required:u,options:s,textFieldProps:a}=c,y=F(c,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let f=ze();if(!f)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return I(Ue,{control:f.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{onChange:g,value:x}})=>We(Oe,{display:"flex",flexDirection:"column",children:[i&&I(C,{label:i,required:u}),I(Ne,d(o({size:"small",onChange:(l,m)=>g(m),value:x||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(l,m)=>typeof l=="string"&&typeof m=="string"?l===m:typeof l=="object"&&typeof m=="object"?l.value===m.value:!1,renderOption:(l,m)=>typeof m=="object"?X("li",d(o({},l),{key:m.key||m.value}),m.label):X("li",d(o({},l),{key:m}),m)},y),{renderInput:l=>I(_e,o(o({},l),a))})),I(S,{name:e})]})})},Be=je;import{Controller as He,useFormContext as Ke}from"react-hook-form";import{Plus as Je}from"phosphor-react";import{Grid as Qe,Autocomplete as Xe,TextField as Ze,Typography as er}from"@mui/material";import{toRem as E}from"@s_mart/utils";import Z from"@emotion/styled";import{css as ee}from"@emotion/react";var re=ee`
+var de=Object.defineProperty,ae=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var N=(e,r,i)=>r in e?de(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,o=(e,r)=>{for(var i in r||(r={}))j.call(r,i)&&N(e,i,r[i]);if(U)for(var i of U(r))W.call(r,i)&&N(e,i,r[i]);return e},d=(e,r)=>ae(e,me(r));var b=(e,r)=>{var i={};for(var n in e)j.call(e,n)&&r.indexOf(n)<0&&(i[n]=e[n]);if(e!=null&&U)for(var n of U(e))r.indexOf(n)<0&&W.call(e,n)&&(i[n]=e[n]);return i};import{useEffect as pe}from"react";import{FormProvider as ue,useForm as fe}from"react-hook-form";import{jsx as Y}from"react/jsx-runtime";function ce(n){var l=n,{children:e,onSubmit:r}=l,i=b(l,["children","onSubmit"]);let f=fe(i);pe(()=>{f.reset(i.defaultValues)},[i.defaultValues,f.reset]);let m=()=>typeof e=="function"?e(d(o({},f),{onSubmit:f.handleSubmit(p=>r(p,f))})):e;return Y(ue,d(o({},f),{children:Y("form",{onSubmit:p=>{p.preventDefault(),p.stopPropagation(),f.handleSubmit(x=>r(x,f))()},children:m()})}))}var xe=ce;import{useState as ge}from"react";import{Controller as Ce,useFormContext as we}from"react-hook-form";import{Eye as Se,EyeSlash as Te}from"phosphor-react";import{Grid as Ee,InputAdornment as Ae,TextField as De}from"@mui/material";import*as L from"@s_mart/masks";import{Typography as H}from"@mui/material";import{toRem as ye}from"@s_mart/utils";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var C=({label:e,required:r,regular:i})=>Pe("span",{style:{display:"flex",alignItems:"center",gap:ye(2)},children:[K(H,{variant:"caption",fontWeight:i?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&K(H,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as Fe}from"react-hook-form";import{Indicator as be}from"@s_mart/core";import{jsx as he}from"react/jsx-runtime";var w=({name:e})=>{var i,n,l;let r=Fe();return(n=(i=r==null?void 0:r.formState)==null?void 0:i.errors)!=null&&n[e]?he(be,{severity:"error",children:(l=r.formState.errors[e])==null?void 0:l.message}):null};import{jsx as $,jsxs as Ge}from"react/jsx-runtime";var $e=y=>{var c=y,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,required:f,mask:m,variant:p="outlined",onInputChange:x}=c,P=b(c,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let g=we();if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[s,t]=ge(!1),a=S=>{var h;return m?(h=L==null?void 0:L[m])==null?void 0:h.format(S):S},u=S=>{var h;return m?(h=L==null?void 0:L[m])==null?void 0:h.parse(S):S},R=S=>{if(!S||m!=="porcentagem")return;S==null||S.stopPropagation();let h=(S==null?void 0:S.target).value;if(h){let F=String(h);if(F.length>0){let I=F.indexOf("%");I>-1&&(S.currentTarget.selectionEnd=I)}}};return $(Ce,{control:g.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:S,onChange:h}})=>Ge(Ee,{display:"flex",flexDirection:"column",children:[l&&$(C,{label:l,required:f}),$(De,d(o({variant:p,autoComplete:"off",defaultValue:i,value:a(S||""),onChange:F=>{var I;x==null||x(F),h(u((I=F==null?void 0:F.target)==null?void 0:I.value))}},P),{type:P.type==="password"?s?"text":"password":P.type,InputProps:o({onKeyDown:R,endAdornment:P.type==="password"&&$(Ae,{position:"end",onClick:()=>t(!s),style:{cursor:"pointer"},children:s?$(Se,{size:20}):$(Te,{size:20})})},P.InputProps)})),$(w,{name:e})]})})},ke=$e;import{Controller as Re,useFormContext as Le}from"react-hook-form";import{Grid as qe,Select as Ie,MenuItem as J,useTheme as ze}from"@mui/material";import{jsx as q,jsxs as Q}from"react/jsx-runtime";var Me=y=>{var c=y,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,required:f,options:m,placeholder:p,onInputChange:x}=c,P=b(c,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=Le(),{palette:s}=ze();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(Re,{control:g.control,name:e,rules:r,defaultValue:i||"",shouldUnregister:n,render:({field:{value:t,onChange:a}})=>Q(qe,{display:"flex",flexDirection:"column",children:[l&&q(C,{label:l,required:f}),Q(Ie,d(o({displayEmpty:Boolean(p),variant:"outlined",autoComplete:"off",value:t||"",onChange:u=>{x==null||x(u),a(u.target.value)},size:P.size||"medium"},P),{children:[p&&q(J,{disabled:!0,value:"",children:q("p",{style:{color:s.grey[400]},children:p})}),m==null?void 0:m.map((u,R)=>q(J,{value:u.value,children:u.label},R))]})),q(w,{name:e})]})})},ve=Me;import{Controller as Ve,useFormContext as Ue}from"react-hook-form";import{Grid as Be,Autocomplete as Oe,TextField as _e}from"@mui/material";import{jsx as z,jsxs as We}from"react/jsx-runtime";import{createElement as X}from"react";var Ne=P=>{var y=P,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,required:f,options:m,textFieldProps:p}=y,x=b(y,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let c=Ue();if(!c)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return z(Ve,{control:c.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{onChange:g,value:s}})=>We(Be,{display:"flex",flexDirection:"column",children:[l&&z(C,{label:l,required:f}),z(Oe,d(o({onChange:(t,a)=>g(a),value:s||null,options:m,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(t,a)=>typeof t=="string"&&typeof a=="string"?t===a:typeof t=="object"&&typeof a=="object"?t.value===a.value:!1,renderOption:(t,a)=>typeof a=="object"?X("li",d(o({},t),{key:a.key||a.value}),a.label):X("li",d(o({},t),{key:a}),a)},x),{renderInput:t=>z(_e,o(o({},t),p))})),z(w,{name:e})]})})},je=Ne;import{Controller as He,useFormContext as Ke}from"react-hook-form";import{Plus as Je}from"phosphor-react";import{Grid as Qe,Autocomplete as Xe,TextField as Ze,Typography as er}from"@mui/material";import{toRem as D}from"@s_mart/utils";import Z from"@emotion/styled";import{css as ee}from"@emotion/react";var re=ee`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -13,7 +13,7 @@ var me=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnProp
 
     .divider {
       width: 1px;
-      height: ${E(20)};
+      height: ${D(20)};
       background-color: ${e.palette.grey[400]};
     }
 
@@ -24,9 +24,9 @@ var me=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnProp
       color: ${e.palette.grey[600]};
       border-radius: 50%;
 
-      margin: 0 ${E(6)};
-      width: ${E(28)};
-      height: ${E(28)};
+      margin: 0 ${D(6)};
+      width: ${D(28)};
+      height: ${D(28)};
 
       &:hover {
         cursor: pointer;
@@ -49,26 +49,34 @@ var me=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnProp
 `,te=Z.div`
   color: ${({theme:e})=>e.palette.text.primary};
 
-  padding: ${E(6)} ${E(16)};
-  margin: ${E(-6)} ${E(-16)};
+  padding: ${D(6)} ${D(16)};
+  margin: ${D(-6)} ${D(-16)};
 
   &:hover {
     cursor: pointer;
     transition: background-color 0.2s ease-in-out;
     background-color: ${({theme:e})=>e.palette.grey[100]};
   }
-`;import{jsx as A,jsxs as U}from"react/jsx-runtime";import{createElement as ie}from"react";var rr=g=>{var x=g,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,required:u,options:s,onCreateOption:a,textFieldProps:y,hideAddButton:b,onInputChange:c}=x,f=F(x,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let l=Ke();if(!l)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let m=p=>{a?a(p):console.error("onCreateOption n\xE3o foi definido")};return A(He,{control:l.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:p,onChange:G}})=>{let w=(p==null?void 0:p.label)||(p==null?void 0:p.value)||p;return U(Qe,{display:"flex",flexDirection:"column",children:[i&&A(C,{label:i,required:u}),A(oe,{hideAddButton:b,children:A(Xe,d(o({size:"small",fullWidth:!0,onChange:(h,P)=>(c==null||c(P),G(P)),options:s,value:p||null,noOptionsText:A(te,{onClick:()=>m(p),children:U(er,{children:["Adicionar ",w&&`"${w}"`]})}),isOptionEqualToValue:(h,P)=>P?typeof h=="string"&&typeof P=="string"?h===P:typeof h=="object"&&typeof P=="object"?h.value===P.value:typeof h=="object"&&typeof P=="string":!1,renderOption:(h,P)=>typeof P=="object"?ie("li",d(o({},h),{key:P.key||P.value}),P.label):ie("li",d(o({},h),{key:P}),P)},f),{renderInput:h=>{let P=b?h.InputProps:d(o({},h.InputProps),{endAdornment:U("div",{className:"endAdornments",children:[h.InputProps.endAdornment,U("div",{className:"creatable",children:[A("div",{className:"divider"}),A("div",{className:"button",onClick:()=>m(p),children:A(Je,{size:18,weight:"bold"})})]})]})});return A(Ze,o(d(o({},h),{onChange:G,InputProps:P}),y))}}))}),A(S,{name:e})]})}})},or=rr;import{Controller as tr,useFormContext as ir}from"react-hook-form";import{Grid as lr,Checkbox as nr,FormControlLabel as dr}from"@mui/material";import{jsx as q,jsxs as ar}from"react/jsx-runtime";var mr=y=>{var b=y,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,labelPlacement:u,required:s}=b,a=F(b,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let c=ir();if(!c)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(tr,{control:c.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:f,onChange:g}})=>ar(lr,{display:"flex",flexDirection:"column",children:[q(dr,{control:q(nr,o({value:f!=null?f:"",defaultValue:f,onChange:g},a)),label:q(C,{label:i,required:s,regular:!0}),labelPlacement:u||"end"}),q(S,{name:e})]})})},sr=mr;import{Controller as pr,useFormContext as ur}from"react-hook-form";import{Grid as fr,Switch as cr,FormControlLabel as xr}from"@mui/material";import{jsx as M,jsxs as Fr}from"react/jsx-runtime";var yr=a=>{var y=a,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,labelPlacement:u}=y,s=F(y,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let b=ur();if(!b)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return M(pr,{control:b.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:c,onChange:f}})=>Fr(fr,{display:"flex",flexDirection:"column",children:[M(xr,{control:M(cr,o({value:c!=null?c:"",defaultValue:c,onChange:f},s)),label:M(C,{label:i}),labelPlacement:u||"end"}),M(S,{name:e})]})})},Pr=yr;import{Grid as br,Radio as hr,FormControlLabel as gr}from"@mui/material";import{jsx as z}from"react/jsx-runtime";var Cr=n=>{var i=n,{label:e,labelPlacement:r}=i,t=F(i,["label","labelPlacement"]);return z(br,{display:"flex",flexDirection:"column",children:z(gr,{control:z(hr,o({},t)),label:z(C,{label:e}),labelPlacement:r||"end"})})},Sr=Cr;import{Controller as wr,useFormContext as Ar}from"react-hook-form";import{Grid as Er,RadioGroup as Tr}from"@mui/material";import{jsx as O,jsxs as Gr}from"react/jsx-runtime";var Dr=b=>{var c=b,{name:e,rules:r,defaultValue:t,shouldUnregister:n,label:i,required:u,children:s,orientation:a="row"}=c,y=F(c,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let f=Ar();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return O(wr,{control:f.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:g,onChange:x}})=>Gr(Er,{display:"flex",flexDirection:"column",children:[i&&O(C,{label:i,required:u}),O(Tr,d(o({value:g||"",onChange:x,name:e},y),{style:{display:"flex",flexDirection:a},children:s})),O(S,{name:e})]})})},kr=Dr;import{Controller as Rr,useFormContext as Lr}from"react-hook-form";import{Slider as $r}from"@mui/material";import{jsx as le}from"react/jsx-runtime";var Ir=u=>{var s=u,{name:e,rules:r,defaultValue:t,shouldUnregister:n}=s,i=F(s,["name","rules","defaultValue","shouldUnregister"]);let a=Lr();if(!a)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return le(Rr,{control:a.control,name:e,rules:r,defaultValue:t,shouldUnregister:n,render:({field:{value:y,onChange:b}})=>le($r,o({value:y||(i==null?void 0:i.min)||0,onChange:b,valueLabelDisplay:"auto"},i))})},qr=Ir;import{Controller as vr,useFormContext as Vr}from"react-hook-form";import{Grid as Ur}from"@s_mart/core";import{TextField as zr}from"@mui/material";import{DatePicker as Or}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as Nr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as _r}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as N}from"@s_mart/utils";import Mr from"@emotion/styled";var ne=Mr.div`
+`;import{jsx as T,jsxs as B}from"react/jsx-runtime";import{createElement as ie}from"react";var rr=g=>{var s=g,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,required:f,options:m,onCreateOption:p,textFieldProps:x,hideAddButton:P,onInputChange:y}=s,c=b(s,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let t=Ke();if(!t)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let a=u=>{p?p(u):console.error("onCreateOption n\xE3o foi definido")};return T(He,{control:t.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:u,onChange:R}})=>{let S=(u==null?void 0:u.label)||(u==null?void 0:u.value)||u;return B(Qe,{display:"flex",flexDirection:"column",children:[l&&T(C,{label:l,required:f}),T(oe,{hideAddButton:P,children:T(Xe,d(o({fullWidth:!0,onChange:(h,F)=>(y==null||y(F),R(F)),options:m,value:u||null,noOptionsText:T(te,{onClick:()=>a(u),children:B(er,{children:["Adicionar ",S&&`"${S}"`]})}),isOptionEqualToValue:(h,F)=>F?typeof h=="string"&&typeof F=="string"?h===F:typeof h=="object"&&typeof F=="object"?h.value===F.value:typeof h=="object"&&typeof F=="string":!1,renderOption:(h,F)=>typeof F=="object"?ie("li",d(o({},h),{key:F.key||F.value}),F.label):ie("li",d(o({},h),{key:F}),F)},c),{renderInput:h=>{let F=P?h.InputProps:d(o({},h.InputProps),{endAdornment:B("div",{className:"endAdornments",children:[h.InputProps.endAdornment,B("div",{className:"creatable",children:[T("div",{className:"divider"}),T("div",{className:"button",onClick:()=>a(u),children:T(Je,{size:18,weight:"bold"})})]})]})});return T(Ze,o(d(o({},h),{onChange:R,InputProps:F}),x))}}))}),T(w,{name:e})]})}})},or=rr;import{Controller as tr,useFormContext as ir}from"react-hook-form";import{Grid as lr,Checkbox as nr,FormControlLabel as sr}from"@mui/material";import{jsx as M,jsxs as mr}from"react/jsx-runtime";var dr=x=>{var P=x,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,labelPlacement:f,required:m}=P,p=b(P,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let y=ir();if(!y)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return M(tr,{control:y.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:c,onChange:g}})=>mr(lr,{display:"flex",flexDirection:"column",children:[M(sr,{control:M(nr,o({value:c!=null?c:"",defaultValue:c,onChange:g},p)),label:M(C,{label:l,required:m,regular:!0}),labelPlacement:f||"end"}),M(w,{name:e})]})})},ar=dr;import{Controller as pr,useFormContext as ur}from"react-hook-form";import{Grid as fr,Switch as cr,FormControlLabel as xr}from"@mui/material";import{jsx as v,jsxs as Fr}from"react/jsx-runtime";var yr=p=>{var x=p,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,labelPlacement:f}=x,m=b(x,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let P=ur();if(!P)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return v(pr,{control:P.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:y,onChange:c}})=>Fr(fr,{display:"flex",flexDirection:"column",children:[v(xr,{control:v(cr,o({value:y!=null?y:"",defaultValue:y,onChange:c},m)),label:v(C,{label:l}),labelPlacement:f||"end"}),v(w,{name:e})]})})},Pr=yr;import{Grid as br,Radio as hr,FormControlLabel as gr}from"@mui/material";import{jsx as O}from"react/jsx-runtime";var Cr=n=>{var l=n,{label:e,labelPlacement:r}=l,i=b(l,["label","labelPlacement"]);return O(br,{display:"flex",flexDirection:"column",children:O(gr,{control:O(hr,o({},i)),label:O(C,{label:e}),labelPlacement:r||"end"})})},wr=Cr;import{Controller as Sr,useFormContext as Tr}from"react-hook-form";import{Grid as Er,RadioGroup as Ar}from"@mui/material";import{jsx as _,jsxs as kr}from"react/jsx-runtime";var Dr=P=>{var y=P,{name:e,rules:r,defaultValue:i,shouldUnregister:n,label:l,required:f,children:m,orientation:p="row"}=y,x=b(y,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let c=Tr();if(!c)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return _(Sr,{control:c.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:g,onChange:s}})=>kr(Er,{display:"flex",flexDirection:"column",children:[l&&_(C,{label:l,required:f}),_(Ar,d(o({value:g||"",onChange:s,name:e},x),{style:{display:"flex",flexDirection:p},children:m})),_(w,{name:e})]})})},$r=Dr;import{Controller as Gr,useFormContext as Rr}from"react-hook-form";import{Slider as Lr}from"@mui/material";import{jsx as le}from"react/jsx-runtime";var qr=f=>{var m=f,{name:e,rules:r,defaultValue:i,shouldUnregister:n}=m,l=b(m,["name","rules","defaultValue","shouldUnregister"]);let p=Rr();if(!p)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return le(Gr,{control:p.control,name:e,rules:r,defaultValue:i,shouldUnregister:n,render:({field:{value:x,onChange:P}})=>le(Lr,o({value:x||(l==null?void 0:l.min)||0,onChange:P,valueLabelDisplay:"auto"},l))})},Ir=qr;import{Controller as Vr,useFormContext as Ur}from"react-hook-form";import{Grid as Br}from"@s_mart/core";import{TextField as Or}from"@mui/material";import{DatePicker as _r}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as Nr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as jr}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as E}from"@s_mart/utils";import zr from"@emotion/styled";var Mr=e=>{switch(e){case"small":return E(16);default:case"medium":return E(20);case"large":return E(24)}},vr=e=>{switch(e){case"small":return`${E(2)} ${E(8)}`;default:case"medium":return`${E(6)} ${E(8)}`;case"large":return`${E(10)}`}},ne=zr.div`
   > div > button {
-    padding: ${N(6)} ${N(8)};
-    border-radius: 0 ${N(4)} ${N(4)} 0;
+    padding: ${({size:e})=>vr(e)};
+    border-radius: 0 ${E(4)} ${E(4)} 0;
 
     margin: 0px -13px 0px 0px;
+
+    svg {
+      width: ${({size:e})=>Mr(e)};
+    }
   }
-`;import{jsx as D,jsxs as Wr}from"react/jsx-runtime";var jr=b=>{var c=b,{rules:e,name:r,defaultValue:t,shouldUnregister:n,datePickerProps:i,label:u,required:s,placeholder:a}=c,y=F(c,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let f=Vr();if(!f)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(_r,{dateAdapter:Nr,children:D(vr,{control:f.control,name:r,rules:e,defaultValue:t,shouldUnregister:n,render:({field:{value:g,onChange:x}})=>Wr(Ur,{display:"flex",flexDirection:"column",children:[u&&D(C,{label:u,required:s}),D(Or,d(o({},i),{value:g!=null?g:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:x,renderInput:l=>{var m,p;return D(zr,d(o(o({size:"small",variant:"outlined"},l),y),{inputProps:d(o({},l.inputProps),{placeholder:a||((m=l.inputProps)==null?void 0:m.placeholder)}),InputProps:d(o({},l.InputProps),{endAdornment:D(ne,{children:(p=l.InputProps)==null?void 0:p.endAdornment})})}))}})),D(S,{name:r})]})})})},Br=jr;import{Grid as Hr}from"@s_mart/core";import{TimePicker as Kr}from"@mui/x-date-pickers/TimePicker";import{TextField as Jr}from"@mui/material";import{Controller as Qr,useFormContext as Xr}from"react-hook-form";import{AdapterDayjs as Zr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as eo}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as _}from"@s_mart/utils";import Yr from"@emotion/styled";var de=Yr.div`
+`;import{jsx as k,jsxs as Hr}from"react/jsx-runtime";var Wr=P=>{var y=P,{rules:e,name:r,defaultValue:i,shouldUnregister:n,datePickerProps:l,label:f,required:m,placeholder:p}=y,x=b(y,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let c=Ur();if(!c)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k(jr,{dateAdapter:Nr,children:k(Vr,{control:c.control,name:r,rules:e,defaultValue:i,shouldUnregister:n,render:({field:{value:g,onChange:s}})=>Hr(Br,{display:"flex",flexDirection:"column",children:[f&&k(C,{label:f,required:m}),k(_r,d(o({},l),{value:g!=null?g:null,inputFormat:(l==null?void 0:l.inputFormat)||"DD/MM/YYYY",onChange:s,renderInput:t=>{var a,u;return k(Or,d(o(o({variant:"outlined"},t),x),{inputProps:d(o({},t.inputProps),{placeholder:p||((a=t.inputProps)==null?void 0:a.placeholder)}),InputProps:d(o({},t.InputProps),{endAdornment:k(ne,{size:x.size,children:(u=t.InputProps)==null?void 0:u.endAdornment})})}))}})),k(w,{name:r})]})})})},Yr=Wr;import{Grid as Xr}from"@s_mart/core";import{TimePicker as Zr}from"@mui/x-date-pickers/TimePicker";import{TextField as eo}from"@mui/material";import{Controller as ro,useFormContext as oo}from"react-hook-form";import{AdapterDayjs as to}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as io}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as A}from"@s_mart/utils";import Kr from"@emotion/styled";var Jr=e=>{switch(e){case"small":return A(16);default:case"medium":return A(20);case"large":return A(24)}},Qr=e=>{switch(e){case"small":return`${A(2)} ${A(8)}`;default:case"medium":return`${A(6)} ${A(8)}`;case"large":return`${A(10)}`}},se=Kr.div`
   > div > button {
-    padding: ${_(6)} ${_(8)};
-    border-radius: 0 ${_(4)} ${_(4)} 0;
+    padding: ${({size:e})=>Qr(e)};
+    border-radius: 0 ${A(4)} ${A(4)} 0;
 
     margin: 0px -13px 0px 0px;
+
+    svg {
+      width: ${({size:e})=>Jr(e)};
+    }
   }
-`;import{jsx as k,jsxs as to}from"react/jsx-runtime";var ro=b=>{var c=b,{rules:e,defaultValue:r,shouldUnregister:t,name:n,required:i,label:u,timePickerProps:s,placeholder:a}=c,y=F(c,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let f=Xr();if(!f)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k(eo,{dateAdapter:Zr,children:k(Qr,{control:f.control,name:n,rules:e,defaultValue:r,shouldUnregister:t,render:({field:{value:g,onChange:x}})=>to(Hr,{display:"flex",flexDirection:"column",children:[u&&k(C,{label:u,required:i}),k(Kr,d(o({value:g!=null?g:null,onChange:x},s),{renderInput:l=>{var m,p;return k(Jr,d(o(o({size:"small",variant:"outlined"},l),y),{inputProps:d(o({},l.inputProps),{placeholder:a||((m=l.inputProps)==null?void 0:m.placeholder)}),InputProps:d(o({},l.InputProps),{endAdornment:k(de,{children:(p=l.InputProps)==null?void 0:p.endAdornment})})}))}})),k(S,{name:n})]})})})},oo=ro;import{Controller as io,useFormContext as lo}from"react-hook-form";import{Autocomplete as no,TextField as mo}from"@mui/material";import{Grid as so}from"@s_mart/core";import{jsx as v,jsxs as fo}from"react/jsx-runtime";import{createElement as uo}from"react";var ao=y=>{var b=y,{name:e,defaultValue:r,rules:t,shouldUnregister:n,label:i,required:u,onInputChange:s}=b,a=F(b,["name","defaultValue","rules","shouldUnregister","label","required","onInputChange"]);let c=lo();if(!c)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return v(io,{name:e,control:c.control,defaultValue:r,rules:t,shouldUnregister:n,render:({field:{onChange:f,value:g}})=>fo(so,{display:"flex",flexDirection:"column",children:[i&&v(C,{label:i,required:u}),v(no,d(o({size:"small",onChange:(x,l)=>f(l),onInputChange:(x,l,m)=>{f(l),s==null||s(x,l,m)},renderOption:(x,l)=>uo("li",d(o({},x),{key:l.key||l.value,onClick:m=>{var p;(p=x.onClick)==null||p.call(x,m),f(l)}}),l.label),value:g||null},a),{renderInput:x=>{var l,m,p;return v(mo,d(o(o({},x),a.textFieldProps),{InputProps:d(o(o({},x.InputProps),(l=a.textFieldProps)==null?void 0:l.InputProps),{inputProps:o(o({},x.inputProps),(p=(m=a.textFieldProps)==null?void 0:m.InputProps)==null?void 0:p.inputProps)})}))}})),v(S,{name:e})]})})},po=ao;export{po as Autocomplete,sr as Checkbox,or as Creatable,Br as DatePicker,xe as Form,Sr as RadioButton,kr as RadioGroup,Be as Searchable,Ve as Select,qr as Slider,Pr as Switch,Ge as TextField,oo as TimePicker};
+`;import{jsx as G,jsxs as so}from"react/jsx-runtime";var lo=P=>{var y=P,{rules:e,defaultValue:r,shouldUnregister:i,name:n,required:l,label:f,timePickerProps:m,placeholder:p}=y,x=b(y,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let c=oo();if(!c)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return G(io,{dateAdapter:to,children:G(ro,{control:c.control,name:n,rules:e,defaultValue:r,shouldUnregister:i,render:({field:{value:g,onChange:s}})=>so(Xr,{display:"flex",flexDirection:"column",children:[f&&G(C,{label:f,required:l}),G(Zr,d(o({value:g!=null?g:null,onChange:s},m),{renderInput:t=>{var a,u;return G(eo,d(o(o({variant:"outlined"},t),x),{inputProps:d(o({},t.inputProps),{placeholder:p||((a=t.inputProps)==null?void 0:a.placeholder)}),InputProps:d(o({},t.InputProps),{endAdornment:G(se,{size:x.size,children:(u=t.InputProps)==null?void 0:u.endAdornment})})}))}})),G(w,{name:n})]})})})},no=lo;import{Controller as ao,useFormContext as mo}from"react-hook-form";import{Autocomplete as po,TextField as uo}from"@mui/material";import{Grid as fo}from"@s_mart/core";import{jsx as V,jsxs as Po}from"react/jsx-runtime";import{createElement as yo}from"react";var co=x=>{var P=x,{name:e,defaultValue:r,rules:i,shouldUnregister:n,label:l,required:f,onInputChange:m}=P,p=b(P,["name","defaultValue","rules","shouldUnregister","label","required","onInputChange"]);let y=mo();if(!y)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return V(ao,{name:e,control:y.control,defaultValue:r,rules:i,shouldUnregister:n,render:({field:{onChange:c,value:g}})=>Po(fo,{display:"flex",flexDirection:"column",children:[l&&V(C,{label:l,required:f}),V(po,d(o({onChange:(s,t)=>c(t),onInputChange:(s,t,a)=>{c(t),m==null||m(s,t,a)},isOptionEqualToValue:(s,t)=>t?typeof s=="string"&&typeof t=="string"?s===t:typeof s=="object"&&typeof t=="object"?s.value===t.value:typeof s=="object"&&typeof t=="string":!1,renderOption:(s,t)=>yo("li",d(o({},s),{key:t.key||t.value,onClick:a=>{var u;(u=s.onClick)==null||u.call(s,a),c(t)}}),t.label),value:g||null},p),{renderInput:s=>{var t,a,u;return V(uo,d(o(o({},s),p.textFieldProps),{InputProps:d(o(o({},s.InputProps),(t=p.textFieldProps)==null?void 0:t.InputProps),{inputProps:o(o({},s.inputProps),(u=(a=p.textFieldProps)==null?void 0:a.InputProps)==null?void 0:u.inputProps)})}))}})),V(w,{name:e})]})})},xo=co;export{xo as Autocomplete,ar as Checkbox,or as Creatable,Yr as DatePicker,xe as Form,wr as RadioButton,$r as RadioGroup,je as Searchable,ve as Select,Ir as Slider,Pr as Switch,ke as TextField,no as TimePicker};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/form",
-  "version": "2.6.13",
+  "version": "2.6.16",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",