@s_mart/form 2.6.2 → 2.6.4

package/dist/index.d.ts

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