yumiamd 0.1.21 → 0.1.22

package/dist/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   runCli
-} from "./chunk-TJR6MU2I.js";
+} from "./chunk-KNQTEIHN.js";
 
 // src/bin.ts
 var result = await runCli(process.argv);

package/dist/{chunk-TJR6MU2I.js → chunk-KNQTEIHN.js}

@@ -2333,36 +2333,36 @@ var terminalTheme = {
   },
   radius: {
     none: 0,
-    sm: 0,
-    md: 0,
-    lg: 0,
-    xl: 0,
-    full: 0,
-    default: 0
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    full: 9999,
+    default: 10
   },
   shadows: {
     none: "none",
-    sm: "none",
-    md: "none",
-    lg: "none",
-    glow: "0 0 15px rgba(0, 255, 102, 0.4)"
+    sm: "0 2px 4px rgba(0, 0, 0, 0.3)",
+    md: "0 4px 12px rgba(0, 0, 0, 0.4)",
+    lg: "0 10px 24px rgba(0, 0, 0, 0.5)",
+    glow: "0 0 16px rgba(0, 255, 102, 0.35)"
   },
   components: {
     card: {
-      background: "#141A14",
-      borderColor: "#00FF66",
-      borderRadius: 0,
+      background: "#111711",
+      borderColor: "rgba(0, 255, 102, 0.35)",
+      borderRadius: 12,
       padding: 24
     },
     metric: {
       valueColor: "#00FF66",
       labelColor: "#4E7A4E",
-      borderRadius: 0
+      borderRadius: 12
     },
     code: {
-      background: "#070A07",
+      background: "#080C08",
       textColor: "#00FF66",
-      borderRadius: 0
+      borderRadius: 8
     },
     table: {
       headerBackground: "#1F331F",
@@ -4754,6 +4754,8 @@ var HtmlRenderer = class {
     const aspectRatio = presentation.metadata.aspectRatio || "16:9";
     const is43 = aspectRatio === "4:3";
     const ratioAspect = is43 ? "4 / 3" : "16 / 9";
+    const ratioW = is43 ? 4 : 16;
+    const ratioH = is43 ? 3 : 9;
     const options = context.options || {};
     const liveReloadScript = options.liveReload ? `
     <!-- YumiaMD Live Reload -->
@@ -4869,6 +4871,8 @@ var HtmlRenderer = class {
       --yumia-radius-card: ${theme.components?.card?.borderRadius ?? theme.radius.default}px;
       --yumia-shadow-glow: ${theme.shadows?.glow || "none"};
       --yumia-ratio: ${ratioAspect};
+      --yumia-ratio-w: ${ratioW};
+      --yumia-ratio-h: ${ratioH};
     }
 
     * {
@@ -4890,19 +4894,34 @@ var HtmlRenderer = class {
       user-select: none;
     }
 
+    #deck-container {
+      position: relative;
+      width: 100vw;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      background: #050508;
+    }
+
     #yumia-deck {
       position: relative;
       width: 100%;
       height: 100%;
+      max-width: calc(100vh * var(--yumia-ratio-w) / var(--yumia-ratio-h));
+      max-height: calc(100vw * var(--yumia-ratio-h) / var(--yumia-ratio-w));
+      aspect-ratio: var(--yumia-ratio);
       display: flex;
       align-items: center;
       justify-content: center;
     }
 
     .yumia-slide-wrapper {
-      position: relative;
-      width: min(94vw, calc(94vh * (${is43 ? "4 / 3" : "16 / 9"})));
-      height: min(calc(94vw / (${is43 ? "4 / 3" : "16 / 9"})), 94vh);
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
       aspect-ratio: var(--yumia-ratio);
       background-color: var(--yumia-bg);
       border-radius: var(--yumia-radius-default);
@@ -4910,7 +4929,10 @@ var HtmlRenderer = class {
       overflow: hidden;
       display: none;
       flex-direction: column;
-      padding: 4.5% 5.5%;
+      justify-content: flex-start;
+      align-items: stretch;
+      padding: clamp(2rem, 4vw, 3.5rem) clamp(2.5rem, 5vw, 4.5rem);
+      box-sizing: border-box;
       animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
     }
 
@@ -4928,38 +4950,40 @@ var HtmlRenderer = class {
       font-family: var(--yumia-font-heading), system-ui, -apple-system, sans-serif;
       font-weight: 700;
       line-height: var(--yumia-line-height-tight);
-      margin-bottom: 0.7em;
+      margin-bottom: 0.4em;
       letter-spacing: var(--yumia-letter-spacing-tight);
       overflow-wrap: break-word;
       word-break: break-word;
     }
 
     h1 {
-      font-size: clamp(2rem, 3.8vw, 3.4rem);
+      font-size: clamp(1.8rem, 3.2vw, 2.9rem);
       color: var(--yumia-primary);
+      line-height: 1.15;
     }
 
     h2 {
-      font-size: clamp(1.6rem, 2.8vw, 2.5rem);
+      font-size: clamp(1.5rem, 2.6vw, 2.3rem);
       color: var(--yumia-text);
+      line-height: 1.2;
     }
 
     h3 {
-      font-size: clamp(1.3rem, 2.2vw, 1.9rem);
+      font-size: clamp(1.25rem, 2vw, 1.8rem);
       color: var(--yumia-text);
     }
 
     h4 {
-      font-size: clamp(1.1rem, 1.7vw, 1.4rem);
+      font-size: clamp(1.05rem, 1.5vw, 1.35rem);
       color: var(--yumia-muted);
     }
 
     /* Paragraphs */
     p {
-      font-size: clamp(1rem, 1.4vw, 1.25rem);
+      font-size: clamp(0.95rem, 1.35vw, 1.2rem);
       line-height: var(--yumia-line-height-normal);
       color: var(--yumia-text);
-      margin-bottom: 0.8em;
+      margin-bottom: 0.6em;
       overflow-wrap: break-word;
     }
 
@@ -4984,14 +5008,14 @@ var HtmlRenderer = class {
 
     /* Lists */
     ul, ol {
-      font-size: clamp(1rem, 1.35vw, 1.2rem);
-      line-height: 1.65;
-      margin-bottom: 1em;
+      font-size: clamp(0.95rem, 1.3vw, 1.15rem);
+      line-height: 1.6;
+      margin-bottom: 0.8em;
       padding-left: 1.5em;
     }
 
     li {
-      margin-bottom: 0.5em;
+      margin-bottom: 0.4em;
       color: var(--yumia-text);
     }
 
@@ -4999,12 +5023,41 @@ var HtmlRenderer = class {
       color: var(--yumia-primary);
     }
 
+    /* Grid & Stack Layout Containers */
+    .yumia-grid {
+      display: grid;
+      width: 100%;
+      flex: 1;
+      min-height: 0;
+      gap: clamp(1rem, 1.8vw, 1.6rem);
+      align-items: stretch;
+      margin-top: 0.4rem;
+    }
+
+    .yumia-stack {
+      display: flex;
+      width: 100%;
+      flex: 1;
+      min-height: 0;
+      gap: clamp(1rem, 1.8vw, 1.6rem);
+      align-items: stretch;
+      margin-top: 0.4rem;
+    }
+
+    .yumia-stack.stack-horizontal > * {
+      flex: 1 1 0px;
+      min-width: 0;
+      height: 100%;
+    }
+
     /* Columns */
     .yumia-columns {
       display: grid;
-      gap: 1.5rem;
+      gap: clamp(1rem, 1.8vw, 1.6rem);
       width: 100%;
-      margin: 0.8rem 0;
+      flex: 1;
+      min-height: 0;
+      margin: 0.4rem 0;
       align-items: stretch;
     }
 
@@ -5012,18 +5065,29 @@ var HtmlRenderer = class {
       display: flex;
       flex-direction: column;
       gap: 0.8rem;
+      height: 100%;
     }
 
     /* Cards */
     .yumia-card {
       background: var(--yumia-surface);
       border: 1.5px solid var(--yumia-border);
-      border-radius: 12px;
-      padding: 1.25rem 1.5rem;
+      border-radius: 14px;
+      padding: clamp(1.2rem, 2vw, 1.8rem);
       display: flex;
       flex-direction: column;
-      gap: 0.6rem;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      justify-content: flex-start;
+      gap: 0.7rem;
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+      height: 100%;
+      min-height: 0;
+      box-sizing: border-box;
+      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .yumia-card:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
     }
 
     .yumia-card[data-variant="primary"] {
@@ -5047,6 +5111,13 @@ var HtmlRenderer = class {
       color: var(--yumia-success);
     }
 
+    .yumia-card[data-variant="accent"] {
+      border-color: var(--yumia-accent);
+    }
+    .yumia-card[data-variant="accent"] .yumia-card-title {
+      color: var(--yumia-accent);
+    }
+
     .yumia-card[data-variant="info"] {
       border-color: var(--yumia-info);
     }
@@ -5056,30 +5127,41 @@ var HtmlRenderer = class {
 
     .yumia-card-title {
       font-family: var(--yumia-font-heading);
-      font-size: 1.25rem;
+      font-size: clamp(1.1rem, 1.6vw, 1.35rem);
       font-weight: 700;
       color: var(--yumia-primary);
-      margin-bottom: 0.3rem;
+      margin-bottom: 0.2rem;
     }
 
     /* Metrics */
     .yumia-metric {
       background: var(--yumia-surface);
       border: 1.5px solid var(--yumia-border);
-      border-radius: 12px;
-      padding: 1rem 1.2rem;
+      border-radius: 14px;
+      padding: clamp(1.4rem, 2.5vw, 2.4rem) clamp(1rem, 2vw, 1.8rem);
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       text-align: center;
-      gap: 0.25rem;
+      gap: 0.5rem;
+      height: 100%;
+      min-height: 150px;
+      box-sizing: border-box;
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+      transition: transform 0.2s ease, border-color 0.2s ease;
+    }
+
+    .yumia-metric:hover {
+      transform: translateY(-2px);
     }
 
     .yumia-metric[data-variant="primary"] { border-color: var(--yumia-primary); }
     .yumia-metric[data-variant="primary"] .yumia-metric-value { color: var(--yumia-primary); }
     .yumia-metric[data-variant="success"] { border-color: var(--yumia-success); }
     .yumia-metric[data-variant="success"] .yumia-metric-value { color: var(--yumia-success); }
+    .yumia-metric[data-variant="accent"] { border-color: var(--yumia-accent); }
+    .yumia-metric[data-variant="accent"] .yumia-metric-value { color: var(--yumia-accent); }
     .yumia-metric[data-variant="info"] { border-color: var(--yumia-info); }
     .yumia-metric[data-variant="info"] .yumia-metric-value { color: var(--yumia-info); }
     .yumia-metric[data-variant="warning"] { border-color: var(--yumia-warning); }
@@ -5088,28 +5170,55 @@ var HtmlRenderer = class {
     .yumia-metric[data-variant="danger"] .yumia-metric-value { color: var(--yumia-danger); }
 
     .yumia-metric-label {
-      font-size: 0.75rem;
+      font-size: clamp(0.72rem, 1vw, 0.9rem);
       font-weight: 700;
       text-transform: uppercase;
-      letter-spacing: 0.08em;
+      letter-spacing: 0.1em;
       color: var(--yumia-muted);
     }
 
     .yumia-metric-value {
       font-family: var(--yumia-font-heading);
-      font-size: clamp(1.8rem, 3.2vw, 2.6rem);
+      font-size: clamp(2.3rem, 4.2vw, 3.8rem);
       font-weight: 800;
-      line-height: 1.1;
+      line-height: 1.05;
       color: var(--yumia-primary);
     }
 
     .yumia-metric-change {
-      font-size: 0.85rem;
+      font-size: clamp(0.8rem, 1.1vw, 1rem);
       font-weight: 600;
+      padding: 4px 12px;
+      border-radius: 9999px;
+      background: rgba(255, 255, 255, 0.08);
     }
     .yumia-metric-change.positive { color: var(--yumia-success); }
     .yumia-metric-change.negative { color: var(--yumia-danger); }
 
+    /* Chart Containers */
+    .yumia-chart-container {
+      width: 100%;
+      flex: 1;
+      min-height: 220px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      background: var(--yumia-surface);
+      border: 1.5px solid var(--yumia-border);
+      border-radius: 14px;
+      padding: clamp(1rem, 2vw, 1.6rem);
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+    }
+
+    .yumia-chart-title {
+      font-family: var(--yumia-font-heading);
+      font-size: clamp(1.1rem, 1.5vw, 1.35rem);
+      font-weight: 700;
+      color: var(--yumia-primary);
+      margin-bottom: 0.6rem;
+      text-align: center;
+    }
+
     /* Tables */
     table {
       width: 100%;
@@ -6477,24 +6586,25 @@ var HtmlRenderer = class {
       }
       case "icon": {
         const ic = element;
-        const iconSvg = defaultIconResolver.toSvg(ic.name, ic.size || 24, ic.color || "currentColor", "yumia-icon");
+        const iconSvg = defaultIconResolver.toSvg(ic.name, ic.size || 28, ic.color || "currentColor", "yumia-icon");
         return `<span class="yumia-icon-wrapper" style="display:inline-flex; align-items:center; vertical-align:middle;">${iconSvg}</span>`;
       }
       case "grid": {
         const g = element;
-        const cols = typeof g.columns === "number" ? `repeat(${g.columns}, 1fr)` : g.columns;
+        const cols = typeof g.columns === "number" ? `repeat(${g.columns}, minmax(0, 1fr))` : g.columns;
         const gap = g.gap !== void 0 ? typeof g.gap === "number" ? `${g.gap}px` : g.gap : "1.5rem";
         const inner = g.elements.map((child) => this.renderElement(child, theme, presentation)).join("\n");
-        return `<div class="yumia-grid" style="display:grid; grid-template-columns:${cols}; gap:${gap}; width:100%;">${inner}</div>`;
+        return `<div class="yumia-grid" style="grid-template-columns:${cols}; gap:${gap};">${inner}</div>`;
       }
       case "stack": {
         const st = element;
-        const dir = st.direction === "horizontal" ? "row" : "column";
-        const gap = st.gap !== void 0 ? typeof st.gap === "number" ? `${st.gap}px` : st.gap : "1rem";
+        const isHoriz = st.direction === "horizontal";
+        const dir = isHoriz ? "row" : "column";
+        const gap = st.gap !== void 0 ? typeof st.gap === "number" ? `${st.gap}px` : st.gap : "1.5rem";
         const align = st.align ? `align-items:${st.align};` : "";
         const justify = st.justify ? `justify-content:${st.justify};` : "";
         const inner = st.elements.map((child) => this.renderElement(child, theme, presentation)).join("\n");
-        return `<div class="yumia-stack" style="display:flex; flex-direction:${dir}; gap:${gap}; ${align} ${justify} width:100%;">${inner}</div>`;
+        return `<div class="yumia-stack ${isHoriz ? "stack-horizontal" : "stack-vertical"}" style="flex-direction:${dir}; gap:${gap}; ${align} ${justify}">${inner}</div>`;
       }
       case "compare": {
         return this.renderCompare(element, theme);
@@ -6554,11 +6664,18 @@ var HtmlRenderer = class {
     if (c.chartType === "line") {
       const allValues = series.flatMap((s) => s.values);
       const maxVal2 = Math.max(...allValues, 1);
-      const width2 = 500;
-      const height2 = 180;
-      const padding2 = 35;
+      const width2 = 640;
+      const height2 = 240;
+      const padding2 = 45;
       const plotW2 = width2 - padding2 * 2;
       const plotH2 = height2 - padding2 * 2;
+      const gridLines2 = [0.25, 0.5, 0.75, 1].map((ratio) => {
+        const y = height2 - padding2 - ratio * plotH2;
+        const valLabel = Math.round(ratio * maxVal2);
+        return `
+          <line x1="${padding2}" y1="${y}" x2="${width2 - padding2}" y2="${y}" stroke="rgba(255,255,255,0.08)" stroke-dasharray="4 4" />
+          <text x="${padding2 - 8}" y="${y + 4}" text-anchor="end" fill="${theme.colors.muted || "#64748b"}" font-size="10" font-family="sans-serif">${valLabel}</text>`;
+      }).join("");
       let pathsHtml = "";
       series.forEach((s, sIdx) => {
         const sColor = s.color || colors[sIdx % colors.length];
@@ -6568,20 +6685,21 @@ var HtmlRenderer = class {
           return `${x},${y}`;
         });
         const pointsStr = pts.join(" ");
-        const circles = pts.map((pt) => `<circle cx="${pt.split(",")[0]}" cy="${pt.split(",")[1]}" r="4" fill="${sColor}" />`).join("");
+        const circles = pts.map((pt) => `<circle cx="${pt.split(",")[0]}" cy="${pt.split(",")[1]}" r="5" fill="${sColor}" stroke="var(--yumia-surface)" stroke-width="2" />`).join("");
         pathsHtml += `
-        <polyline fill="none" stroke="${sColor}" stroke-width="3" stroke-linecap="round" points="${pointsStr}" />
+        <polyline fill="none" stroke="${sColor}" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" points="${pointsStr}" />
         ${circles}`;
       });
       const labelTexts = labels.map((l, i) => {
         const x = padding2 + i / Math.max(labels.length - 1, 1) * plotW2;
-        return `<text x="${x}" y="${height2 - 10}" text-anchor="middle" fill="${theme.colors.muted || "#94a3b8"}" font-size="11" font-family="sans-serif">${this.escapeHtml(l)}</text>`;
+        return `<text x="${x}" y="${height2 - 12}" text-anchor="middle" fill="${theme.colors.muted || "#94a3b8"}" font-size="11" font-weight="600" font-family="sans-serif">${this.escapeHtml(l)}</text>`;
       }).join("");
       return `
       <div class="yumia-chart-container">
         ${titleHtml}
-        <svg viewBox="0 0 ${width2} ${height2}" style="width:100%; max-height:220px;">
-          <line x1="${padding2}" y1="${height2 - padding2}" x2="${width2 - padding2}" y2="${height2 - padding2}" stroke="rgba(255,255,255,0.15)" stroke-width="1" />
+        <svg viewBox="0 0 ${width2} ${height2}" style="width:100%; height:100%; max-height:280px;">
+          ${gridLines2}
+          <line x1="${padding2}" y1="${height2 - padding2}" x2="${width2 - padding2}" y2="${height2 - padding2}" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" />
           ${pathsHtml}
           ${labelTexts}
         </svg>
@@ -6591,10 +6709,10 @@ var HtmlRenderer = class {
       const values2 = series[0]?.values || [];
       const total = values2.reduce((a, b) => a + b, 0) || 1;
       let cumulativePercent = 0;
-      const radius = 60;
-      const cx = 100;
-      const cy = 100;
-      const strokeWidth = c.chartType === "doughnut" ? 24 : 60;
+      const radius = 65;
+      const cx = 110;
+      const cy = 110;
+      const strokeWidth = c.chartType === "doughnut" ? 26 : 65;
       const circ = 2 * Math.PI * radius;
       const slices = values2.map((val, i) => {
         const percent = val / total;
@@ -6607,27 +6725,34 @@ var HtmlRenderer = class {
       const legend = labels.map((l, i) => {
         const sColor = colors[i % colors.length];
         const pct = Math.round((values2[i] || 0) / total * 100);
-        return `<div style="display:flex; align-items:center; gap:8px; font-size:12px; margin:4px 0;"><span style="width:10px; height:10px; border-radius:50%; background:${sColor};"></span><span style="color:var(--yumia-text);">${this.escapeHtml(l)} (${pct}%)</span></div>`;
+        return `<div style="display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; margin:6px 0;"><span style="width:12px; height:12px; border-radius:50%; background:${sColor}; box-shadow:0 0 6px ${sColor};"></span><span style="color:var(--yumia-text);">${this.escapeHtml(l)} <strong style="color:var(--yumia-primary);">(${pct}%)</strong></span></div>`;
       }).join("");
       return `
       <div class="yumia-chart-container">
         ${titleHtml}
