@ttoss/forms 0.26.3 → 0.26.4

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-6U527R3X.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-7QGUPKPM.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-6U527R3X.js";
+import { Form, __publicField, useForm, yupResolver } from "../chunk-7QGUPKPM.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import * as React3 from "react";

package/dist/esm/{chunk-6U527R3X.js → chunk-7QGUPKPM.js}

@@ -280,6 +280,7 @@ var FormField = ({
 };
 
 // src/FormFieldCheckbox.tsx
+import * as React2 from "react";
 import { Checkbox, Flex as Flex2, Label as Label2 } from "@ttoss/ui";
 import { useController as useController2 } from "react-hook-form";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -304,7 +305,8 @@ var FormFieldCheckbox = ({
     name,
     defaultValue: false
   });
-  const id = `form-field-checkbox-${name}`;
+  const uniqueId = React2.useId();
+  const id = checkboxProps.id || `form-field-checkbox-${name}-${uniqueId}`;
   const error = !!errors[name]?.message;
   return /* @__PURE__ */jsxs2(Flex2, {
     sx: {
@@ -627,10 +629,10 @@ var FormFieldTextarea = ({
 };
 
 // src/FormGroup.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import { Box as Box3, Flex as Flex4, Text } from "@ttoss/ui";
 import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
-var FormGroupLevelsManagerContext = React2.createContext({
+var FormGroupLevelsManagerContext = React3.createContext({
   levelsLength: 1,
   registerChild: () => {
     return null;
@@ -639,8 +641,8 @@ var FormGroupLevelsManagerContext = React2.createContext({
 var FormGroupLevelsManager = ({
   children
 }) => {
-  const [levelsLength, setLevelsLength] = React2.useState(0);
-  const registerChild = React2.useCallback(level => {
+  const [levelsLength, setLevelsLength] = React3.useState(0);
+  const registerChild = React3.useCallback(level => {
     if (level + 1 > levelsLength) {
       setLevelsLength(level + 1);
     }
@@ -653,14 +655,14 @@ var FormGroupLevelsManager = ({
     children
   });
 };
-var FormGroupContext = React2.createContext({});
+var FormGroupContext = React3.createContext({});
 var useFormGroup = () => {
   const {
     parentLevel
-  } = React2.useContext(FormGroupContext);
+  } = React3.useContext(FormGroupContext);
   const {
     levelsLength
-  } = React2.useContext(FormGroupLevelsManagerContext);
+  } = React3.useContext(FormGroupLevelsManagerContext);
   return {
     level: parentLevel,
     levelsLength
@@ -678,8 +680,8 @@ var FormGroupWrapper = ({
   } = useFormGroup();
   const {
     registerChild
-  } = React2.useContext(FormGroupLevelsManagerContext);
-  React2.useEffect(() => {
+  } = React3.useContext(FormGroupLevelsManagerContext);
+  React3.useEffect(() => {
     if (typeof level === "number") {
       registerChild(level);
     }

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-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-6U527R3X.js";
+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-7QGUPKPM.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.26.3",
+  "version": "0.26.4",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -32,9 +32,9 @@
   "sideEffects": true,
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
-    "@hookform/resolvers": "^3.3.4",
-    "react-hook-form": "^7.51.4",
-    "react-number-format": "^5.3.4",
+    "@hookform/resolvers": "^3.9.1",
+    "react-hook-form": "^7.53.2",
+    "react-number-format": "^5.4.2",
     "yup": "^1.4.0"
   },
   "peerDependencies": {
@@ -47,15 +47,15 @@
     "@types/react": "^18.3.12",
     "jest": "^29.7.0",
     "react": "^18.3.1",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "^4.1.2",
     "tsup": "^8.3.5",
     "yup": "^1.4.0",
     "@ttoss/config": "^1.34.2",
-    "@ttoss/react-icons": "^0.4.5",
     "@ttoss/i18n-cli": "^0.7.23",
+    "@ttoss/react-icons": "^0.4.5",
+    "@ttoss/react-i18n": "^2.0.5",
     "@ttoss/test-utils": "^2.1.18",
-    "@ttoss/ui": "^5.0.10",
-    "@ttoss/react-i18n": "^2.0.5"
+    "@ttoss/ui": "^5.0.10"
   },
   "publishConfig": {
     "access": "public",