libreria-astro-lefebvre 0.0.178 → 0.0.179

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.0.178",
+  "version": "0.0.179",
   "description": "Librería de componentes Astro, React y Vue para Lefebvre",
   "author": "Equipo web desarrollo Lefebvre",
   "type": "module",

package/src/carbins/AstroButton.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Button',
-  category: 'Call to Action',
+  category: 'CTA',
   name: 'Botón en Astro',
   description: 'Botón de prueba en Astro',
   framework: 'Astro',

package/src/carbins/Author_2025_Algarve.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Author_2025_Algarve',
-  category: 'Contenido',
+  category: 'Contenido de Imagen',
   name: 'Ficha de autor con imagen y tiempo de lectura 2025',
   description: 'Ficha compacta de autor para cabeceras de artículo: imagen a la izquierda (con border-radius configurable), nombre subrayado y profesión a la derecha, y bloque opcional de "tiempo de lectura" al final. Incluye structured data schema.org. Para la corporativa de Lefebvre',
   framework: 'Astro',

package/src/carbins/CTA_2025_Formentera.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'CTA_2025_Formentera',
-  category: 'Call to Action',
+  category: 'CTA',
   name: 'Botón CTA con colores de texto y fondo intercambiables en hover 2025',
   description: 'Botón Call To Action cuyo color de texto y color de fondo se intercambian automáticamente al hacer hover (p. ej. blanco sobre azul → azul sobre blanco). Acepta nombres CSS o códigos hex para los tres colores (texto, fondo, borde). El borde NO cambia en hover. El botón se ajusta al ancho de su contenido (w-fit)',
   framework: 'Astro',

package/src/carbins/Cabecera_2025_Barcelona.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Cabecera_2025_Barcelona',
-  category: 'Cabecera',
+  category: 'Header',
   name: 'Breadcrumb 2025',
   description: 'Breadcrumb de 2 niveles con icono de home y enlace apuntando al subdirectorio raíz, seguido del título de la página actual. Incluye structured data schema.org (BreadcrumbList) con URLs absolutas para SEO.',
   framework: 'Astro',

package/src/carbins/Cabecera_2025_Madrid.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Cabecera_2025_Madrid',
-  category: 'Cabecera',
+  category: 'Header',
   name: 'Cabecera sticky con menú horizontal, CTA y submenús 2025',
   description: 'Cabecera fija (sticky top-0) con logo de Lefebvre a la izquierda, botón CTA configurable a la derecha y barra de navegación horizontal debajo con 5 categorías (una de ellas con dropdown de subcategorías al hacer hover). En móvil, el menú se oculta y se activa con un botón hamburguesa. Incluye structured data schema.org (WebSite + SiteNavigationElement)',
   framework: 'Astro',

package/src/carbins/Cabecera_2026_Bilbao.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Cabecera_2026_Bilbao',
-  category: 'Cabecera',
+  category: 'Header',
   name: 'Cabecera con logo Lefebvre 2026',
   description: 'Cabecera minimalista solo con el logo de Lefebvre, alineado a la izquierda o al centro',
   framework: 'Astro',

package/src/carbins/Cabecera_2026_Madrid.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Cabecera_2026_Madrid',
-  category: 'Cabecera',
+  category: 'Header',
   name: 'Cabecera sticky con menú configurable y subcategorías 2026',
   description: 'Cabecera fija (sticky top-0) con logo de Lefebvre, botón CTA y menú horizontal completamente configurable vía prop "categories". Cada ítem admite target (_self o _blank) y una lista opcional de subcategorías en dropdown al hacer hover. Si no se pasa menú custom, cae en un menú por defecto. Incluye hamburguesa en móvil y structured data schema.org (WebSite + SiteNavigationElement)',
   framework: 'Astro',

package/src/carbins/Card_2025_Malta.ts

