@ttoss/forms 0.31.11 → 0.31.12

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-HIARJN6N.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-6UITFJYC.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

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

package/dist/esm/{chunk-HIARJN6N.js → chunk-6UITFJYC.js}

@@ -544,6 +544,7 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
 
 // src/FormFieldRadioCardIcony.tsx
 import { Box as Box3, Flex as Flex4, Text as Text2 } from "@ttoss/ui";
+import { Tag } from "@ttoss/ui";
 import * as React5 from "react";
 var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
   label,
@@ -575,6 +576,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
         const key = `form-field-radio-card-${name}-${option.value}`;
         const isSelected = field.value === option.value;
         const IconComponent = option.icon;
+        const tag = option.tag;
         return /* @__PURE__ */React5.createElement(Box3, {
           key,
           onClick: /* @__PURE__ */__name(() => {
@@ -586,7 +588,7 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
             border: isSelected ? "lg" : "md",
             borderColor: isSelected ? "input.background.accent.default" : "input.border.muted.default",
             borderRadius: "md",
-            backgroundColor: "transparent",
+            backgroundColor: isSelected ? "feedback.background.positive.default" : "transparent",
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
@@ -618,7 +620,15 @@ var FormFieldRadioCardIcony = /* @__PURE__ */__name(({
             fontSize: "md",
             color: "text.secondary"
           }
-        }, option.description)));
+        }, option.description)), tag?.label && /* @__PURE__ */React5.createElement(Tag, {
+          variant: tag?.variant,
+          sx: {
+            px: "3",
+            mt: "2",
+            fontWeight: "semibold",
+            fontSize: "sm"
+          }
+        }, tag.label));
       }));
     }, "render")
   });

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, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-HIARJN6N.js";
+import { 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 } from "./chunk-6UITFJYC.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

@@ -125,6 +125,10 @@ type FormRadioOption = {
         size?: number;
         className?: string;
     }>;
+    tag?: {
+        label: string;
+        variant?: 'accent' | 'positive' | 'caution' | 'muted' | 'negative' | 'primary' | 'secondary' | 'default';
+    };
 };
 declare const FormFieldRadioCardIcony: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, direction, width, sx, options, tooltip, }: {
     options: FormRadioOption[];
@@ -162,4 +166,4 @@ type FormGroupProps = {
 } & BoxProps;
 declare const FormGroup: (props: FormGroupProps) => react_jsx_runtime.JSX.Element;
 
-export { Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, useFormGroup };
+export { Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, type FormRadioOption, useFormGroup };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.31.11",
+  "version": "0.31.12",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -40,7 +40,7 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "@ttoss/react-i18n": "^2.0.19",
-    "@ttoss/ui": "^5.10.4"
+    "@ttoss/ui": "^5.10.5"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",
@@ -51,11 +51,11 @@
     "tsup": "^8.5.0",
     "yup": "^1.6.1",
     "@ttoss/config": "^1.35.9",
+    "@ttoss/i18n-cli": "^0.7.35",
     "@ttoss/react-i18n": "^2.0.19",
-    "@ttoss/test-utils": "^3.0.1",
     "@ttoss/react-icons": "^0.5.0",
-    "@ttoss/ui": "^5.10.4",
-    "@ttoss/i18n-cli": "^0.7.35"
+    "@ttoss/test-utils": "^3.0.1",
+    "@ttoss/ui": "^5.10.5"
   },
   "publishConfig": {
     "access": "public",