libreria-astro-lefebvre 0.1.87 → 0.1.89

package/package.json

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

package/src/carbins/Separador_2026_Teulada.ts

@@ -0,0 +1,53 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Separador_2026_Teulada',
+  category: 'Separador',
+  name: 'Separador con imagen de fondo, título y botón 2026',
+  description: 'Franja separadora a todo el ancho con imagen de fondo (background cover centrado) y 64px de padding vertical. Sobre la imagen se muestra, centrado y en blanco, un título h2 opcional (Poppins 20px semibold) y un botón opcional con borde blanco que al pasar el ratón se rellena de blanco con texto azul #2134F1. Para separadores sin imagen usa Separador_2025_Toledo o Separador_2025_Reinosa',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['separador', 'banner', 'imagen', 'cta', 'boton', 'franja'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      help: 'Título que aparece centrado sobre la imagen (h2 en blanco). Si se deja vacío, no se muestra',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: '¿Quieres saber más sobre nuestras soluciones?'
+    },
+    {
+      name: 'image',
+      type: 'image',
+      help: 'Imagen de fondo del separador. Cubre toda la franja (background-size: cover, centrada). Conviene que sea una imagen oscura o con poco detalle para que el texto blanco se lea bien',
+      label: 'Imagen de fondo',
+      mandatory: true,
+      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
+    },
+    {
+      name: 'altImage',
+      type: 'text',
+      help: 'Descripción de la imagen de fondo para lectores de pantalla (aria-label). Si la imagen es puramente decorativa, puede dejarse vacío',
+      label: 'Alt de la imagen',
+      mandatory: false,
+      example_value: 'Equipo de profesionales trabajando en una oficina'
+    },
+    {
+      name: 'btnLabel',
+      type: 'text',
+      help: 'Texto del botón. Si se deja vacío, no aparece ningún botón',
+      label: 'Texto del botón',
+      mandatory: false,
+      example_value: 'Contacta con nosotros'
+    },
+    {
+      name: 'btnUrl',
+      type: 'text',
+      help: 'URL de destino del botón. Solo tiene efecto si se ha informado el texto del botón',
+      label: 'URL del botón',
+      mandatory: false,
+      example_value: 'https://www.lefebvre.es/contacto'
+    }
+  ]
+};

package/src/components/Astro/Contenido_2026_Cabra.astro

@@ -6,6 +6,7 @@ import { extractImageUrl, PAGE_ENTITY_ID } from '../../lib/functions.js';
 
 const {
     items = [],
+    showBtn = true
 } = Astro.props;
 
 // isPartOf hacia el nodo de página (#webpage por defecto). Genérico: opt-out con pageId="".