@@ -1,27 +1,27 @@
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'Card_2025_Malta',
-  category: 'Contenido',
-  name: 'Grid responsive de cards minimalistas solo-título 2025',
-  description: 'Grid responsive (1 columna en móvil, 2 en tablet, 4 en desktop) de cards minimalistas que contienen únicamente un título h3 centrado, sin imagen ni descripción. Toda la card es clicable (navega al URL indicado) y muestra un borde degradado corporativo (indigo → azul → rosa) al hacer hover',
-  framework: 'Astro',
-  priority: 1,
-  tags: ['contenido', 'card', 'grid', 'clicable', 'minimalista'],
-   fields: [
-    {
-      name: 'items',
-      type: 'list',
-      help: 'Listado de cards que se muestran en un grid responsive: 1 columna en móvil, 2 en tablet (sm) y 4 en escritorio (lg)',
-      label: 'Listado de cards',
-      mandatory: false,
-      items: {
-        type: 'object',
-        fields: [
-          { name: 'title', type: 'text', help: 'Texto visible de la card. Es el único contenido que se muestra (no hay imagen ni descripción en este componente)', label: 'Texto del título', example_value: 'Guía de contratos digitales' },
-          { name: 'link', type: 'text', help: 'URL de destino cuando se hace click en la card. Si se deja vacío, la card apunta a "#" (no navega a ningún sitio pero conserva el estilo clicable)', label: 'URL de enlace', example_value: '/genia-l/guia-contratos-digitales' }
-        ]
-      }
-    }
-   ]
-};
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Card_2025_Malta',
+  category: 'Contenido con listas',
+  name: 'Grid responsive de cards minimalistas solo-título 2025',
+  description: 'Grid responsive (1 columna en móvil, 2 en tablet, 4 en desktop) de cards minimalistas que contienen únicamente un título h3 centrado, sin imagen ni descripción. Toda la card es clicable (navega al URL indicado) y muestra un borde degradado corporativo (indigo → azul → rosa) al hacer hover',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'card', 'grid', 'clicable', 'minimalista'],
+   fields: [
+    {
+      name: 'items',
+      type: 'list',
+      help: 'Listado de cards que se muestran en un grid responsive: 1 columna en móvil, 2 en tablet (sm) y 4 en escritorio (lg)',
+      label: 'Listado de cards',
+      mandatory: false,
+      items: {
+        type: 'object',
+        fields: [
+          { name: 'title', type: 'text', help: 'Texto visible de la card. Es el único contenido que se muestra (no hay imagen ni descripción en este componente)', label: 'Texto del título', example_value: 'Guía de contratos digitales' },
+          { name: 'link', type: 'text', help: 'URL de destino cuando se hace click en la card. Si se deja vacío, la card apunta a "#" (no navega a ningún sitio pero conserva el estilo clicable)', label: 'URL de enlace', example_value: '/genia-l/guia-contratos-digitales' }
+        ]
+      }
+    }
+   ]
+};

package/src/carbins/Contenido_2025_Alcorcon.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Alcorcon',
-  category: 'Contenido',
+  category: 'Contenido de Imagen',
   name: 'Hero promocional con media de fondo y overlay de 4 niveles 2025',
   description: 'Sección hero con esquinas redondeadas (rounded-2xl) que muestra una imagen o un vídeo MP4 como fondo y superpone un overlay centrado con cuatro niveles de texto: título h2 de tamaño grande responsive (hasta 64px en desktop), subtítulo, descripción HTML y botón CTA opcional. El vídeo se reproduce con autoplay, loop y muted. Media mutuamente excluyente: si se rellena el vídeo, la imagen se ignora',
   framework: 'Astro',

package/src/carbins/Contenido_2025_Cordoba.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Cordoba',
-  category: 'Contenido',
+  category: 'Contenido de Texto',
   name: 'Ítem con icono grande de certificación y título configurable 2025',
   description: 'Ítem para destacar una certificación, acreditación o hito con un icono grande (5 variantes predefinidas: IA, ISO1, ISO2, GDPR, ISO3), título con etiqueta HTML seleccionable entre h1-h6/span (cada opción con tamaño y alineación distintos) y descripción centrada. Layout flex configurable: horizontal (icono al lado) o vertical (icono encima), con control de alineación vertical entre icono y texto',
   framework: 'Astro',

package/src/carbins/Contenido_2025_Granada.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Granada',
-  category: 'Contenido',
+  category: 'Contenido de Texto',
   name: 'Ítem con icono pequeño en recuadro gris y ancho configurable 2025',
   description: 'Ítem compacto para listados categorizados con un icono pequeño sobre fondo gris claro (23 variantes predefinidas: más, tienda, correcto, formación, caso, medalla, IA, balanza, compliance, librería, etc.), título con etiqueta HTML seleccionable (h1-h6/span) y descripción con soporte HTML. Layout flex configurable con control extra de ancho del bloque en orientación vertical (1/4 o 1/3 de columna)',
   framework: 'Astro',

