@ttoss/forms 0.32.7 → 0.33.0

package/README.md

@@ -232,7 +232,6 @@ All form field components share common props:
 - `disabled`: Disables the field
 - `defaultValue`: Initial field value
 - `tooltip`: Label tooltip configuration
-- `inputTooltip`: Input field tooltip configuration
 - `warning`: Warning message displayed below the field
 - `sx`: Theme-UI styling object
 

package/dist/Brazil/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, FieldPath } from 'react-hook-form';
 import { PatternFormatProps } from 'react-number-format';
-import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-SKHmLjAO.js';
+import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-nQpHzJqa.js';
 import '@ttoss/ui';
 import 'react';
 

package/dist/{FormFieldPatternFormat-SKHmLjAO.d.ts → FormFieldPatternFormat-nQpHzJqa.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TooltipProps, SxProp, InputProps } from '@ttoss/ui';
 import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue, RegisterOptions } from 'react-hook-form';
 import { PatternFormatProps } from 'react-number-format';
-import { ThemeUIStyleObject, Theme, SxProp } from '@ttoss/ui';
 import * as React from 'react';
 
 type Rules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
@@ -11,29 +11,16 @@ type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extend
     name: TName;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     disabled?: boolean;
-    tooltip?: {
-        render: string | React.ReactNode;
-        place: 'top';
-        openOnClick?: boolean;
-        clickable?: boolean;
-    };
-    inputTooltip?: {
-        render: string | React.ReactNode;
-        place: 'bottom' | 'top' | 'left' | 'right';
-        openOnClick?: boolean;
-        clickable?: boolean;
-        variant?: 'info' | 'warning' | 'success' | 'error';
-        sx?: ThemeUIStyleObject<Theme>;
-    };
+    labelTooltip?: TooltipProps;
     warning?: string | React.ReactNode;
     rules?: Rules<TFieldValues, TName>;
 } & SxProp;
 type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     render: (props: UseControllerReturn<TFieldValues, TName>) => React.ReactElement;
 } & FormFieldProps<TFieldValues, TName>;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled: propsDisabled, tooltip, inputTooltip, sx, css, render, warning, rules, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled: propsDisabled, labelTooltip, sx, css, render, warning, rules, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
-type FormFieldPatternFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name'>;
+type FormFieldPatternFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name'> & Pick<InputProps, 'leadingIcon' | 'trailingIcon'>;
 declare const FormFieldPatternFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPatternFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 export { type FormFieldProps as F, type FormFieldPatternFormatProps as a, FormField as b, FormFieldPatternFormat as c };

package/dist/esm/Brazil/index.js

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-A5YD5USY.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-UO6326GP.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";
@@ -12,8 +12,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -27,8 +26,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,

package/dist/esm/MultistepForm/index.js

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { Form, useForm, yupResolver } from "../chunk-474RNBAE.js";
-import { __name } from "../chunk-A5YD5USY.js";
+import { Form, useForm, yupResolver } from "../chunk-GAPBDW3G.js";
+import { __name } from "../chunk-UO6326GP.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import { Flex as Flex6 } from "@ttoss/ui";

package/dist/esm/{chunk-474RNBAE.js → chunk-GAPBDW3G.js}

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-A5YD5USY.js";
+import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-UO6326GP.js";
 
 // src/Form.tsx
 import { Box } from "@ttoss/ui";
@@ -32,8 +32,7 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -45,8 +44,7 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -98,22 +96,22 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
     defaultValue,
+    leadingIcon,
+    trailingIcon,
     ...numericFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -132,6 +130,8 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
           field.onChange(values.floatValue);
         }, "onValueChange"),
         customInput: Input,
+        leadingIcon,
+        trailingIcon,
         disabled: disabled ?? field.disabled
       });
     }, "render")
@@ -188,21 +188,21 @@ var FormFieldInput = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
+    leadingIcon,
+    trailingIcon,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -216,6 +216,8 @@ var FormFieldInput = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Input2, {
         ...inputProps,
         ...field,
+        leadingIcon,
+        trailingIcon,
         disabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
       });
@@ -233,21 +235,20 @@ var FormFieldPassword = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
+    leadingIcon,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -261,6 +262,7 @@ var FormFieldPassword = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(InputPassword, {
         ...inputProps,
         ...field,
+        leadingIcon,
         disabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
       });
@@ -278,8 +280,7 @@ var FormFieldRadio = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -292,8 +293,7 @@ var FormFieldRadio = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -339,8 +339,7 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -356,8 +355,7 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -423,8 +421,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -439,8 +436,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -534,8 +530,7 @@ var FormFieldSelect = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -548,8 +543,7 @@ var FormFieldSelect = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -579,8 +573,7 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -593,8 +586,7 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -625,8 +617,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -638,8 +629,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,

