.

client/src/locales/es.json

@@ -325,17 +325,17 @@
         "payment_method": {
           "label": "Forma de pago",
           "placeholder": "placeholder",
-          "desc": "desc"
+          "desc": "Forma de pago que se utilizará en esta cotización"
         },
         "notes": {
           "label": "Notas",
           "placeholder": "",
-          "desc": "desc"
+          "desc": "Notas a incluir en la cotización"
         },
         "validity": {
           "label": "Validez de la cotización",
           "placeholder": "",
-          "desc": "desc"
+          "desc": "Validez de la cotización"
         },
         "subtotal_price": {
           "label": "Importe neto",

client/src/ui/form.tsx

@@ -1,17 +1,19 @@
+"use client";
+
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import {
   Controller,
-  ControllerProps,
-  FieldPath,
-  FieldValues,
   FormProvider,
   useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
 } from "react-hook-form";
 
 import { cn } from "@/lib/utils";
-import { Label } from "./label";
+import { Label } from "@/ui/label";
 
 const Form = FormProvider;
 
@@ -124,7 +126,7 @@ const FormDescription = React.forwardRef<
     <p
       ref={ref}
       id={formDescriptionId}
-      className={cn("text-sm text-muted-foreground", className)}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
       {...props}
     />
   );
@@ -136,8 +138,7 @@ const FormMessage = React.forwardRef<
   React.HTMLAttributes<HTMLParagraphElement>
 >(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
-
-  const body = error && error.message ? String(error?.message || error.root?.message) : children;
+  const body = error ? String(error?.message ?? "") : children;
 
   if (!body) {
     return null;
@@ -147,7 +148,7 @@ const FormMessage = React.forwardRef<
     <p
       ref={ref}
       id={formMessageId}
-      className={cn("text-sm font-medium text-destructive", className)}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
       {...props}
     >
       {body}