package/src/carbins/Contenido_2025_Malaga.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Malaga',
-  category: 'Contenido',
+  category: 'Contenido de Imagen',
   name: 'Sección hiper-configurable con texto, imagen lateral, botón y modal LF2 2025',
   description: 'Sección de contenido altamente configurable con más de 20 campos: título pequeño tipo badge, subtítulo h2 con tamaño conmutable (56px/46px/40px), descripción HTML, imagen lateral opcional (posicionable a izquierda o derecha), botón primario y botón secundario que abre un modal con formulario LF2 inyectado dinámicamente. Ofrece controles finos de alineación vertical, tamaño de fuente del texto, padding horizontal, ancho del contenedor (full/3-5/7xl) y variantes de orientación icono-texto',
   framework: 'Astro',

package/src/carbins/Contenido_2025_Montevideo.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Montevideo',
-  category: 'Contenido',
+  category: 'Contenido de Imagen',
   name: 'Card clicable con imagen, tag, título, descripción y autor 2025',
   description: 'Card individual totalmente clicable (la card entera es un enlace, no solo un botón) con imagen superior, etiqueta tipo badge opcional, título h3, descripción y línea de autor opcional. Muestra un borde degradado corporativo (indigo → azul → rosa) al hacer hover. Diseñada para usarse como unidad base dentro de grids como Contenido_2026_Estocolmo o Contenido_2026_Seattle',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Cabra.ts

@@ -2,12 +2,12 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Cabra',
-  category: 'Contenido',
+  category: 'Contenido con listas',
   name: 'Sección de tabs interactivas con contenido y miniatura lateral 2026',
   description: 'Sección con pestañas horizontales en la parte superior que, al hacerse click, muestran un panel con título grande, listado de ítems (icono + texto) a la izquierda e imagen a la derecha. Incluye script inline que gestiona la conmutación entre pestañas y resalta la activa. La pestaña marcada como "default" es la que se muestra al cargar la página. Incluye structured data schema.org (ItemList + InteractionCounter)',
   framework: 'Astro',
   priority: 1,
