libreria-astro-lefebvre 0.1.1 → 0.1.2

package/package.json

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

package/src/carbins/Imagen_2026_Algar.ts

@@ -0,0 +1,47 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Imagen_2026_Algar',
+  category: 'Contenido de Imagen',
+  name: 'Imagen básica con borde redondeado opcional y enlace opcional 2026',
+  description: 'Componente básico que renderiza una única imagen de Limbo a ancho completo del contenedor padre. Sin padding ni margen lateral propio. Opciones: activar/desactivar borde redondeado (rounded-2xl) y envolver la imagen en un <a> clicable si se rellena el campo "Enlace".',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['basico', 'imagen'],
+  fields: [
+    {
+      name: 'image',
+      type: 'image',
+      help: 'Imagen a renderizar. Selecciónala con el gestor Limbo. Se muestra a ancho completo del contenedor padre, manteniendo proporción (h-auto).',
+      label: 'Imagen',
+      mandatory: true,
+      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
+    },
+    {
+      name: 'rounded',
+      type: 'boolean',
+      help: 'Si está activado, aplica esquinas redondeadas (rounded-2xl) a la imagen.',
+      label: 'Borde redondeado',
+      mandatory: false,
+      options: ['false', 'true'],
+      options_labels: ['No', 'Sí'],
+      example_value: false
+    },
+    {
+      name: 'link',
+      type: 'text',
+      help: 'URL opcional. Si se rellena, la imagen queda envuelta en un <a href> y se hace clicable. Si se deja vacío, la imagen se renderiza sin enlace.',
+      label: 'Enlace (opcional)',
+      mandatory: false,
+      example_value: ''
+    },
+    {
+      name: 'altImage',
+      type: 'text',
+      help: 'Texto alternativo de la imagen (atributo alt). Importante para accesibilidad y SEO. Si la imagen es decorativa, déjalo vacío.',
+      label: 'Texto alternativo (alt)',
+      mandatory: false,
+      example_value: 'Imagen descriptiva'
+    }
+  ]
+};

package/src/carbins/Texto_2026_Castellon.ts

@@ -0,0 +1,81 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Texto_2026_Castellon',
+  category: 'Contenido de Texto',
+  name: 'Texto básico con pretítulo, título configurable, descripción y botón opcional 2026',
+  description: 'Bloque de texto sencillo y responsive sin padding ni margen lateral propio (el contenedor padre controla el ancho útil). Contiene: pretítulo opcional (span pequeño, no es heading), título principal con etiqueta HTML elegible (h1, h1-40, h2-h6) y alineación configurable (izquierda/centro/derecha), descripción opcional a ancho completo (admite HTML), y botón CTA opcional con texto y URL. Pensado como componente "básico" de texto.',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['basico', 'texto', 'titulo', 'cta'],
+  fields: [
+    {
+      name: 'pretitle',
+      type: 'text',
+      help: 'Pretítulo opcional que aparece encima del título. NO es un heading (se renderiza como <span>). Admite HTML. Solo se muestra si tiene valor. Hereda la alineación del título.',
+      label: 'Pretítulo',
+      mandatory: false,
+      example_value: 'Novedad 2026'
+    },
+    {
+      name: 'title',
+      type: 'text',
+      help: 'Título principal. Admite HTML. La etiqueta HTML (h1-h6) se elige en el campo "Etiqueta del título". El estilo visual es el mismo para cualquier etiqueta; solo cambia la semántica/SEO.',
+      label: 'Texto del título',
+      mandatory: true,
+      example_value: 'Inteligencia artificial al servicio del Derecho'
+    },
+    {
+      name: 'titleTag',
+      type: 'select',
+      help: 'Etiqueta HTML y estilo visual del título. Variantes: "h1" 36-56px con padding lateral; "h1-40" 40px con mb-8; "h2" 36-40px; "h3" 2xl semibold; "h4" 20px semibold; "h5" y "h6" sin estilos complejos. La alineación horizontal se controla con el campo "Alineación".',
+      label: 'Etiqueta del título',
+      options: ['h1', 'h1-40', 'h2', 'h3', 'h4', 'h5', 'h6'],
+      options_labels: ['H1 (36-56px)', 'H1 40px', 'H2 (36-40px)', 'H3 (2xl semibold)', 'H4 (20px semibold)', 'H5', 'H6'],
+      example_value: 'h2'
+    },
+    {
+      name: 'titleAlign',
+      type: 'select',
+      help: 'Alineación horizontal del pretítulo, del título y del botón. La descripción siempre se renderiza a ancho completo, sin alineación configurable.',
+      label: 'Alineación del título',
+      options: ['left', 'center', 'right'],
+      options_labels: ['Izquierda', 'Centro', 'Derecha'],
+      example_value: 'left'
+    },
+    {
+      name: 'description',
+      type: 'textArea',
+      help: 'Descripción a ancho completo del contenedor padre. Admite HTML (editor enriquecido). Solo se muestra si tiene valor.',
+      label: 'Descripción',
+      mandatory: false,
+      example_value: '<p>Descubre cómo la IA jurídica transforma el trabajo diario de los despachos de abogados.</p>'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      help: 'Si está activado, muestra el botón CTA al final del bloque. Su posición horizontal sigue la alineación del título.',
+      label: 'Mostrar botón',
+      mandatory: false,
+      options: ['false', 'true'],
+      options_labels: ['No', 'Sí'],
+      example_value: false
+    },
+    {
+      name: 'btnLabel',
+      type: 'text',
+      help: 'Texto visible del botón. Solo se renderiza si "Mostrar botón" está activado.',
+      label: 'Texto del botón',
+      mandatory: false,
+      example_value: 'Más información'
+    },
+    {
+      name: 'btnSrc',
+      type: 'text',
+      help: 'URL de destino del botón (atributo href del <a>). Solo se usa si "Mostrar botón" está activado.',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.lefebvre.es'
+    }
+  ]
+};

