libreria-astro-lefebvre 0.0.5 → 0.0.6

package/package.json

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

package/src/carbins/AstroButton.ts

@@ -2,9 +2,33 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'Button',
+  category: 'Call to Action',
   name: 'Botón en Astro',
   description: 'Botón de prueba en Astro',
   framework: 'Astro',
   priority: 1,
   tags: ['boton', 'interactivo', 'ejemplo'],
+   fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en Astro'
+    },    
+    {
+      name: 'href',
+      type: 'text',
+      label: 'Url de destino',
+      mandatory: true,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'target',
+      type: 'text',
+      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
+      mandatory: false,
+      example_value: '_blank'
+    },
+  ],
 };

package/src/carbins/CorpFooter.ts

@@ -0,0 +1,13 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'CorpFooter',
+  category: 'Footer',
+  name: 'Footer Corporativo Lefebvre.es',
+  description: 'Footer marca 2025 Lefebvre.es',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['footer','lefebvre.es'],
+  fields: [
+  ]
+};

package/src/carbins/CorpHero.ts

@@ -0,0 +1,20 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'CorpHero',
+  category: 'Call to Action',
+  name: 'Hero Corporativo Lefebvre.es',
+  description: 'Hero marca 2025 Lefebvre.es',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['hero','video','lefebvre.es'],
+  fields: [
+    {
+      name: 'text',
+      type: 'textArea',
+      label: 'Contenido HTML',
+      mandatory: false,
+      example_value: '<p><b>Es más que una imagen renovada. Es una nueva forma de avanzar.</b><br />En Lefebvre evolucionamos contigo. Nos adaptamos a ti.</p>'
+    },
+  ]
+};

package/src/carbins/FooterCorporativo.ts

@@ -0,0 +1,13 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'FooterCorporativo',
+  category: 'Footer',
+  name: 'Footer Corporativo',
+  description: 'Footer de prueba en Astro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['footer'],
+   fields: [
+  ]
+};

package/src/carbins/GeometricShapeCard.ts

@@ -1,7 +1,10 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
 import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'GeometricShapeCard',
+  category: 'Imagen',
   name: 'Tarjeta con figura geométrica',
   description: 'Tarjeta con figura geométrica y botón de leer más.',
   framework: 'Astro',
@@ -11,46 +14,54 @@ export const metadata: ComponentMetadata = {
       name: 'title',
       type: 'text',
       label: 'Título',
-      mandatory: true
+      mandatory: true,
+      example_value: 'Título de la tarjeta'
     },    
     {
       name: 'mainContent',
       type: 'textArea',
       label: 'Contenido principal (HTML)',
-      mandatory: true
+      mandatory: true,
+      example_value: '<p>Este es el <b>contenido</b> principal.</p>'
     },
     {
       name: 'secondaryContent',
       type: 'textArea',
       label: 'Contenido secundario (HTML) que aparece al leer más',
-      mandatory: false
+      mandatory: false,
+      example_value: '<p>Este es el contenido secundario.</p>'
     },
     {
       name: 'imageSrc',
       type: 'text',
       label: 'URL de la imagen',
-      mandatory: true
+      mandatory: true,
+      example_value: 'https://via.placeholder.com/150'
     },
     {
       name: 'figure',
       type: 'select',
       label: 'Tipo de figura',
       options: ['Trapeze', 'Trapeze2', 'Leaf', 'Sphere'],
-      options_labels: ['Trapecio', 'Trapecio II', 'Hoja de parra', 'Esfera']
+      options_labels: ['Trapecio', 'Trapecio II', 'Hoja de parra', 'Esfera'],
+      example_value: 'Trapeze'
     },
     {
       name: 'orientation',
       type: 'select',
       label: 'Orientación de la figura',
       options: ['right', 'left'],
-      options_labels: ['Derecha','Izquierda']
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'right'
     },
     {
       name: 'gradiantIndex',
       type: 'select',
       label: 'Gradiante',
       options: [0, 1, 2, 3, 4],
-      options_labels: ['Lefebvre España', 'Lefebvre Sarrut', 'Lefebvre Italia', 'Lefebvre Toovalu', 'Bandera de España']
+      options_labels: ['Lefebvre España', 'Lefebvre Sarrut', 'Lefebvre Italia', 'Lefebvre Toovalu', 'Bandera de España'],
+      example_value: 0
     },
   ]
-};
+  
+};

package/src/carbins/HeaderCorporativo.ts