-        <div style="display:flex; align-items:center; justify-content:center; gap:28px; width:100%;">
-          <svg viewBox="0 0 200 200" style="width:160px; height:160px; transform: rotate(-90deg);">
+        <div style="display:flex; align-items:center; justify-content:center; gap:36px; width:100%; padding:10px 0;">
+          <svg viewBox="0 0 220 220" style="width:180px; height:180px; transform: rotate(-90deg);">
             ${slices}
           </svg>
-          <div style="display:flex; flex-direction:column;">${legend}</div>
+          <div style="display:flex; flex-direction:column; justify-content:center;">${legend}</div>
         </div>
       </div>`;
     }
     const values = series[0]?.values || [];
     const maxVal = Math.max(...values, 1);
-    const width = 500;
-    const height = 180;
-    const padding = 35;
+    const width = 640;
+    const height = 240;
+    const padding = 45;
     const plotW = width - padding * 2;
     const plotH = height - padding * 2;
-    const barWidth = Math.min(48, Math.max(16, plotW / Math.max(values.length, 1) * 0.6));
+    const barWidth = Math.min(56, Math.max(20, plotW / Math.max(values.length, 1) * 0.55));
+    const gridLines = [0.25, 0.5, 0.75, 1].map((ratio) => {
+      const y = height - padding - ratio * plotH;
+      const valLabel = Math.round(ratio * maxVal);
+      return `
+        <line x1="${padding}" y1="${y}" x2="${width - padding}" y2="${y}" stroke="rgba(255,255,255,0.08)" stroke-dasharray="4 4" />
+        <text x="${padding - 8}" y="${y + 4}" text-anchor="end" fill="${theme.colors.muted || "#64748b"}" font-size="10" font-family="sans-serif">${valLabel}</text>`;
+    }).join("");
     const bars = values.map((val, i) => {
       const x = padding + (i + 0.5) * (plotW / Math.max(values.length, 1)) - barWidth / 2;
       const barH = val / maxVal * plotH;
@@ -6635,15 +6760,16 @@ var HtmlRenderer = class {
       const color = colors[i % colors.length];
       const label = labels[i] || "";
       return `
-        <rect x="${x}" y="${y}" width="${barWidth}" height="${barH}" rx="4" fill="${color}" opacity="0.9" />
-        <text x="${x + barWidth / 2}" y="${y - 6}" text-anchor="middle" fill="${color}" font-size="11" font-weight="600" font-family="sans-serif">${val}</text>
-        <text x="${x + barWidth / 2}" y="${height - 12}" text-anchor="middle" fill="${theme.colors.muted || "#94a3b8"}" font-size="11" font-family="sans-serif">${this.escapeHtml(label)}</text>`;
+        <rect x="${x}" y="${y}" width="${barWidth}" height="${barH}" rx="6" fill="${color}" opacity="0.95" />
+        <text x="${x + barWidth / 2}" y="${y - 8}" text-anchor="middle" fill="${color}" font-size="12" font-weight="700" font-family="sans-serif">${val}</text>
+        <text x="${x + barWidth / 2}" y="${height - 12}" text-anchor="middle" fill="${theme.colors.text || "#f8fafc"}" font-size="11" font-weight="600" font-family="sans-serif">${this.escapeHtml(label)}</text>`;
     }).join("");
     return `
     <div class="yumia-chart-container">
       ${titleHtml}
-      <svg viewBox="0 0 ${width} ${height}" style="width:100%; max-height:220px;">
-        <line x1="${padding}" y1="${height - padding}" x2="${width - padding}" y2="${height - padding}" stroke="rgba(255,255,255,0.15)" stroke-width="1" />
+      <svg viewBox="0 0 ${width} ${height}" style="width:100%; height:100%; max-height:280px;">
+        ${gridLines}
+        <line x1="${padding}" y1="${height - padding}" x2="${width - padding}" y2="${height - padding}" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" />
         ${bars}
       </svg>
     </div>`;
@@ -7295,7 +7421,7 @@ function startDevServer(filePath, options = {}) {
 // src/cli.ts
 import { mkdirSync, readFileSync as readFileSync2, watch as fsWatch, writeFileSync } from "fs";
 import { basename, dirname, extname, join, resolve as resolve2 } from "path";
-var VERSION = "0.1.21";
+var VERSION = "0.1.22";
 function printHelp() {
   return `
 YumiaMD \u2014 Markdown-based presentation compiler (v${VERSION})

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export * from '@yumiamd/renderer-pptx';
 export * from '@yumiamd/renderer-html';
 export * from '@yumiamd/renderer-pdf';
 
-declare const VERSION = "0.1.21";
+declare const VERSION = "0.1.22";
 declare function printHelp(): string;
 declare function runCli(argv: string[]): Promise<{
     exitCode: number;

package/dist/index.js

@@ -66,7 +66,7 @@ import {
   terminalTheme,
   tokyoNightTheme,
   validate
-} from "./chunk-TJR6MU2I.js";
+} from "./chunk-KNQTEIHN.js";
 export {
   DEFAULT_VIEWPORT,
   DefaultLayoutEngine,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yumiamd",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "description": "Command line interface and compiler for YumiaMD presentations",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,15 +21,15 @@
   },
   "devDependencies": {
     "tsup": "^8.5.1",
-    "@yumiamd/ast": "0.1.21",
-    "@yumiamd/layout": "0.1.21",
-    "@yumiamd/renderer": "0.1.21",
-    "@yumiamd/renderer-html": "0.1.21",
-    "@yumiamd/core": "0.1.21",
-    "@yumiamd/renderer-pptx": "0.1.21",
-    "@yumiamd/renderer-pdf": "0.1.21",
-    "@yumiamd/theme": "0.1.21",
-    "@yumiamd/parser": "0.1.21"
+    "@yumiamd/ast": "0.1.22",
+    "@yumiamd/layout": "0.1.22",
+    "@yumiamd/renderer-html": "0.1.22",
+    "@yumiamd/core": "0.1.22",
+    "@yumiamd/renderer": "0.1.22",
+    "@yumiamd/renderer-pdf": "0.1.22",
+    "@yumiamd/parser": "0.1.22",
+    "@yumiamd/theme": "0.1.22",
+    "@yumiamd/renderer-pptx": "0.1.22"
   },
   "keywords": [
     "yumia",