package/src/components/Astro/Footer_2025_Napoles.astro

@@ -55,7 +55,7 @@ const categories = [
 
 ---
 
-<footer>
+<footer class="w-full">
     <div class="bg-white text-[#363942] py-10 border-t border-gray-300">
         <div class="max-w-7xl flex-wrap md:flex-nowrap w-full px-4 md:px-0 flex items-start mx-auto">
             {categories.map(category => (

package/src/components/Astro/Imagen_2026_Algar.astro

@@ -0,0 +1,18 @@
+---
+import LimboImage from '../LimboImage.astro';
+
+const {
+    image,
+    link = '',
+    altImage = '',
+} = Astro.props;
+
+---
+
+{link && link !== '' ? (
+    <a href={link} class="flex w-full">
+        <LimboImage src={image} alt={altImage} class="flex w-full h-auto rounded-2xl" />
+    </a>
+) : (
+    <LimboImage src={image} alt={altImage} class="flex w-full h-auto rounded-2xl" />
+)}

package/src/components/Astro/Texto_2026_Castellon.astro

@@ -0,0 +1,33 @@
+---
+const {
+    pretitle = '',
+    title = '',
+    titleTag = 'h2',
+    titleAlign = 'left',
+    description = '',
+    showBtn = true,
+    btnLabel = '',
+    btnSrc = '#',
+} = Astro.props;
+
+const alignClass = titleAlign === 'center' ? 'text-center' : titleAlign === 'right' ? 'text-right' : 'text-left';
+const btnSelf = titleAlign === 'center' ? 'self-center' : titleAlign === 'right' ? 'self-end' : 'self-start';
+---
+
+<section class="w-full flex flex-col gap-4">
+    {pretitle && <span class={`block w-full font-inter text-[#363942] text-sm md:text-base font-normal ${alignClass}`} set:html={pretitle}></span>}
+
+    {title && titleTag === 'h1' && <h1 class={`font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal ${alignClass} leading-[44px] md:leading-[64px] px-6 md:my-12`} set:html={title}></h1>}
+    {title && titleTag === 'h1-40' && <h1 class={`font-poppins text-[#262626] text-[40px] font-normal ${alignClass} leading-[48px] mb-8`} set:html={title}></h1>}
+    {title && titleTag === 'h2' && <h2 class={`font-poppins text-[#262626] text-[36px] md:text-[40px] font-normal ${alignClass} leading-[48px] my-8 md:mb-8`} set:html={title}></h2>}
+    {title && titleTag === 'h3' && <h3 class={`font-poppins text-[#262626] text-2xl font-semibold ${alignClass} mb-2`} set:html={title}></h3>}
+    {title && titleTag === 'h4' && <h4 class={`font-poppins text-[#262626] ${alignClass} text-[20px] font-semibold leading-7 mb-4`} set:html={title}></h4>}
+    {title && titleTag === 'h5' && <h5 class={`font-poppins text-[#262626] ${alignClass}`} set:html={title}></h5>}
+    {title && titleTag === 'h6' && <h6 class={`font-poppins text-[#262626] ${alignClass}`} set:html={title}></h6>}
+
+    {description && <div class="w-full font-inter text-[#363942] text-base font-normal leading-7" set:html={description}></div>}
+
+    {showBtn && btnLabel && (
+        <a href={btnSrc} class={`${btnSelf} text-white font-inter font-normal bg-[#2134F1] px-5 py-3 border border-[#2134F1] rounded-xl hover:bg-white hover:text-[#2134F1] transition-all duration-300`}>{btnLabel}</a>
+    )}
+</section>

package/src/generated/componentRegistry.ts

@@ -48,6 +48,7 @@ import * as Hero_2026_Benidorm from '../carbins/Hero_2026_Benidorm.ts';
 import * as ImageTextSimple from '../carbins/ImageTextSimple.ts';
 import * as Imagen_2025_Bogota from '../carbins/Imagen_2025_Bogota.ts';
 import * as Imagen_2025_Fukushima from '../carbins/Imagen_2025_Fukushima.ts';
+import * as Imagen_2026_Algar from '../carbins/Imagen_2026_Algar.ts';
 import * as Indice_2025_Taiwan from '../carbins/Indice_2025_Taiwan.ts';
 import * as Modal_2025_Sagunto from '../carbins/Modal_2025_Sagunto.ts';
 import * as Paginacion_2025_Paris from '../carbins/Paginacion_2025_Paris.ts';
@@ -72,6 +73,7 @@ import * as TextImageCard from '../carbins/TextImageCard.ts';
 import * as TextImageHeader from '../carbins/TextImageHeader.ts';
 import * as Texto_2025_Kyoto from '../carbins/Texto_2025_Kyoto.ts';
 import * as Texto_2026_Alicante from '../carbins/Texto_2026_Alicante.ts';
+import * as Texto_2026_Castellon from '../carbins/Texto_2026_Castellon.ts';
 import * as Tiempo_2025_Londres from '../carbins/Tiempo_2025_Londres.ts';
 import * as Titulo_2025_Algeciras from '../carbins/Titulo_2025_Algeciras.ts';
 import * as Titulo_2025_Santorini from '../carbins/Titulo_2025_Santorini.ts';
@@ -131,6 +133,7 @@ export const components = [
   {component: ImageTextSimple},
   {component: Imagen_2025_Bogota},
   {component: Imagen_2025_Fukushima},
+  {component: Imagen_2026_Algar},
   {component: Indice_2025_Taiwan},
   {component: Modal_2025_Sagunto},
   {component: Paginacion_2025_Paris},
@@ -155,6 +158,7 @@ export const components = [
   {component: TextImageHeader},
   {component: Texto_2025_Kyoto},
   {component: Texto_2026_Alicante},
+  {component: Texto_2026_Castellon},
   {component: Tiempo_2025_Londres},
   {component: Titulo_2025_Algeciras},
   {component: Titulo_2025_Santorini},

package/src/index.ts

@@ -55,6 +55,7 @@ import Hero_2026_Benidorm from './components/Astro/Hero_2026_Benidorm.astro';
 import ImageTextSimple from './components/Astro/ImageTextSimple.astro';
 import Imagen_2025_Bogota from './components/Astro/Imagen_2025_Bogota.astro';
 import Imagen_2025_Fukushima from './components/Astro/Imagen_2025_Fukushima.astro';
+import Imagen_2026_Algar from './components/Astro/Imagen_2026_Algar.astro';
 import Indice_2025_Taiwan from './components/Astro/Indice_2025_Taiwan.astro';
 import Modal_2025_Sagunto from './components/Astro/Modal_2025_Sagunto.astro';
 import Paginacion_2025_Paris from './components/Astro/Paginacion_2025_Paris.astro';
@@ -79,6 +80,7 @@ import TextImageCard from './components/Astro/TextImageCard.astro';
 import TextImageHeader from './components/Astro/TextImageHeader.astro';
 import Texto_2025_Kyoto from './components/Astro/Texto_2025_Kyoto.astro';
 import Texto_2026_Alicante from './components/Astro/Texto_2026_Alicante.astro';
+import Texto_2026_Castellon from './components/Astro/Texto_2026_Castellon.astro';
 import Tiempo_2025_Londres from './components/Astro/Tiempo_2025_Londres.astro';
 import Titulo_2025_Algeciras from './components/Astro/Titulo_2025_Algeciras.astro';
 import Titulo_2025_Santorini from './components/Astro/Titulo_2025_Santorini.astro';
@@ -91,7 +93,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_Madrid, 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_Estocolmo, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, 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, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Indice_2025_Taiwan, Modal_2025_Sagunto, 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, 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_Madrid, 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_Estocolmo, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, 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, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Imagen_2026_Algar, Indice_2025_Taiwan, Modal_2025_Sagunto, 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 };
 
 
 // Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
@@ -158,6 +160,7 @@ export const components = {
   ImageTextSimple: ImageTextSimple,
   Imagen_2025_Bogota: Imagen_2025_Bogota,
   Imagen_2025_Fukushima: Imagen_2025_Fukushima,
+  Imagen_2026_Algar: Imagen_2026_Algar,
   Indice_2025_Taiwan: Indice_2025_Taiwan,
   Modal_2025_Sagunto: Modal_2025_Sagunto,
   Paginacion_2025_Paris: Paginacion_2025_Paris,
@@ -182,6 +185,7 @@ export const components = {
   TextImageHeader: TextImageHeader,
   Texto_2025_Kyoto: Texto_2025_Kyoto,
   Texto_2026_Alicante: Texto_2026_Alicante,
+  Texto_2026_Castellon: Texto_2026_Castellon,
   Tiempo_2025_Londres: Tiempo_2025_Londres,
   Titulo_2025_Algeciras: Titulo_2025_Algeciras,
   Titulo_2025_Santorini: Titulo_2025_Santorini,