@s_mart/form 2.6.3 → 2.6.5

package/dist/index.d.ts

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

package/dist/index.mjs

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

package/package.json

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