@@ -0,0 +1,34 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'HeaderCorporativo',
+  category: 'Cabecera',
+  name: 'Header Corporativo',
+  description: 'Header de prueba en Astro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['header', 'navegación'],
+   fields: [
+    {
+      name: 'logo',
+      type: 'text',
+      label: 'URL del logo',
+      mandatory: false,
+      example_value: 'https://espacioasesoria.com/wp-content/themes/lf-espacioasesoria-theme/src/images/logo-espacio-asesoria.png'
+    },
+    {
+      name: 'alt',
+      type: 'text',
+      label: 'Texto alternativo',
+      mandatory: false,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'showLefebvreLogo',
+      type: 'boolean',
+      label: 'Mostrar logo de Lefebvre',
+      mandatory: false,
+      example_value: true
+    },
+  ]
+};

package/src/carbins/ImageTextSimple.ts

@@ -0,0 +1,45 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'ImageTextSimple',
+  category: 'Imagen',
+  name: 'Contenido con imagen/video simple',
+  description: 'Contenido con imagen/video simple, título y texto',
+  framework: 'Astro',
+  tags: ['card', 'interactivo','lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Soluciones para activar el conocimiento'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p>En Lefebvre buscamos ofrecer a nuestros clientes <strong>soluciones específicas, relevantes e integrales</strong>.
+       Para ello, las adaptamos a las características y necesidades de cada empresa y sector, haciendo hincapié en los puntos críticos de cada uno de ellos para contribuir positivamente a su desarrollo. </p>
+        `
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/img-map.57810cde.webp'
+    },
+    {
+      name: 'video',
+      type: 'text',
+      label: 'URL del video',
+      mandatory: true,
+      example_value: 'https://www.youtube.com/embed/3gJIiEdYKR0'
+    },    
+  ]
+  
+};

package/src/carbins/ReactButton.ts

@@ -2,8 +2,32 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'ReactButton',
+  category: 'Call to Action',
   name: 'Botón en React',
   description: 'Botón de prueba en React',
   framework: 'React',
   tags: ['boton', 'interactivo', 'ejemplo'],
+  fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en React'
+    },    
+    {
+      name: 'href',
+      type: 'text',
+      label: 'Url de destino',
+      mandatory: true,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'target',
+      type: 'text',
+      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
+      mandatory: false,
+      example_value: '_blank'
+    },
+  ]
 };

package/src/carbins/SpectrumSeparator.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'SpectrumSeparator',
+  category: 'Separador',
+  name: 'Separador de Espectro',
+  description: 'Separador de espectro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['separador','lefebvre.es'],
+  fields: []
+};

package/src/carbins/TextBox.ts

@@ -0,0 +1,27 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextBox',
+  category: 'Texto',
+  name: 'Caja de texto',
+  description: 'Caja de texto en Astro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['texto'],
+   fields: [
+    {
+      name: 'htmlCode',
+      type: 'textArea',
+      label: 'Código HTML',
+      mandatory: false,
+      example_value: '<p>Lo que quieras...</p>'
+    },
+    {
+      name: 'addShadow',
+      type: 'boolean',
+      label: 'Añadir sombra',
+      mandatory: false,
+      example_value: true
+    },
+  ]
+};

package/src/carbins/TextImageBackground.ts

@@ -0,0 +1,47 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextImageBackground',
+  category: 'Contenido',
+  name: 'Contenido con imagen de fondo',
+  description: 'Tarjeta con imagen de background y texto para destacar contenido',
+  framework: 'Astro',
+  tags: ['card', 'interactivo','lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Una marca más fuerte.<br>Un grupo más unido.<br>Un propósito compartido.'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p>Somos un grupo europeo con más de 200 años de historia, presente en 8 países y comprometido con un mismo propósito: <b>activar el conocimiento para crear una sociedad más justa, eficiente y sostenible.</b></p>
+        <p>Unidos bajo una sola marca, compartimos una ambición clara: liderar la transformación del sector legal europeo con soluciones innovadoras y una inteligencia artificial segura, ética y entrenada con contenido experto.</p>
+        <p>Desde nuestra herencia editorial, construimos, para ti, el futuro del conocimiento jurídico europeo.</p>
+        `
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/img-map.57810cde.webp'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Orientación de la figura',
+      options: ['right', 'left'],
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'right'
+    },
+  ]
+  
+};

package/src/carbins/TextImageBlock.ts