-  tags: ['contenido', 'genial'],
+  tags: ['contenido'],
   fields: [
     {
       name: 'items',

package/src/carbins/Contenido_2026_Dubai.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Dubai',
-  category: 'Contenido',
+  category: 'Contenido con listas',
   name: 'Bloque intro con título, descripción, CTA y carrusel mixto vídeo/imagen 2026',
   description: 'Bloque compuesto de cabecera (título h2, descripción HTML, botón CTA opcional) seguida de un carrusel horizontal que mezcla ítems de vídeo (iframe con thumbnail antes de reproducir) e ítems de imagen en el mismo listado. Los ítems de vídeo incluyen testimonio + autor + cargo y structured data SEO (VideoObject). Los ítems de imagen exponen alt y descripción para el structured data',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Estocolmo.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Estocolmo',
-  category: 'Contenido',
+  category: 'Contenido con listas',
   name: 'Wrapper grid responsive que renderiza cards Contenido_2025_Montevideo 2026',
   description: 'Contenedor grid responsive (1 columna en móvil, 2 en tablet hasta 400px cada una, 3 en desktop hasta 400px cada una) que itera un listado de ítems y renderiza cada uno como Contenido_2025_Montevideo. No añade cabecera ni botones propios — es un wrapper puro que agrupa cards clicables con imagen, tag, título, descripción y autor',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Jaen.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Jaen',
-  category: 'Contenido',
+  category: 'Contenido de Imagen',
   name: 'Cabecera enriquecida de post con autor, colegiado, imagen lateral y RRSS 2026',
   description: 'Cabecera de artículo de blog con título configurable mediante 8 variantes de estilo preestablecidas (H1 categoría blog, H1 autor blog, H1 post blog, H1 post enriquecido, H2 blog, H2, H3, H4), subtítulo, número de colegiado del autor, descripción con tipografía conmutable (Poppins grande o Inter compacto), imagen lateral opcional con posición configurable (izquierda o derecha) y bloque de redes sociales al final con iconos que solo aparecen si su URL está rellena',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Leon.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Leon',
-  category: 'Contenido',
+  category: 'Contenido de Texto',
   name: 'Contenido de prueba Paco 2026',
   description: 'Componente de prueba que renderiza un saludo simple "Hola, soy [nombre]". Uso interno / testing',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Mallorca.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Mallorca',
-  category: 'Contenido',
+  category: 'Contenido con listas',
   name: 'Wrapper de ítems con icono grande de certificación y botón CTA 2026',
   description: 'Contenedor que itera un listado de bloques tipo certificación/hito: cada ítem combina un icono grande (5 variantes: IA, ISO1, ISO2, GDPR, ISO3) con título de etiqueta HTML configurable y descripción. Ofrece controles de alineación vertical, orientación icono-texto intra-ítem y entre ítems (fila/columna), más un botón CTA opcional al final. Cada ítem se renderiza con Contenido_2025_Cordoba',
   framework: 'Astro',

package/src/carbins/Contenido_2026_Marruecos.ts

@@ -1,52 +1,52 @@
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'Contenido_2026_Marruecos',
-  category: 'Contenido',
-  name: 'Caja con borde degradado, ítems con icono SVG y CTA siempre visible 2026',
-  description: 'Caja rectangular con borde degradado corporativo que contiene título h2, listado de ítems apilados verticalmente (cada uno con icono SVG de 3 variantes fijas — chat, libro o check — subtítulo h3 y descripción) y un botón CTA en la esquina inferior. IMPORTANTE: el botón se renderiza SIEMPRE (no hay toggle para ocultarlo); si el texto está vacío aparece un botón sin label',
-  framework: 'Astro',
-  priority: 1,
-  tags: ['contenido', 'icono', 'card', 'cta', 'boton', 'gradiente'],
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      help: 'Título principal del bloque (h2) que aparece en la parte superior de la caja. Se renderiza siempre; si se deja vacío, aparece el h2 vacío. No admite HTML',
-      label: 'Título',
-      mandatory: false,
-      example_value: 'Ventajas de GenIA-L para tu despacho'
-    },
-    {
-      name: 'buttonText',
-      type: 'text',
-      help: 'Texto del botón CTA en la esquina inferior. ATENCIÓN: este componente NO tiene prop "Mostrar botón" — el botón aparece SIEMPRE. Si se deja vacío, aparecerá un botón sin texto',
-      label: 'Texto del botón',
-      mandatory: false,
-      example_value: 'Solicitar demo'
-    },
-    {
-      name: 'buttonHref',
-      type: 'text',
-      help: 'URL de destino del botón CTA. Por defecto "#". Recuerda que el botón se renderiza siempre; si dejas esta URL vacía, apuntará a "#" (no navegará)',
-      label: 'Enlace del botón',
-      mandatory: false,
-      example_value: '/genia-l/demo'
-    },
-    {
-      name: 'items',
-      type: 'list',
-      help: 'Listado de items de la caja. Cada item tiene un icono (de 3 opciones fijas), un subtítulo y una descripción. Los items se apilan verticalmente con un gap',
-      label: 'Listado de items',
-      mandatory: false,
-      items: {
-        type: 'object',
-        fields: [
-            { name: 'icon', type: 'select', help: 'Icono del item (SVG con gradiente de color). Solo se reconocen 3 valores: "chat" (burbuja de chat), "book" (libro) y "check" (marca de verificación). Si se elige cualquier otro valor, no aparece ningún icono y el hueco queda vacío', label: 'Icono', options: ['chat', 'book', 'check'], options_labels: ['Chat', 'Libro', 'Check'], example_value: 'chat' },
-            { name: 'subtitle', type: 'text', help: 'Subtítulo del item (h3). Se renderiza siempre; si se deja vacío, aparece el h3 vacío. No admite HTML', label: 'Subtítulo', example_value: 'Asistente conversacional' },
-            { name: 'description', type: 'textArea', help: 'Descripción del item. Se renderiza siempre como párrafo; si se deja vacía, aparece el párrafo vacío. No admite HTML', label: 'Descripción', example_value: 'Consulta jurisprudencia y doctrina en lenguaje natural, sin necesidad de construir queries complejas' }
-        ]
-      }
-    }
-]
-};
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Contenido_2026_Marruecos',
+  category: 'Contenido con listas',
+  name: 'Caja con borde degradado, ítems con icono SVG y CTA siempre visible 2026',
+  description: 'Caja rectangular con borde degradado corporativo que contiene título h2, listado de ítems apilados verticalmente (cada uno con icono SVG de 3 variantes fijas — chat, libro o check — subtítulo h3 y descripción) y un botón CTA en la esquina inferior. IMPORTANTE: el botón se renderiza SIEMPRE (no hay toggle para ocultarlo); si el texto está vacío aparece un botón sin label',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'icono', 'card', 'cta', 'boton', 'gradiente'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      help: 'Título principal del bloque (h2) que aparece en la parte superior de la caja. Se renderiza siempre; si se deja vacío, aparece el h2 vacío. No admite HTML',
+      label: 'Título',
+      mandatory: false,
+      example_value: 'Ventajas de GenIA-L para tu despacho'
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      help: 'Texto del botón CTA en la esquina inferior. ATENCIÓN: este componente NO tiene prop "Mostrar botón" — el botón aparece SIEMPRE. Si se deja vacío, aparecerá un botón sin texto',
+      label: 'Texto del botón',
+      mandatory: false,
+      example_value: 'Solicitar demo'
+    },
+    {
+      name: 'buttonHref',
+      type: 'text',
+      help: 'URL de destino del botón CTA. Por defecto "#". Recuerda que el botón se renderiza siempre; si dejas esta URL vacía, apuntará a "#" (no navegará)',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: '/genia-l/demo'
+    },
+    {
+      name: 'items',
+      type: 'list',
+      help: 'Listado de items de la caja. Cada item tiene un icono (de 3 opciones fijas), un subtítulo y una descripción. Los items se apilan verticalmente con un gap',
+      label: 'Listado de items',
+      mandatory: false,
+      items: {
+        type: 'object',
+        fields: [
+            { name: 'icon', type: 'select', help: 'Icono del item (SVG con gradiente de color). Solo se reconocen 3 valores: "chat" (burbuja de chat), "book" (libro) y "check" (marca de verificación). Si se elige cualquier otro valor, no aparece ningún icono y el hueco queda vacío', label: 'Icono', options: ['chat', 'book', 'check'], options_labels: ['Chat', 'Libro', 'Check'], example_value: 'chat' },
+            { name: 'subtitle', type: 'text', help: 'Subtítulo del item (h3). Se renderiza siempre; si se deja vacío, aparece el h3 vacío. No admite HTML', label: 'Subtítulo', example_value: 'Asistente conversacional' },
+            { name: 'description', type: 'textArea', help: 'Descripción del item. Se renderiza siempre como párrafo; si se deja vacía, aparece el párrafo vacío. No admite HTML', label: 'Descripción', example_value: 'Consulta jurisprudencia y doctrina en lenguaje natural, sin necesidad de construir queries complejas' }
+        ]
+      }
+    }
+]
+};

