From ad066b1ad0f2ae564551b47f66e218b26e0beeb4 Mon Sep 17 00:00:00 2001
From: david <darranz@rodax-software.com>
Date: Fri, 26 Jun 2026 11:21:52 +0200
Subject: [PATCH] .

---
 .../src/components/form/select-field.tsx      | 93 +++++++++----------
 1 file changed, 45 insertions(+), 48 deletions(-)

diff --git a/packages/rdx-ui/src/components/form/select-field.tsx b/packages/rdx-ui/src/components/form/select-field.tsx
index 2d827994..6a4323f1 100644
--- a/packages/rdx-ui/src/components/form/select-field.tsx
+++ b/packages/rdx-ui/src/components/form/select-field.tsx
@@ -8,7 +8,6 @@ import {
   SelectTrigger,
 } from "@repo/shadcn-ui/components";
 import { cn } from "@repo/shadcn-ui/lib/utils";
-import { XIcon } from "lucide-react";
 import React from "react";
 import { Controller, type FieldPath, type FieldValues, useFormContext } from "react-hook-form";
 
@@ -67,7 +66,6 @@ export function SelectField<TFormValues extends FieldValues>({
 
   clearable = false,
   clearLabel = "Sin selección",
-  clearButtonLabel = "Quitar selección",
   emptyValue = null,
 
   placeholder,
@@ -128,55 +126,27 @@ export function SelectField<TFormValues extends FieldValues>({
               }}
               value={fieldValue}
             >
-              <div className="relative">
-                <SelectTrigger
-                  aria-invalid={fieldState.invalid}
-                  aria-required={required}
+              <SelectTrigger
+                aria-invalid={fieldState.invalid}
+                aria-required={required}
+                className={cn(
+                  "bg-muted/50 font-medium",
+                  "hover:border-ring hover:ring-ring/20 hover:ring-[3px]",
+                  "focus-visible:border-ring focus-visible:ring-ring/60 focus-visible:ring-[3px]",
+                  "placeholder:text-muted-foreground/50",
+                  inputClassName
+                )}
+                id={triggerId}
+              >
+                <span
                   className={cn(
-                    "bg-muted/50 font-medium",
-                    "hover:border-ring hover:ring-ring/20 hover:ring-[3px]",
-                    "focus-visible:border-ring focus-visible:ring-ring/60 focus-visible:ring-[3px]",
-                    "placeholder:text-muted-foreground/50",
-                    clearable && selectedItem && !isDisabled ? "pr-9" : "",
-                    inputClassName
+                    "truncate text-left",
+                    selectedItem ? "" : "text-muted-foreground font-normal italic"
                   )}
-                  id={triggerId}
                 >
-                  <span
-                    className={cn(
-                      "truncate text-left",
-                      selectedItem ? "" : "text-muted-foreground font-normal italic"
-                    )}
-                  >
-                    {selectedItem?.label ?? placeholder}
-                  </span>
-                </SelectTrigger>
-
-                {clearable && selectedItem && !isDisabled ? (
-                  <button
-                    aria-label={clearButtonLabel}
-                    className={cn(
-                      "text-muted-foreground hover:text-foreground",
-                      "absolute top-1/2 right-2 z-10 inline-flex size-5 -translate-y-1/2 items-center justify-center rounded-sm",
-                      "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
-                    )}
-                    onClick={(event) => {
-                      event.preventDefault();
-                      event.stopPropagation();
-
-                      field.onChange(emptyValue);
-                      onChange?.(emptyValue);
-                    }}
-                    onMouseDown={(event) => {
-                      event.preventDefault();
-                      event.stopPropagation();
-                    }}
-                    type="button"
-                  >
-                    <XIcon aria-hidden="true" className="size-3.5" />
-                  </button>
-                ) : null}
-              </div>
+                  {selectedItem?.label ?? placeholder}
+                </span>
+              </SelectTrigger>
 
               <SelectContent>
                 {clearable ? (
@@ -204,3 +174,30 @@ export function SelectField<TFormValues extends FieldValues>({
     />
   );
 }
+
+/*
+                {clearable && selectedItem && !isDisabled ? (
+                  <button
+                    aria-label={clearButtonLabel}
+                    className={cn(
+                      "text-muted-foreground hover:text-foreground",
+                      "absolute top-1/2 right-2 z-10 inline-flex size-5 -translate-y-1/2 items-center justify-center rounded-sm",
+                      "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
+                    )}
+                    onClick={(event) => {
+                      event.preventDefault();
+                      event.stopPropagation();
+
+                      field.onChange(emptyValue);
+                      onChange?.(emptyValue);
+                    }}
+                    onMouseDown={(event) => {
+                      event.preventDefault();
+                      event.stopPropagation();
+                    }}
+                    type="button"
+                  >
+                    <XIcon aria-hidden="true" className="size-3.5" />
+                  </button>
+                ) : null}
+*/