@@ -0,0 +1,62 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextImageBlock',
+  category: 'Contenido',
+  name: 'Contenido de texto con imagen',
+  description: 'Tarjeta con texto e imagen',
+  framework: 'Astro',
+  tags: ['card', 'interactivo','lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Descubre GenIA-L, la IA jurídica más certera'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p><b>No trabajes más, trabaja mejor.</b> GenIA-L no sólo domina la jurisprudencia, sino que piensa como tú: además de hablar el mismo idioma, 
+    es la primera IA que razona de forma lógica cómo abordar los desafíos legales más complejos.</p>
+    <p>En Lefebvre hemos ido un paso más allá, combinando el llamado razonamiento profundo con la base de datos jurídica más completa. ¿El resultado? La IA 
+        jurídica más certera del mercado, con la que obtienes respuestas claras, razonadas y fundamentadas para abordar cualquier reto legal que te plantees en cuestión de segundos.</p>
+        `
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Conoce más sobre GenIA-L'
+    },    
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'URL del botón',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/ecosistema-productos/genial-inteligencia-artificial-generativa-ia/'
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/home/img-pc.webp'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Orientación de la figura',
+      options: ['right', 'left'],
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'left'
+    },
+  ]
+  
+};

package/src/carbins/TextImageCard.ts

@@ -0,0 +1,44 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextImageCard',
+  category: 'Contenido',
+  name: 'Card de texto con imagen',
+  description: 'Card con texto e imagen',
+  framework: 'Astro',
+  tags: ['card', 'interactivo','lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: '¿Por qué este cambio?'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p>Porque liderar también significa evolucionar. Esta nueva identidad expresa con más fuerza quiénes somos hoy: una compañía tecnológica de conocimiento jurídico, más clara, más conectada y, más cercana.</p>`
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/home/img-card1.webp'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Orientación de la figura',
+      options: ['right', 'left'],
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'right'
+    },
+  ]
+  
+};

package/src/carbins/TextImageHeader.ts

@@ -0,0 +1,68 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextImageHeader',
+  category: 'Contenido',
+  name: 'Contenido de texto con imagen y polígono con degradado',
+  description: 'Cabecera con texto destacado, imagen y botón de acción personalizable. Ideal para resaltar información clave en páginas principales.',
+  framework: 'Astro',
+  tags: ['card','lefebvre.es'],
+  fields: [
+    {
+      name: 'pretitle',
+      type: 'text',
+      label: 'Pretítulo',
+      mandatory: false,
+      example_value: 'CONÓCENOS'
+    },    
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Activamos el conocimiento, para una sociedad más justa, eficiente y sostenible'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p><b>No trabajes más, trabaja mejor.</b> GenIA-L no sólo domina la jurisprudencia, sino que piensa como tú: además de hablar el mismo idioma, 
+    es la primera IA que razona de forma lógica cómo abordar los desafíos legales más complejos.</p>
+    <p>En Lefebvre hemos ido un paso más allá, combinando el llamado razonamiento profundo con la base de datos jurídica más completa. ¿El resultado? La IA 
+        jurídica más certera del mercado, con la que obtienes respuestas claras, razonadas y fundamentadas para abordar cualquier reto legal que te plantees en cuestión de segundos.</p>
+        `
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Descubre más sobre nosotros'
+    },    
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'URL del botón',
+      mandatory: true,
+      example_value: '/conocenos'
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/bg-conocenos.d1b98242.webp'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Orientación de la figura',
+      options: ['right', 'left'],
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'left'
+    },
+  ]
+};

package/src/carbins/VideoAutoplay.ts

@@ -0,0 +1,36 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'VideoAutoplay',
+  category: 'Contenido',
+  name: 'Sección con video autoplay',
+  description: 'Sección con video que se reproduce automáticamente',
+  framework: 'Astro',
+  tags: ['video', 'autoplay', 'lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Hoy empieza un nuevo capítulo de nuestra historia'
+    },    
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Contenido principal',
+      mandatory: true,
+      example_value: 'Somos quienes te han acompañado durante décadas. Somos quienes se anticipan contigo al futuro del conocimiento jurídico.'
+    },
+    {
+      name: 'iframeSrc',
+      type: 'text',
+      label: 'URL del iframe',
+      mandatory: true,
+      example_value: 'https://player.vimeo.com/video/1087114916?controls=0&autoplay=1&muted=1&loop=1&badge=0&autopause=0&player_id=0&app_id=58479'
+    }
+  ]
+  
+};

package/src/carbins/VueButton.ts

@@ -3,9 +3,33 @@ import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'VueButton',
+  category: 'Call to Action',
   name: 'Botón en Vue',
   description: 'Botón de prueba en Vue',
   framework: 'Vue',
   priority: 2,
   tags: ['boton', 'interactivo', 'ejemplo'],
+   fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en Vue'
+    },    
+    {
+      name: 'href',
+      type: 'text',
+      label: 'Url de destino',
+      mandatory: true,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'target',
+      type: 'text',
+      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
+      mandatory: false,
+      example_value: '_blank'
+    },
+  ]
 };