package/src/carbins/Contenido_2026_Menorca.ts

@@ -1,112 +1,112 @@
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'Contenido_2026_Menorca',
-  category: 'Contenido',
-  name: 'Wrapper de ítems con icono pequeño en recuadro gris y botón CTA 2026',
-  description: 'Contenedor que itera bloques de contenido con icono pequeño sobre fondo gris claro (23 variantes predefinidas: más, tienda, correcto, formación, caso, medalla, IA, balanza, compliance, librería, etc.), título con etiqueta HTML configurable y descripción HTML. Permite controlar orientación intra-ítem y entre ítems, ancho por ítem (1/4 o 1/3 en vertical) y añadir un botón CTA opcional al final. Cada ítem se renderiza con Contenido_2025_Granada',
-  framework: 'Astro',
-  priority: 1,
-  tags: ['contenido', 'icono', 'wrapper', 'cta', 'boton', 'item'],
-  fields: [
-
-    {
-      name: 'positionFlex',
-      type: 'select',
-      help: 'Alineación vertical del contenedor principal. "Centrado" centra verticalmente los items; "Principio" los alinea arriba',
-      label: 'Posición del item',
-      options: ['items-start', 'items-center'],
-      options_labels: ['Principio', 'Centrado'],
-      example_value: 'items-start'
-    },
-    {
-      name: 'positionBtnFlex',
-      type: 'select',
-      help: 'Alineación horizontal del botón CTA inferior. "Centrado" sitúa el botón en el centro; "Principio" lo alinea a la izquierda. Solo aplica si "Mostrar botón" está activado',
-      label: 'Posición del botón',
-      options: ['justify-center', 'justify-start'],
-      options_labels: ['Centrado', 'Principio'],
-      example_value: 'justify-center'
-    },
-    {
-      name: 'flexOrientationIcoText',
-      type: 'select',
-      help: 'Orientación del icono respecto al texto DENTRO de cada item. "Horizontal" coloca el icono al lado del texto; "Vertical" apila el icono encima',
-      label: 'Flex del icono del item',
-      options: ['flex-row', 'flex-col'],
-      options_labels: ['Horizontal', 'Vertical'],
-      example_value: 'flex-row'
-    },
-    {
-      name: 'flexOrientationBlockIcoText',
-      type: 'select',
-      help: 'Orientación del conjunto de items entre sí. "Horizontal" coloca los items en fila (con flex-wrap); "Vertical" los apila en columna',
-      label: 'Flex del item',
-      options: ['flex-row', 'flex-col'],
-      options_labels: ['Horizontal', 'Vertical'],
-      example_value: 'flex-row'
-    },
-    {
-      name: 'headingType',
-      type: 'select',
-      help: 'Etiqueta HTML y estilo del título de cada item. "h1" 56px izquierda, "h2" 40px izquierda, "h3"/"h4" 2xl semibold izquierda, "h5"/"h6" sin estilos, "span" texto gris sin formato',
-      label: 'Etiqueta del título',
-      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'],
-      options_labels: ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Span'],
-      example_value: 'h2'
-    },
-    {
-      name: 'btnLabel',
-      type: 'text',
-      help: 'Texto del botón CTA inferior. Solo se muestra si "Mostrar botón" está activado',
-      label: 'Label del botón',
-      mandatory: false,
-      example_value: 'Ver todas las funcionalidades'
-    },
-    {
-      name: 'buttonUrl',
-      type: 'text',
-      help: 'URL de destino del botón CTA. ATENCIÓN: si "Mostrar botón" está activado pero esta URL está vacía, el botón se muestra igualmente con un href inválido. Rellena siempre esta URL si activas el botón',
-      label: 'Enlace del botón',
-      mandatory: false,
-      example_value: '/genia-l/funcionalidades'
-    },
-    {
-      name: 'showBtn',
-      type: 'boolean',
-      help: 'Activa o desactiva la visualización del botón CTA inferior. ATENCIÓN: no valida que "Enlace del botón" tenga valor — si activas el botón con URL vacía, el enlace será inválido',
-      label: 'Mostrar botón',
-      mandatory: false,
-      options: ['false', 'true'],
-      options_labels: ['Falso', 'Verdadero'],
-      example_value: true
-    },
-    {
-      name: 'widthArticle',
-      type: 'select',
-      help: 'Ancho del contenedor principal. Actualmente solo está soportado "w-full" (100%)',
-      label: 'Ancho del Article',
-      options: ['w-full'],
-      options_labels: ['Ancho completo'],
-      example_value: 'w-full'
-    },
-    {
-      name: 'items',
-      type: 'list',
-      help: 'Listado de items de contenido con icono pequeño, título y descripción. Cada item se renderiza con el componente Contenido_2025_Granada',
-      label: 'Listado de items',
-      mandatory: false,
-      items: {
-        type: 'object',
-        fields: [
-          { name: 'title', type: 'text', help: 'Título del item. Se renderiza con la etiqueta HTML seleccionada en "Etiqueta del título". No admite HTML', label: 'Título', example_value: 'Búsqueda semántica' },
-          { name: 'description', type: 'textArea', help: 'Descripción del item. Se muestra debajo del título y admite HTML', label: 'Descripción', example_value: 'Encuentra jurisprudencia y doctrina relevante con consultas en lenguaje natural' },
-          { name: 'showIco', type: 'boolean', help: 'Si está activado, muestra el icono seleccionado con fondo gris claro. Si está desactivado, no se renderiza el bloque del icono', label: '¿Mostrar icono?', options: ['false', 'true'], options_labels: ['Falso', 'Verdadero'], example_value: true },
-          { name: 'icon', type: 'select', help: 'Icono que se muestra junto al item (solo si "Mostrar icono" está activado). Si se elige un valor fuera de la lista, no aparece ningún icono', label: 'Icono', options: ['more', 'shop', 'correct', 'formation', 'case', 'medal', 'medal2', 'search-text', 'checklist', 'certificate', 'ico-ok', 'shield', 'edit', 'ia', 'users', 'graphic', 'balance', 'calendar-check', 'documents', 'compliance', 'library', 'support', 'defendant'], options_labels: ['Más', 'Tienda', 'Correcto', 'Formación', 'Caso', 'Medalla', 'Medalla 2', 'Buscar texto', 'Checklist', 'Certificado', 'OK', 'Escudo', 'Editar', 'IA', 'Usuarios', 'Gráfico', 'Balanza', 'Calendario check', 'Documentos', 'Compliance', 'Librería', 'Soporte', 'Demandado'], example_value: 'search-text' },
-          { name: 'widthBlock', type: 'select', help: 'Ancho del item cuando se usa orientación vertical en "Flex del item" (Vertical). "1/4" = 50% tablet / 25% desktop. "1/3" = 33% desktop. En orientación horizontal este campo se ignora', label: 'Ancho del bloque (solo en orientación Vertical)', options: ['lg:w-1/4 md:w-2/4', 'lg:w-1/3'], options_labels: ['1/4', '1/3'], example_value: 'lg:w-1/4 md:w-2/4' },
-        ]
-      }
-
-    }
-   ]
-};
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Contenido_2026_Menorca',
+  category: 'Contenido con listas',
+  name: 'Wrapper de ítems con icono pequeño en recuadro gris y botón CTA 2026',
+  description: 'Contenedor que itera bloques de contenido con icono pequeño sobre fondo gris claro (23 variantes predefinidas: más, tienda, correcto, formación, caso, medalla, IA, balanza, compliance, librería, etc.), título con etiqueta HTML configurable y descripción HTML. Permite controlar orientación intra-ítem y entre ítems, ancho por ítem (1/4 o 1/3 en vertical) y añadir un botón CTA opcional al final. Cada ítem se renderiza con Contenido_2025_Granada',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'icono', 'wrapper', 'cta', 'boton', 'item'],
+  fields: [
+
+    {
+      name: 'positionFlex',
+      type: 'select',
+      help: 'Alineación vertical del contenedor principal. "Centrado" centra verticalmente los items; "Principio" los alinea arriba',
+      label: 'Posición del item',
+      options: ['items-start', 'items-center'],
+      options_labels: ['Principio', 'Centrado'],
+      example_value: 'items-start'
+    },
+    {
+      name: 'positionBtnFlex',
+      type: 'select',
+      help: 'Alineación horizontal del botón CTA inferior. "Centrado" sitúa el botón en el centro; "Principio" lo alinea a la izquierda. Solo aplica si "Mostrar botón" está activado',
+      label: 'Posición del botón',
+      options: ['justify-center', 'justify-start'],
+      options_labels: ['Centrado', 'Principio'],
+      example_value: 'justify-center'
+    },
+    {
+      name: 'flexOrientationIcoText',
+      type: 'select',
+      help: 'Orientación del icono respecto al texto DENTRO de cada item. "Horizontal" coloca el icono al lado del texto; "Vertical" apila el icono encima',
+      label: 'Flex del icono del item',
+      options: ['flex-row', 'flex-col'],
+      options_labels: ['Horizontal', 'Vertical'],
+      example_value: 'flex-row'
+    },
+    {
+      name: 'flexOrientationBlockIcoText',
+      type: 'select',
+      help: 'Orientación del conjunto de items entre sí. "Horizontal" coloca los items en fila (con flex-wrap); "Vertical" los apila en columna',
+      label: 'Flex del item',
+      options: ['flex-row', 'flex-col'],
+      options_labels: ['Horizontal', 'Vertical'],
+      example_value: 'flex-row'
+    },
+    {
+      name: 'headingType',
+      type: 'select',
+      help: 'Etiqueta HTML y estilo del título de cada item. "h1" 56px izquierda, "h2" 40px izquierda, "h3"/"h4" 2xl semibold izquierda, "h5"/"h6" sin estilos, "span" texto gris sin formato',
+      label: 'Etiqueta del título',
+      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'],
+      options_labels: ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Span'],
+      example_value: 'h2'
+    },
+    {
+      name: 'btnLabel',
+      type: 'text',
+      help: 'Texto del botón CTA inferior. Solo se muestra si "Mostrar botón" está activado',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Ver todas las funcionalidades'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      help: 'URL de destino del botón CTA. ATENCIÓN: si "Mostrar botón" está activado pero esta URL está vacía, el botón se muestra igualmente con un href inválido. Rellena siempre esta URL si activas el botón',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: '/genia-l/funcionalidades'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      help: 'Activa o desactiva la visualización del botón CTA inferior. ATENCIÓN: no valida que "Enlace del botón" tenga valor — si activas el botón con URL vacía, el enlace será inválido',
+      label: 'Mostrar botón',
+      mandatory: false,
+      options: ['false', 'true'],
+      options_labels: ['Falso', 'Verdadero'],
+      example_value: true
+    },
+    {
+      name: 'widthArticle',
+      type: 'select',
+      help: 'Ancho del contenedor principal. Actualmente solo está soportado "w-full" (100%)',
+      label: 'Ancho del Article',
+      options: ['w-full'],
+      options_labels: ['Ancho completo'],
+      example_value: 'w-full'
+    },
+    {
+      name: 'items',
+      type: 'list',
+      help: 'Listado de items de contenido con icono pequeño, título y descripción. Cada item se renderiza con el componente Contenido_2025_Granada',
+      label: 'Listado de items',
+      mandatory: false,
+      items: {
+        type: 'object',
+        fields: [
+          { name: 'title', type: 'text', help: 'Título del item. Se renderiza con la etiqueta HTML seleccionada en "Etiqueta del título". No admite HTML', label: 'Título', example_value: 'Búsqueda semántica' },
+          { name: 'description', type: 'textArea', help: 'Descripción del item. Se muestra debajo del título y admite HTML', label: 'Descripción', example_value: 'Encuentra jurisprudencia y doctrina relevante con consultas en lenguaje natural' },
+          { name: 'showIco', type: 'boolean', help: 'Si está activado, muestra el icono seleccionado con fondo gris claro. Si está desactivado, no se renderiza el bloque del icono', label: '¿Mostrar icono?', options: ['false', 'true'], options_labels: ['Falso', 'Verdadero'], example_value: true },
+          { name: 'icon', type: 'select', help: 'Icono que se muestra junto al item (solo si "Mostrar icono" está activado). Si se elige un valor fuera de la lista, no aparece ningún icono', label: 'Icono', options: ['more', 'shop', 'correct', 'formation', 'case', 'medal', 'medal2', 'search-text', 'checklist', 'certificate', 'ico-ok', 'shield', 'edit', 'ia', 'users', 'graphic', 'balance', 'calendar-check', 'documents', 'compliance', 'library', 'support', 'defendant'], options_labels: ['Más', 'Tienda', 'Correcto', 'Formación', 'Caso', 'Medalla', 'Medalla 2', 'Buscar texto', 'Checklist', 'Certificado', 'OK', 'Escudo', 'Editar', 'IA', 'Usuarios', 'Gráfico', 'Balanza', 'Calendario check', 'Documentos', 'Compliance', 'Librería', 'Soporte', 'Demandado'], example_value: 'search-text' },
+          { name: 'widthBlock', type: 'select', help: 'Ancho del item cuando se usa orientación vertical en "Flex del item" (Vertical). "1/4" = 50% tablet / 25% desktop. "1/3" = 33% desktop. En orientación horizontal este campo se ignora', label: 'Ancho del bloque (solo en orientación Vertical)', options: ['lg:w-1/4 md:w-2/4', 'lg:w-1/3'], options_labels: ['1/4', '1/3'], example_value: 'lg:w-1/4 md:w-2/4' },
+        ]
+      }
+
+    }
+   ]
+};

package/src/carbins/Contenido_2026_Michigan.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Michigan',
-  category: 'Contenido',
+  category: 'Contenido con listas',
   name: 'Listado de artículos con texto, imagen y modal LF2 con botones globales 2026',
   description: 'Listado vertical de artículos renderizados con Formulario_2025_Teruel, donde imagen lateral y orientación son globales (se aplican a todos los ítems por igual). El botón primario y su URL también son globales (todos los artículos comparten texto y enlace), pero el contenido del modal LF2 (imagen, título, subtítulo, descripción, nombre del formulario) es específico por ítem. Todos los artículos llevan borde inferior separador salvo el último',
   framework: 'Astro',