libreria-astro-lefebvre 0.0.5 → 0.0.7

package/README.md

@@ -1,46 +1,46 @@
-# libreria-astro-lefebvre
-
-Instrucciones:
-
-- La libreria en npm está en: https://www.npmjs.com/package/libreria-astro-lefebvre
-- Para instalar:
-```
-npm i libreria-astro-lefebvre
-```
-
-
-Hacer un link en librería local: 
-``` npm link ```
-
-Usar librería local: 
-``` npm link nombre-librería ```
-
-Dejar de usar librería local: 
-```npm unlink --no-save nombre-librería```
-
-Login en npm: 
-```npm login --auth-type=legacy```
-
-Publicar en npm: 
-```npm publish --access public```
-
-Cuenta nodejs:
-dretamal
-P...a
-
-Hay que hacer npm install y reiniciar server
-
-Correr aplicación node: 
-``` npm run dev ```
-
-Compilar: 
-```npm run build```
-
-
-Para importar en proyecto astro y usar componentes:
-
-```import { Button, Button2, Button3} from 'libreria-astro-lefebvre';```
-
-Para listar componentes en Vue:
-
-```import { listComponents} from 'libreria-astro-lefebvre/list';```
+# libreria-astro-lefebvre
+
+Instrucciones:
+
+- La libreria en npm está en: https://www.npmjs.com/package/libreria-astro-lefebvre
+- Para instalar:
+```
+npm i libreria-astro-lefebvre
+```
+
+
+Hacer un link en librería local: 
+``` npm link ```
+
+Usar librería local: 
+``` npm link nombre-librería ```
+
+Dejar de usar librería local: 
+```npm unlink --no-save nombre-librería```
+
+Login en npm: 
+```npm login --auth-type=legacy```
+
+Publicar en npm: 
+```npm publish --access public```
+
+Cuenta nodejs:
+dretamal
+P...a
+
+Hay que hacer npm install y reiniciar server
+
+Correr aplicación node: 
+``` npm run dev ```
+
+Compilar: 
+```npm run build```
+
+
+Para importar en proyecto astro y usar componentes:
+
+```import { Button, Button2, Button3} from 'libreria-astro-lefebvre';```
+
+Para listar componentes en Vue:
+
+```import { listComponents} from 'libreria-astro-lefebvre/list';```

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "libreria-astro-lefebvre",
-  "version": "0.0.5",
-  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
-  "author": "Equipo web desarrollo Lefebvre",
-  "type": "module",
-  "exports": {
-    ".": "./src/index.ts",
-    "./list": "./src/list.ts"
-  },
-  "files": [
-    "src"
-  ],
-  "keywords": [
-    "astro",
-    "astro-components",
-    "ui",
-    "component-library",
-    "design-system"
-  ],
-  "peerDependencies": {
-    "astro": "^5.11.0"
-  },
-  "scripts": {
-    "generate:registry": "node scripts/generateRegistry.js"
-  },
-  "devDependencies": {
-    "typescript": "^5.8.3"
-  }
-}
+{
+  "name": "libreria-astro-lefebvre",
+  "version": "0.0.7",
+  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
+  "author": "Equipo web desarrollo Lefebvre",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./list": "./src/list.ts"
+  },
+  "files": [
+    "src"
+  ],
+  "keywords": [
+    "astro",
+    "astro-components",
+    "ui",
+    "component-library",
+    "design-system"
+  ],
+  "peerDependencies": {
+    "astro": "^5.11.0"
+  },
+  "scripts": {
+    "generate:registry": "node scripts/generateRegistry.js"
+  },
+  "devDependencies": {
+    "typescript": "^5.8.3"
+  }
+}

package/src/carbins/AstroButton.ts

@@ -1,10 +1,34 @@
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'Button',
-  name: 'Botón en Astro',
-  description: 'Botón de prueba en Astro',
-  framework: 'Astro',
-  priority: 1,
-  tags: ['boton', 'interactivo', 'ejemplo'],
-};
+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/CTA_2025_Formentera.ts

@@ -0,0 +1,48 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'CTA_2025_Formentera',
+  category: 'Call to Action',
+  name: 'Botón primario Genial 2025',
+  description: 'Botón primario para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['boton', 'genial'],
+  fields: [
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'frontColor',
+      type: 'text',
+      label: 'Color frontal',
+      mandatory: false,
+      example_value: 'white'
+    },
+    {
+      name: 'backColor',
+      type: 'text',
+      label: 'Color de fondo',
+      mandatory: false,
+      example_value: '#2134F1'
+    },
+    {
+      name: 'borderColor',
+      type: 'text',
+      label: 'Color del borde',
+      mandatory: false,
+      example_value: '#2134F1'
+    },
+   ]
+};

package/src/carbins/Cabecera_2025_Barcelona.ts

@@ -0,0 +1,34 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Cabecera_2025_Barcelona',
+  category: 'Cabecera',
+  name: 'Breadcrumb Genial 2025',
+  description: 'Breadcrumb para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['breadcrumb', 'genial'],
+   fields: [
+     {
+      name: 'text',
+      type: 'text',
+      label: 'Texto del breadcrumb',
+      mandatory: false,
+      example_value: 'Test'
+    },
+     {
+      name: 'subdirectory',
+      type: 'text',
+      label: 'Subdirectorio',
+      mandatory: false,
+      example_value: '/genia-l'
+    },
+    {
+      name: 'link',
+      type: 'text',
+      label: 'Enlace del breadcrumb',
+      mandatory: false,
+      example_value: '#'
+    }
+   ]
+};