@@ -100,7 +101,7 @@ const structuredData = `<script type="application/ld+json">
                                 positionBtnFlex="justify-start"
                                 items={tab.points}
                                 headingType="h4"
-                                showBtn={true}
+                                showBtn={showBtn}
                                 btnLabel="Ver experiencias de uso"
                                 buttonUrl={tab.buttonUrl}
                                 widthArticle="w-4/5"

package/src/components/Astro/Separador_2026_Teulada.astro

@@ -0,0 +1,35 @@
+---
+import { extractImageUrl } from '../../lib/functions.js';
+
+const {
+    title,
+    image,
+    altImage = '',
+    btnLabel,
+    btnUrl = '#'
+} = Astro.props;
+
+// El campo de imagen puede llegar como URL plana o como JSON de Limbo; extraemos la URL para usarla en CSS.
+const imageUrl = extractImageUrl(image);
+---
+
+<section
+    class="w-full flex items-center justify-center bg-cover bg-center py-16 px-4"
+    style={`background-image: url('${imageUrl}');`}
+    role="img"
+    aria-label={altImage}
+>
+    <div class="w-full max-w-3xl flex flex-col items-center justify-center gap-6 text-center">
+        {title && (
+            <h2 class="font-poppins text-white text-xl font-semibold">{title}</h2>
+        )}
+        {btnLabel && (
+            <a
+                href={btnUrl}
+                class="inline-flex items-center justify-center px-6 py-3 rounded-lg border border-white text-white font-inter font-semibold text-base no-underline transition-colors duration-300 hover:bg-white hover:text-[#2134F1]"
+            >
+                {btnLabel}
+            </a>
+        )}
+    </div>
+</section>

package/src/generated/componentRegistry.ts

@@ -67,6 +67,7 @@ import * as SEO_Head_Section from '../carbins/SEO_Head_Section.ts';
 import * as SEO_Schema_Page from '../carbins/SEO_Schema_Page.ts';
 import * as Separador_2025_Reinosa from '../carbins/Separador_2025_Reinosa.ts';
 import * as Separador_2025_Toledo from '../carbins/Separador_2025_Toledo.ts';
+import * as Separador_2026_Teulada from '../carbins/Separador_2026_Teulada.ts';
 import * as Share_2025_Florencia from '../carbins/Share_2025_Florencia.ts';
 import * as SpectrumSeparator from '../carbins/SpectrumSeparator.ts';
 import * as Sumario_2025_Beijing from '../carbins/Sumario_2025_Beijing.ts';
@@ -161,6 +162,7 @@ export const components = [
   {component: SEO_Schema_Page},
   {component: Separador_2025_Reinosa},
   {component: Separador_2025_Toledo},
+  {component: Separador_2026_Teulada},
   {component: Share_2025_Florencia},
   {component: SpectrumSeparator},
   {component: Sumario_2025_Beijing},

package/src/index.ts

@@ -73,6 +73,7 @@ import SEO_Head_Section from './components/Astro/SEO_Head_Section.astro';
 import SEO_Schema_Page from './components/Astro/SEO_Schema_Page.astro';
 import Separador_2025_Reinosa from './components/Astro/Separador_2025_Reinosa.astro';
 import Separador_2025_Toledo from './components/Astro/Separador_2025_Toledo.astro';
+import Separador_2026_Teulada from './components/Astro/Separador_2026_Teulada.astro';
 import Share_2025_Florencia from './components/Astro/Share_2025_Florencia.astro';
 import SpectrumSeparator from './components/Astro/SpectrumSeparator.astro';
 import Sumario_2025_Beijing from './components/Astro/Sumario_2025_Beijing.astro';
@@ -102,7 +103,7 @@ import ReactButton from './components/React/ReactButton.jsx';
 // Exporta todos los componentes uno a uno para que puedan ser usados directamente.
 
 
-export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Dakota, Cabecera_2026_Madrid, Calculadora_2026_Lisboa, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Denia, Contenido_2026_Dubai, Contenido_2026_Estepona, Contenido_2026_Estocolmo, Contenido_2026_Huesca, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Moraira, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Carabanchel, Formulario_2026_Wichita, Galeria_2026_Segorbe, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, Hero_2026_Lliria, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Imagen_2026_Algar, Indice_2025_Taiwan, Mapa_2026_Girona, Modal_2025_Sagunto, Modal_2026_Almeria, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, SEO_Schema_Page, Separador_2025_Reinosa, Separador_2025_Toledo, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tabla_2026_Cadiz, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Texto_2026_Alicante, Texto_2026_Castellon, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, Video_2026_Andujar, ReactButton };
+export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Dakota, Cabecera_2026_Madrid, Calculadora_2026_Lisboa, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Denia, Contenido_2026_Dubai, Contenido_2026_Estepona, Contenido_2026_Estocolmo, Contenido_2026_Huesca, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Moraira, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Carabanchel, Formulario_2026_Wichita, Galeria_2026_Segorbe, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, Hero_2026_Lliria, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Imagen_2026_Algar, Indice_2025_Taiwan, Mapa_2026_Girona, Modal_2025_Sagunto, Modal_2026_Almeria, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, SEO_Schema_Page, Separador_2025_Reinosa, Separador_2025_Toledo, Separador_2026_Teulada, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tabla_2026_Cadiz, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Texto_2026_Alicante, Texto_2026_Castellon, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, Video_2026_Andujar, ReactButton };
 
 
 // Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
@@ -187,6 +188,7 @@ export const components = {
   SEO_Schema_Page: SEO_Schema_Page,
   Separador_2025_Reinosa: Separador_2025_Reinosa,
   Separador_2025_Toledo: Separador_2025_Toledo,
+  Separador_2026_Teulada: Separador_2026_Teulada,
   Share_2025_Florencia: Share_2025_Florencia,
   SpectrumSeparator: SpectrumSeparator,
   Sumario_2025_Beijing: Sumario_2025_Beijing,