lumina-slides 8.5.0 → 8.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +19 -19
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -15,7 +15,7 @@
15
15
  </p>
16
16
 
17
17
  <p style="font-size: 1em; max-width: 600px; opacity: 0.8;">
18
- ✨ <b>60fps animations</b> · 🎨 <b>6 built-in themes</b> · 📱 <b>Responsive</b> · ⚡ <b>Zero dependencies UI</b>
18
+ ✨ <b>Smooth Animations</b> · 🎨 <b>6 Built-in Themes</b> · 📱 <b>Fully Responsive</b> · ⚡ <b>All-in-One Bundle</b>
19
19
  </p>
20
20
 
21
21
  <p>
@@ -26,7 +26,7 @@
26
26
 
27
27
  [![Version](https://img.shields.io/npm/v/lumina-slides?style=for-the-badge&color=2563EB)](https://www.npmjs.com/package/lumina-slides)
28
28
  [![Downloads](https://img.shields.io/npm/dt/lumina-slides?style=for-the-badge&color=7C3AED)](https://www.npmjs.com/package/lumina-slides)
29
- [![License](https://img.shields.io/github/license/PailletJuanPablo/lumina-slides?style=for-the-badge&color=DB2777)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/LICENSE)
29
+ [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
30
30
  [![TypeScript](https://img.shields.io/badge/Written%20In-TypeScript-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
31
31
 
32
32
  </div>
@@ -39,15 +39,15 @@
39
39
 
40
40
  Lumina includes **7 built-in layouts** ready to use. Just set the `type` property in your JSON:
41
41
 
42
- | Layout | Description | Visual Preview |
43
- | :------------ | :---------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------ |
44
- | **Statement** | Bold title slides for introductions, transitions, or key messages. Supports title, subtitle, and background. <br><br> `type: "statement"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-statement.png" width="200" style="border-radius: 6px;"> |
45
- | **Features** | Auto-grid layout for showcasing features, benefits, or stats. Adapts columns based on item count. <br><br> `type: "features"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-features.png" width="200" style="border-radius: 6px;"> |
46
- | **Timeline** | Horizontal timeline with snap navigation. Great for roadmaps, history, or process flows. <br><br> `type: "timeline"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-timeline.png" width="200" style="border-radius: 6px;"> |
47
- | **Steps** | Numbered step-by-step guide. Perfect for tutorials, instructions, or procedures. <br><br> `type: "steps"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-steps.png" width="200" style="border-radius: 6px;"> |
48
- | **Half** | Split layout with image on one side, content on the other. Fully responsive. <br><br> `type: "half"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-half.png" width="200" style="border-radius: 6px;"> |
49
- | **Chart** | Data visualization with Chart.js. Supports bar, line, pie, and doughnut charts. <br><br> `type: "chart"` <br>⚠️ _Requires `chart.js`_ | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-chart.png" width="200" style="border-radius: 6px;"> |
50
- | **Flex** | Declarative auto-layout system. Define structure with rows, columns, and nested containers. <br><br> `type: "flex"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-flex-demo.png" width="200" style="border-radius: 6px;"> |
42
+ | Layout | Description | Visual Preview |
43
+ | :------------ | :---------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |
44
+ | **Statement** | Bold title slides for introductions, transitions, or key messages. Supports title, subtitle, and background. <br><br> `type: "statement"` | [![Statement](https://pailletjuanpablo.github.io/lumina-slides/layout-statement.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-statement) |
45
+ | **Features** | Auto-grid layout for showcasing features, benefits, or stats. Adapts columns based on item count. <br><br> `type: "features"` | [![Features](https://pailletjuanpablo.github.io/lumina-slides/layout-features.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-features) |
46
+ | **Timeline** | Horizontal timeline with snap navigation. Great for roadmaps, history, or process flows. <br><br> `type: "timeline"` | [![Timeline](https://pailletjuanpablo.github.io/lumina-slides/layout-timeline.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-timeline) |
47
+ | **Steps** | Numbered step-by-step guide. Perfect for tutorials, instructions, or procedures. <br><br> `type: "steps"` | [![Steps](https://pailletjuanpablo.github.io/lumina-slides/layout-steps.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-steps) |
48
+ | **Half** | Split layout with image on one side, content on the other. Fully responsive. <br><br> `type: "half"` | [![Half](https://pailletjuanpablo.github.io/lumina-slides/layout-half.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-half) |
49
+ | **Chart** | Data visualization with Chart.js. Supports bar, line, pie, and doughnut charts. <br><br> `type: "chart"` <br>⚠️ _Requires `chart.js`_ | [![Chart](https://pailletjuanpablo.github.io/lumina-slides/layout-chart.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-chart) |
50
+ | **Flex** | Declarative auto-layout system. Define structure with rows, columns, and nested containers. <br><br> `type: "flex"` | [![Flex](https://pailletjuanpablo.github.io/lumina-slides/layout-flex-demo.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=layout-flex) |
51
51
 
52
52
  > [!TIP] > **Embedded Mode**: All layouts can be rendered in compact containers (dashboards, widgets) by using the `compact: true` option.
53
53
 
@@ -106,14 +106,14 @@ Lumina includes **6 beautiful theme presets** out-of-the-box. Just pass the name
106
106
  const engine = new Lumina("#app", { theme: "ocean" });
107
107
  ```
108
108
 
109
- | Theme | Description | Preview |
110
- | :----------- | :---------------------------------- | :---------------------------------------------------------------------------------------------------------------------- |
111
- | **default** | Clean blue on dark. Professional. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-default.png" width="180" style="border-radius: 6px;"> |
112
- | **ocean** | Cyan on slate. Calm and focused. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-ocean.png" width="180" style="border-radius: 6px;"> |
113
- | **midnight** | Indigo on black. Bold and dramatic. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-midnight.png" width="180" style="border-radius: 6px;"> |
114
- | **forest** | Emerald greens. Natural and fresh. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-forest.png" width="180" style="border-radius: 6px;"> |
115
- | **cyber** | Neon pink. Sci-fi futuristic. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-cyber.png" width="180" style="border-radius: 6px;"> |
116
- | **latte** | Light mode. Warm amber on cream. | <img src="https://pailletjuanpablo.github.io/lumina-slides/theme-latte.png" width="180" style="border-radius: 6px;"> |
109
+ | Theme | Description | Preview |
110
+ | :----------- | :---------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------- |
111
+ | **default** | Clean blue on dark. Professional. | [![default](https://pailletjuanpablo.github.io/lumina-slides/theme-default.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-default) |
112
+ | **ocean** | Cyan on slate. Calm and focused. | [![ocean](https://pailletjuanpablo.github.io/lumina-slides/theme-ocean.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-ocean) |
113
+ | **midnight** | Indigo on black. Bold and dramatic. | [![midnight](https://pailletjuanpablo.github.io/lumina-slides/theme-midnight.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-midnight) |
114
+ | **forest** | Emerald greens. Natural and fresh. | [![forest](https://pailletjuanpablo.github.io/lumina-slides/theme-forest.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-forest) |
115
+ | **cyber** | Neon pink. Sci-fi futuristic. | [![cyber](https://pailletjuanpablo.github.io/lumina-slides/theme-cyber.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-cyber) |
116
+ | **latte** | Light mode. Warm amber on cream. | [![latte](https://pailletjuanpablo.github.io/lumina-slides/theme-latte.png)](https://pailletjuanpablo.github.io/lumina-slides/?deck=theme-latte) |
117
117
 
118
118
  ---
119
119
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lumina-slides",
3
- "version": "8.5.0",
3
+ "version": "8.5.2",
4
4
  "homepage": "https://pailletjuanpablo.github.io/lumina-slides/",
5
5
  "description": "The interface layer for the agentic era. Turn text to UI with declarative JSON.",
6
6
  "type": "module",