package/dist/esm/{chunk-A5YD5USY.js → chunk-UO6326GP.js}

@@ -46,7 +46,7 @@ var FormErrorMessage = /* @__PURE__ */__name(({
 }, "FormErrorMessage");
 
 // src/FormField.tsx
-import { Checkbox, Flex, Label, Switch, Tooltip } from "@ttoss/ui";
+import { Checkbox, Flex, Label, Switch } from "@ttoss/ui";
 import * as React2 from "react";
 import { useController, useFormContext as useFormContext2 } from "react-hook-form";
 var FormField = /* @__PURE__ */__name(({
@@ -55,8 +55,7 @@ var FormField = /* @__PURE__ */__name(({
   name,
   defaultValue,
   disabled: propsDisabled,
-  tooltip,
-  inputTooltip,
+  labelTooltip,
   sx,
   css,
   render,
@@ -77,63 +76,6 @@ var FormField = /* @__PURE__ */__name(({
   const hasError = !!errors[name];
   const uniqueId = React2.useId();
   const id = idProp || `form-field-${name}-${uniqueId}`;
-  const tooltipId = `${id}-tooltip`;
-  const [showInputTooltip, setShowInputTooltip] = React2.useState(false);
-  const inputRef = React2.useRef(null);
-  const handleClickOutside = React2.useCallback(event => {
-    if (inputRef.current && !inputRef.current.contains(event.target)) {
-      setShowInputTooltip(false);
-    }
-  }, []);
-  const handleEscapeKey = React2.useCallback(event => {
-    if (event.key === "Escape") {
-      setShowInputTooltip(false);
-    }
-  }, []);
-  React2.useEffect(() => {
-    if (!inputTooltip || !showInputTooltip) {
-      return;
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("keydown", handleEscapeKey);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("keydown", handleEscapeKey);
-    };
-  }, [showInputTooltip, inputTooltip, handleClickOutside, handleEscapeKey]);
-  const handleInputClick = React2.useCallback(() => {
-    if (inputTooltip) {
-      setShowInputTooltip(true);
-    }
-  }, [inputTooltip]);
-  const handleInputFocus = React2.useCallback(() => {
-    if (inputTooltip && !inputTooltip.openOnClick) {
-      setShowInputTooltip(true);
-    }
-  }, [inputTooltip]);
-  const handleInputBlur = React2.useCallback(() => {
-    if (inputTooltip && !inputTooltip.openOnClick) {
-      setShowInputTooltip(false);
-    }
-  }, [inputTooltip]);
-  const tooltipElement = React2.useMemo(() => {
-    if (!inputTooltip || !showInputTooltip) {
-      return null;
-    }
-    return /* @__PURE__ */React2.createElement(Flex, {
-      sx: {
-        width: "full",
-        fontSize: "sm"
-      }
-    }, /* @__PURE__ */React2.createElement(Tooltip, {
-      id: tooltipId,
-      place: inputTooltip.place,
-      clickable: inputTooltip.clickable,
-      isOpen: showInputTooltip,
-      variant: inputTooltip.variant,
-      sx: inputTooltip.sx
-    }, inputTooltip.render));
-  }, [inputTooltip, showInputTooltip, tooltipId]);
   const isCheckboxOrSwitch = /* @__PURE__ */__name(element => {
     return [Checkbox, Switch].some(component => {
       return element.type === component;
@@ -154,41 +96,28 @@ var FormField = /* @__PURE__ */__name(({
         return null;
       }
       const childProps = child.props;
-      const inputProps = {
-        ...childProps,
-        ref: inputRef,
-        onClick: /* @__PURE__ */__name(e => {
-          childProps.onClick?.(e);
-          handleInputClick();
-        }, "onClick"),
-        onFocus: /* @__PURE__ */__name(e => {
-          childProps.onFocus?.(e);
-          handleInputFocus();
-        }, "onFocus"),
-        onBlur: /* @__PURE__ */__name(e => {
-          childProps.onBlur?.(e);
-          handleInputBlur();
-        }, "onBlur"),
-        ...(inputTooltip && showInputTooltip ? {
-          "data-tooltip-id": tooltipId
-        } : {})
-      };
       const elementProps = {
         id,
-        ...inputProps,
+        ...childProps,
         ...(warning && {
           trailingIcon: "warning-alt"
         })
       };
       if (label && isCheckboxOrSwitch(child)) {
-        return /* @__PURE__ */React2.createElement(React2.Fragment, null, /* @__PURE__ */React2.createElement(Label, {
-          "aria-disabled": disabled,
-          tooltip
+        return /* @__PURE__ */React2.createElement(Flex, {
+          sx: {
+            flexDirection: "row",
+            alignItems: "center"
+          }
         }, /* @__PURE__ */React2.createElement(Flex, {
           sx: {
             position: "relative"
           }
-        }, /* @__PURE__ */React2.createElement(child.type, elementProps)), label), tooltipElement);
+        }, /* @__PURE__ */React2.createElement(child.type, elementProps)), /* @__PURE__ */React2.createElement(Label, {
+          "aria-disabled": disabled,
+          htmlFor: id,
+          tooltip: labelTooltip
+        }, label));
       }
       return /* @__PURE__ */React2.createElement(Flex, {
         sx: {
@@ -199,10 +128,10 @@ var FormField = /* @__PURE__ */__name(({
       }, label && /* @__PURE__ */React2.createElement(Label, {
         "aria-disabled": disabled,
         htmlFor: id,
-        tooltip
-      }, label), /* @__PURE__ */React2.createElement(child.type, elementProps), tooltipElement);
+        tooltip: labelTooltip
+      }, label), /* @__PURE__ */React2.createElement(child.type, elementProps));
     });
-  }, [render, controllerReturnWithDisabled, label, disabled, id, tooltip, warning, inputTooltip, showInputTooltip, tooltipId, handleInputClick, handleInputFocus, handleInputBlur, tooltipElement]);
+  }, [render, controllerReturnWithDisabled, label, disabled, id, labelTooltip, warning]);
   return /* @__PURE__ */React2.createElement(Flex, {
     sx: {
       flexDirection: "column",
@@ -235,22 +164,22 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
     defaultValue,
+    leadingIcon,
+    trailingIcon,
     ...patternFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -270,6 +199,8 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
           field.onChange(values.value);
         }, "onValueChange"),
         customInput: Input,
+        leadingIcon,
+        trailingIcon,
         disabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
       });
@@ -325,8 +256,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -340,8 +270,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
-    inputTooltip,
+    labelTooltip,
     warning,
     sx,
     css,

package/dist/esm/index.js

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

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { FieldValues, FormProviderProps, FieldName, FieldPath } 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 FormFieldProps, a as FormFieldPatternFormatProps } from './FormFieldPatternFormat-SKHmLjAO.js';
-export { b as FormField, c as FormFieldPatternFormat } from './FormFieldPatternFormat-SKHmLjAO.js';
+import { F as FormFieldProps, a as FormFieldPatternFormatProps } from './FormFieldPatternFormat-nQpHzJqa.js';
+export { b as FormField, c as FormFieldPatternFormat } from './FormFieldPatternFormat-nQpHzJqa.js';
 import { NumericFormatProps } from 'react-number-format';
 import './typings.d-HZBqJJjn.js';
 import * as yup from 'yup';
@@ -29,7 +29,7 @@ declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues
 type FormFieldCreditCardNumberProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldPatternFormatProps<TFieldValues, TName>;
 declare const FormFieldCreditCardNumber: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ format, placeholder, ...formFieldPatternFormatProps }: FormFieldCreditCardNumberProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
-type FormFieldNumericFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<NumericFormatProps, 'name'>;
+type FormFieldNumericFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<NumericFormatProps, 'name'> & Pick<InputProps, 'leadingIcon' | 'trailingIcon'>;
 declare const FormFieldNumericFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldNumericFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCurrencyInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldNumericFormatProps<TFieldValues, TName> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.32.7",
+  "version": "0.33.0",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^5.11.0",
-    "@ttoss/react-i18n": "^2.0.22"
+    "@ttoss/react-i18n": "^2.0.23",
+    "@ttoss/ui": "^6.0.0"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",
@@ -52,10 +52,10 @@
     "yup": "^1.7.1",
     "@ttoss/config": "^1.35.12",
     "@ttoss/i18n-cli": "^0.7.38",
-    "@ttoss/react-i18n": "^2.0.22",
-    "@ttoss/react-icons": "^0.5.3",
-    "@ttoss/test-utils": "^3.0.4",
-    "@ttoss/ui": "^5.11.0"
+    "@ttoss/react-i18n": "^2.0.23",
+    "@ttoss/react-icons": "^0.5.4",
+    "@ttoss/ui": "^6.0.0",
+    "@ttoss/test-utils": "^4.0.0"
   },
   "publishConfig": {
     "access": "public",