yumiamd 0.1.13 → 0.1.15

package/dist/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   runCli
-} from "./chunk-6GEDN7OB.js";
+} from "./chunk-7A5BHABM.js";
 
 // src/bin.ts
 var result = await runCli(process.argv);
@@ -12,4 +12,6 @@ if (result.output) {
     console.error(result.output);
   }
 }
-process.exit(result.exitCode);
+if (!result.keepAlive) {
+  process.exit(result.exitCode);
+}

package/dist/{chunk-6GEDN7OB.js → chunk-7A5BHABM.js}

@@ -684,7 +684,7 @@ var DefaultLayoutEngine = class {
   layoutSingleElement(element, x, y, width, gap) {
     switch (element.type) {
       case "heading": {
-        const height = this.estimateHeadingHeight(element);
+        const height = this.estimateHeadingHeight(element, width);
         return { element, bounds: { x, y, width, height } };
       }
       case "paragraph": {
@@ -782,17 +782,13 @@ var DefaultLayoutEngine = class {
     const sum = parts.reduce((acc, val) => acc + val, 0);
     return parts.map((p) => p / sum);
   }
-  estimateHeadingHeight(heading) {
-    switch (heading.level) {
-      case 1:
-        return 90;
-      case 2:
-        return 70;
-      case 3:
-        return 55;
-      default:
-        return 45;
-    }
+  estimateHeadingHeight(heading, width = 1600) {
+    const fontSize = heading.level === 1 ? 46 : heading.level === 2 ? 36 : 28;
+    const charWidth = fontSize * 0.55;
+    const charsPerLine = Math.max(15, Math.floor(width / charWidth));
+    const lines = Math.ceil(heading.text.length / charsPerLine) || 1;
+    const lineHeight = fontSize * 1.25;
+    return Math.max(heading.level === 1 ? 90 : 70, Math.round(lines * lineHeight + 20));
   }
   estimateParagraphHeight(paragraph, width) {
     const charsPerLine = Math.max(20, Math.floor(width / 14));
@@ -844,10 +840,12 @@ var defaultTheme = {
     secondary: "#7c3aed",
     background: "#ffffff",
     surface: "#f8fafc",
+    elevatedSurface: "#ffffff",
     text: "#0f172a",
     muted: "#64748b",
     accent: "#06b6d4",
     border: "#e2e8f0",
+    divider: "#cbd5e1",
     success: "#10b981",
     warning: "#f59e0b",
     danger: "#ef4444",
@@ -858,36 +856,57 @@ var defaultTheme = {
     bodyFont: "Inter, system-ui, -apple-system, sans-serif",
     codeFont: "JetBrains Mono, Fira Code, monospace",
     sizes: {
+      display: 56,
       h1: 44,
       h2: 36,
       h3: 28,
       h4: 22,
       body: 18,
       small: 14,
-      code: 16
+      caption: 12,
+      code: 16,
+      quote: 20,
+      metadata: 12
     },
     weights: {
       normal: 400,
       medium: 500,
       bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.3,
+      normal: 1.5,
+      relaxed: 1.7
+    },
+    letterSpacing: {
+      tight: "-0.02em",
+      normal: "0em",
+      wide: "0.04em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 48,
-    elementGap: 24
+    elementGap: 24,
+    safeArea: { top: 48, bottom: 48, left: 48, right: 48 }
   },
   radius: {
-    default: 8,
+    none: 0,
     sm: 4,
     md: 8,
     lg: 16,
-    full: 9999
+    xl: 24,
+    full: 9999,
+    default: 8
   },
   shadows: {
+    none: "none",
     sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
     md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    glow: "0 0 15px rgba(37, 99, 235, 0.35)"
   },
   components: {
     card: {
@@ -896,6 +915,11 @@ var defaultTheme = {
       borderRadius: 12,
       padding: 24
     },
+    metric: {
+      valueColor: "#2563eb",
+      labelColor: "#64748b",
+      borderRadius: 12
+    },
     code: {
       background: "#0f172a",
       textColor: "#f8fafc",
@@ -916,10 +940,12 @@ var cyberpunkTheme = {
     secondary: "#00F0FF",
     background: "#0B0B12",
     surface: "#151522",
+    elevatedSurface: "#1D1D2E",
     text: "#FFFFFF",
     muted: "#A7A7B5",
     accent: "#7B61FF",
     border: "#2E2E48",
+    divider: "#3E3E5E",
     success: "#00FF9F",
     warning: "#FFE600",
     danger: "#FF0055",
@@ -930,26 +956,57 @@ var cyberpunkTheme = {
     bodyFont: "Inter, sans-serif",
     codeFont: "JetBrains Mono, monospace",
     sizes: {
+      display: 58,
       h1: 46,
       h2: 38,
       h3: 28,
       h4: 22,
       body: 18,
       small: 14,
-      code: 16
+      caption: 12,
+      code: 16,
+      quote: 20,
+      metadata: 12
+    },
+    weights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.3,
+      normal: 1.55,
+      relaxed: 1.7
+    },
+    letterSpacing: {
+      tight: "-0.02em",
+      normal: "0em",
+      wide: "0.05em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 48,
-    elementGap: 28
+    elementGap: 28,
+    safeArea: { top: 48, bottom: 48, left: 48, right: 48 }
   },
   radius: {
-    default: 12,
+    none: 0,
     sm: 6,
     md: 12,
     lg: 20,
-    full: 9999
+    xl: 28,
+    full: 9999,
+    default: 12
+  },
+  shadows: {
+    none: "none",
+    sm: "0 2px 4px rgba(0, 0, 0, 0.4)",
+    md: "0 8px 16px rgba(0, 0, 0, 0.6)",
+    lg: "0 16px 32px rgba(0, 0, 0, 0.8)",
+    glow: "0 0 20px rgba(255, 46, 136, 0.45)"
   },
   components: {
     card: {
@@ -958,10 +1015,20 @@ var cyberpunkTheme = {
       borderRadius: 16,
       padding: 28
     },
+    metric: {
+      valueColor: "#FF2E88",
+      labelColor: "#A7A7B5",
+      borderRadius: 16
+    },
     code: {
       background: "#07070D",
       textColor: "#00F0FF",
       borderRadius: 8
+    },
+    table: {
+      headerBackground: "#1D1D2E",
+      rowAlternateBackground: "#151522",
+      borderColor: "#2E2E48"
     }
   }
 };
@@ -973,10 +1040,12 @@ var minimalTheme = {
     secondary: "#333333",
     background: "#FFFFFF",
     surface: "#F5F5F7",
+    elevatedSurface: "#FFFFFF",
     text: "#111111",
     muted: "#777777",
     accent: "#000000",
     border: "#E5E5E5",
+    divider: "#D1D1D6",
     success: "#10B981",
     warning: "#F59E0B",
     danger: "#EF4444",
@@ -987,26 +1056,57 @@ var minimalTheme = {
     bodyFont: "Helvetica Neue, Arial, sans-serif",
     codeFont: "Menlo, Monaco, monospace",
     sizes: {
+      display: 54,
       h1: 44,
       h2: 34,
       h3: 26,
       h4: 20,
       body: 18,
       small: 14,
-      code: 15
+      caption: 12,
+      code: 15,
+      quote: 19,
+      metadata: 12
+    },
+    weights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.25,
+      normal: 1.5,
+      relaxed: 1.65
+    },
+    letterSpacing: {
+      tight: "-0.03em",
+      normal: "0em",
+      wide: "0.02em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 56,
-    elementGap: 24
+    elementGap: 24,
+    safeArea: { top: 56, bottom: 56, left: 56, right: 56 }
   },
   radius: {
-    default: 4,
+    none: 0,
     sm: 2,
     md: 4,
     lg: 8,
-    full: 9999
+    xl: 12,
+    full: 9999,
+    default: 4
+  },
+  shadows: {
+    none: "none",
+    sm: "0 1px 3px rgba(0, 0, 0, 0.05)",
+    md: "0 4px 6px rgba(0, 0, 0, 0.07)",
+    lg: "0 10px 15px rgba(0, 0, 0, 0.08)",
+    glow: "none"
   },
   components: {
     card: {
@@ -1014,6 +1114,21 @@ var minimalTheme = {
       borderColor: "#E5E5E5",
       borderRadius: 6,
       padding: 24
+    },
+    metric: {
+      valueColor: "#111111",
+      labelColor: "#777777",
+      borderRadius: 6
+    },
+    code: {
+      background: "#1C1C1E",
+      textColor: "#F2F2F7",
+      borderRadius: 4
+    },
+    table: {
+      headerBackground: "#EBEBEF",
+      rowAlternateBackground: "#F5F5F7",
+      borderColor: "#E5E5E5"
     }
   }
 };
@@ -1025,10 +1140,12 @@ var corporateTheme = {
     secondary: "#635BFF",
     background: "#FFFFFF",
     surface: "#F8FAFC",
+    elevatedSurface: "#FFFFFF",
     text: "#1A1F36",
     muted: "#4F566B",
     accent: "#00D4B2",
     border: "#E3E8EE",
+    divider: "#CBD5E1",
     success: "#00D4B2",
     warning: "#FFC043",
     danger: "#DF1B41",
@@ -1039,26 +1156,57 @@ var corporateTheme = {
     bodyFont: "Inter, Segoe UI, sans-serif",
     codeFont: "Consolas, monospace",
     sizes: {
+      display: 54,
       h1: 42,
       h2: 34,
       h3: 26,
       h4: 20,
       body: 18,
       small: 14,
-      code: 15
+      caption: 12,
+      code: 15,
+      quote: 19,
+      metadata: 12
+    },
+    weights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.3,
+      normal: 1.5,
+      relaxed: 1.7
+    },
+    letterSpacing: {
+      tight: "-0.02em",
+      normal: "0em",
+      wide: "0.02em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 48,
-    elementGap: 24
+    elementGap: 24,
+    safeArea: { top: 48, bottom: 48, left: 48, right: 48 }
   },
   radius: {
-    default: 8,
+    none: 0,
     sm: 4,
     md: 8,
     lg: 12,
-    full: 9999
+    xl: 18,
+    full: 9999,
+    default: 8
+  },
+  shadows: {
+    none: "none",
+    sm: "0 1px 3px rgba(10, 37, 64, 0.05)",
+    md: "0 4px 8px rgba(10, 37, 64, 0.08)",
+    lg: "0 12px 24px rgba(10, 37, 64, 0.12)",
+    glow: "0 0 12px rgba(0, 212, 178, 0.25)"
   },
   components: {
     card: {
@@ -1066,6 +1214,21 @@ var corporateTheme = {
       borderColor: "#0A2540",
       borderRadius: 8,
       padding: 24
+    },
+    metric: {
+      valueColor: "#0A2540",
+      labelColor: "#4F566B",
+      borderRadius: 8
+    },
+    code: {
+      background: "#0A2540",
+      textColor: "#00D4B2",
+      borderRadius: 6
+    },
+    table: {
+      headerBackground: "#E3E8EE",
+      rowAlternateBackground: "#F8FAFC",
+      borderColor: "#CBD5E1"
     }
   }
 };
@@ -1077,10 +1240,12 @@ var terminalTheme = {
     secondary: "#33FF88",
     background: "#0C100C",
     surface: "#141A14",
+    elevatedSurface: "#1C241C",
     text: "#E0FFE0",
     muted: "#4E7A4E",
     accent: "#FFB000",
     border: "#1F331F",
+    divider: "#2A442A",
     success: "#00FF66",
     warning: "#FFB000",
     danger: "#FF3333",
@@ -1091,26 +1256,57 @@ var terminalTheme = {
     bodyFont: "JetBrains Mono, Courier New, monospace",
     codeFont: "JetBrains Mono, Courier New, monospace",
     sizes: {
+      display: 50,
       h1: 40,
       h2: 32,
       h3: 26,
       h4: 20,
       body: 17,
       small: 13,
-      code: 15
+      caption: 11,
+      code: 15,
+      quote: 18,
+      metadata: 12
+    },
+    weights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.3,
+      normal: 1.5,
+      relaxed: 1.7
+    },
+    letterSpacing: {
+      tight: "0em",
+      normal: "0em",
+      wide: "0.04em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 48,
-    elementGap: 24
+    elementGap: 24,
+    safeArea: { top: 48, bottom: 48, left: 48, right: 48 }
   },
   radius: {
-    default: 0,
+    none: 0,
     sm: 0,
     md: 0,
     lg: 0,
-    full: 0
+    xl: 0,
+    full: 0,
+    default: 0
+  },
+  shadows: {
+    none: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    glow: "0 0 15px rgba(0, 255, 102, 0.4)"
   },
   components: {
     card: {
@@ -1118,6 +1314,21 @@ var terminalTheme = {
       borderColor: "#00FF66",
       borderRadius: 0,
       padding: 24
+    },
+    metric: {
+      valueColor: "#00FF66",
+      labelColor: "#4E7A4E",
+      borderRadius: 0
+    },
+    code: {
+      background: "#070A07",
+      textColor: "#00FF66",
+      borderRadius: 0
+    },
+    table: {
+      headerBackground: "#1F331F",
+      rowAlternateBackground: "#141A14",
+      borderColor: "#2A442A"
     }
   }
 };
@@ -1129,10 +1340,12 @@ var academicTheme = {
     secondary: "#1C3F60",
     background: "#FCFBF7",
     surface: "#F5F2EB",
+    elevatedSurface: "#FFFFFF",
     text: "#2C2B29",
     muted: "#6B6862",
     accent: "#C29B38",
     border: "#E0DACD",
+    divider: "#D5CDBE",
     success: "#2E7D32",
     warning: "#E65100",
     danger: "#C62828",
@@ -1143,26 +1356,57 @@ var academicTheme = {
     bodyFont: "Georgia, Times New Roman, serif",
     codeFont: "Courier New, monospace",
     sizes: {
+      display: 54,
       h1: 42,
       h2: 34,
       h3: 26,
       h4: 20,
       body: 18,
       small: 14,
-      code: 15
+      caption: 12,
+      code: 15,
+      quote: 19,
+      metadata: 12
+    },
+    weights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    },
+    lineHeights: {
+      tight: 1.15,
+      snug: 1.3,
+      normal: 1.55,
+      relaxed: 1.75
+    },
+    letterSpacing: {
+      tight: "-0.01em",
+      normal: "0em",
+      wide: "0.03em"
     }
   },
   spacing: {
     unit: 8,
+    scale: [0, 4, 8, 12, 16, 24, 32, 48, 64, 96],
     slidePadding: 52,
-    elementGap: 24
+    elementGap: 24,
+    safeArea: { top: 52, bottom: 52, left: 52, right: 52 }
   },
   radius: {
-    default: 4,
+    none: 0,
     sm: 2,
     md: 4,
     lg: 6,
-    full: 9999
+    xl: 10,
+    full: 9999,
+    default: 4
+  },
+  shadows: {
+    none: "none",
+    sm: "0 1px 3px rgba(44, 43, 41, 0.05)",
+    md: "0 3px 6px rgba(44, 43, 41, 0.08)",
+    lg: "0 8px 16px rgba(44, 43, 41, 0.1)",
+    glow: "none"
   },
   components: {
     card: {
@@ -1170,6 +1414,21 @@ var academicTheme = {
       borderColor: "#8B0000",
       borderRadius: 4,
       padding: 24
+    },
+    metric: {
+      valueColor: "#8B0000",
+      labelColor: "#6B6862",
+      borderRadius: 4
+    },
+    code: {
+      background: "#2C2B29",
+      textColor: "#F5F2EB",
+      borderRadius: 4
+    },
+    table: {
+      headerBackground: "#E0DACD",
+      rowAlternateBackground: "#F5F2EB",
+      borderColor: "#D5CDBE"
     }
   }
 };
@@ -1192,7 +1451,42 @@ function resolveTheme(themeNameOrRef, explicitOverrides) {
     typography: {
       ...baseTheme.typography,
       ...refOverrides?.typography,
-      ...explicitOverrides?.typography
+      ...explicitOverrides?.typography,
+      sizes: {
+        ...baseTheme.typography.sizes,
+        ...refOverrides?.typography?.sizes,
+        ...explicitOverrides?.typography?.sizes
+      },
+      weights: {
+        ...baseTheme.typography.weights,
+        ...refOverrides?.typography?.weights,
+        ...explicitOverrides?.typography?.weights
+      },
+      lineHeights: {
+        ...baseTheme.typography.lineHeights,
+        ...refOverrides?.typography?.lineHeights,
+        ...explicitOverrides?.typography?.lineHeights
+      }
+    },
+    spacing: {
+      ...baseTheme.spacing,
+      ...refOverrides?.spacing,
+      ...explicitOverrides?.spacing,
+      safeArea: {
+        ...baseTheme.spacing.safeArea,
+        ...refOverrides?.spacing?.safeArea,
+        ...explicitOverrides?.spacing?.safeArea
+      }
+    },
+    radius: {
+      ...baseTheme.radius,
+      ...refOverrides?.radius,
+      ...explicitOverrides?.radius
+    },
+    shadows: {
+      ...baseTheme.shadows,
+      ...refOverrides?.shadows,
+      ...explicitOverrides?.shadows
     },
     components: {
       ...baseTheme.components,
@@ -1281,6 +1575,7 @@ var YumiaLinter = class {
         });
       }
       this.checkImages(slide.elements, slideNum, issues);
+      this.checkTablesAndCode(slide.elements, slideNum, issues);
       const maxDepth = this.getMaxNestingDepth(slide.elements, 0);
       if (maxDepth > 2) {
         issues.push({
@@ -1301,6 +1596,21 @@ var YumiaLinter = class {
         });
       }
     });
+    if (presentation.metadata?.colors?.background && presentation.metadata?.colors?.text) {
+      const bg = presentation.metadata.colors.background;
+      const text = presentation.metadata.colors.text;
+      if (bg.startsWith("#") && text.startsWith("#")) {
+        const ratio = this.getContrastRatio(bg, text);
+        if (ratio < 3) {
+          issues.push({
+            code: "YUM010",
+            slide: 1,
+            message: `Insufficient color contrast in custom palette: background (${bg}) vs text (${text}) has a ratio of ${ratio.toFixed(1)}:1 (minimum recommended: 4.5:1 for WCAG AA).`,
+            severity: "warning"
+          });
+        }
+      }
+    }
     const errors = issues.filter((i) => i.severity === "error");
     const warnings = issues.filter((i) => i.severity === "warning");
     const infos = issues.filter((i) => i.severity === "info");
@@ -1313,6 +1623,65 @@ var YumiaLinter = class {
       infos
     };
   }
+  getLuminance(hex) {
+    const clean = hex.replace("#", "").trim();
+    if (clean.length !== 6 && clean.length !== 3)
+      return 0.5;
+    const rgb = clean.length === 3 ? clean.split("").map((c) => parseInt(c + c, 16) / 255) : [
+      parseInt(clean.slice(0, 2), 16) / 255,
+      parseInt(clean.slice(2, 4), 16) / 255,
+      parseInt(clean.slice(4, 6), 16) / 255
+    ];
+    const a = rgb.map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
+    const r = a[0] ?? 0;
+    const g = a[1] ?? 0;
+    const b = a[2] ?? 0;
+    return r * 0.2126 + g * 0.7152 + b * 0.0722;
+  }
+  getContrastRatio(hex1, hex2) {
+    const l1 = this.getLuminance(hex1);
+    const l2 = this.getLuminance(hex2);
+    const lighter = Math.max(l1, l2);
+    const darker = Math.min(l1, l2);
+    return (lighter + 0.05) / (darker + 0.05);
+  }
+  checkTablesAndCode(elements, slideNum, issues) {
+    const traverse = (els) => {
+      for (const el of els) {
+        if (el.type === "table") {
+          const colCount = Math.max(el.headers?.length || 0, el.rows && el.rows[0] ? el.rows[0].length : 0);
+          if (colCount > 5) {
+            issues.push({
+              code: "YUM011",
+              slide: slideNum,
+              message: `Table contains ${colCount} columns (recommended max: 5 for 16:9 slides). Content may cause horizontal clipping.`,
+              severity: "warning",
+              loc: el.loc
+            });
+          }
+        } else if (el.type === "code") {
+          const lines = el.code.split("\n");
+          const maxLineLength = Math.max(...lines.map((l) => l.length));
+          if (maxLineLength > 80) {
+            issues.push({
+              code: "YUM012",
+              slide: slideNum,
+              message: `Code block contains lines exceeding 80 characters (max: ${maxLineLength} chars). May cause line wrapping or overflow.`,
+              severity: "info",
+              loc: el.loc
+            });
+          }
+        } else if (el.type === "card" && el.elements) {
+          traverse(el.elements);
+        } else if (el.type === "columns") {
+          for (const col of el.columns) {
+            traverse(col.elements);
+          }
+        }
+      }
+    };
+    traverse(elements);
+  }
   slideHasHeading(elements) {
     for (const el of elements) {
       if (el.type === "heading")
@@ -1541,11 +1910,33 @@ var CSS_NAMED_COLORS = {
 function cleanFontFace(fontString) {
   if (!fontString)
     return "Segoe UI";
-  const first = fontString.split(",")[0]?.trim().replace(/^['"]|['"]$/g, "") || "";
-  if (!first || first === "system-ui" || first === "-apple-system" || first === "sans-serif" || first === "monospace" || first === "serif") {
-    return "Segoe UI";
+  const fonts = fontString.split(",").map((f) => f.trim().replace(/^['"]|['"]$/g, ""));
+  const safeList = [
+    "Segoe UI",
+    "Arial",
+    "Calibri",
+    "Helvetica",
+    "Verdana",
+    "Tahoma",
+    "Trebuchet MS",
+    "Consolas",
+    "Courier New",
+    "Courier",
+    "Georgia",
+    "Times New Roman"
+  ];
+  for (const font of fonts) {
+    if (safeList.includes(font)) {
+      return font;
+    }
   }
-  return first;
+  if (fontString.toLowerCase().includes("mono") || fontString.toLowerCase().includes("code")) {
+    return "Consolas";
+  }
+  if (fontString.toLowerCase().includes("serif") && !fontString.toLowerCase().includes("sans")) {
+    return "Georgia";
+  }
+  return "Segoe UI";
 }
 function parseInlineMarkdown(rawText, baseOptions) {
   const chunks = [];
@@ -2074,12 +2465,14 @@ var HtmlRenderer = class {
     :root {
       --yumia-bg: ${theme.colors.background};
       --yumia-surface: ${theme.colors.surface};
+      --yumia-elevated-surface: ${theme.colors.elevatedSurface || theme.colors.surface};
       --yumia-text: ${theme.colors.text};
       --yumia-muted: ${theme.colors.muted || "#94a3b8"};
       --yumia-primary: ${theme.colors.primary};
       --yumia-secondary: ${theme.colors.secondary || theme.colors.primary};
       --yumia-accent: ${theme.colors.accent || theme.colors.primary};
       --yumia-border: ${theme.colors.border || "rgba(255,255,255,0.1)"};
+      --yumia-divider: ${theme.colors.divider || "rgba(255,255,255,0.12)"};
       --yumia-success: ${theme.colors.success || "#10b981"};
       --yumia-warning: ${theme.colors.warning || "#f59e0b"};
       --yumia-danger: ${theme.colors.danger || "#ef4444"};
@@ -2087,6 +2480,17 @@ var HtmlRenderer = class {
       --yumia-font-heading: ${theme.typography.headingFont};
       --yumia-font-body: ${theme.typography.bodyFont};
       --yumia-font-code: ${theme.typography.codeFont || "monospace"};
+      --yumia-line-height-tight: ${theme.typography.lineHeights?.tight || 1.15};
+      --yumia-line-height-normal: ${theme.typography.lineHeights?.normal || 1.55};
+      --yumia-line-height-relaxed: ${theme.typography.lineHeights?.relaxed || 1.7};
+      --yumia-line-height-body: ${theme.typography.lineHeights?.normal || 1.55};
+      --yumia-letter-spacing-tight: ${theme.typography.letterSpacing?.tight || "-0.02em"};
+      --yumia-radius-sm: ${theme.radius.sm || 4}px;
+      --yumia-radius-md: ${theme.radius.md || 8}px;
+      --yumia-radius-lg: ${theme.radius.lg || 16}px;
+      --yumia-radius-default: ${theme.radius.default}px;
+      --yumia-radius-card: ${theme.components?.card?.borderRadius ?? theme.radius.default}px;
+      --yumia-shadow-glow: ${theme.shadows?.glow || "none"};
       --yumia-ratio: ${ratioAspect};
     }
 
@@ -2099,7 +2503,7 @@ var HtmlRenderer = class {
     body {
       background-color: #050508;
       color: var(--yumia-text);
-      font-family: var(--yumia-font-body);
+      font-family: var(--yumia-font-body), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
       overflow: hidden;
       width: 100vw;
       height: 100vh;
@@ -2124,7 +2528,7 @@ var HtmlRenderer = class {
       height: min(calc(94vw / (${is43 ? "4 / 3" : "16 / 9"})), 94vh);
       aspect-ratio: var(--yumia-ratio);
       background-color: var(--yumia-bg);
-      border-radius: 12px;
+      border-radius: var(--yumia-radius-default);
       box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--yumia-border);
       overflow: hidden;
       display: none;
@@ -2144,11 +2548,13 @@ var HtmlRenderer = class {
 
     /* Headings */
     h1, h2, h3, h4 {
-      font-family: var(--yumia-font-heading);
+      font-family: var(--yumia-font-heading), system-ui, -apple-system, sans-serif;
       font-weight: 700;
-      line-height: 1.15;
+      line-height: var(--yumia-line-height-tight);
       margin-bottom: 0.7em;
-      letter-spacing: -0.02em;
+      letter-spacing: var(--yumia-letter-spacing-tight);
+      overflow-wrap: break-word;
+      word-break: break-word;
     }
 
     h1 {
@@ -2174,7 +2580,11 @@ var HtmlRenderer = class {
     /* Paragraphs */
     p {
       font-size: clamp(1rem, 1.4vw, 1.25rem);
-      line-height: 1.6;
+      line-height: var(--yumia-line-height-normal);
+      color: var(--yumia-text);
+      margin-bottom: 0.8em;
+      overflow-wrap: break-word;
+    }
       color: var(--yumia-text);
       margin-bottom: 0.8em;
     }
@@ -3328,7 +3738,7 @@ var PdfRenderer = class {
     }
   }
   stripFormatting(text) {
-    return text.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/`(.*?)`/g, "$1");
+    return text.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/`(.*?)`/g, "$1").replace(/[\u{1F300}-\u{1FAFF}\u{2600}-\u{27BF}\u{1F900}-\u{1F9FF}\u{1F600}-\u{1F64F}\u{1F680}-\u{1F6FF}\u{2300}-\u{23FF}\u{2B50}]/gu, "").replace(/\u200D/g, "").replace(/\uFE0F/g, "").replace(/[“”]/g, '"').replace(/[‘’]/g, "'").replace(/[—–]/g, "-").trim();
   }
 };
 
@@ -3395,6 +3805,14 @@ function startDevServer(filePath, options = {}) {
     });
     server.listen(port, () => {
       const url = `http://localhost:${port}`;
+      if (options.open) {
+        const startCmd = process.platform === "win32" ? `start ${url}` : process.platform === "darwin" ? `open ${url}` : `xdg-open ${url}`;
+        import("child_process").then(({ exec }) => {
+          exec(startCmd, () => {
+          });
+        }).catch(() => {
+        });
+      }
       try {
         watcher = watch(resolvedPath, () => {
           if (debounceTimer) clearTimeout(debounceTimer);
@@ -3431,7 +3849,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.13";
+var VERSION = "0.1.15";
 function printHelp() {
   return `
 YumiaMD \u2014 Markdown-based presentation compiler (v${VERSION})
@@ -3631,7 +4049,8 @@ Opening slide introducing the presentation deck.
         exitCode: 0,
         output: `\u{1F680} YumiaMD Live Dev Server running at: ${devInstance.url}
   Watching: ${target}
-  Hot-reloading active via SSE. Press Ctrl+C to stop.`
+  Hot-reloading active via SSE. Press Ctrl+C to stop.`,
+        keepAlive: true
       };
     } catch (err) {
       const msg = err instanceof Error ? err.message : String(err);
@@ -3863,7 +4282,8 @@ ${summary}${isStrict && report.warnings.length > 0 ? " (failed due to --strict)"
       const formatDesc = isHtml ? "interactive HTML slides" : isPdf ? "vector PDF slides" : "native editable slides";
       return {
         exitCode: 0,
-        output: `\u2713 Successfully compiled '${target}' \u2794 '${outputPath}' (${result.slideCount} ${formatDesc})${watchMsg}`
+        output: `\u2713 Successfully compiled '${target}' \u2794 '${outputPath}' (${result.slideCount} ${formatDesc})${watchMsg}`,
+        keepAlive: command === "watch" || isWatch
       };
     } catch (err) {
       const msg = err instanceof Error ? err.message : String(err);

package/dist/index.d.ts

@@ -9,11 +9,12 @@ export * from '@yumiamd/renderer-pptx';
 export * from '@yumiamd/renderer-html';
 export * from '@yumiamd/renderer-pdf';
 
-declare const VERSION = "0.1.13";
+declare const VERSION = "0.1.15";
 declare function printHelp(): string;
 declare function runCli(argv: string[]): Promise<{
     exitCode: number;
     output: string;
+    keepAlive?: boolean;
 }>;
 
 interface DevServerOptions {

package/dist/index.js

@@ -39,7 +39,7 @@ import {
   runCli,
   startDevServer,
   terminalTheme
-} from "./chunk-6GEDN7OB.js";
+} from "./chunk-7A5BHABM.js";
 export {
   DEFAULT_VIEWPORT,
   DefaultLayoutEngine,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yumiamd",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "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/core": "0.1.13",
-    "@yumiamd/parser": "0.1.13",
-    "@yumiamd/renderer": "0.1.13",
-    "@yumiamd/ast": "0.1.13",
-    "@yumiamd/layout": "0.1.13",
-    "@yumiamd/renderer-html": "0.1.13",
-    "@yumiamd/renderer-pdf": "0.1.13",
-    "@yumiamd/renderer-pptx": "0.1.13",
-    "@yumiamd/theme": "0.1.13"
+    "@yumiamd/ast": "0.1.15",
+    "@yumiamd/parser": "0.1.15",
+    "@yumiamd/core": "0.1.15",
+    "@yumiamd/renderer-html": "0.1.15",
+    "@yumiamd/renderer": "0.1.15",
+    "@yumiamd/layout": "0.1.15",
+    "@yumiamd/renderer-pptx": "0.1.15",
+    "@yumiamd/theme": "0.1.15",
+    "@yumiamd/renderer-pdf": "0.1.15"
   },
   "keywords": [
     "yumia",