@ttoss/forms 0.32.8 → 0.33.1

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-CMYof3db.js';
+import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-nQpHzJqa.js';
 import '@ttoss/ui';
 import 'react';
 

package/dist/{FormFieldPatternFormat-CMYof3db.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 { TooltipProps, 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,16 +11,16 @@ type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extend
     name: TName;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     disabled?: boolean;
-    tooltip?: TooltipProps;
+    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, 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-VOT2YVQW.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-UO6326GP.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";
@@ -12,7 +12,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -26,7 +26,7 @@ var FormFieldPhone = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    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-3RZVOUP4.js";
-import { __name } from "../chunk-VOT2YVQW.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-3RZVOUP4.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-VOT2YVQW.js";
+import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-UO6326GP.js";
 
 // src/Form.tsx
 import { Box } from "@ttoss/ui";
@@ -32,7 +32,7 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -44,7 +44,7 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -96,20 +96,22 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
     defaultValue,
+    leadingIcon,
+    trailingIcon,
     ...numericFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -128,6 +130,8 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
           field.onChange(values.floatValue);
         }, "onValueChange"),
         customInput: Input,
+        leadingIcon,
+        trailingIcon,
         disabled: disabled ?? field.disabled
       });
     }, "render")
@@ -184,19 +188,21 @@ var FormFieldInput = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
+    leadingIcon,
+    trailingIcon,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -210,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
       });
@@ -227,19 +235,20 @@ var FormFieldPassword = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
+    leadingIcon,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -253,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
       });
@@ -270,7 +280,7 @@ var FormFieldRadio = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -283,7 +293,7 @@ var FormFieldRadio = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -329,7 +339,7 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -345,7 +355,7 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -411,7 +421,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -426,7 +436,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -520,7 +530,7 @@ var FormFieldSelect = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -533,7 +543,7 @@ var FormFieldSelect = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -563,7 +573,7 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -576,7 +586,7 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -607,7 +617,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -619,7 +629,7 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,

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

@@ -55,7 +55,7 @@ var FormField = /* @__PURE__ */__name(({
   name,
   defaultValue,
   disabled: propsDisabled,
-  tooltip,
+  labelTooltip,
   sx,
   css,
   render,
@@ -116,7 +116,7 @@ var FormField = /* @__PURE__ */__name(({
         }, /* @__PURE__ */React2.createElement(child.type, elementProps)), /* @__PURE__ */React2.createElement(Label, {
           "aria-disabled": disabled,
           htmlFor: id,
-          tooltip
+          tooltip: labelTooltip
         }, label));
       }
       return /* @__PURE__ */React2.createElement(Flex, {
@@ -128,10 +128,10 @@ var FormField = /* @__PURE__ */__name(({
       }, label && /* @__PURE__ */React2.createElement(Label, {
         "aria-disabled": disabled,
         htmlFor: id,
-        tooltip
+        tooltip: labelTooltip
       }, label), /* @__PURE__ */React2.createElement(child.type, elementProps));
     });
-  }, [render, controllerReturnWithDisabled, label, disabled, id, tooltip, warning]);
+  }, [render, controllerReturnWithDisabled, label, disabled, id, labelTooltip, warning]);
   return /* @__PURE__ */React2.createElement(Flex, {
     sx: {
       flexDirection: "column",
@@ -164,20 +164,22 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
     rules,
     id,
     defaultValue,
+    leadingIcon,
+    trailingIcon,
     ...patternFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
     id,
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -197,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
       });
@@ -252,7 +256,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
   const {
     label,
     name,
-    tooltip,
+    labelTooltip,
     warning,
     sx,
     css,
@@ -266,7 +270,7 @@ var FormFieldCNPJ = /* @__PURE__ */__name(({
     id,
     label,
     name,
-    tooltip,
+    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-3RZVOUP4.js";
-import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-VOT2YVQW.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-CMYof3db.js';
-export { b as FormField, c as FormFieldPatternFormat } from './FormFieldPatternFormat-CMYof3db.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.8",
+  "version": "0.33.1",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^2.0.22",
-    "@ttoss/ui": "^5.11.1"
+    "@ttoss/react-i18n": "^2.0.23",
+    "@ttoss/ui": "^6.0.1"
   },
   "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/test-utils": "^3.0.4",
-    "@ttoss/react-icons": "^0.5.3",
-    "@ttoss/ui": "^5.11.1"
+    "@ttoss/react-i18n": "^2.0.23",
+    "@ttoss/test-utils": "^4.0.0",
+    "@ttoss/react-icons": "^0.5.4",
+    "@ttoss/ui": "^6.0.1"
   },
   "publishConfig": {
     "access": "public",