{"_id":"@calmecac/slidev-theme-calmecac","name":"@calmecac/slidev-theme-calmecac","dist-tags":{"latest":"1.3.1"},"versions":{"1.3.1":{"name":"@calmecac/slidev-theme-calmecac","version":"1.3.1","description":"Official CALMÉCAC Brand Theme for Slidev","keywords":["slidev-theme","slidev","calmecac"],"homepage":"https://github.com/cesar-ayar/calmecac-theme#readme","bugs":{"url":"https://github.com/cesar-ayar/calmecac-theme/issues"},"repository":{"type":"git","url":"git+https://github.com/cesar-ayar/calmecac-theme.git"},"license":"Apache-2.0","author":{"name":"Rífatela"},"type":"module","main":"layouts/default.vue","scripts":{"build":"slidev build example.md","dev":"slidev example.md --open","export":"slidev export example.md","screenshot":"slidev export example.md --format png"},"dependencies":{"@slidev/types":"^52.18.1","vue":"^3.5.33"},"devDependencies":{"@slidev/cli":"^52.18.1"},"engines":{"node":">=20.12.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"slidev":{"colorSchema":"both","defaults":{"transition":"fade-out"}},"gitHead":"b9769ee251c051a8c47cb2966fb0c49b0a593a16","_id":"@calmecac/slidev-theme-calmecac@1.3.1","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-kwaLeH4whEotwWaOG9nKMYAzsiMnzfs+KZ9k6G43ktawqxFKMTTKIELsu3Y3iXtyJGb+O3Y5ZdTEXKskI0AkMg==","shasum":"2f3029b4bf8ef9f8035ca6567f61c7c68d940bba","tarball":"https://registry.npmjs.org/@calmecac/slidev-theme-calmecac/-/slidev-theme-calmecac-1.3.1.tgz","fileCount":64,"unpackedSize":340859,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICLgtqi8E6xq7npfLtOL2623rKxiX1D0+BsmgyAscyYMAiBo9v9WARGBwzdYVW+jPtAharpPh33PXe8jXOXpS+A6XQ=="}]},"_npmUser":{"name":"cesar-ayar","email":"cesar.ayar19@gmail.com"},"directories":{},"maintainers":[{"name":"cesar-ayar","email":"cesar.ayar19@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/slidev-theme-calmecac_1.3.1_1786554163870_0.4703889646376078"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-12T17:02:43.672Z","1.3.1":"2026-08-12T17:02:44.062Z","modified":"2026-08-12T17:02:44.344Z"},"maintainers":[{"name":"cesar-ayar","email":"cesar.ayar19@gmail.com"}],"description":"Official CALMÉCAC Brand Theme for Slidev","homepage":"https://github.com/cesar-ayar/calmecac-theme#readme","keywords":["slidev-theme","slidev","calmecac"],"repository":{"type":"git","url":"git+https://github.com/cesar-ayar/calmecac-theme.git"},"author":{"name":"Rífatela"},"bugs":{"url":"https://github.com/cesar-ayar/calmecac-theme/issues"},"license":"Apache-2.0","readme":"# @calmecac/slidev-theme-calmecac\n\n[![NPM Version](https://img.shields.io/npm/v/@calmecac/slidev-theme-calmecac?color=00B09B&label=npm)](https://www.npmjs.com/package/@calmecac/slidev-theme-calmecac)\n[![License: Apache 2.0](https://img.shields.io/badge/License-Apache_2.0-00B09B.svg)](https://opensource.org/licenses/Apache-2.0)\n\nTema oficial de **CALMÉCAC** en la organización npm `@calmecac` para [Slidev](https://github.com/slidevjs/slidev), diseñado para crear presentaciones monumentales, estructuradas y de alta calidad visual.\n\n---\n\n## 🎨 Características\n\n- **Paleta Oficial de Marca:** Monolithic Black (`#09090B`), Turquesa (`#00B09B`), Superficie (`#111216`), Card (`#14161D`), Borde (`#232733`) y Paleta Secundaria de acentos (Gold, Coral, Magenta, Mint, Violet).\n- **Tipografía Institucional:** Integración nativa de Google Fonts (Roboto & Roboto Condensed).\n- **10 Layouts Personalizados:** `cover`, `intro`, `default`, `two-cols`, `grid`, `section`, `statement`, `quote`, `fact`, `timeline`, `end`.\n- **Carpeta de Assets Integrada (`assets/`):** Recursero de marca listo para producción con `backgrounds/`, `grecas/` y `logo/`.\n- **Componentes Exclusivos:**\n  - `<CalmecacCard>` (Tarjetas resplandecientes con acentos visuales)\n  - `<CalmecacBadge>` (Badges estilizados en múltiples variantes)\n  - `<CalmecacTimeline>` & `layout: timeline` (Cronograma e hitos en vista horizontal o vertical)\n  - `<CalmecacGreca>` (Grecas mexicas vectoriales `01`, `02`, `03`)\n  - `<CalmecacGrecasShowcase>` (Inspector de patrones vectoriales)\n  - `<CalmecacLogo>` & `<CalmecacSymbol>` (Isotipo y logotipo SVG)\n  - `<CalmecacLogoGrid>` & `<CalmecacLogoVariations>` (Guía del logotipo)\n  - `<CalmecacFontViewer>` (Visor interactivo de tipografías)\n- **Header & Footer Dinámicos:** Sensibles al frontmatter por diapositiva (visibilidad, títulos, taglines y badges).\n\n---\n\n## 📁 Estructura de Assets (`assets/`)\n\n```text\ncalmecac-theme/assets/\n├── backgrounds/     # Fondos vectoriales (Fondo-Rojo.svg)\n├── grecas/          # Grecas Mexicas SVG (GRECA_01.svg, GRECA_02.svg, GRECA_03.svg)\n└── logo/            # Isotipos, vectores y logotipos oficial (ISOTIPO, NOMBRE, Vector)\n```\n\n---\n\n## 📦 Instalación y Uso\n\n### 1. Instalación desde npm\n\n```bash\nnpm install @calmecac/slidev-theme-calmecac\n# o con pnpm\npnpm add @calmecac/slidev-theme-calmecac\n```\n\n### 2. En tu archivo `slides.md` de Slidev\nAgrega la siguiente propiedad al frontmatter inicial de tu archivo `slides.md`:\n\n```yaml\n---\ntheme: '@calmecac/calmecac'\n# O de manera directa:\n# theme: '@calmecac/slidev-theme-calmecac'\nheaderTitle: MI PROYECTO\ntagline: PRESENTACIÓN MONUMENTAL\nbadge: SECCIÓN 01\n---\n```\n\nSi usas el paquete en modo local o de desarrollo en tu repositorio:\n\n```yaml\n---\ntheme: ./calmecac-theme\n---\n```\n\n---\n\n## 📐 Layouts Disponibles\n\n| Layout | Descripción | Frontmatter Soportado |\n| :--- | :--- | :--- |\n| `cover` | Portada principal monumental | `subtitle`, `badge`, `author`, `date`, `description` |\n| `intro` | Presentación personal / perfil / visión | `name`, `role`, `image`, `badge`, `headerTitle` |\n| `default` | Layout estándar de contenido | `title`, `badge`, `headerTitle`, `tagline`, `hideHeader`, `hideFooter` |\n| `two-cols` | Dos columnas distribuidas con `::right::` | `title`, `badge`, `headerTitle`, `tagline` |\n| `grid` | Matriz de tarjetas o cuadrícula | `title`, `badge`, `headerTitle`, `tagline` |\n| `section` | Divisor de módulo o capítulo | `title`, `tagline`, `badge` |\n| `statement` | Manifiesto, cita o frase de alto impacto | `label`, `author`, `badge` |\n| `quote` | Cita destacada con tarjeta de neón, avatar, autor y cargo | `quote`, `author`/`by`, `role`/`title`, `avatar`/`image`, `label`, `badge` |\n| `fact` | Destacar una métrica o dato numérico | `number`, `unit`, `label`, `badge` |\n| `timeline` | Cronograma e hitos interactivos (horizontal o vertical) | `items`/`steps`/`hitos`, `direction` ('horizontal'/'vertical'), `badge` |\n| `end` | Diapositiva de cierre y contacto | `title`, `headerTitle`, `tagline` |\n\n---\n\n## 🧩 Componentes Destacados\n\n### `<CalmecacCard>`\n```html\n<CalmecacCard title=\"EFICIENCIA OPERATIVA\" glow accentTop icon=\"🏛️\">\n  Construimos cimientos sólidos para empresas de alto rendimiento.\n</CalmecacCard>\n```\n\n### `<CalmecacGreca>`\n```html\n<!-- Renderiza patrones vectorialesmexicas: 01 (Escalonada), 02 (Meandro), 03 (Piramidal) -->\n<CalmecacGreca pattern=\"01\" height=\"40\" color=\"#00B09B\" />\n```\n\n### `<CalmecacBadge>`\n```html\n<CalmecacBadge variant=\"solid\">DESTACADO</CalmecacBadge>\n<CalmecacBadge variant=\"outline\">SECUNDARIO</CalmecacBadge>\n```\n\n---\n\n## 💻 Desarrollo Local del Tema\n\n```bash\n# 1. Clonar o acceder al tema\ncd calmecac-theme\n\n# 2. Iniciar vista previa interactiva (example.md)\npnpm dev\n\n# 3. Exportar a PDF\npnpm export\n```\n\n---\n\n## 📄 Licencia\n\nApache-2.0 © 2026 Rífatela / CALMÉCAC\n","readmeFilename":"README.md","_rev":"1-92b040aa016f81c39182b2871a752e80"}