libreria-astro-lefebvre 0.1.151 → 0.2.1

package/package.json

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

package/src/carbins/Formulario_2025_Seul.ts

@@ -9,6 +9,14 @@ export const metadata: ComponentMetadata = {
   priority: 1,
   tags: ['formulario', 'lf2', 'leads', 'imagen', 'contacto'],
    fields: [
+    {
+      name: 'categoria',
+      type: 'text',
+      help: 'Etiqueta opcional (span) encima del título, con bullet rojo, fondo gris suave y tipografía mono en mayúsculas. Solo se muestra si "Mostrar imagen" está desactivado y el campo tiene valor',
+      label: 'Categoría',
+      mandatory: false,
+      example_value: 'Contacto'
+    },
     {
       name: 'title',
       type: 'text',

package/src/carbins/Texto_2025_Kyoto.ts

@@ -9,6 +9,14 @@ export const metadata: ComponentMetadata = {
   priority: 1,
   tags: ['texto', 'html', 'titulo', 'contenido'],
   fields: [
+    {
+      name: 'categoria',
+      type: 'text',
+      help: 'Etiqueta opcional (span) que se muestra encima del título, con bullet rojo, fondo gris suave y tipografía mono en mayúsculas. Solo se renderiza si tiene valor',
+      label: 'Categoría',
+      mandatory: false,
+      example_value: 'Garantías'
+    },
     {
       name: 'title',
       type: 'text',

package/src/components/Astro/Formulario_2025_Seul.astro

@@ -2,6 +2,7 @@
 import { extractImageUrl } from '../../lib/functions.js';
 
 const {
+    categoria = "",
     title,
     description = "",
     showImage = false,
@@ -72,6 +73,7 @@ const structuredData = `<script type="application/ld+json">
         <article class="flex flex-col items-center justify-center">
             <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
                 <div class="w-full md:w-1/2 flex justify-start mb-8 flex-col">
+                    {categoria?.trim() && <span class="self-start inline-flex items-center gap-2 px-2 py-1 mb-4 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830] [font-feature-settings:'liga'_off,'clig'_off]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{categoria}</span>}
                     <h2 class="w-[300px] sm:w-auto font-heading text-[#1b1b1b] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-left mb-4 text-wrap">{title}</h2>
                     <p class="text-[#403830] font-heading text-xl leading-7">{description}</p>
                 </div>

package/src/components/Astro/Texto_2025_Kyoto.astro

@@ -1,6 +1,7 @@
 ---
 
 const {
+    categoria = "",
     title = "",
     tipo = "none",
     contentHTML = "",
@@ -12,6 +13,7 @@ const color = rawColor?.toLowerCase() === '#262626' ? '#1b1b1b' : (rawColor ?? '
 ---
 
 <div class:list={["w-full flex flex-col gap-3 px-8 md:px-0 mb-8", align === "center" ? "items-center" : "items-start"]}>
+    {categoria?.trim() && <span class="inline-flex items-center gap-2 px-2 py-1 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830] [font-feature-settings:'liga'_off,'clig'_off]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{categoria}</span>}
     {title && tipo === "h1" && <h1 class={`font-heading text-[${color}] text-[36px] leading-[44px] md:text-[40px] md:leading-[48px] font-semibold mb-4`} set:html={title}></h1>}
     {title && tipo === "h2-40" && <h2 class={`font-heading text-[${color}] text-[36px] leading-[44px] md:text-[40px] md:leading-[48px] font-normal text-center my-8`} set:html={title}></h2>}
     {title && tipo === "h2-32" && <h2 class={`font-heading text-[${color}] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold mb-4`} set:html={title}></h2>}