package/src/carbins/Cabecera_2025_Madrid.ts

@@ -0,0 +1,34 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Cabecera_2025_Madrid',
+  category: 'Cabecera',
+  name: 'Header Genial 2025',
+  description: 'Header para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['header', 'navegación'],
+   fields: [
+     {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+     {
+      name: 'subdirectory',
+      type: 'text',
+      label: 'Subdirectorio',
+      mandatory: false,
+      example_value: '/genia-l'
+    },
+    {
+      name: 'url',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: '#'
+    }
+   ]
+};

package/src/carbins/Contenido_2025_Alcorcon.ts

@@ -0,0 +1,76 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Contenido_2025_Alcorcon',
+  category: 'Contenido',
+  name: 'Contenido de vídeo Genial 2025',
+  description: 'Contenido de vídeo para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'video', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'subtitle',
+      type: 'text',
+      label: 'Texto del subtítulo',
+      mandatory: false,
+      example_value: 'Subtítulo del título'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'txtBtn',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'linkBtn',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'alt',
+      type: 'text',
+      label: 'Texto alternativo del botón',
+      mandatory: false,
+      example_value: 'Texto alternativo del botón'
+    },
+    {
+      name: 'src',
+      type: 'text',
+      label: 'Src del vídeo',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/video.mp4'
+    },
+    {
+      name: 'iframeSrc',
+      type: 'text',
+      label: 'Src del iframe',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/video.mp4'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};

package/src/carbins/Contenido_2025_Granada.ts

@@ -0,0 +1,59 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Contenido_2025_Granada',
+  category: 'Contenido',
+  name: 'Contenido con icono Genial 2025',
+  description: 'Contenido con icono para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'genial', 'icono'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'tipo',
+      type: 'select',
+      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: 'icon',
+      type: 'select',
+      label: 'Icono',
+      options: ['more', 'shop', 'correct', 'formation', 'case', 'medal'],
+      options_labels: ['Más', 'Tienda', 'Correcto', 'Formación', 'Caso', 'Medalla'],
+      example_value: 'more'
+    },
+    {
+      name: 'positionFlex',
+      type: 'select',
+      label: 'Posición del item',
+      options: ['items-start', 'items-center'],
+      options_labels: ['Principio', 'Centrado'],
+      example_value: 'items-start'
+    },
+    {
+      name: 'flexOrientationIcoText',
+      type: 'select',
+      label: 'Flex del item',
+      options: ['flex-row', 'flex-col'],
+      options_labels: ['Horizontal', 'Vertical'],
+      example_value: 'flex-row'
+    },    
+   ]
+};

package/src/carbins/Contenido_2025_Malaga.ts

@@ -0,0 +1,100 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Contenido_2025_Malaga',
+  category: 'Contenido',
+  name: 'Contenido con imagen Genial 2025',
+  description: 'Contenido con imagen para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'imagen', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'Src de la imagen',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/imagen.jpg'
+    },
+    {
+      name: 'paddingLeft',
+      type: 'text',
+      label: 'Padding izquierdo (en px)',
+      mandatory: false,
+      example_value: ''
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    },
+    {
+      name: 'showIco',
+      type: 'boolean',
+      label: 'Mostrar icono',
+      mandatory: false,
+      example_value: true
+    },
+    {
+      name: 'showImage',
+      type: 'boolean',
+      label: 'Mostrar imagen',
+      mandatory: false,
+      example_value: true
+    },
+    {
+      name: 'flexOrientation',
+      type: 'select',
+      label: 'Orientación del contenido',
+      options: ['row', 'col'],
+      options_labels: ['Fila', 'Columna'],
+      example_value: 'row'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Alineación del contenido',
+      options: ['left', 'right'],
+      options_labels: ['Izquierda', 'Derecha'],
+      example_value: 'left'
+    },
+    {
+      name: 'width',
+      type: 'select',
+      label: 'Ancho del contenido',
+      options: ['full', 'w-3/5'],
+      options_labels: ['Ancho completo', 'Ancho 3/5'],
+      example_value: 'full'
+    },
+   ]
+};

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/Footer_2025_Napoles.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Footer_2025_Napoles',
+  category: 'Footer',
+  name: 'Footer Genial 2025',
+  description: 'Footer para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['footer', 'genial'],
+   fields: []
+};

package/src/carbins/Formulario_2025_Seul.ts

@@ -0,0 +1,56 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Formulario_2025_Seul',
+  category: 'Formulario',
+  name: 'Formulario Genial 2025',
+  description: 'Formulario para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'video', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'imageSrc',
+      type: 'text',
+      label: 'Src de la imagen',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/imagen.jpg'
+    },
+    {
+      name: 'lf2FormTitle',
+      type: 'text',
+      label: 'Título del formulario en LF2',
+      mandatory: false,
+      example_value: 'Formulario de contacto'
+    },
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Orientación del contenido',
+      options: ['left', 'right'],
+      options_labels: ['Izquierda', 'Derecha'],
+      example_value: 'left'
+    },
+    {
+      name: 'showImage',
+      type: 'boolean',
+      label: 'Mostrar imagen',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};