@zydon/common 1.4.73 → 2.0.1

package/dist/components/form/Codes/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type CodesProps = BaseField<TextFieldProps> & {
+    keyName: string;
+    inputs: string[];
+};
+
+declare const Codes: ({ keyName, inputs, rules, tabIndex, ...other }: CodesProps) => react_jsx_runtime.JSX.Element;
+
+export { Codes as default };

package/dist/components/form/Codes/index.mjs

@@ -0,0 +1,11 @@
+import { a } from '../../../chunk-B3WKNPY5.mjs';
+import { useRef } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/FormHelperText';
+import u from '@mui/material/Stack';
+import M from '@mui/material/TextField';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var S=({keyName:l,inputs:s=[],rules:d,tabIndex:f,...g})=>{let m=useRef(null),{control:h,setValue:C,formState:{errors:x}}=useFormContext(),E=e=>{let n=e.clipboardData.getData("text").split("");s.map((t,o)=>C(t,n[o])),e.preventDefault();},v=(e,n)=>{let{maxLength:t,value:o,name:r}=e.target,L=r.replace(l,""),p=Number(L),i=document.querySelector(`input[name=${l}${p+1}]`);o.length>t&&(e.target.value=o[0]),o.length>=t&&p<6&&i!==null&&i.focus(),n(e);};a("paste",E,m);let T=s.some(e=>x[e]);return jsxs(u,{children:[jsx(u,{direction:"row",spacing:2,justifyContent:"center",ref:m,children:s.map((e,n)=>jsx(Controller,{name:`${l}${n+1}`,control:h,rules:d,render:({field:t,fieldState:{error:o}})=>jsx(M,{...g,...t,autoComplete:"none",error:!!o,autoFocus:n===0,placeholder:"-",onChange:r=>{v(r,t.onChange);},onFocus:r=>r.currentTarget.select(),InputProps:{sx:{width:{xs:36,sm:56},height:{xs:36,sm:56},"& input":{p:0,textAlign:"center"}}},inputProps:{maxLength:1,type:"number",tabIndex:f}})},e))}),T&&jsx(b,{error:!0,sx:{px:2},children:"C\xF3digo \xE9 obrigat\xF3rio"})]})},N=S;
+
+export { N as default };

package/dist/components/form/ColorPicker/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type ColorPickerProps = BaseField<TextFieldProps>;
+
+declare const ColorPicker: ({ name, rules, helperText, ...other }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
+
+export { ColorPicker as default };

package/dist/components/form/ColorPicker/index.mjs

@@ -0,0 +1,8 @@
+import { a } from '../../../chunk-EM7HQQDV.mjs';
+import '../../../chunk-BD3NUJHG.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var u=({name:a$1,rules:r,helperText:f,...c})=>{let{control:p}=useFormContext();return jsx(Controller,{name:a$1,control:p,rules:{...r,validate:{...r?.validate,validation:e=>{let o="#"+e.replaceAll("#","");return /^#([0-9A-Fa-f]{3}){1,2}$/.test(o)?!0:"Cor inv\xE1lida"}}},render:({field:{ref:e,onChange:o,...t},fieldState:{error:l}})=>jsx(a,{...t,onChangeColor:o,inputRef:e,fullWidth:!0,error:!!l,helperText:l?.message||f,...c})})},x=u;
+
+export { x as default };

package/dist/components/form/DatePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value'>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+    value?: Date | null | undefined;
+};
+
+declare const DatePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DatePicker as default };

