@s_mart/form 2.6.6 → 2.6.8

package/dist/index.d.ts

@@ -39,6 +39,7 @@ declare const Select: ({ name, rules, defaultValue, shouldUnregister, label, req
 
 type ControllerSearchable = Omit<ControllerProps, 'render' | 'control'>;
 type SearchableOption = {
+    key?: string | number;
     label: string;
     value: string | number | readonly string[] | undefined;
 } | string;
@@ -71,6 +72,7 @@ declare const Searchable: ({ name, rules, defaultValue, shouldUnregister, label,
 
 type ControllerCreatable = Omit<ControllerProps, 'render' | 'control'>;
 type CreatableOption = {
+    key?: string;
     label: string;
     value?: string | number | readonly string[] | undefined;
 } | string;

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

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