@envisiongroup/porygon 1.0.2 → 1.0.4

package/dist/react-components/fields/TagPicker/EFWTagPicker.types.d.ts

@@ -96,17 +96,17 @@ export interface EFWTagPickerProps extends EFWFieldChildrenProps {
      * Define la forma visual de las etiquetas: redondeadas o circulares
      * @default "rounded"
      */
-    tagShape?: "rounded" | "circular";
+    tagShape?: 'rounded' | 'circular';
     /**
      * Define el estilo de apariencia de las etiquetas: relleno, contorno o marca
      * @default "brand"
      */
-    tagAppearance?: "filled" | "outline" | "brand";
+    tagAppearance?: 'filled' | 'outline' | 'brand';
     /**
      * Define el tamaño visual de las etiquetas seleccionadas
      * @default "medium"
      */
-    tagSize?: "medium" | "large" | 'extra-large';
+    tagSize?: 'medium' | 'large' | 'extra-large';
     /**
      * Longitud mínima de caracteres requerida antes de ejecutar búsqueda asíncrona
      * @default 0
@@ -132,10 +132,15 @@ export interface EFWTagPickerProps extends EFWFieldChildrenProps {
     /** Función para transformar o procesar las opciones antes de renderizarlas */
     beforeRenderOptions?: (options: EFWTagPickerOption[]) => EFWTagPickerOption[];
     /**
-     * Función para renderizar el contenido visual de `media` en cada `TagPickerOption`.
-     * Si no se define, se usa un Avatar por defecto basado en `option.text`.
+     * Contenido visual de `media` para cada `TagPickerOption`.
+     *
+     * Acepta tres formas:
+     *  - `undefined` (por defecto): usa un Avatar generado a partir de `option.text`.
+     *  - Una función `(option) => ReactNode`: media dinámico por opción (ej. foto desde `option.item`).
+     *  - Un `ReactNode` directo: media estático compartido por todas las opciones
+     *    (ej. `<Person20Regular />`). Usa `null` o `false` para desactivar el media por completo.
      */
-    renderOptionMedia?: EFWTagPickerOptionMediaRenderer;
+    renderOptionMedia?: EFWTagPickerOptionMediaRenderer | ReactNode;
     /**
      * Indica si el `media` de cada opción también debe renderizarse dentro de la etiqueta
      * seleccionada que aparece en el input.