@s_mart/form 2.5.5 → 2.6.1

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/form",
-  "version": "2.5.5",
+  "version": "2.6.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -36,6 +36,7 @@
     "@types/react-dom": ">=18.0.6",
     "@emotion/react": ">=11.10.4",
     "@emotion/styled": ">=11.10.4",
+    "@mui/x-date-pickers": ">=5.0.13",
     "@s_mart/core": ">=2.1.0",
     "phosphor-react": ">=1.4.1"
   },