package/dist/components/form/DatePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DatePicker } from '@mui/x-date-pickers-pro';
+import D from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var h=({name:i,rules:n,tabIndex:t,helperText:s,required:p,...e})=>{let{control:m}=useFormContext();return jsx(Controller,{name:i,control:m,rules:n,render:({field:{ref:u,onChange:c,...o},fieldState:{error:l}})=>jsx(DatePicker,{inputRef:u,format:"DD/MM/YYYY",localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",...e.localeText},...o,...e,value:o.value?D(o.value):null,onChange:r=>c(r?r.toDate():null),slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!l,helperText:l?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},C=h;
+
+export { C as default };

package/dist/components/form/DateRangePicker/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DateRangePickerProps as DateRangePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DateRangePickerProps = BaseField<DateRangePickerProps$1<Dayjs>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+};
+
+declare const DateRangePicker: ({ name, label, rules, tabIndex, helperText, required, ...other }: DateRangePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DateRangePicker as default };

package/dist/components/form/DateRangePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DateRangePicker } from '@mui/x-date-pickers-pro';
+import n from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var x=({name:r,label:a,rules:i,tabIndex:d,helperText:D,required:m,...o})=>{let{control:f,setError:c}=useFormContext();return jsx(Controller,{name:r,control:f,rules:i,render:({field:{value:t,onChange:p},fieldState:{error:l}})=>jsx(DateRangePicker,{format:"DD/MM/YYYY",localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",...o.localeText},value:[t?.startDate?n(t.startDate):null,t?.endDate?n(t.endDate):null],onChange:e=>p({startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null}),onError:e=>{c(r,{message:e[0]||e[1]||void 0});},...o,slotProps:{textField:({position:e})=>({...o.slotProps?.textField,required:m,error:!!l,helperText:l?.message||D,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${a} (Dt. In\xEDcio)`:`${a} (Dt. Fim)`,inputProps:{tabIndex:d}})},sx:{width:1}})})},C=x;
+
+export { C as default };

package/dist/components/form/DateTimePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DateTimePickerProps as DateTimePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value'>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+    value?: Date | null | undefined;
+};
+
+declare const DateTimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DateTimePicker as default };

package/dist/components/form/DateTimePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DateTimePicker } from '@mui/x-date-pickers-pro';
+import h from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var D=({name:i,rules:m,tabIndex:l,helperText:n,required:s,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:i,control:u,rules:m,render:({field:{ref:c,onChange:d,...o},fieldState:{error:t}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",fieldHoursPlaceholder:()=>"hh",fieldMinutesPlaceholder:()=>"mm",...e.localeText},...o,...e,value:o.value?h(o.value):null,onChange:r=>d(r?r.toDate():null),slotProps:{textField:{...e.slotProps?.textField,required:s,error:!!t,helperText:t?.message||n,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:l}},openPickerButton:{tabIndex:l}}})})},x=D;
+
+export { x as default };

package/dist/components/form/Field/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type FieldProps = BaseField<TextFieldProps>;
+
+declare const Field: ({ name, helperText, rules, onChange, tabIndex, ...other }: FieldProps) => react_jsx_runtime.JSX.Element;
+
+export { Field as default };

package/dist/components/form/Field/index.mjs

@@ -0,0 +1 @@
+export { a as default } from '../../../chunk-ZREC5BF3.mjs';

package/dist/components/form/Form/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import { StackProps } from '@mui/material/Stack';
+
+type FormProps = StackProps & {
+    id?: string;
+    methods: UseFormReturn<any>;
+    onSubmit?: VoidFunction;
+};
+
+declare const Form: ({ id, children, onSubmit, methods, ...other }: PropsWithChildren<FormProps>) => react_jsx_runtime.JSX.Element;
+
+export { Form as default };

package/dist/components/form/Form/index.mjs

@@ -0,0 +1,7 @@
+import { FormProvider } from 'react-hook-form';
+import e from '@mui/material/Stack';
+import { jsx } from 'react/jsx-runtime';
+
+var f=({id:r,children:m,onSubmit:t,methods:i,...p})=>jsx(FormProvider,{...i,children:jsx(e,{component:"form",id:r,onSubmit:t,flex:1,width:1,noValidate:!0,...p,children:m})}),h=f;
+
+export { h as default };

package/dist/components/form/Incrementer/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type IncrementerProps = BaseField<TextFieldProps> & {
+    increment?: number;
+    updadteForMultiple?: boolean;
+    allowNegative?: boolean;
+    decimalScale?: number;
+    minValue?: number;
+    maxValue?: number;
+    loading?: boolean;
+};
+
+declare const Incrementer: ({ name, helperText, rules, ...other }: IncrementerProps) => react_jsx_runtime.JSX.Element;
+
+export { Incrementer as default };

package/dist/components/form/Incrementer/index.mjs

@@ -0,0 +1,12 @@
+import { a } from '../../../chunk-GLPNPJIJ.mjs';
+import '../../../chunk-JZ3KAZMQ.mjs';
+import '../../../chunk-FXUKC2TO.mjs';
+import '../../../chunk-DSQPMRZS.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:e,helperText:n,rules:m,...l})=>{let{control:p}=useFormContext();return jsx(Controller,{name:e,control:p,rules:m,render:({field:{ref:f,value:c,...s},fieldState:{error:r}})=>jsx(a,{value:c,inputRef:f,fullWidth:!0,error:!!r,helperText:r?.message||n,...l,...s,name:e})})},C=d;
+
+export { C as default };

package/dist/components/form/MaskedInput/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RegisterOptions } from 'react-hook-form';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+
+type IProps = {
+    name: string;
+    mask: {
+        mask: string;
+    }[];
+    rules?: RegisterOptions;
+    onChange?(value: string): void;
+};
+type Props = IProps & Omit<TextFieldProps, 'onChange'>;
+type MaskedInputProps = BaseField<Props>;
+
+declare const MaskedInput: ({ name, helperText, rules, onChange: onChangeValue, error: isError, ...other }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
+
+export { MaskedInput as default };

package/dist/components/form/MaskedInput/index.mjs

@@ -0,0 +1,2 @@
+export { a as default } from '../../../chunk-HQYCK4C3.mjs';
+import '../../../chunk-6UGYYTYE.mjs';

package/dist/components/form/MultiCheckbox/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface MultiCheckbox$1 extends Omit<FormControlLabelProps, 'control' | 'label'> {
+    name: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    row?: boolean;
+    label?: string;
+    spacing?: number;
+    helperText?: React.ReactNode;
+}
+type MultiCheckboxProps = BaseField<MultiCheckbox$1>;
+
+declare const MultiCheckbox: ({ row, name, rules, label, options, spacing, helperText, required, ...other }: MultiCheckboxProps) => react_jsx_runtime.JSX.Element;
+
+export { MultiCheckbox as default };

package/dist/components/form/MultiCheckbox/index.mjs

@@ -0,0 +1,12 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import x from '@mui/material/Checkbox';
+import g from '@mui/material/FormControl';
+import y from '@mui/material/FormControlLabel';
+import h from '@mui/material/FormGroup';
+import k from '@mui/material/FormHelperText';
+import M from '@mui/material/FormLabel';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var L=({row:m,name:f,rules:u,label:n,options:c,spacing:i,helperText:p,required:d,...a})=>{let{control:s}=useFormContext(),b=(o,l)=>o.includes(l)?o.filter(r=>r!==l):[...o,l];return jsx(Controller,{name:f,control:s,rules:u,render:({field:{value:o=[],...l},fieldState:{error:r}})=>jsxs(g,{component:"fieldset",children:[n&&jsx(M,{component:"legend",sx:{typography:"body2"},required:d,children:n}),jsx(h,{sx:{...m&&{flexDirection:"row"},"& .MuiFormControlLabel-root":{"&:not(:last-of-type)":{mb:i||0},...m&&{mr:0,"&:not(:last-of-type)":{mr:i||2}}}},children:c.map(e=>jsx(y,{control:jsx(x,{checked:o.includes(e.value),onChange:()=>l.onChange(b(o,e.value))}),label:e.label,...a},e.value))}),(!!r||p)&&jsx(k,{error:!!r,sx:e=>({color:a.disabled?e.palette.grey[500]:void 0}),children:r?r?.message:p})]})})},w=L;
+
+export { w as default };

package/dist/components/form/MultiChipField/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ElementType } from 'react';
+import { AutocompleteProps } from '@mui/material/Autocomplete';
+import { BaseField } from '../../../types/baseField.js';
+import { Option } from '../../../types/option.js';
+import 'react-hook-form';
+import '../../../types/icon.js';
+
+type IMultipleChipFieldProps = {
+    options: Option[];
+    showValueInLabel?: boolean;
+    required?: boolean;
+    helperText?: string;
+    changed?(value: NonNullable<string | Option> | (string | Option)[] | null | undefined): void;
+} & Partial<AutocompleteProps<Option, boolean, boolean, boolean, ElementType>>;
+type MultiChipProps = BaseField<IMultipleChipFieldProps>;
+
+declare const MultipleChip: ({ name, label, rules, helperText, changed, ...other }: MultiChipProps) => react_jsx_runtime.JSX.Element;
+
+export { MultipleChip as default };

package/dist/components/form/MultiChipField/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import a from '@mui/material/Autocomplete';
+import c from '@mui/material/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:n,label:i="",rules:m,helperText:s,changed:e,...u})=>{let{control:C}=useFormContext();return jsx(Controller,{name:n,control:C,rules:m,render:({field:r,fieldState:{error:o}})=>jsx(a,{...r,onChange:(l,p)=>{e&&e(p),r.onChange(p);},renderInput:l=>jsx(c,{label:i,error:!!o,helperText:o?o?.message:s,...l}),...u})})},F=d;
+
+export { F as default };

package/dist/components/form/NumberInput/index.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SourceInfo } from 'react-number-format';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface Props {
+    onChange?: (e: {
+        target: {
+            name: string;
+            value: number | undefined;
+        };
+        event: SourceInfo;
+    }) => void;
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    prefix?: string;
+    minValue?: number;
+}
+type NumberInputProps = BaseField<Props & Omit<TextFieldProps, 'onChange'>>;
+
+declare const NumberInput: ({ name, helperText, rules, onChange, ...other }: NumberInputProps) => react_jsx_runtime.JSX.Element;
+
+export { NumberInput as default };

package/dist/components/form/NumberInput/index.mjs

@@ -0,0 +1,7 @@
+import { a } from '../../../chunk-DSQPMRZS.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var i=({name:p,helperText:u,rules:l,onChange:o,...s})=>{let{control:f}=useFormContext();return jsx(Controller,{name:p,control:f,rules:l,render:({field:r,fieldState:{error:t}})=>jsx(a,{...r,onChange:e=>{r.onChange(e),o&&o(e);},fullWidth:!0,error:!!t,helperText:t?.message||u,...s})})},N=i;
+
+export { N as default };

package/dist/components/form/Password/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type PasswordProps = BaseField<TextFieldProps> & {
+    passwordSize: [number, number];
+    specialCharacter?: boolean;
+    upperCaseChar?: boolean;
+    numberChar?: boolean;
+    showErrorMessage?: boolean;
+    match?: {
+        fieldPassword: string;
+    };
+};
+
+declare const Password: ({ name, sx, rules, passwordSize, specialCharacter, upperCaseChar, numberChar, showErrorMessage, match, ...other }: PasswordProps) => react_jsx_runtime.JSX.Element;
+
+export { Password as default };

package/dist/components/form/Password/index.mjs

@@ -0,0 +1,13 @@
+import { a } from '../../../chunk-ZREC5BF3.mjs';
+import { d } from '../../../chunk-RMSKB5PI.mjs';
+import { a as a$1 } from '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useState } from 'react';
+import { useFormContext } from 'react-hook-form';
+import S from '@mui/material/IconButton';
+import b from '@mui/material/InputAdornment';
+import { jsx } from 'react/jsx-runtime';
+
+var N=({name:e,sx:w,rules:n,passwordSize:i,specialCharacter:d$1,upperCaseChar:p,numberChar:l,showErrorMessage:c,match:s,...P})=>{let{watch:m}=useFormContext(),I=m(e),[t,v]=useState(!1),{hasNumberChar:C,hasSpecialCharacter:V,hasUpperCaseChar:g,isLengthValid:x}=d(I,i,l,d$1,p);return jsx(a,{...P,name:e,type:t?"text":"password",InputProps:{endAdornment:jsx(b,{position:"end",children:jsx(S,{onClick:()=>v(!t),edge:"end","aria-label":"Mostrar/Ocultar senha",tabIndex:-1,children:jsx(a$1,{icon:t?"VIEW_ON":"VIEW_OFF"})})})},rules:{...n,validate:{...n?.validate,validationPassword:u=>{let o=d(u,i,l,d$1,p);return !o.hasNumberChar||!o.hasSpecialCharacter||!o.hasUpperCaseChar||!o.isLengthValid?"Senha inv\xE1lida":s&&s.fieldPassword&&m(s.fieldPassword)!==u?"As senhas devem ser iguais":!0}}},sx:{...w,"& .MuiFormHelperText-root":{display:(!V||!g||!x||!C)&&!c?"none":void 0}}})},_=N;
+
+export { _ as default };

package/dist/components/form/RadioGroup/index.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RadioGroupProps as RadioGroupProps$1 } from '@mui/material/RadioGroup';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type Props = RadioGroupProps$1 & {
+    options: {
+        label: string;
+        value: string;
+        icon?: ReactNode;
+    }[];
+    spacing?: number;
+    helperText?: React.ReactNode;
+    decorated?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+};
+type RadioGroupProps = BaseField<Props>;
+
+declare const RadioGroup: ({ name, rules, row, label, options, spacing, helperText, decorated, onChange, tabIndex, required, disabled, ...other }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { RadioGroup as default };

package/dist/components/form/RadioGroup/index.mjs

@@ -0,0 +1,13 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import h from '@mui/material/FormControl';
+import G from '@mui/material/FormControlLabel';
+import k from '@mui/material/FormHelperText';
+import L from '@mui/material/FormLabel';
+import P from '@mui/material/Radio';
+import $ from '@mui/material/RadioGroup';
+import { alpha } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var H=({name:d,rules:b,row:i,label:e,options:y,spacing:t,helperText:p,decorated:n,onChange:u,tabIndex:g,required:C,disabled:s,...F})=>{let{control:R}=useFormContext(),c=e?`${d}-${e}`:"";return jsx(Controller,{name:d,control:R,rules:b,render:({field:m,fieldState:{error:a}})=>jsxs(h,{component:"fieldset",sx:{...n&&{paddingLeft:1.5}},children:[e&&jsx(L,{component:"legend",id:c,sx:{typography:"body2"},required:C,children:e}),jsx($,{...F,...m,onChange:(o,l)=>{m.onChange(o),u&&u(o,l);},"aria-labelledby":c,row:i,children:y.map(o=>jsx(G,{value:o.value,control:jsx(P,{inputProps:{tabIndex:g},disabled:s,checked:o.value===m.value,icon:o.icon,checkedIcon:o.icon}),label:o.label,sx:({palette:l})=>({"&:not(:last-of-type)":{mb:t||0},...i&&{mr:0,"&:not(:last-of-type)":{mr:t||2}},...n&&{border:`1px solid ${alpha(l.grey[500],.32)}`,borderRadius:1,padding:.25,paddingRight:(t||0)/2||1,...m.value===o.value&&{borderColor:"primary.main",backgroundColor:alpha(l.primary.main,.05)}}})},o.value))}),(!!a||p)&&jsx(k,{error:!!a,sx:o=>({color:s?o.palette.grey[500]:void 0}),children:a?a?.message:p})]})})},D=H;
+
+export { D as default };

package/dist/components/form/SelectableCards/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SelectableCardsProps$1 } from '../../../props-f459546a.js';
+import { BaseField } from '../../../types/baseField.js';
+import 'react';
+import 'react-hook-form';
+
+interface SelectableCardsProps extends BaseField<Omit<SelectableCardsProps$1, 'onChange'>> {
+}
+
+declare const SelectableCards: ({ name, rules, ...other }: SelectableCardsProps) => react_jsx_runtime.JSX.Element;
+
+export { SelectableCards as default };

package/dist/components/form/SelectableCards/index.mjs

@@ -0,0 +1,14 @@
+import { a } from '../../../chunk-OWZUABY4.mjs';
+import '../../../chunk-2ZLS7IUJ.mjs';
+import '../../../chunk-OUPUY4L2.mjs';
+import '../../../chunk-SXVKHA6L.mjs';
+import '../../../chunk-WHA7HOMZ.mjs';
+import '../../../chunk-MUAMRRNL.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var c=({name:o,rules:t,...l})=>{let{control:n}=useFormContext();return jsx(Controller,{name:o,control:n,rules:t,render:({field:a$1})=>jsx(a,{...a$1,...l})})},d=c;
+
+export { d as default };

package/dist/components/form/Switch/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface Props extends Omit<FormControlLabelProps, 'control'> {
+    helperText?: React.ReactNode;
+    size?: 'small' | 'medium';
+}
+type SwitchProps = BaseField<Props>;
+
+declare const Switch: ({ name, helperText, onChange, tabIndex, size, label, ...other }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+export { Switch as default };

package/dist/components/form/Switch/index.mjs

@@ -0,0 +1,9 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import C from '@mui/material/FormControlLabel';
+import F from '@mui/material/FormHelperText';
+import S from '@mui/material/Switch';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var h=({name:p,helperText:n,onChange:l,tabIndex:c,size:d,label:i,...m})=>{let{control:a}=useFormContext(),s=r=>jsx(S,{...r,checked:r.value,onChange:(o,t)=>{r.onChange(o),l&&l(o,t);},inputProps:{tabIndex:c},size:d});return jsx(Controller,{name:p,control:a,render:({field:r,fieldState:{error:o}})=>jsxs("div",{children:[i?jsx(C,{label:i,control:s(r),...m}):s(r),(!!o||n)&&jsx(F,{error:!!o,sx:t=>({mx:"14px",color:m.disabled?t.palette.grey[500]:void 0}),children:o?o?.message:n})]})})},R=h;
+
+export { R as default };

package/dist/components/form/TimePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value'>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+    value?: Date | null | undefined;
+};
+
+declare const TimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: TimePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { TimePicker as default };

package/dist/components/form/TimePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { TimePicker } from '@mui/x-date-pickers-pro';
+import T from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var k=({name:m,rules:s,tabIndex:l,helperText:a,required:p,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:m,control:u,rules:s,render:({field:{ref:n,onChange:c,...o},fieldState:{error:r}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:n,localeText:{fieldHoursPlaceholder:()=>"hh",fieldMinutesPlaceholder:()=>"mm",...e.localeText},...o,...e,value:o.value?T(o.value):null,onChange:t=>c(t?t.toDate():null),slotProps:{textField:{...e.slotProps?.textField,error:!!r,required:p,helperText:r?.message||a,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:l}},openPickerButton:{tabIndex:l}}})})},F=k;
+
+export { F as default };

package/dist/components/form/UploadAvatarWithCrop/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseField } from '../../../types/baseField.js';
+import { UploadProps } from '../../../types/upload.js';
+import 'react-hook-form';
+import 'react';
+import 'react-dropzone';
+import '@mui/material/styles';
+
+interface IProps {
+    aspect: number;
+    label: string;
+    image?: string;
+    onFileCropped?(file: File | undefined): void;
+    onImageUploaded(image?: string): void;
+    onCancel?: VoidFunction;
+}
+type UploadAvatarWithCropProps = BaseField<UploadProps> & IProps;
+
+declare const UploadAvatarWithCrop: ({ name, rules, helperText, aspect, label, image, onFileCropped, onImageUploaded, onCancel, ...other }: UploadAvatarWithCropProps) => react_jsx_runtime.JSX.Element;
+
+export { UploadAvatarWithCrop as default };

package/dist/components/form/UploadAvatarWithCrop/index.mjs

@@ -0,0 +1,19 @@
+import { b } from '../../../chunk-EPIVCFTK.mjs';
+import '../../../chunk-CLXZIOVZ.mjs';
+import '../../../chunk-PABYPOVH.mjs';
+import '../../../chunk-NNSTFVSV.mjs';
+import '../../../chunk-EVHG7UNX.mjs';
+import '../../../chunk-FXUKC2TO.mjs';
+import '../../../chunk-S6AXG7VS.mjs';
+import { a } from '../../../chunk-R2LSQJYW.mjs';
+import '../../../chunk-OKHG4T22.mjs';
+import '../../../chunk-BQ3PJ47P.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import W from '@mui/material/FormHelperText';
+import { jsx } from 'react/jsx-runtime';
+
+var v=({name:t,rules:m,helperText:l,aspect:n,label:f,image:s,onFileCropped:r,onImageUploaded:u,onCancel:p,...c})=>{let{control:C}=useFormContext(),{uploadFile:U,file:x,setFileValue:F}=a(t);return jsx(Controller,{name:t,control:C,rules:m,render:({field:{value:g},fieldState:{error:o}})=>jsx(b,{accept:{"image/*":[]},file:g?x:void 0,onFileCropped:a=>{U(a),r&&r(a);},onImageUploaded:u,onCancel:()=>{F(void 0),p&&p();},error:!!o,disableMultiple:!0,helperText:(!!o||l)&&jsx(W,{error:!!o,sx:{px:2},children:o?o?.message:l}),aspect:n,label:f,image:s,...c})})},I=v;
+
+export { I as default };

package/dist/components/form/UploadWithCrop/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseField } from '../../../types/baseField.js';
+import { UploadProps } from '../../../types/upload.js';
+import 'react-hook-form';
+import 'react';
+import 'react-dropzone';
+import '@mui/material/styles';
+
+interface IProps {
+    aspect: number;
+    label: string;
+    image?: string;
+    onFileCropped?(file: File | undefined): void;
+    onImageUploaded(image?: string): void;
+    onCancel?: VoidFunction;
+}
+type UploadWithCropProps = BaseField<UploadProps> & IProps;
+
+declare const UploadWithCrop: ({ name, rules, helperText, aspect, label, image, onFileCropped, onImageUploaded, onCancel, ...other }: UploadWithCropProps) => react_jsx_runtime.JSX.Element;
+
+export { UploadWithCrop as default };

package/dist/components/form/UploadWithCrop/index.mjs

@@ -0,0 +1,22 @@
+import { d as d$1 } from '../../../chunk-LWMTG62I.mjs';
+import { d, e } from '../../../chunk-CLXZIOVZ.mjs';
+import { a as a$4 } from '../../../chunk-PABYPOVH.mjs';
+import '../../../chunk-NNSTFVSV.mjs';
+import '../../../chunk-EVHG7UNX.mjs';
+import '../../../chunk-FXUKC2TO.mjs';
+import { a as a$2 } from '../../../chunk-WMRVP7HJ.mjs';
+import '../../../chunk-S6AXG7VS.mjs';
+import { a } from '../../../chunk-R2LSQJYW.mjs';
+import { a as a$1 } from '../../../chunk-OKHG4T22.mjs';
+import '../../../chunk-BQ3PJ47P.mjs';
+import { a as a$3 } from '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import z from '@mui/material/FormHelperText';
+import B from '@mui/material/Button';
+import _ from '@mui/material/Dialog';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var H=({onFileCropped:r,onImageUploaded:i,onCancel:a,aspect:c,label:f,image:t="",uploading:n,file:l,tabIndex:p,...C})=>{let{id:m,setCropModalOpen:g,handleRemove:s,toggleCropModalOpen:u,cropModalOpen:h,cancelChanges:e$1,saveChanges:d$2,previewImage:F,setCropper:S,preview:v,closePreviewImage:T}=a$1({onFileCropped:r,onImageUploaded:i,onCancel:a});return jsxs(Fragment,{children:[jsxs(d,{children:[n&&jsx(a$2,{}),jsx(d$1,{...C,id:m,file:l,onDrop:R=>{if(R.length>0){g(!0);let U=new FileReader;U.addEventListener("load",()=>{let y=U.result?.toString()||"";i(y),r(void 0);}),U.readAsDataURL(R[0]);}},image:t,tabIndex:p}),(l||t)&&jsxs(e,{className:"actions",children:[jsx(B,{color:"inherit",startIcon:jsx(a$3,{icon:"DELETE_MARK_BUTTON_02",color:"error.main"}),onClick:s,children:"Remover"}),jsx(B,{color:"inherit",startIcon:jsx(a$3,{icon:"SEARCH_IMAGE",color:"primary.maon"}),onClick:u,children:"Editar"})]})]}),jsx(a$4,{id:m,open:h,onClose:e$1,label:f,aspectRatio:c,imageSrc:t,onRemove:s,onSave:d$2,onPreview:F,onInitialized:S}),jsx(_,{open:!!v,onClose:T,scroll:"body",PaperProps:{sx:{p:2}},children:v&&jsx("img",{src:v,alt:"Preview"})})]})},D=H;var G=({name:r,rules:i,helperText:a$1,aspect:c,label:f,image:t,onFileCropped:n,onImageUploaded:l,onCancel:p,...C})=>{let{control:m}=useFormContext(),{uploadFile:g,file:s,setFileValue:u}=a(r);return jsx(Controller,{name:r,control:m,rules:i,render:({field:{value:h},fieldState:{error:e}})=>jsx(D,{accept:{"image/*":[]},file:h?s:void 0,onFileCropped:d=>{g(d),n&&n(d);},onImageUploaded:l,onCancel:()=>{u(void 0),p&&p();},error:!!e,disableMultiple:!0,helperText:(!!e||a$1)&&jsx(z,{error:!!e,sx:{px:2},children:e?e?.message:a$1}),aspect:c,label:f,image:t,...C})})},io=G;
+
+export { io as default };

package/dist/components/form/Webhook/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WebhookType } from '../../../types/webhook.js';
+
+interface WebhookProps {
+    webhookData?: WebhookType;
+    isEditing?: boolean;
+    haveTip?: boolean;
+}
+
+declare const Webhook: ({ webhookData, isEditing, haveTip, }: WebhookProps) => react_jsx_runtime.JSX.Element;
+
+export { Webhook as default };