@s_mart/form 2.6.2 → 2.6.3

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { UseFormProps, UseFormReturn, ControllerProps, UseControllerProps } from 'react-hook-form';
 import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, SelectChangeEvent, AutocompleteProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1 } from '@mui/material';
-import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers';
+import { DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers';
 
 interface IFormProps<T> extends UseFormProps {
     onSubmit: (data: T) => void;
@@ -274,4 +274,16 @@ type DatePickerProps = Omit<UseControllerProps, 'control'> & Pick<TextFieldProps
 
 declare const DatePicker: ({ rules, name, defaultValue, shouldUnregister, datePickerProps, label, required, placeholder, ...rest }: DatePickerProps) => JSX.Element;
 
-export { Checkbox, CheckboxProps, Creatable, CreatableOption, CreatableProps, DatePicker, DatePickerProps, Form, RadioButton, RadioGroup, RadioGroupProps, RadioProps, Searchable, SearchableOption, SearchableProps, Select, SelectOption, SelectProps, Slider, SliderProps, Switch, SwitchProps, TextField };
+type TimePickerProps = Omit<UseControllerProps, 'control'> & Pick<TextFieldProps$1, 'label' | 'error' | 'helperText' | 'size' | 'fullWidth' | 'variant' | 'autoFocus' | 'placeholder'> & {
+    timePickerProps?: Partial<TimePickerProps$1<any, any>>;
+    /**
+     * Se `true` irá adicionar um asterisco ao label do campo
+     *
+     * @default false
+     */
+    required?: boolean;
+};
+
+declare const TimePicker: ({ rules, defaultValue, shouldUnregister, name, required, label, timePickerProps, placeholder, ...rest }: TimePickerProps) => JSX.Element;
+
+export { Checkbox, CheckboxProps, Creatable, CreatableOption, CreatableProps, DatePicker, DatePickerProps, Form, RadioButton, RadioGroup, RadioGroupProps, RadioProps, Searchable, SearchableOption, SearchableProps, Select, SelectOption, SelectProps, Slider, SliderProps, Switch, SwitchProps, TextField, TimePicker };

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

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