@ttoss/forms 0.24.0 → 0.24.2

package/dist/Brazil/index.js

@@ -50,8 +50,8 @@ module.exports = __toCommonJS(Brazil_exports);
 var src_exports = {};
 __export(src_exports, {
   Controller: () => import_react_hook_form6.Controller,
-  ErrorMessage: () => ErrorMessage,
   Form: () => Form,
+  FormErrorMessage: () => FormErrorMessage,
   FormField: () => FormField,
   FormFieldCheckbox: () => FormFieldCheckbox,
   FormFieldCreditCardNumber: () => FormFieldCreditCardNumber,
@@ -128,16 +128,40 @@ yup.addMethod(yup.string, "cnpj", function () {
 // src/yup/yup.ts
 var yup2 = __toESM(require("yup"));
 
-// src/ErrorMessage.tsx
-var import_react_hook_form = require("react-hook-form");
-var import_react_i18n2 = require("@ttoss/react-i18n");
+// src/Form.tsx
 var import_ui = require("@ttoss/ui");
-var import_error_message = require("@hookform/error-message");
+var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime = require("react/jsx-runtime");
+var Form = ({
+  children,
+  onSubmit,
+  sx,
+  ...formMethods
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit(data => {
+        return onSubmit?.(data);
+      }),
+      sx,
+      children
+    })
+  });
+};
+
+// src/FormErrorMessage.tsx
+var import_error_message = require("@hookform/error-message");
+var import_react_hook_form2 = require("react-hook-form");
+var import_react_i18n2 = require("@ttoss/react-i18n");
+var import_ui2 = require("@ttoss/ui");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var isMessageDescriptor = possibleMessageDescriptor => {
   return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
 };
-var ErrorMessage = ({
+var FormErrorMessage = ({
   name,
   disabled
 }) => {
@@ -145,14 +169,14 @@ var ErrorMessage = ({
     formState: {
       errors
     }
-  } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_error_message.ErrorMessage, {
+  } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_error_message.ErrorMessage, {
     name,
     errors,
     render: ({
       message
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.HelpText, {
+      return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.HelpText, {
         negative: true,
         disabled,
         children: (() => {
@@ -160,7 +184,7 @@ var ErrorMessage = ({
             return message;
           }
           if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_i18n2.FormattedMessage, {
+            return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_i18n2.FormattedMessage, {
               ...message
             });
           }
@@ -171,30 +195,6 @@ var ErrorMessage = ({
   });
 };
 
-// src/Form.tsx
-var import_ui2 = require("@ttoss/ui");
-var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_hook_form2.FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
 // src/FormField.tsx
 var React = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
@@ -241,7 +241,7 @@ var FormField = ({
       ...sx
     },
     css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime3.jsx)(ErrorMessage, {
+    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime3.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -267,6 +267,7 @@ var FormFieldCheckbox = ({
     formState: {
       errors
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form4.useController)({
     name,
     defaultValue: false
@@ -297,7 +298,7 @@ var FormFieldCheckbox = ({
           ...checkboxProps
         }), label]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -487,6 +488,7 @@ var FormFieldRadio = ({
       value,
       ref
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form5.useController)({
     name,
     defaultValue: ""
@@ -519,7 +521,7 @@ var FormFieldRadio = ({
           }), option.label]
         }, id);
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime11.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime11.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -677,7 +679,7 @@ var FormGroupWrapper = ({
     }), /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Flex, {
       sx: childrenContainerSx,
       children
-    }), name && /* @__PURE__ */(0, import_jsx_runtime14.jsx)(ErrorMessage, {
+    }), name && /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormErrorMessage, {
       name
     })]
   });

package/dist/MultistepForm/index.js

@@ -87,8 +87,8 @@ var import_ui17 = require("@ttoss/ui");
 var src_exports = {};
 __export(src_exports, {
   Controller: () => import_react_hook_form6.Controller,
-  ErrorMessage: () => ErrorMessage,
   Form: () => Form,
+  FormErrorMessage: () => FormErrorMessage,
   FormField: () => FormField,
   FormFieldCheckbox: () => FormFieldCheckbox,
   FormFieldCreditCardNumber: () => FormFieldCreditCardNumber,
@@ -210,16 +210,40 @@ yup.addMethod(yup.string, "cnpj", function () {
 // src/yup/yup.ts
 var yup2 = __toESM(require("yup"));
 
-// src/ErrorMessage.tsx
-var import_react_hook_form = require("react-hook-form");
-var import_react_i18n2 = require("@ttoss/react-i18n");
+// src/Form.tsx
 var import_ui3 = require("@ttoss/ui");
-var import_error_message = require("@hookform/error-message");
+var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var Form = ({
+  children,
+  onSubmit,
+  sx,
+  ...formMethods
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_hook_form.FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit(data => {
+        return onSubmit?.(data);
+      }),
+      sx,
+      children
+    })
+  });
+};
+
+// src/FormErrorMessage.tsx
+var import_error_message = require("@hookform/error-message");
+var import_react_hook_form2 = require("react-hook-form");
+var import_react_i18n2 = require("@ttoss/react-i18n");
+var import_ui4 = require("@ttoss/ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var isMessageDescriptor = possibleMessageDescriptor => {
   return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
 };
-var ErrorMessage = ({
+var FormErrorMessage = ({
   name,
   disabled
 }) => {
@@ -227,14 +251,14 @@ var ErrorMessage = ({
     formState: {
       errors
     }
-  } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_error_message.ErrorMessage, {
+  } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_error_message.ErrorMessage, {
     name,
     errors,
     render: ({
       message
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.HelpText, {
+      return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.HelpText, {
         negative: true,
         disabled,
         children: (() => {
@@ -242,7 +266,7 @@ var ErrorMessage = ({
             return message;
           }
           if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_i18n2.FormattedMessage, {
+            return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_i18n2.FormattedMessage, {
               ...message
             });
           }
@@ -253,30 +277,6 @@ var ErrorMessage = ({
   });
 };
 
-// src/Form.tsx
-var import_ui4 = require("@ttoss/ui");
-var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_hook_form2.FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
 // src/FormField.tsx
 var React = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
@@ -323,7 +323,7 @@ var FormField = ({
       ...sx
     },
     css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime5.jsx)(ErrorMessage, {
+    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime5.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -349,6 +349,7 @@ var FormFieldCheckbox = ({
     formState: {
       errors
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form4.useController)({
     name,
     defaultValue: false
@@ -379,7 +380,7 @@ var FormFieldCheckbox = ({
           ...checkboxProps
         }), label]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -569,6 +570,7 @@ var FormFieldRadio = ({
       value,
       ref
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form5.useController)({
     name,
     defaultValue: ""
@@ -601,7 +603,7 @@ var FormFieldRadio = ({
           }), option.label]
         }, id);
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime13.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime13.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -759,7 +761,7 @@ var FormGroupWrapper = ({
     }), /* @__PURE__ */(0, import_jsx_runtime16.jsx)(import_ui14.Flex, {
       sx: childrenContainerSx,
       children
-    }), name && /* @__PURE__ */(0, import_jsx_runtime16.jsx)(ErrorMessage, {
+    }), name && /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormErrorMessage, {
       name
     })]
   });

package/dist/esm/Brazil/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-FGWZI374.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-CDQJBSC2.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Form, __publicField, useForm, yupResolver } from "../chunk-FGWZI374.js";
+import { Form, __publicField, useForm, yupResolver } from "../chunk-CDQJBSC2.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import * as React3 from "react";

package/dist/esm/{chunk-FGWZI374.js → chunk-CDQJBSC2.js}

@@ -154,16 +154,40 @@ yup.addMethod(yup.string, "cnpj", function () {
 // src/yup/yup.ts
 import * as yup2 from "yup";
 
-// src/ErrorMessage.tsx
+// src/Form.tsx
+import { Box } from "@ttoss/ui";
+import { FormProvider } from "react-hook-form";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Form = ({
+  children,
+  onSubmit,
+  sx,
+  ...formMethods
+}) => {
+  return /* @__PURE__ */jsx2(FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */jsx2(Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit(data => {
+        return onSubmit?.(data);
+      }),
+      sx,
+      children
+    })
+  });
+};
+
+// src/FormErrorMessage.tsx
+import { ErrorMessage } from "@hookform/error-message";
 import { useFormContext } from "react-hook-form";
 import { FormattedMessage } from "@ttoss/react-i18n";
 import { HelpText } from "@ttoss/ui";
-import { ErrorMessage as HookformErrorMessage } from "@hookform/error-message";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var isMessageDescriptor = possibleMessageDescriptor => {
   return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
 };
-var ErrorMessage = ({
+var FormErrorMessage = ({
   name,
   disabled
 }) => {
@@ -172,13 +196,13 @@ var ErrorMessage = ({
       errors
     }
   } = useFormContext();
-  return /* @__PURE__ */jsx2(HookformErrorMessage, {
+  return /* @__PURE__ */jsx3(ErrorMessage, {
     name,
     errors,
     render: ({
       message
     }) => {
-      return /* @__PURE__ */jsx2(HelpText, {
+      return /* @__PURE__ */jsx3(HelpText, {
         negative: true,
         disabled,
         children: (() => {
@@ -186,7 +210,7 @@ var ErrorMessage = ({
             return message;
           }
           if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */jsx2(FormattedMessage, {
+            return /* @__PURE__ */jsx3(FormattedMessage, {
               ...message
             });
           }
@@ -197,30 +221,6 @@ var ErrorMessage = ({
   });
 };
 
-// src/Form.tsx
-import { Box } from "@ttoss/ui";
-import { FormProvider } from "react-hook-form";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */jsx3(FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */jsx3(Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
 // src/FormField.tsx
 import * as React from "react";
 import { useController } from "react-hook-form";
@@ -267,7 +267,7 @@ var FormField = ({
       ...sx
     },
     css,
-    children: [memoizedRender, /* @__PURE__ */jsx4(ErrorMessage, {
+    children: [memoizedRender, /* @__PURE__ */jsx4(FormErrorMessage, {
       name
     })]
   });
@@ -293,6 +293,7 @@ var FormFieldCheckbox = ({
     formState: {
       errors
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = useController2({
     name,
     defaultValue: false
@@ -323,7 +324,7 @@ var FormFieldCheckbox = ({
           ...checkboxProps
         }), label]
       })
-    }), /* @__PURE__ */jsx5(ErrorMessage, {
+    }), /* @__PURE__ */jsx5(FormErrorMessage, {
       name
     })]
   });
@@ -513,6 +514,7 @@ var FormFieldRadio = ({
       value,
       ref
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = useController3({
     name,
     defaultValue: ""
@@ -545,7 +547,7 @@ var FormFieldRadio = ({
           }), option.label]
         }, id);
       })
-    }), /* @__PURE__ */jsx12(ErrorMessage, {
+    }), /* @__PURE__ */jsx12(FormErrorMessage, {
       name
     })]
   });
@@ -703,7 +705,7 @@ var FormGroupWrapper = ({
     }), /* @__PURE__ */jsx15(Flex4, {
       sx: childrenContainerSx,
       children
-    }), name && /* @__PURE__ */jsx15(ErrorMessage, {
+    }), name && /* @__PURE__ */jsx15(FormErrorMessage, {
       name
     })]
   });
@@ -730,4 +732,4 @@ var FormGroup = props => {
 // src/index.ts
 import { useForm, useFormContext as useFormContext2, useWatch, useFieldArray, useController as useController4, useFormState, Controller, FormProvider as FormProvider2 } from "react-hook-form";
 export * from "react-hook-form";
-export { __publicField, isCnpjValid, FormFieldCNPJ, yup2 as yup, ErrorMessage, Form, FormField, FormFieldCheckbox, FormFieldPatternFormat, FormFieldCreditCardNumber, FormFieldNumericFormat, FormFieldCurrencyInput, FormFieldInput, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, useFormGroup, FormGroup, yupResolver, useForm, useFormContext2 as useFormContext, useWatch, useFieldArray, useController4 as useController, useFormState, Controller, FormProvider2 as FormProvider };
+export { __publicField, isCnpjValid, FormFieldCNPJ, yup2 as yup, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldPatternFormat, FormFieldCreditCardNumber, FormFieldNumericFormat, FormFieldCurrencyInput, FormFieldInput, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, useFormGroup, FormGroup, yupResolver, useForm, useFormContext2 as useFormContext, useWatch, useFieldArray, useController4 as useController, useFormState, Controller, FormProvider2 as FormProvider };

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Controller, ErrorMessage, Form, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-FGWZI374.js";
-export { Controller, ErrorMessage, Form, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };
+import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-CDQJBSC2.js";
+export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/dist/index.d.mts

@@ -3,26 +3,26 @@ import './typings.d-HZBqJJjn.mjs';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, FieldName, FormProviderProps, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
+import { FieldValues, FormProviderProps, FieldName, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-CkcL14ho.mjs';
 export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-CkcL14ho.mjs';
 import { NumericFormatProps } from 'react-number-format';
 
-declare const ErrorMessage: <TFieldValues extends FieldValues = FieldValues>({ name, disabled, }: {
-    name: FieldName<TFieldValues>;
-    disabled?: boolean;
-}) => react_jsx_runtime.JSX.Element;
-
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
     children?: React.ReactNode;
     onSubmit?: (data: TFieldValues) => Promise<void> | void;
     sx?: BoxProps['sx'];
 } & FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
+declare const FormErrorMessage: <TFieldValues extends FieldValues = FieldValues>({ name, disabled, }: {
+    name: FieldName<TFieldValues>;
+    disabled?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;
     id?: string;
@@ -104,4 +104,4 @@ type FormGroupProps = {
 } & BoxProps;
 declare const FormGroup: (props: FormGroupProps) => react_jsx_runtime.JSX.Element;
 
-export { ErrorMessage, Form, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, useFormGroup };
+export { Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, useFormGroup };

package/dist/index.d.ts

@@ -3,26 +3,26 @@ import './typings.d-HZBqJJjn.js';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, FieldName, FormProviderProps, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
+import { FieldValues, FormProviderProps, FieldName, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-CkcL14ho.js';
 export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-CkcL14ho.js';
 import { NumericFormatProps } from 'react-number-format';
 
-declare const ErrorMessage: <TFieldValues extends FieldValues = FieldValues>({ name, disabled, }: {
-    name: FieldName<TFieldValues>;
-    disabled?: boolean;
-}) => react_jsx_runtime.JSX.Element;
-
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
     children?: React.ReactNode;
     onSubmit?: (data: TFieldValues) => Promise<void> | void;
     sx?: BoxProps['sx'];
 } & FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
+declare const FormErrorMessage: <TFieldValues extends FieldValues = FieldValues>({ name, disabled, }: {
+    name: FieldName<TFieldValues>;
+    disabled?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;
     id?: string;
@@ -104,4 +104,4 @@ type FormGroupProps = {
 } & BoxProps;
 declare const FormGroup: (props: FormGroupProps) => react_jsx_runtime.JSX.Element;
 
-export { ErrorMessage, Form, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, useFormGroup };
+export { Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, useFormGroup };

package/dist/index.js

@@ -40,8 +40,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var src_exports = {};
 __export(src_exports, {
   Controller: () => import_react_hook_form6.Controller,
-  ErrorMessage: () => ErrorMessage,
   Form: () => Form,
+  FormErrorMessage: () => FormErrorMessage,
   FormField: () => FormField,
   FormFieldCheckbox: () => FormFieldCheckbox,
   FormFieldCreditCardNumber: () => FormFieldCreditCardNumber,
@@ -164,16 +164,40 @@ yup.addMethod(yup.string, "cnpj", function () {
 // src/yup/yup.ts
 var yup2 = __toESM(require("yup"));
 
-// src/ErrorMessage.tsx
-var import_react_hook_form = require("react-hook-form");
-var import_react_i18n2 = require("@ttoss/react-i18n");
+// src/Form.tsx
 var import_ui2 = require("@ttoss/ui");
-var import_error_message = require("@hookform/error-message");
+var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var Form = ({
+  children,
+  onSubmit,
+  sx,
+  ...formMethods
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_hook_form.FormProvider, {
+    ...formMethods,
+    children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Box, {
+      as: "form",
+      variant: "forms.form",
+      onSubmit: formMethods.handleSubmit(data => {
+        return onSubmit?.(data);
+      }),
+      sx,
+      children
+    })
+  });
+};
+
+// src/FormErrorMessage.tsx
+var import_error_message = require("@hookform/error-message");
+var import_react_hook_form2 = require("react-hook-form");
+var import_react_i18n2 = require("@ttoss/react-i18n");
+var import_ui3 = require("@ttoss/ui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var isMessageDescriptor = possibleMessageDescriptor => {
   return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
 };
-var ErrorMessage = ({
+var FormErrorMessage = ({
   name,
   disabled
 }) => {
@@ -181,14 +205,14 @@ var ErrorMessage = ({
     formState: {
       errors
     }
-  } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_error_message.ErrorMessage, {
+  } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_error_message.ErrorMessage, {
     name,
     errors,
     render: ({
       message
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.HelpText, {
+      return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.HelpText, {
         negative: true,
         disabled,
         children: (() => {
@@ -196,7 +220,7 @@ var ErrorMessage = ({
             return message;
           }
           if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_i18n2.FormattedMessage, {
+            return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_i18n2.FormattedMessage, {
               ...message
             });
           }
@@ -207,30 +231,6 @@ var ErrorMessage = ({
   });
 };
 
-// src/Form.tsx
-var import_ui3 = require("@ttoss/ui");
-var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_hook_form2.FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
 // src/FormField.tsx
 var React = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
@@ -277,7 +277,7 @@ var FormField = ({
       ...sx
     },
     css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime4.jsx)(ErrorMessage, {
+    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime4.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -303,6 +303,7 @@ var FormFieldCheckbox = ({
     formState: {
       errors
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form4.useController)({
     name,
     defaultValue: false
@@ -333,7 +334,7 @@ var FormFieldCheckbox = ({
           ...checkboxProps
         }), label]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -523,6 +524,7 @@ var FormFieldRadio = ({
       value,
       ref
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = (0, import_react_hook_form5.useController)({
     name,
     defaultValue: ""
@@ -555,7 +557,7 @@ var FormFieldRadio = ({
           }), option.label]
         }, id);
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -713,7 +715,7 @@ var FormGroupWrapper = ({
     }), /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Flex, {
       sx: childrenContainerSx,
       children
-    }), name && /* @__PURE__ */(0, import_jsx_runtime15.jsx)(ErrorMessage, {
+    }), name && /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormErrorMessage, {
       name
     })]
   });
@@ -743,8 +745,8 @@ __reExport(src_exports, require("react-hook-form"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Controller,
-  ErrorMessage,
   Form,
+  FormErrorMessage,
   FormField,
   FormFieldCheckbox,
   FormFieldCreditCardNumber,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.24.0",
+  "version": "0.24.2",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -41,8 +41,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^1.26.7",
-    "@ttoss/ui": "^4.1.9"
+    "@ttoss/react-i18n": "^1.26.8",
+    "@ttoss/ui": "^4.1.10"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
@@ -53,12 +53,12 @@
     "theme-ui": "^0.16.2",
     "tsup": "^8.0.2",
     "yup": "^1.4.0",
-    "@ttoss/config": "^1.32.3",
-    "@ttoss/i18n-cli": "^0.7.11",
-    "@ttoss/react-icons": "^0.3.6",
-    "@ttoss/test-utils": "^2.1.6",
-    "@ttoss/ui": "^4.1.9",
-    "@ttoss/react-i18n": "^1.26.7"
+    "@ttoss/config": "^1.32.4",
+    "@ttoss/react-i18n": "^1.26.8",
+    "@ttoss/i18n-cli": "^0.7.12",
+    "@ttoss/react-icons": "^0.3.7",
+    "@ttoss/test-utils": "^2.1.7",
+    "@ttoss/ui": "^4.1.10"
   },
   "publishConfig": {
     "access": "public",

package/src/{ErrorMessage.tsx → FormErrorMessage.tsx}

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { ErrorMessage } from '@hookform/error-message';
 import {
   FieldError,
   FieldName,
@@ -7,7 +8,6 @@ import {
 } from 'react-hook-form';
 import { FormattedMessage, MessageDescriptor } from '@ttoss/react-i18n';
 import { HelpText } from '@ttoss/ui';
-import { ErrorMessage as HookformErrorMessage } from '@hookform/error-message';
 
 type ModifiedDescriptor = MessageDescriptor & { values?: any };
 
@@ -21,7 +21,9 @@ const isMessageDescriptor = (
   );
 };
 
-export const ErrorMessage = <TFieldValues extends FieldValues = FieldValues>({
+export const FormErrorMessage = <
+  TFieldValues extends FieldValues = FieldValues,
+>({
   name,
   disabled,
 }: {
@@ -33,7 +35,7 @@ export const ErrorMessage = <TFieldValues extends FieldValues = FieldValues>({
   } = useFormContext<TFieldValues>();
 
   return (
-    <HookformErrorMessage
+    <ErrorMessage
       name={name as any}
       errors={errors}
       render={({ message }: { message: FieldError | string }) => {

package/src/FormField.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ErrorMessage } from './ErrorMessage';
 import {
   FieldPath,
   FieldPathValue,
@@ -8,6 +7,7 @@ import {
   useController,
 } from 'react-hook-form';
 import { Flex, Label, type SxProp } from '@ttoss/ui';
+import { FormErrorMessage } from './FormErrorMessage';
 
 export type FormFieldProps<
   TFieldValues extends FieldValues = FieldValues,
@@ -80,7 +80,7 @@ export const FormField = <
       css={css}
     >
       {memoizedRender}
-      <ErrorMessage name={name} />
+      <FormErrorMessage name={name} />
     </Flex>
   );
 };

package/src/FormFieldCheckbox.tsx

@@ -1,9 +1,9 @@
 import { Checkbox, type CheckboxProps, Flex, Label } from '@ttoss/ui';
-import { ErrorMessage } from './ErrorMessage';
 import { FieldPath, FieldValues, useController } from 'react-hook-form';
+import { FormErrorMessage } from './FormErrorMessage';
 
 export const FormFieldCheckbox = <
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 >({
   label,
   name,
@@ -16,6 +16,7 @@ export const FormFieldCheckbox = <
   const {
     field: { onChange, onBlur, value, ref },
     formState: { errors },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = useController<any>({
     name,
     defaultValue: false,
@@ -42,7 +43,7 @@ export const FormFieldCheckbox = <
           {label}
         </Label>
       </Flex>
-      <ErrorMessage name={name} />
+      <FormErrorMessage name={name} />
     </Flex>
   );
 };

package/src/FormFieldRadio.tsx

@@ -1,6 +1,6 @@
 import { Box, Flex, Label, Radio, type RadioProps } from '@ttoss/ui';
-import { ErrorMessage } from './ErrorMessage';
 import { FieldPath, FieldValues, useController } from 'react-hook-form';
+import { FormErrorMessage } from './FormErrorMessage';
 
 type FormRadioOption = {
   value: string | number;
@@ -20,6 +20,7 @@ export const FormFieldRadio = <TFieldValues extends FieldValues = FieldValues>({
 } & RadioProps) => {
   const {
     field: { onChange, onBlur, value, ref },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = useController<any>({
     name,
     defaultValue: '',
@@ -50,7 +51,7 @@ export const FormFieldRadio = <TFieldValues extends FieldValues = FieldValues>({
         })}
       </Box>
 
-      <ErrorMessage name={name} />
+      <FormErrorMessage name={name} />
     </Flex>
   );
 };

package/src/FormGroup.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Box, BoxProps, Flex, FlexProps, Text } from '@ttoss/ui';
-import { ErrorMessage } from './ErrorMessage';
+import { FormErrorMessage } from './FormErrorMessage';
 
 type FormGroupLevelsManagerContextType = {
   levelsLength: number;
@@ -112,7 +112,7 @@ const FormGroupWrapper = ({
         </Box>
       )}
       <Flex sx={childrenContainerSx}>{children}</Flex>
-      {name && <ErrorMessage name={name} />}
+      {name && <FormErrorMessage name={name} />}
     </Box>
   );
 };

package/src/index.ts

@@ -1,8 +1,8 @@
 export { yupResolver } from '@hookform/resolvers/yup';
 export { yup } from './yup/yup';
 
-export { ErrorMessage } from './ErrorMessage';
 export { Form } from './Form';
+export { FormErrorMessage } from './FormErrorMessage';
 export { FormField } from './FormField';
 export { FormFieldCheckbox } from './FormFieldCheckbox';
 export { FormFieldCreditCardNumber } from './FormFieldCreditCardNumber';