@s_mart/form 0.0.0-font-awesome-20240308181754

package/dist/index.d.ts

@@ -0,0 +1,602 @@
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, UseFormReturn, FormProviderProps, UseFormProps, ControllerProps, UseControllerProps } from 'react-hook-form';
+import { z } from 'zod';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, 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 FieldValues> extends IUseFormProps<T> {
+    children: ((methods: UseFormReturn<T> & {
+        onSubmit: (e?: React.FormEvent | undefined) => Promise<void>;
+    }) => React.ReactNode) | React.ReactNode;
+    style?: React.HTMLAttributes<HTMLFormElement>['style'];
+}
+interface IFormProviderProps<TFieldValues extends FieldValues> extends FormProviderProps<TFieldValues> {
+    style?: React.HTMLAttributes<HTMLFormElement>['style'];
+    onSubmit: (e?: React.BaseSyntheticEvent) => void;
+}
+interface IUseFormProps<TValues extends FieldValues> extends Omit<UseFormProps<TValues>, 'resolver'> {
+    onSubmit: (data: TValues, methods: UseFormReturn<TValues>) => void;
+    /**
+     * Prop que faz com que o formulário não atualize ao mudar o defaultValue
+     */
+    disableDefaultValuesUpdate?: boolean;
+    schema?: z.ZodObject<any> | z.ZodEffects<z.ZodObject<any>>;
+}
+
+/**
+ * Utilizado overloading para poder passar uma tipagem para o Componente
+ * @example
+ * // Não passar uma tipagem, todas as props terão o funcionamento normal, sem tipagem
+ * <Form onSubmit={({email}) => {}}>
+ *  ...
+ * </Form>
+ * @example
+ * // Passar uma tipagem, todas as props derivadas do react-hook-form terão a tipagem passada no generic
+ * type Cadastro = {
+ *   email: string;
+ * }
+ * <Form<Cadastro> onSubmit={({email}) => {}}>
+ *  ...
+ * </Form>
+ */
+declare function Form(props: IFormProps<any>): JSX.Element;
+declare function Form<T extends FieldValues>(props: IFormProps<T>): JSX.Element;
+
+declare const useForm: <TValues extends FieldValues>({ disableDefaultValuesUpdate, onSubmit, ...rest }: IUseFormProps<TValues>) => {
+    onSubmit: (e?: react.BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
+    watch: react_hook_form.UseFormWatch<TValues>;
+    getValues: react_hook_form.UseFormGetValues<TValues>;
+    getFieldState: react_hook_form.UseFormGetFieldState<TValues>;
+    setError: react_hook_form.UseFormSetError<TValues>;
+    clearErrors: react_hook_form.UseFormClearErrors<TValues>;
+    setValue: react_hook_form.UseFormSetValue<TValues>;
+    trigger: react_hook_form.UseFormTrigger<TValues>;
+    formState: react_hook_form.FormState<TValues>;
+    resetField: react_hook_form.UseFormResetField<TValues>;
+    reset: react_hook_form.UseFormReset<TValues>;
+    handleSubmit: react_hook_form.UseFormHandleSubmit<TValues, undefined>;
+    unregister: react_hook_form.UseFormUnregister<TValues>;
+    control: react_hook_form.Control<TValues, any>;
+    register: react_hook_form.UseFormRegister<TValues>;
+    setFocus: react_hook_form.UseFormSetFocus<TValues>;
+};
+
+declare function FormProvider<TFieldValues extends FieldValues>({ children, style, onSubmit, ...methods }: IFormProviderProps<TFieldValues>): react_jsx_runtime.JSX.Element;
+
+type ControllerTextField = Omit<ControllerProps, 'render' | 'control'>;
+type Masks = 'cpf' | 'cnpj' | 'cpfCnpj' | 'cep' | 'telefone' | 'decimal' | 'decimal3' | 'decimal4' | 'decimal5' | 'porcentagem' | 'porcentagem0' | 'nome' | 'numero' | 'numeroPontuacao' | 'placa' | 'valor';
+type TextFieldProps = TextFieldProps$1 & ControllerTextField & {
+    mask?: Masks;
+    /**
+     * @description Função que será executada quando o valor do input for alterado
+     * @param value valor atual do Field
+     * @param values valores atuais do Form
+     *
+     * @example  onInputChange={(values,values) => console.log({value, values})}
+     */
+    onInputChange?: (value: string, values: FieldValues) => void;
+    /**
+     * @param value Valor do input
+     * @returns Valor formatado para o input
+     *
+     * @example
+     * <TextField mask="cpf" parse={(value) => value.replace(/\D/g, '')} />
+     */
+    parse?: (value: string) => string;
+    /**
+     * @param value Valor do input formatado
+     * @returns Valor sem formatação para o input
+     *
+     * @example
+     * <TextField mask="cpf" format={(value) => value.replace(/\D/g, '')} />
+     */
+    format?: (value: string) => string;
+    /**
+     * É o conteúdo passado para a tooltip que renderizará ao lado da label do campo,
+     * montada à tela como um ícone de informação.
+     */
+    info?: React.ReactNode;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const _default$6: react.MemoExoticComponent<({ name, rules, defaultValue, shouldUnregister, label, required, mask, variant, info, parse, inputMode, format, onInputChange, disableIconError, ...rest }: TextFieldProps) => react_jsx_runtime.JSX.Element>;
+
+declare const _default$5: react.MemoExoticComponent<({ name, rules, defaultValue, shouldUnregister, label, required, options, placeholder, clearable, disableOnChangeForm, multiple, info, footer, onChange: onChangeProp, disableIconError, variant, ...rest }: SelectProps) => react_jsx_runtime.JSX.Element>;
+
+type ControllerSelect = Omit<ControllerProps, 'render' | 'control'>;
+type SelectOption = {
+    label: string;
+    value: string | number | readonly string[] | undefined;
+    afterLabel?: string | React.ReactNode;
+};
+type FooterProps = {
+    closeSelect: () => void;
+};
+type SelectProps = Omit<SelectProps$1, 'onChange'> & ControllerSelect & {
+    /**
+     * As opções que serão renderizadas no select
+     *
+     * @type {SelectOption[]}
+     *
+     * @example
+     * options: [
+     * { label: 'Option 1', value: 'option1' },
+     * { label: 'Option 2', value: 'option2' },
+     * ]
+     */
+    options: SelectOption[];
+    onChange?: (value: any, values: FieldValues) => void;
+    /**
+     * Desabilita o onChange do select, para que o onChange do form não seja disparado
+     *
+     * @type {boolean}
+     * @default false
+     *
+     * @example
+     * <Select name="select" options={options} disableOnChangeForm />
+     */
+    disableOnChangeForm?: boolean;
+    /**
+     * Função que renderiza o footer do select (opcional) - recebe como parâmetro a função closeSelect que fecha o select
+     * @param {FooterProps} props
+     *
+     * @example
+     * footer: ({ closeSelect }) => (
+     * <Button onClick={closeSelect}>Fechar</Button>
+     * )
+     *
+     */
+    footer?: (props: FooterProps) => React.ReactNode;
+    /**
+     * É o conteúdo passado para a tooltip que renderizará ao lado da label do campo,
+     * montada à tela como um ícone de informação.
+     */
+    info?: React.ReactNode;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <Select disableIconError />
+     */
+    disableIconError?: boolean;
+    /**
+     * Habilita ícone no endAdornment para limpar o valor do campo.
+     * @default false
+     *
+     * @example
+     * <Select clearable />
+     */
+    clearable?: boolean;
+};
+
+type ControllerSearchable = Omit<ControllerProps, 'render' | 'control'>;
+type SearchableOption = {
+    key?: string | number;
+    label: string;
+    value: string | number | readonly string[] | undefined;
+    afterLabel?: string | React.ReactNode;
+} | string;
+type SearchableProps = Omit<AutocompleteProps$1<SearchableOption, true, true, true>, 'renderInput' | 'size' | 'onInputChange' | 'onChange'> & ControllerSearchable & {
+    /**
+     * Opções do autocomplete
+     * @default []
+     *
+     * @example
+     * [
+     * { label: 'Opção 1', value: '1' },
+     * ]
+     *
+     * @type {SearchableOption[]}
+     * @memberof SearchableProps
+     */
+    options: SearchableOption[];
+    /**
+     * Props do textField que é renderizado dentro do autocomplete
+     * @default {}
+     * @type {TextFieldProps}
+     * @memberof SearchableProps
+     */
+    textFieldProps?: TextFieldProps$1;
+    label?: React.ReactNode;
+    required?: boolean;
+    /**
+     * Texto que será exibido quando não houver opções para serem exibidas
+     * @default 'Nenhuma opção encontrada'
+     */
+    noOptionsText?: string;
+    /**
+     * Componente que renderiza no footer do searchable (opcional)
+     *
+     * @example
+     * footer: (
+     * <Button onClick={handleClick}>Mostrar mais...</Button>
+     * )
+     *
+     *
+     */
+    footer?: React.ReactNode;
+    /**
+     * É o conteúdo passado para a tooltip que renderizará ao lado da label do campo,
+     * montada à tela como um ícone de informação.
+     */
+    info?: React.ReactNode;
+    onInputChange?: (value: string, values: FieldValues) => void;
+    onChange?: (value: any, values: FieldValues) => void;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+    placeholder?: string;
+};
+
+declare const _default$4: react.MemoExoticComponent<({ name, rules, defaultValue, shouldUnregister, label, required, options, textFieldProps, noOptionsText, footer, multiple, info, placeholder, onChange: onChangeProp, onInputChange, disableIconError, ...rest }: SearchableProps) => react_jsx_runtime.JSX.Element>;
+
+type ControllerCreatable = Omit<ControllerProps, 'render' | 'control'>;
+type CreatableOption = {
+    key?: string | number;
+    label: string;
+    value?: string | number | readonly string[] | undefined;
+    afterLabel?: string | React.ReactNode;
+} | string;
+type CreatableProps = Omit<AutocompleteProps$1<CreatableOption, true, true, true>, 'renderInput' | 'size' | 'onInputChange' | 'onChange'> & ControllerCreatable & {
+    /**
+     * Opções do autocomplete
+     * @default []
+     *
+     * @example
+     * [
+     * { label: 'Opção 1', value: '1' },
+     * ]
+     *
+     * @type {CreatableOption[]}
+     * @memberof CreatableProps
+     */
+    options: CreatableOption[];
+    /**
+     * Props do textField que é renderizado dentro do autocomplete
+     * @default {}
+     * @type {TextFieldProps}
+     * @memberof CreatableProps
+     */
+    textFieldProps?: TextFieldProps$1;
+    /**
+     * Label do autocomplete
+     * @default ''
+     * @type {string}
+     * @memberof CreatableProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Adiciona um * ao label do autocomplete para indicar que o campo é obrigatório
+     * @default false
+     * @type {boolean}
+     * @memberof CreatableProps
+     */
+    required?: boolean;
+    /**
+     * Função que será executada quando o usuário clicar no botão de criar uma nova opção
+     * @default () => {}
+     * @type {(value: string) => void}
+     * @memberof CreatableProps
+     */
+    onCreateOption?: (value: string | Record<string, unknown>) => void;
+    /**
+     * Quando true, o botão de criar uma nova opção externo não será renderizado
+     * @default false
+     * @type {boolean}
+     * @memberof CreatableProps
+     */
+    hideAddButton?: boolean;
+    /**
+     *
+     * @default false
+     * @type {boolean}
+     * @memberof CreatableProps
+     */
+    editable?: boolean;
+    /**
+     * Função que será executada quando o usuário clicar no botão de editar uma opção
+     * @default () => {}
+     * @type {(value) => void}
+     * @memberof CreatableProps
+     */
+    onEditOption?: (value: any) => void;
+    /**
+     * Componente que renderiza no footer do creatable (opcional)
+     *
+     * @example
+     * footer: (
+     * <Button onClick={handleClick}>Mostrar mais...</Button>
+     * )
+     *
+     *
+     */
+    footer?: React.ReactNode;
+    /**
+     * É o conteúdo passado para a tooltip que renderizará ao lado da label do campo,
+     * montada à tela como um ícone de informação.
+     */
+    info?: React.ReactNode;
+    onInputChange?: (value: string, values: FieldValues) => void;
+    onChange?: (value: any, values: FieldValues) => void;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+    placeholder?: string;
+};
+
+declare const _default$3: react.MemoExoticComponent<({ name, rules, defaultValue, shouldUnregister, label, required, options, editable, footer, onEditOption, onCreateOption, textFieldProps, hideAddButton, multiple, info, onChange: onChangeProp, onInputChange, placeholder, disableIconError, ...rest }: CreatableProps) => react_jsx_runtime.JSX.Element>;
+
+type ControllerCheckbox = Omit<ControllerProps, 'render' | 'control'>;
+type CheckboxProps = CheckboxProps$1 & ControllerCheckbox & {
+    /**
+     * O nome do checkbox que será renderizado na tela
+     * @default ''
+     * @example 'Nome do checkbox'
+     * @type string
+     * @memberof CheckboxProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Posição do label em relação ao checkbox
+     * @default 'end'
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     * @example
+     * <Checkbox label="Checkbox" labelPlacement="start" />
+     */
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const Checkbox: ({ name, rules, defaultValue, shouldUnregister, label, labelPlacement, required, disableIconError, onChange: onChangeProp, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
+type ControllerSwitch = Omit<ControllerProps, 'render' | 'control'>;
+type SwitchProps = SwitchProps$1 & ControllerSwitch & {
+    /**
+     * O nome do switch que será renderizado na tela
+     * @default ''
+     * @example 'Nome do switch'
+     * @type React.ReactNode
+     * @memberof SwitchProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Posição do label em relação ao switch
+     * @default 'end'
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     * @example
+     * <Switch label="Switch" labelPlacement="start" />
+     */
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const Switch: ({ name, rules, defaultValue, shouldUnregister, label, labelPlacement, disableIconError, onChange: onChangeProp, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+type RadioProps = RadioProps$1 & {
+    /**
+     * O nome do checkbox que será renderizado na tela
+     * @default ''
+     * @example 'Nome do checkbox'
+     * @type React.ReactNode
+     * @memberof RadioProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Posição do label em relação ao checkbox
+     * @default 'end'
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     * @example
+     * <Radio label="Radio" labelPlacement="start" />
+     */
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+};
+
+declare const RadioButton: ({ label, labelPlacement, ...rest }: RadioProps) => react_jsx_runtime.JSX.Element;
+
+type ControllerRadioGroup = Omit<ControllerProps, 'render' | 'control'>;
+type RadioGroupProps = RadioGroupProps$1 & ControllerRadioGroup & {
+    /**
+     * O nome do checkbox que será renderizado na tela
+     * @default ''
+     * @example 'Nome do checkbox'
+     * @type React.ReactNode
+     * @memberof RadioGroupProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Adiciona um asterisco ao label do radioGroup
+     * @default false
+     * @type boolean
+     * @memberof RadioGroupProps
+     */
+    required?: boolean;
+    /**
+     * Parte interna do componente para renderizar os RadiosButtons
+     * @default []
+     * @type ReactNode
+     * @memberof RadioGroupProps
+     * @example
+     * <Radio value="1" label="Radio 1" />
+     * <Radio value="2" label="Radio 2" />
+     */
+    children: React.ReactNode;
+    /**
+     * Define a orientação dos radios buttons dentro do radioGroup
+     * @default 'row'
+     * @type 'row' | 'column'
+     * @memberof RadioGroupProps
+     */
+    orientation?: 'row' | 'column';
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const RadioGroup: ({ name, rules, defaultValue, shouldUnregister, label, required, children, orientation, disableIconError, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+type ControllerSlider = Omit<ControllerProps, 'render' | 'control'>;
+type SliderProps = SliderProps$1 & ControllerSlider & {
+    /**
+     * O nome do switch que será renderizado na tela
+     * @default ''
+     * @example 'Nome do switch'
+     * @type string
+     * @memberof SliderProps
+     */
+    label?: string;
+    /**
+     * Posição do label em relação ao switch
+     * @default 'end'
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     * @example
+     * <Slider label="Slider" labelPlacement="start" />
+     */
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+};
+
+declare const Slider: ({ name, rules, defaultValue, shouldUnregister, ...rest }: SliderProps) => react_jsx_runtime.JSX.Element;
+
+type DatePickerProps = Omit<UseControllerProps, 'control'> & Pick<TextFieldProps$1, 'label' | 'error' | 'helperText' | 'size' | 'fullWidth' | 'variant' | 'autoFocus' | 'placeholder'> & {
+    datePickerProps?: Partial<DatePickerProps$1<any>>;
+    /**
+     * Se `true` irá adicionar um asterisco ao label do campo
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Se `true` irá desabilitar o campo e não será possível interagir com ele
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const _default$2: react.MemoExoticComponent<({ rules, name, defaultValue, shouldUnregister, datePickerProps, label, required, placeholder, disabled, disableIconError, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element>;
+
+type TimePickerProps = Omit<UseControllerProps, 'control'> & Pick<TextFieldProps$1, 'label' | 'error' | 'helperText' | 'size' | 'fullWidth' | 'variant' | 'autoFocus' | 'placeholder'> & {
+    timePickerProps?: Partial<TimePickerProps$1<any>>;
+    /**
+     * Se `true` irá adicionar um asterisco ao label do campo
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Se `true` irá desabilitar o campo e não será possível interagir com ele
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};
+
+declare const _default$1: react.MemoExoticComponent<({ rules, defaultValue, shouldUnregister, name, required, label, timePickerProps, placeholder, disabled, disableIconError, ...rest }: TimePickerProps) => react_jsx_runtime.JSX.Element>;
+
+type AutoCompleteOption = {
+    key?: string | number;
+    label: string;
+    value: string | number | readonly string[] | undefined;
+    afterLabel?: string | React.ReactNode;
+};
+type AutocompleteProps<T = any> = Omit<UseControllerProps, 'control'> & Omit<AutocompleteProps$1<T, any, any, any>, 'renderInput' | 'size' | 'onInputChange' | 'onChange' | 'options'> & {
+    /**
+     * Opções do autocomplete
+     * @default []
+     *
+     * @example
+     * [
+     * { label: 'Opção 1', value: '1' },
+     * ]
+     *
+     * @type {AutoCompleteOption[]}
+     * @memberof AutocompleteProps
+     */
+    options: AutoCompleteOption[];
+    /**
+     * Props do textField que é renderizado dentro do autocomplete
+     * @default {}
+     * @type {TextFieldProps}
+     * @memberof AutocompleteProps
+     */
+    textFieldProps?: TextFieldProps$1;
+    label?: React.ReactNode;
+    required?: boolean;
+    onInputChange?: (value: string, values: FieldValues) => void;
+    onChange?: (value: any, values: FieldValues) => void;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+    placeholder?: string;
+};
+
+declare const _default: react.MemoExoticComponent<({ name, defaultValue, rules, shouldUnregister, label, required, noOptionsText, placeholder, onInputChange, onChange, disableIconError, ...rest }: AutocompleteProps) => react_jsx_runtime.JSX.Element>;
+
+type FieldLabelProps = {
+    label: React.ReactNode;
+    required?: boolean;
+    regular?: boolean;
+};
+
+declare const FieldLabel: ({ label, required, regular }: FieldLabelProps) => react_jsx_runtime.JSX.Element;
+
+export { _default as Autocomplete, AutocompleteProps, Checkbox, CheckboxProps, _default$3 as Creatable, CreatableOption, CreatableProps, _default$2 as DatePicker, DatePickerProps, FieldLabel, FieldLabelProps, FooterProps, Form, FormProvider, IFormProps, IFormProviderProps, IUseFormProps, RadioButton, RadioGroup, RadioGroupProps, RadioProps, _default$4 as Searchable, SearchableOption, SearchableProps, _default$5 as Select, SelectOption, SelectProps, Slider, SliderProps, Switch, SwitchProps, _default$6 as TextField, TextFieldProps, _default$1 as TimePicker, TimePickerProps, useForm };

package/dist/index.mjs

@@ -0,0 +1,68 @@
+import{FormProvider as Ve}from"react-hook-form";import{jsx as de}from"react/jsx-runtime";function Re({children:e,style:r,onSubmit:i,...t}){return de(Ve,{...t,children:de("form",{onSubmit:n=>{n.preventDefault(),n.stopPropagation(),i(n)},style:r,children:e})})}var ie=Re;import{useEffect as Ee}from"react";import{useForm as Be}from"react-hook-form";import{zodResolver as Ae}from"@hookform/resolvers/zod";var De=({disableDefaultValuesUpdate:e,onSubmit:r,...i})=>{let t=Be({...i,resolver:i.schema&&Ae(i.schema)});return Ee(()=>{e||t.reset(i.defaultValues)},[i.defaultValues,t.reset]),{...t,onSubmit:t.handleSubmit(n=>r(n,t))}},le=De;import{jsx as ze}from"react/jsx-runtime";function $e({children:e,style:r,...i}){let t=le(i);return ze(ie,{...t,style:r,children:typeof e=="function"?e(t):e})}var Me=$e;import{memo as He,useState as We}from"react";import{Controller as Ye,useFormContext as Je}from"react-hook-form";import{Grid as ne,InputAdornment as Ke,TextField as Xe}from"@mui/material";import{lineEye as Qe,lineEyeSlash as Ze,lineInfoCircle as eo}from"@s_mart/solid-icons";import*as ue from"@s_mart/masks";import{Typography as pe}from"@mui/material";import{toRem as qe}from"@s_mart/utils";import{jsx as me,jsxs as Oe}from"react/jsx-runtime";var _e=({label:e,required:r,regular:i})=>Oe("span",{style:{display:"flex",alignItems:"center",gap:qe(2)},children:[me(pe,{variant:"caption",fontWeight:i?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&me(pe,{variant:"caption",fontWeight:900,color:"error",children:"*"})]}),v=_e;import{useFormContext as Ue}from"react-hook-form";import{Indicator as je}from"@s_mart/core";var V=(e,r)=>r.replace(/[[\]]/g,"").split(".").reduce((t,n)=>t?.[n],e);import{jsx as Ne}from"react/jsx-runtime";var T=({name:e,disableIcon:r})=>{let i=Ue(),t=V(i?.formState?.errors,e);return t?Ne(je,{severity:"error",icon:r?!1:void 0,children:t?.message}):null};import{LIcon as fe,Tooltip as oo}from"@s_mart/core";import{jsx as B,jsxs as ce}from"react/jsx-runtime";var ro=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,required:b,mask:m,variant:g="outlined",info:I,parse:c,inputMode:u,format:a,onInputChange:F,disableIconError:d,...x})=>{let P=Je();if(!P)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[s,C]=We(!1),p=l=>{let o=l;return a&&(o=a(l)),m?ue?.[m]?.format(o):o},f=l=>{let o=l;return c&&(o=c(l)),m?ue?.[m]?.parse(o):o},R=l=>{if(!l||m!=="porcentagem"&&m!=="porcentagem0")return;l?.stopPropagation();let o=(l?.target).value;if(o){let E=String(o);if(E.length>0){let w=E.indexOf("%");w>-1&&(l.currentTarget.selectionEnd=w)}}},z=V(P.formState.errors,e);return B(Ye,{control:P.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:l,onChange:o,ref:E}})=>ce(ne,{display:"flex",flexDirection:"column",children:[ce("div",{style:{display:"flex"},children:[n&&B(ne,{item:!0,children:B(v,{label:n,required:b})}),I&&B(ne,{item:!0,children:B(oo,{title:I,placement:"top",children:B("div",{style:{width:"fit-content"},children:B(fe,{icon:eo,color:"#757575"})})})})]}),B(Xe,{variant:g,defaultValue:i,value:p(l||(l!=0?"":l)),onChange:w=>{let N=f(w?.target?.value);o(N),F?.(N,P.getValues())},error:!!z,...x,type:x.type==="password"?s?"text":"password":x.type,autoComplete:x.autoComplete||"off",inputProps:{inputMode:u,...x.inputProps},InputProps:{onKeyDown:R,inputRef:E,endAdornment:x.type==="password"&&B(Ke,{position:"start",onClick:()=>C(!s),style:{cursor:"pointer"},children:B(fe,{icon:s?Qe:Ze,size:"24px",removeMargin:!0})}),...x.InputProps}},e),B(T,{name:e,disableIcon:d})]})})},to=He(ro);import{memo as io,useState as lo}from"react";import{Controller as no,useFormContext as ao}from"react-hook-form";import{Divider as so,IconButton as po,LIcon as xe,Tooltip as mo}from"@s_mart/core";import{lineTimes as uo}from"@s_mart/regular-icons";import{lineInfoCircle as fo}from"@s_mart/solid-icons";import{colorPalette as co}from"@s_mart/tokens";import{Grid as _,Select as xo,MenuItem as yo,useTheme as Fo}from"@mui/material";import{Fragment as ho,jsx as L,jsxs as W}from"react/jsx-runtime";var Po=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,required:b,options:m,placeholder:g,clearable:I,disableOnChangeForm:c=!1,multiple:u,info:a,footer:F,onChange:d,disableIconError:x,variant:P="outlined",...s})=>{let C=ao(),{palette:p}=Fo(),[f,R]=lo(!1);if(!C)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let z=V(C.formState.errors,e);return console.warn=()=>{},L(no,{control:C.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:l,onChange:o,ref:E}})=>W(_,{display:"flex",flexDirection:"column",children:[W("div",{style:{display:"flex"},children:[n&&L(_,{item:!0,children:L(v,{label:n,required:b})}),a&&L(_,{item:!0,children:L(mo,{title:a,placement:"top",children:L("div",{style:{width:"fit-content"},children:L(xe,{icon:fo,color:"#757575"})})})})]}),W(xo,{open:f,onOpen:()=>R(!0),onClose:()=>R(!1),displayEmpty:!!g,variant:P,autoComplete:"off",value:l?l||"":u?[]:"",renderValue:w=>{if(w.label)return w.label;if(g)return L("p",{style:{color:p.grey[400]},children:g})},multiple:u,onChange:w=>{!c&&o(w.target.value),d&&d(w.target.value,C.getValues())},error:!!z,size:s.size||"medium",inputRef:E,...s,endAdornment:W(ho,{children:[s.endAdornment,!!(I&&l)&&L(po,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Clear",title:"Clear",onClick:()=>{!c&&o(null),d&&d(null,C.getValues())},children:L(xe,{icon:uo,color:co.neutral[100],size:"25px",removeMargin:!0})})]}),children:[m?.map((w,N)=>L(yo,{value:w,children:W(_,{container:!0,direction:"column",children:[L(_,{item:!0,children:w.label}),w.afterLabel&&L(_,{item:!0,children:w.afterLabel})]})},N)),F&&[L(_,{px:2,py:1,children:L(so,{})},"footer-divider"),L("div",{children:F({closeSelect:()=>R(!1)})},"footer-content")]]},e),L(T,{name:e,disableIcon:x})]})})},bo=io(Po);import{forwardRef as go,memo as Co}from"react";import{Controller as vo,useFormContext as Io}from"react-hook-form";import{Grid as M,Autocomplete as To,TextField as ko}from"@mui/material";import{Divider as ye,LIcon as wo,Tooltip as So}from"@s_mart/core";import{lineInfoCircle as Go}from"@s_mart/solid-icons";import{colorPalette as Lo}from"@s_mart/tokens";import{Fragment as X,jsx as G,jsxs as O}from"react/jsx-runtime";import{createElement as Fe}from"react";var Vo=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,required:b,options:m,textFieldProps:g,noOptionsText:I,footer:c,multiple:u,info:a,placeholder:F,onChange:d,onInputChange:x,disableIconError:P,...s})=>{let C=Io();if(!C)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let p=V(C.formState.errors,e);return console.warn=()=>{},G(vo,{control:C.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{onChange:f,value:R,ref:z}})=>O(M,{display:"flex",flexDirection:"column",children:[O("div",{style:{display:"flex"},children:[n&&G(M,{item:!0,children:G(v,{label:n,required:b})}),a&&G(M,{item:!0,children:G(So,{title:a,placement:"top",children:G("div",{style:{width:"fit-content"},children:G(wo,{icon:Go,color:"#757575"})})})})]}),G(To,{onChange:(l,o)=>{f(o),d?.(o,C.getValues())},onInputChange:(l,o,E)=>{E==="input"&&setTimeout(()=>{x?.(o,C.getValues())},0)},slotProps:{...s.slotProps||{},paper:{...(s.slotProps||{}).paper||{},sx:{border:`1px solid ${Lo.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(s.slotProps||{}).paper?.sx||{}}}},value:R||(u?[]:null),options:m,multiple:u,readOnly:s.disabled,noOptionsText:O(X,{children:[I||"Nenhum resultado encontrado",c?O(X,{children:[G(M,{py:1,children:G(ye,{})}),c]}):null]}),isOptionEqualToValue:(l,o)=>typeof l=="string"&&typeof o=="string"?l===o:typeof l=="object"&&typeof o=="object"?typeof l.value=="object"&&typeof o.value=="object"&&l.key!==void 0&&o.key!==void 0?l.key===o.key:l.value===o.value:!1,renderOption:(l,o)=>typeof o=="object"?Fe("li",{...l,key:o.key||o.value},O(M,{container:!0,direction:"column",children:[G(M,{item:!0,children:o.label}),o.afterLabel&&G(M,{item:!0,children:o.afterLabel})]})):Fe("li",{...l,key:o},o),ListboxComponent:go(function(o,E){return O(X,{children:[G("ul",{...o,ref:E}),!!c&&G("div",{...o,children:O(X,{children:[G(M,{px:2,py:1,children:G(ye,{})}),c]})},"searchable-footer")]})}),...s,renderInput:l=>G(ko,{error:!!p,placeholder:F,...l,...g,inputRef:z})},e),G(T,{name:e,disableIcon:P})]})})},Ro=Co(Vo);import{forwardRef as Ao,memo as Do}from"react";import{Controller as $o,useFormContext as Mo}from"react-hook-form";import{isObject as zo,isEmpty as qo}from"lodash-es";import{Grid as U,Autocomplete as _o,TextField as Oo}from"@mui/material";import{LIcon as Z,Tooltip as Uo,Button as jo,Divider as No}from"@s_mart/core";import{colorPalette as Ho}from"@s_mart/tokens";import{linePlus as ge,linePen as Wo,lineInfoCircle as Yo}from"@s_mart/solid-icons";import{toRem as Ce}from"@s_mart/utils";import{toRem as Q}from"@s_mart/utils";import Eo from"@emotion/styled";import{css as Pe}from"@emotion/react";var be=Pe`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Bo=e=>Pe`
+  .creatable,
+  .editable {
+    ${be}
+
+    .divider {
+      width: 1px;
+      height: ${Q(20)};
+      background-color: ${e.palette.grey[400]};
+    }
+
+    .button {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: ${e.palette.grey[600]};
+      border-radius: 50%;
+
+      margin: 0 ${Q(6)};
+      width: ${Q(28)};
+      height: ${Q(28)};
+
+      &:hover {
+        cursor: pointer;
+        background-color: ${e.palette.grey[100]};
+        transition: background-color 0.2s ease-in-out;
+      }
+    }
+  }
+`,he=Eo.div`
+  display: flex;
+
+  div.endAdornments {
+    position: absolute;
+    right: 0;
+
+    ${be}
+  }
+
+  .MuiAutocomplete-endAdornment {
+    position: relative;
+    right: 0;
+  }
+
+  ${({hideAddButton:e,theme:r})=>!e&&Bo(r)}
+`;import{Fragment as ae,jsx as h,jsxs as A}from"react/jsx-runtime";import{createElement as ve}from"react";var Jo=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,required:b,options:m,editable:g,footer:I,onEditOption:c,onCreateOption:u,textFieldProps:a,hideAddButton:F,multiple:d,info:x,onChange:P,onInputChange:s,placeholder:C,disableIconError:p,...f})=>{let R=Mo();if(!R)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let z=V(R.formState.errors,e),l=F||f.disabled,o=k=>{let q=0;return a?.InputProps||(q+=2.5),l||(q+=2.56,E(k)&&(q+=2.56)),!f.disableClearable&&!f.disabled&&(q+=1.3),q+"rem"},E=k=>f.disabled?!1:g&&zo(k)&&!qo(k);console.warn=()=>{};let w=k=>{u?u(k):console.error("onCreateOption n\xE3o foi definido")},N=k=>{c?c(k):console.error("onEditOption n\xE3o foi definido")};return h($o,{control:R.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:k,onChange:q,ref:Le}})=>{let se=k?.label||k?.value||k;return A(U,{display:"flex",flexDirection:"column",children:[A("div",{style:{display:"flex"},children:[n&&h(U,{item:!0,children:h(v,{label:n,required:b})}),x&&h(U,{item:!0,children:h(Uo,{title:x,placement:"top",children:h("div",{style:{width:"fit-content"},children:h(Z,{icon:Yo,color:"#757575"})})})})]}),h(he,{hideAddButton:l,children:h(_o,{fullWidth:!0,onChange:(S,y)=>{q(y),P?.(y,R.getValues())},onInputChange:(S,y,te)=>{te==="input"&&setTimeout(()=>{s?.(y,R.getValues())},0)},slotProps:{...f.slotProps||{},paper:{...(f.slotProps||{}).paper||{},sx:{border:`1px solid ${Ho.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(f.slotProps||{}).paper?.sx||{}}}},options:m,value:k||(d?[]:null),multiple:d,readOnly:f.disabled,noOptionsText:l?void 0:A(jo,{sx:{justifyContent:"flex-start",padding:`${Ce(6)} ${Ce(-16)}`,margin:0},fullWidth:!0,onClick:()=>w(k),variant:"text",startIcon:h(Z,{icon:ge}),children:["Adicionar ",se&&`"${se}"`]}),isOptionEqualToValue:(S,y)=>y?typeof S=="string"&&typeof y=="string"?S===y:typeof S=="object"&&typeof y=="object"?typeof S.value=="object"&&typeof y.value=="object"&&S.key!==void 0&&y.key!==void 0?S.key===y.key:S.value===y.value:typeof S=="object"&&typeof y=="string":!1,renderOption:(S,y)=>typeof y=="object"?ve("li",{...S,key:y.key||y.value},A(U,{container:!0,direction:"column",children:[h(U,{item:!0,children:y.label}),y.afterLabel&&h(U,{item:!0,children:y.afterLabel})]})):ve("li",{...S,key:y},y),ListboxComponent:Ao(function(y,te){return A(ae,{children:[h("ul",{...y,ref:te}),!!I&&h("div",{...y,children:A(ae,{children:[h(U,{px:2,py:1,children:h(No,{})}),I]})},"creatable-footer")]})}),...f,sx:{"& div.MuiInputBase-root":{paddingRight:`${o(k)} !important`},...f.sx},renderInput:S=>h(Oo,{placeholder:C,...S,error:!!z,InputProps:{...S.InputProps,inputRef:Le,endAdornment:A("div",{className:"endAdornments",children:[S.InputProps.endAdornment,!l&&A(ae,{children:[E(k)?A("div",{className:"editable",children:[h("div",{className:"divider"}),h("div",{className:"button",onClick:()=>N(k),children:h(Z,{icon:Wo,size:"24px",removeMargin:!0})})]}):null,A("div",{className:"creatable",children:[h("div",{className:"divider"}),h("div",{className:"button",onClick:()=>w(k),children:h(Z,{icon:ge,size:"24px",removeMargin:!0})})]})]})]})},...a})},e)}),h(T,{name:e,disableIcon:p})]})}})},Ko=Do(Jo);import{Controller as Xo,useFormContext as Qo}from"react-hook-form";import{Grid as Zo,Checkbox as er,FormControlLabel as or}from"@mui/material";import{jsx as Y,jsxs as ir}from"react/jsx-runtime";var rr=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,labelPlacement:b,required:m,disableIconError:g,onChange:I,...c})=>{let u=Qo();if(!u)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Y(Xo,{control:u.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:a,onChange:F}})=>ir(Zo,{display:"flex",flexDirection:"column",children:[Y(or,{control:Y(er,{checked:!!a,value:a??"",defaultValue:a,onChange:(d,x)=>{F(d,x),I?.(d,x)},...c},e),label:Y(v,{label:n,required:m,regular:!0}),labelPlacement:b||"end"}),Y(T,{name:e,disableIcon:g})]})})},tr=rr;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 J,jsxs as ur}from"react/jsx-runtime";var pr=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,labelPlacement:b,disableIconError:m,onChange:g,...I})=>{let c=nr();if(!c)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return J(lr,{control:c.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:u,onChange:a}})=>ur(ar,{display:"flex",flexDirection:"column",children:[J(dr,{control:J(sr,{value:u??"",checked:u??!1,defaultValue:u,onChange:(F,d)=>{a(F,d),g?.(F,d)},...I},e),label:J(v,{label:n}),labelPlacement:b||"end"}),J(T,{name:e,disableIcon:m})]})})},mr=pr;import{Grid as fr,Radio as cr,FormControlLabel as xr}from"@mui/material";import{jsx as ee}from"react/jsx-runtime";var yr=({label:e,labelPlacement:r,...i})=>ee(fr,{display:"flex",flexDirection:"column",children:ee(xr,{control:ee(cr,{...i}),label:ee(v,{label:e}),labelPlacement:r||"end"})}),Fr=yr;import{Controller as Pr,useFormContext as br}from"react-hook-form";import{Grid as hr,RadioGroup as gr}from"@mui/material";import{jsx as oe,jsxs as Ir}from"react/jsx-runtime";var Cr=({name:e,rules:r,defaultValue:i,shouldUnregister:t,label:n,required:b,children:m,orientation:g="row",disableIconError:I,...c})=>{let u=br();if(!u)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return oe(Pr,{control:u.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:a,onChange:F}})=>Ir(hr,{display:"flex",flexDirection:"column",children:[n&&oe(v,{label:n,required:b}),oe(gr,{value:a||"",name:e,...c,onChange:d=>{c?.onChange?.(d,d.target?.value),F(d)},style:{display:"flex",flexDirection:g},children:m},e),oe(T,{name:e,disableIcon:I})]})})},vr=Cr;import{Controller as Tr,useFormContext as kr}from"react-hook-form";import{Slider as wr}from"@mui/material";import{jsx as Ie}from"react/jsx-runtime";var Sr=({name:e,rules:r,defaultValue:i,shouldUnregister:t,...n})=>{let b=kr();if(!b)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Ie(Tr,{control:b.control,name:e,rules:r,defaultValue:i,shouldUnregister:t,render:({field:{value:m,onChange:g}})=>Ie(wr,{value:m||n?.min||0,onChange:g,valueLabelDisplay:"auto",...n},e)})},Gr=Sr;import{memo as Br}from"react";import{Controller as Ar,useFormContext as Dr}from"react-hook-form";import{Grid as $r}from"@s_mart/core";import{composeValidators as Mr,date as ke}from"@s_mart/rules";import{TextField as zr}from"@mui/material";import{DatePicker as qr}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as _r}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as Or}from"@mui/x-date-pickers/LocalizationProvider";import{ptBR as Ur}from"@mui/x-date-pickers/locales/ptBR";import jr from"dayjs/locale/pt-br";import Lr from"@emotion/styled";import{IconButton as Vr}from"@mui/material";import{toRem as D}from"@s_mart/utils";var Rr=e=>{switch(e){case"small":return D(16);default:case"medium":return D(20);case"large":return D(24)}},Er=e=>{switch(e){case"small":return`${D(2)} ${D(8)}`;default:case"medium":return`${D(6)} ${D(8)}`;case"large":return`${D(10)}`}},Te=Lr(Vr)`
+  margin: 0px;
+
+  padding: ${({size:e})=>Er(e)};
+  border-radius: 0 ${D(4)} ${D(4)} 0;
+
+  svg {
+    width: ${({size:e})=>Rr(e)} !important;
+  }
+`;import{jsx as K,jsxs as Yr}from"react/jsx-runtime";import{createElement as Wr}from"react";var Nr=({rules:e,name:r,defaultValue:i,shouldUnregister:t,datePickerProps:n,label:b,required:m,placeholder:g,disabled:I,disableIconError:c,...u})=>{let a=Dr();if(!a)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let F=V(a.formState.errors,r),d=n?.format||"DD/MM/YYYY",x=e?Mr([ke(d),e]):ke(d);return K(Or,{dateAdapter:_r,adapterLocale:jr,localeText:Ur.components.MuiLocalizationProvider.defaultProps.localeText,children:K(Ar,{control:a.control,name:r,rules:x,defaultValue:i,shouldUnregister:t,render:({field:{value:P,onChange:s,ref:C}})=>Yr($r,{display:"flex",flexDirection:"column",children:[b&&K(v,{label:b,required:m}),Wr(qr,{...n,key:r,value:P??null,format:d,onChange:(p,f)=>{s(p,f),n?.onChange?.(p,f)},disabled:I,slots:{textField:zr,openPickerButton:p=>K(Te,{...p,size:u.size})},slotProps:{textField:p=>({variant:"outlined",...p,error:!!F,...u,inputProps:{...p.inputProps,placeholder:g||p.inputProps?.placeholder},InputProps:{...p.InputProps,inputRef(f){C(f),typeof p.inputRef=="function"&&p.inputRef(f)}}})}}),K(T,{name:r,disableIcon:c})]})})})},Hr=Br(Nr);import{memo as Zr}from"react";import{Controller as et,useFormContext as ot}from"react-hook-form";import{Grid as rt}from"@s_mart/core";import{composeValidators as tt,time as Se}from"@s_mart/rules";import{TextField as it}from"@mui/material";import{TimePicker as lt}from"@mui/x-date-pickers/TimePicker";import{AdapterDayjs as nt}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as at}from"@mui/x-date-pickers/LocalizationProvider";import{ptBR as st}from"@mui/x-date-pickers/locales/ptBR";import dt from"dayjs/locale/pt-br";import Jr from"@emotion/styled";import{IconButton as Kr}from"@mui/material";import{toRem as $}from"@s_mart/utils";var Xr=e=>{switch(e){case"small":return $(16);default:case"medium":return $(20);case"large":return $(24)}},Qr=e=>{switch(e){case"small":return`${$(2)} ${$(8)}`;default:case"medium":return`${$(6)} ${$(8)}`;case"large":return`${$(10)}`}},we=Jr(Kr)`
+  margin: 0px;
+
+  padding: ${({size:e})=>Qr(e)};
+  border-radius: 0 ${$(4)} ${$(4)} 0;
+
+  svg {
+    width: ${({size:e})=>Xr(e)} !important;
+  }
+`;import{jsx as H,jsxs as ut}from"react/jsx-runtime";var pt=({rules:e,defaultValue:r,shouldUnregister:i,name:t,required:n,label:b,timePickerProps:m,placeholder:g,disabled:I,disableIconError:c,...u})=>{let a=ot();if(!a)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let F=V(a.formState.errors,t),d=m?.format||"HH:mm",x=e?tt([Se(d),e]):Se(d);return H(at,{dateAdapter:nt,adapterLocale:dt,localeText:st.components.MuiLocalizationProvider.defaultProps.localeText,children:H(et,{control:a.control,name:t,rules:x,defaultValue:r,shouldUnregister:i,render:({field:{value:P,onChange:s,ref:C}})=>ut(rt,{display:"flex",flexDirection:"column",children:[b&&H(v,{label:b,required:n}),H(lt,{ampm:!1,format:d,value:P??null,disabled:I,...m,onChange:(p,f)=>{s(p,f),m?.onChange?.(p,f)},slots:{textField:it,openPickerButton:p=>H(we,{...p,size:u.size})},slotProps:{textField:p=>({variant:"outlined",...p,error:!!F,...u,inputProps:{...p.inputProps,placeholder:g||p.inputProps?.placeholder},InputProps:{...p.InputProps,inputRef(f){C(f),typeof p.inputRef=="function"&&p.inputRef(f)}}})}},t),H(T,{name:t,disableIcon:c})]})})})},mt=Zr(pt);import{memo as ft}from"react";import{Controller as ct,useFormContext as xt}from"react-hook-form";import{Autocomplete as yt,TextField as Ft}from"@mui/material";import{Grid as re}from"@s_mart/core";import{colorPalette as Pt}from"@s_mart/tokens";import{jsx as j,jsxs as Ge}from"react/jsx-runtime";import{createElement as gt}from"react";var bt=({name:e,defaultValue:r,rules:i,shouldUnregister:t,label:n,required:b,noOptionsText:m,placeholder:g,onInputChange:I,onChange:c,disableIconError:u,...a})=>{let F=xt();if(!F)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let d=V(F.formState.errors,e);return console.warn=()=>{},j(ct,{name:e,control:F.control,defaultValue:r,rules:i,shouldUnregister:t,render:({field:x})=>Ge(re,{display:"flex",flexDirection:"column",children:[n&&j(v,{label:n,required:b}),j(yt,{onChange:(P,s)=>{x.onChange(s),c?.(s,F.getValues())},onInputChange:(P,s,C)=>{C==="input"&&(x.onChange(s),setTimeout(()=>{I?.(s,F.getValues())},0))},slotProps:{...a.slotProps||{},paper:{...(a.slotProps||{}).paper||{},sx:{border:`1px solid ${Pt.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(a.slotProps||{}).paper?.sx||{}}}},isOptionEqualToValue:(P,s)=>P.value===s.value,renderOption:(P,s)=>gt("li",{...P,key:s.key||s.value,onClick:C=>{P.onClick?.(C),x.onChange(s)}},Ge(re,{container:!0,direction:"column",children:[j(re,{item:!0,children:s.label}),s.afterLabel&&j(re,{item:!0,children:s.afterLabel})]})),value:x.value||null,readOnly:a.disabled,noOptionsText:m||"Nenhuma op\xE7\xE3o encontrada",...a,renderInput:P=>j(Ft,{placeholder:g,...P,...a.textFieldProps,error:!!d,InputProps:{...P.InputProps,...a.textFieldProps?.InputProps,inputRef:x.ref,inputProps:{...P.inputProps,...a.textFieldProps?.InputProps?.inputProps}}})},e),j(T,{name:e,disableIcon:u})]})})},ht=ft(bt);export{ht as Autocomplete,tr as Checkbox,Ko as Creatable,Hr as DatePicker,v as FieldLabel,Me as Form,ie as FormProvider,Fr as RadioButton,vr as RadioGroup,Ro as Searchable,bo as Select,Gr as Slider,mr as Switch,to as TextField,mt as TimePicker,le as useForm};

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@s_mart/form",
+  "version": "0.0.0-font-awesome-20240308181754",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**"
+  ],
+  "dependencies": {
+    "@hookform/resolvers": "^3.1.0",
+    "dayjs": "^1.11.10",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/lodash-es": ">=4.17.12",
+    "lodash-es": "^4.17.21",
+    "tsup": "^6.7.0",
+    "typescript": "^5.2.2",
+    "@s_mart/core": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/masks": "0.0.0-font-awesome-20240308181754",
+    "eslint-config-smarten": "4.0.1",
+    "@s_mart/rules": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/solid-icons": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/regular-icons": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/tokens": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/typed": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/tsconfig": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/utils": "0.0.0-font-awesome-20240308181754"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.10.8",
+    "@emotion/styled": ">=11.10.8",
+    "@mui/material": ">=5.14.6",
+    "@mui/x-date-pickers": ">=6.3.0",
+    "@types/react": ">=18.2.5",
+    "@types/react-dom": ">=18.2.7",
+    "@types/lodash-es": ">=4.17.12",
+    "dayjs": "^1.11.10",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "react-hook-form": ">=7.36.1",
+    "typescript": ">=5.2.2",
+    "zod": ">=3.21.4",
+    "@s_mart/core": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/masks": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/rules": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/tokens": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/typed": "0.0.0-font-awesome-20240308181754",
+    "@s_mart/utils": "0.0.0-font-awesome-20240308181754"
+  },
+  "devDependencies": {
+    "eslint": "^8.47.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --minify --format esm --dts --external react",
+    "dev": "tsup src/index.tsx --format esm --watch --dts --external react",
+    "lint": "eslint src/**/*.ts* --fix"
+  }
+}