@json-to-office/core-pptx 0.8.0 → 0.9.0

package/dist/index.js

@@ -25,7 +25,9 @@ var W = {
   PLACEHOLDER_NO_POSITION: "PLACEHOLDER_NO_POSITION",
   THEME_COLOR_FALLBACK: "THEME_COLOR_FALLBACK",
   UNKNOWN_COLOR: "UNKNOWN_COLOR",
-  GRID_POSITION_CLAMPED: "GRID_POSITION_CLAMPED"
+  GRID_POSITION_CLAMPED: "GRID_POSITION_CLAMPED",
+  IMAGE_ZERO_BOX: "IMAGE_ZERO_BOX",
+  FONT_UNRESOLVED: "FONT_UNRESOLVED"
 };
 function warn(warnings, code, message, extra) {
   if (warnings) {
@@ -428,6 +430,25 @@ function resolveColor(color, theme, warnings) {
   return bare;
 }
 
+// src/utils/fontAliasContext.ts
+import { synthesizeFamilyName } from "@json-to-office/shared";
+function applyFontWeight(params) {
+  if (!params.family) {
+    const weight2 = params.fontWeight ?? (params.bold === true ? 700 : void 0);
+    return {
+      bold: weight2 != null ? weight2 >= 600 : params.bold,
+      italic: params.italic
+    };
+  }
+  const weight = params.fontWeight ?? (params.bold === true ? 700 : void 0);
+  const synth = synthesizeFamilyName(
+    params.family,
+    weight,
+    params.italic === true
+  );
+  return { fontFace: synth.family, bold: synth.bold, italic: synth.italic };
+}
+
 // src/components/text.ts
 function resolvePagePlaceholders(text, ctx) {
   const { slideNumber, totalSlides, pageNumberFormat } = ctx;
@@ -450,11 +471,27 @@ function renderTextComponent(slide, props, theme, warnings, slideCtx) {
   }
   opts.fontSize = props.fontSize ?? style?.fontSize ?? theme.defaults.fontSize;
   opts.fontFace = props.fontFace ?? style?.fontFace ?? (isHeadingStyle ? theme.fonts.heading : theme.fonts.body);
-  opts.color = resolveColor(props.color ?? style?.fontColor ?? theme.defaults.fontColor, theme, warnings);
+  opts.color = resolveColor(
+    props.color ?? style?.fontColor ?? theme.defaults.fontColor,
+    theme,
+    warnings
+  );
   const bold = props.bold ?? style?.bold;
   const italic = props.italic ?? style?.italic;
+  const fontWeight = props.fontWeight ?? style?.fontWeight;
   if (bold != null) opts.bold = bold;
   if (italic != null) opts.italic = italic;
+  if (fontWeight != null || bold === true) {
+    const w = applyFontWeight({
+      family: opts.fontFace,
+      fontWeight,
+      italic,
+      bold
+    });
+    if (w.fontFace !== void 0) opts.fontFace = w.fontFace;
+    if (w.bold !== void 0) opts.bold = w.bold;
+    if (w.italic !== void 0) opts.italic = w.italic;
+  }
   if (props.strike) opts.strike = true;
   if (props.underline !== void 0) {
     if (typeof props.underline === "boolean") {
@@ -502,7 +539,8 @@ function renderTextComponent(slide, props, theme, warnings, slideCtx) {
   if (lineSpacing !== void 0) opts.lineSpacing = lineSpacing;
   const charSpacing = props.charSpacing ?? style?.charSpacing;
   if (charSpacing !== void 0) opts.charSpacing = charSpacing;
-  if (props.paraSpaceBefore !== void 0) opts.paraSpaceBefore = props.paraSpaceBefore;
+  if (props.paraSpaceBefore !== void 0)
+    opts.paraSpaceBefore = props.paraSpaceBefore;
   const paraSpaceAfter = props.paraSpaceAfter ?? style?.paraSpaceAfter;
   if (paraSpaceAfter !== void 0) opts.paraSpaceAfter = paraSpaceAfter;
   if (props.breakLine) opts.breakLine = true;
@@ -516,7 +554,8 @@ import probe from "probe-image-size";
 function isPrivateUrl(urlStr) {
   try {
     const { hostname } = new URL(urlStr);
-    if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1" || hostname === "[::1]" || hostname.startsWith("10.") || hostname.startsWith("192.168.") || hostname.startsWith("169.254.") || hostname.endsWith(".local") || hostname.endsWith(".internal")) return true;
+    if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1" || hostname === "[::1]" || hostname.startsWith("10.") || hostname.startsWith("192.168.") || hostname.startsWith("169.254.") || hostname.endsWith(".local") || hostname.endsWith(".internal"))
+      return true;
     if (hostname.startsWith("172.")) {
       const second = parseInt(hostname.split(".")[1], 10);
       if (second >= 16 && second <= 31) return true;
@@ -546,30 +585,75 @@ async function probeImageSize(imagePath, warnings) {
     const result = await probe(createReadStream(resolved));
     return result ? { width: result.width, height: result.height } : void 0;
   } catch (err) {
-    warn(warnings, W.IMAGE_PROBE_FAILED, `Image probe failed: ${err instanceof Error ? err.message : String(err)}`, { component: "image" });
+    warn(
+      warnings,
+      W.IMAGE_PROBE_FAILED,
+      `Image probe failed: ${err instanceof Error ? err.message : String(err)}`,
+      { component: "image" }
+    );
     return void 0;
   }
 }
-async function renderImageComponent(slide, props, theme, warnings) {
+function resolveDimension(value, axisLength) {
+  if (typeof value === "number") return value;
+  if (value.endsWith("%")) {
+    const pct = parseFloat(value);
+    return !Number.isNaN(pct) && pct >= 0 ? pct / 100 * axisLength : 0;
+  }
+  const n = Number(value);
+  return Number.isNaN(n) ? 0 : n;
+}
+async function renderImageComponent(slide, props, theme, warnings, slideWidth = 10, slideHeight = 7.5) {
   const opts = {};
+  const source = props.path || props.base64;
+  if (!source) {
+    warn(
+      warnings,
+      W.IMAGE_NO_SOURCE,
+      "Image component missing both path and base64",
+      { component: "image" }
+    );
+    return;
+  }
   if (props.path) {
     opts.path = props.path;
-  } else if (props.base64) {
-    opts.data = props.base64;
   } else {
-    warn(warnings, W.IMAGE_NO_SOURCE, "Image component missing both path and base64", { component: "image" });
-    return;
+    opts.data = props.base64;
   }
   if (props.x !== void 0) opts.x = props.x;
   if (props.y !== void 0) opts.y = props.y;
   if (props.w !== void 0) opts.w = props.w;
   if (props.h !== void 0) opts.h = props.h;
+  const hasW = props.w !== void 0;
+  const hasH = props.h !== void 0;
+  const needsProbe = hasW !== hasH && !props.sizing || props.sizing?.type === "contain" || props.sizing?.type === "cover";
+  const intrinsic = needsProbe ? await probeImageSize(source, warnings) : void 0;
+  if (hasW !== hasH && !props.sizing) {
+    if (intrinsic && intrinsic.width > 0 && intrinsic.height > 0) {
+      const aspect = intrinsic.width / intrinsic.height;
+      if (hasW && !hasH) {
+        const wInches = resolveDimension(props.w, slideWidth);
+        opts.w = wInches;
+        opts.h = wInches / aspect;
+      } else {
+        const hInches = resolveDimension(props.h, slideHeight);
+        opts.h = hInches;
+        opts.w = hInches * aspect;
+      }
+    }
+  }
   if (props.sizing && (props.sizing.type === "contain" || props.sizing.type === "cover")) {
-    const source = props.path || props.base64;
-    const intrinsic = source ? await probeImageSize(source, warnings) : void 0;
-    const boxW = Number(props.sizing.w ?? props.w);
-    const boxH = Number(props.sizing.h ?? props.h);
-    if (intrinsic && !isNaN(boxW) && !isNaN(boxH)) {
+    const boxW = resolveDimension(props.sizing.w ?? props.w ?? 0, slideWidth);
+    const boxH = resolveDimension(props.sizing.h ?? props.h ?? 0, slideHeight);
+    if (boxW <= 0 || boxH <= 0) {
+      warn(
+        warnings,
+        W.IMAGE_ZERO_BOX,
+        `Image sizing box resolved to zero (${boxW}x${boxH})`,
+        { component: "image" }
+      );
+    }
+    if (intrinsic && intrinsic.width > 0 && intrinsic.height > 0 && boxW > 0 && boxH > 0) {
       const imgAspect = intrinsic.width / intrinsic.height;
       if (props.sizing.type === "contain") {
         const boxAspect = boxW / boxH;
@@ -581,8 +665,8 @@ async function renderImageComponent(slide, props, theme, warnings) {
           fitH = boxH;
           fitW = boxH * imgAspect;
         }
-        const baseX = Number(props.x ?? 0);
-        const baseY = Number(props.y ?? 0);
+        const baseX = resolveDimension(props.x ?? 0, slideWidth);
+        const baseY = resolveDimension(props.y ?? 0, slideHeight);
         opts.x = baseX + (boxW - fitW) / 2;
         opts.y = baseY + (boxH - fitH) / 2;
         opts.w = fitW;
@@ -598,8 +682,8 @@ async function renderImageComponent(slide, props, theme, warnings) {
   } else if (props.sizing) {
     opts.sizing = {
       ...props.sizing,
-      w: props.sizing.w ?? props.w,
-      h: props.sizing.h ?? props.h
+      w: resolveDimension(props.sizing.w ?? props.w ?? 0, slideWidth),
+      h: resolveDimension(props.sizing.h ?? props.h ?? 0, slideHeight)
     };
   }
   if (props.rotate !== void 0) opts.rotate = props.rotate;
@@ -663,9 +747,16 @@ function buildShapeOpts(props, theme, warnings) {
   }
   if (props.line) {
     opts.line = {};
-    if (props.line.color) opts.line.color = resolveColor(props.line.color, theme, warnings);
-    if (props.line.width) opts.line.width = props.line.width;
-    if (props.line.dashType) opts.line.dashType = props.line.dashType;
+    if (props.line.color)
+      opts.line.color = resolveColor(
+        props.line.color,
+        theme,
+        warnings
+      );
+    if (props.line.width)
+      opts.line.width = props.line.width;
+    if (props.line.dashType)
+      opts.line.dashType = props.line.dashType;
   }
   if (props.rotate !== void 0) opts.rotate = props.rotate;
   if (props.rectRadius !== void 0) opts.rectRadius = props.rectRadius;
@@ -685,7 +776,9 @@ function renderShapeComponent(slide, props, theme, pptx, warnings) {
   const shapeTypeName = SHAPE_TYPE_MAP[props.type] || props.type;
   const shapeType = pptx.ShapeType[shapeTypeName];
   if (!shapeType) {
-    warn(warnings, W.UNKNOWN_SHAPE, `Unknown shape type: ${props.type}`, { component: "shape" });
+    warn(warnings, W.UNKNOWN_SHAPE, `Unknown shape type: ${props.type}`, {
+      component: "shape"
+    });
     return;
   }
   const style = props.style ? theme.styles?.[props.style] : void 0;
@@ -695,32 +788,69 @@ function renderShapeComponent(slide, props, theme, pptx, warnings) {
     opts.shape = shapeType;
     opts.fontSize = props.fontSize ?? style?.fontSize ?? theme.defaults.fontSize;
     opts.fontFace = props.fontFace ?? style?.fontFace ?? (isHeadingStyle ? theme.fonts.heading : theme.fonts.body);
-    opts.color = resolveColor(props.fontColor ?? style?.fontColor ?? theme.defaults.fontColor, theme, warnings);
+    const preAliasFamily = opts.fontFace;
+    opts.color = resolveColor(
+      props.fontColor ?? style?.fontColor ?? theme.defaults.fontColor,
+      theme,
+      warnings
+    );
     const bold = props.bold ?? style?.bold;
     const italic = props.italic ?? style?.italic;
-    if (bold != null) opts.bold = bold;
-    if (italic != null) opts.italic = italic;
+    const fontWeight = props.fontWeight ?? style?.fontWeight;
     const charSpacing = props.charSpacing ?? style?.charSpacing;
     if (charSpacing !== void 0) opts.charSpacing = charSpacing;
     const align = props.align ?? style?.align;
     if (align) opts.align = align;
     opts.valign = props.valign ?? "top";
     if (Array.isArray(props.text)) {
+      if (bold != null) opts.bold = bold;
+      if (italic != null) opts.italic = italic;
       const textSegments = props.text.map((seg) => {
         const segOpts = {};
         if (seg.fontSize != null) segOpts.fontSize = seg.fontSize;
         if (seg.fontFace != null) segOpts.fontFace = seg.fontFace;
-        if (seg.color != null) segOpts.color = resolveColor(seg.color, theme, warnings);
-        if (seg.bold != null) segOpts.bold = seg.bold;
-        if (seg.italic != null) segOpts.italic = seg.italic;
+        if (seg.color != null)
+          segOpts.color = resolveColor(seg.color, theme, warnings);
         if (seg.breakLine != null) segOpts.breakLine = seg.breakLine;
         if (seg.charSpacing != null) segOpts.charSpacing = seg.charSpacing;
         if (seg.spaceBefore != null) segOpts.paraSpaceBefore = seg.spaceBefore;
         if (seg.spaceAfter != null) segOpts.paraSpaceAfter = seg.spaceAfter;
+        const segWeight = seg.fontWeight;
+        const effWeight = segWeight ?? fontWeight;
+        const effBold = seg.bold ?? bold;
+        const effItalic = seg.italic ?? italic;
+        if (effBold != null) segOpts.bold = effBold;
+        if (effItalic != null) segOpts.italic = effItalic;
+        if (effWeight != null || effBold === true) {
+          if (seg.fontFace == null) {
+            const w = applyFontWeight({
+              family: preAliasFamily,
+              fontWeight: effWeight,
+              italic: effItalic,
+              bold: effBold
+            });
+            if (w.fontFace !== void 0) segOpts.fontFace = w.fontFace;
+            if (w.bold !== void 0) segOpts.bold = w.bold;
+            if (w.italic !== void 0) segOpts.italic = w.italic;
+          }
+        }
         return { text: seg.text, options: segOpts };
       });
       slide.addText(textSegments, opts);
     } else {
+      if (bold != null) opts.bold = bold;
+      if (italic != null) opts.italic = italic;
+      if (fontWeight != null || bold === true) {
+        const w = applyFontWeight({
+          family: preAliasFamily,
+          fontWeight,
+          italic,
+          bold
+        });
+        if (w.fontFace !== void 0) opts.fontFace = w.fontFace;
+        if (w.bold !== void 0) opts.bold = w.bold;
+        if (w.italic !== void 0) opts.italic = w.italic;
+      }
       slide.addText(props.text, opts);
     }
   } else {
@@ -783,14 +913,19 @@ function renderTableComponent(slide, props, theme, pptx, warnings) {
         return { text: applyTextVariationSelector(cell), options: opts2 };
       }
       const cellOpts = {};
-      if (cell.color) cellOpts.color = resolveColor(cell.color, theme, warnings);
+      if (cell.color)
+        cellOpts.color = resolveColor(cell.color, theme, warnings);
       if (bgFill) {
         const isHeader = rowIndex === 0;
         if (!isCorner) {
           const resolvedFill = cell.fill ? resolveColor(cell.fill, theme, warnings) : isHeader ? headerFill : bgFill;
           cellOpts.fill = { color: resolvedFill };
         }
-        cellOpts.border = buildBorderRadiusBorders(rowIndex, colIndex, row.length);
+        cellOpts.border = buildBorderRadiusBorders(
+          rowIndex,
+          colIndex,
+          row.length
+        );
       } else if (cell.fill) {
         cellOpts.fill = { color: resolveColor(cell.fill, theme, warnings) };
       }
@@ -798,6 +933,17 @@ function renderTableComponent(slide, props, theme, pptx, warnings) {
       if (cell.fontFace) cellOpts.fontFace = cell.fontFace;
       if (cell.bold) cellOpts.bold = true;
       if (cell.italic) cellOpts.italic = true;
+      if (cell.fontWeight != null || cell.bold === true) {
+        const w = applyFontWeight({
+          family: cellOpts.fontFace ?? props.fontFace ?? theme.fonts.body,
+          fontWeight: cell.fontWeight,
+          italic: cell.italic,
+          bold: cell.bold
+        });
+        if (w.fontFace !== void 0) cellOpts.fontFace = w.fontFace;
+        if (w.bold !== void 0) cellOpts.bold = w.bold;
+        if (w.italic !== void 0) cellOpts.italic = w.italic;
+      }
       if (cell.align) cellOpts.align = cell.align;
       if (cell.valign) cellOpts.valign = cell.valign;
       if (cell.colspan) cellOpts.colspan = cell.colspan;
@@ -820,7 +966,8 @@ function renderTableComponent(slide, props, theme, pptx, warnings) {
       color: resolveColor(props.border.color ?? "000000", theme, warnings)
     };
   }
-  if (props.fill) opts.fill = { color: resolveColor(props.fill, theme, warnings) };
+  if (props.fill)
+    opts.fill = { color: resolveColor(props.fill, theme, warnings) };
   opts.fontSize = props.fontSize ?? theme.defaults.fontSize;
   opts.fontFace = props.fontFace ?? theme.fonts.body;
   if (props.color) opts.color = resolveColor(props.color, theme, warnings);
@@ -881,7 +1028,12 @@ function renderTableComponent(slide, props, theme, pptx, warnings) {
   }
   if (bgFill && borderRadiusTableW !== void 0) {
     opts.w = borderRadiusTableW;
-    opts.border = [{ type: "none" }, { type: "none" }, { type: "none" }, { type: "none" }];
+    opts.border = [
+      { type: "none" },
+      { type: "none" },
+      { type: "none" },
+      { type: "none" }
+    ];
   }
   slide.addTable(tableRows, opts);
 }
@@ -1050,16 +1202,23 @@ function renderChartComponent(slide, props, theme, _pptx, warnings) {
 }
 
 // src/components/index.ts
-async function renderComponent(slide, component, theme, pptx, warnings, slideCtx, services) {
+async function renderComponent(slide, component, theme, pptx, warnings, ctx) {
   if (component.enabled === false) return;
   const { name, props } = component;
   const p = props;
   switch (name) {
     case "text":
-      renderTextComponent(slide, p, theme, warnings, slideCtx);
+      renderTextComponent(slide, p, theme, warnings, ctx?.slideCtx);
       break;
     case "image":
-      await renderImageComponent(slide, p, theme, warnings);
+      await renderImageComponent(
+        slide,
+        p,
+        theme,
+        warnings,
+        ctx?.slideWidth,
+        ctx?.slideHeight
+      );
       break;
     case "shape":
       renderShapeComponent(slide, p, theme, pptx, warnings);
@@ -1073,7 +1232,7 @@ async function renderComponent(slide, component, theme, pptx, warnings, slideCtx
         p,
         theme,
         warnings,
-        services?.highcharts
+        ctx?.services?.highcharts
       );
       break;
     case "chart":
@@ -1159,6 +1318,12 @@ async function renderPresentation(processed, warnings) {
       totalSlides,
       pageNumberFormat: processed.pageNumberFormat
     };
+    const renderCtx = {
+      slideCtx,
+      services: processed.services,
+      slideWidth: processed.slideWidth,
+      slideHeight: processed.slideHeight
+    };
     const slide = slideData.template ? pptx.addSlide({ masterName: slideData.template }) : pptx.addSlide();
     if (slideData.background) {
       if (slideData.background.color) {
@@ -1198,8 +1363,7 @@ async function renderPresentation(processed, warnings) {
           processed.theme,
           pptx,
           warnings,
-          slideCtx,
-          processed.services
+          renderCtx
         );
       }
     }
@@ -1217,8 +1381,7 @@ async function renderPresentation(processed, warnings) {
         processed.theme,
         pptx,
         warnings,
-        slideCtx,
-        processed.services
+        renderCtx
       );
     }
     if (slideData.placeholders) {
@@ -1264,8 +1427,7 @@ async function renderPresentation(processed, warnings) {
             processed.theme,
             pptx,
             warnings,
-            slideCtx,
-            processed.services
+            renderCtx
           );
         }
       } else {
@@ -1291,8 +1453,7 @@ async function renderPresentation(processed, warnings) {
               processed.theme,
               pptx,
               warnings,
-              slideCtx,
-              processed.services
+              renderCtx
             );
           } else {
             warn(
@@ -1312,7 +1473,60 @@ async function renderPresentation(processed, warnings) {
   return pptx;
 }
 
+// src/core/fontResolution.ts
+import {
+  collectFontNamesFromPptx,
+  validateFontReferences,
+  FontRegistry
+} from "@json-to-office/shared";
+import {
+  loadFileFontSource,
+  FontDiskCache,
+  fetchVariableFontSource
+} from "@json-to-office/shared/fonts/node";
+async function resolveDocumentFonts(document, theme, warnings, fonts) {
+  const names = /* @__PURE__ */ new Set();
+  for (const n of collectFontNamesFromPptx(document)) names.add(n);
+  for (const n of collectFontNamesFromPptx(theme)) names.add(n);
+  if (names.size === 0) return [];
+  const validation = validateFontReferences({
+    referencedNames: names,
+    registeredEntries: fonts?.extraEntries
+  });
+  if (validation.warnings.length > 0) {
+    if (fonts?.strict) {
+      throw new Error(
+        `Unresolved font references (strict mode):
+` + validation.warnings.map((w) => `  - ${w.message}`).join("\n")
+      );
+    }
+    for (const w of validation.warnings) {
+      warn(warnings, W.FONT_UNRESOLVED, w.message, {
+        component: "fontRegistry"
+      });
+    }
+  }
+  if (!fonts?.onResolved) return [];
+  const registry = new FontRegistry({
+    opts: fonts,
+    fileLoader: loadFileFontSource,
+    variableLoader: fetchVariableFontSource,
+    diskCache: fonts?.googleFonts?.cacheDir ? new FontDiskCache(fonts.googleFonts.cacheDir) : void 0
+  });
+  const resolved = await registry.resolveMany(names);
+  for (const r of resolved) {
+    for (const msg of r.warnings) {
+      warn(warnings, W.FONT_UNRESOLVED, msg, {
+        component: "fontRegistry"
+      });
+    }
+  }
+  fonts.onResolved(resolved);
+  return resolved;
+}
+
 // src/core/generator.ts
+import { applyExportMode, scopedThemeName } from "@json-to-office/shared";
 function isPresentationComponentDefinition(definition) {
   if (typeof definition !== "object" || definition === null) return false;
   const def = definition;
@@ -1341,7 +1555,47 @@ async function generateBufferWithWarnings(jsonConfig, options) {
     component = jsonConfig;
   }
   const warnings = [];
-  const pptx = await generatePresentation(component, options, warnings);
+  const baseThemeName = component.props?.theme ?? "default";
+  let resolvedTheme = options?.customThemes?.[baseThemeName] ?? getPptxTheme(baseThemeName);
+  const mode = applyExportMode({
+    doc: component,
+    theme: resolvedTheme,
+    fonts: options?.fonts
+  });
+  component = mode.doc;
+  resolvedTheme = mode.theme;
+  for (const w of mode.warnings) {
+    warnings.push({
+      code: w.code,
+      message: w.message,
+      component: "fontRegistry"
+    });
+  }
+  await resolveDocumentFonts(
+    component,
+    resolvedTheme,
+    warnings,
+    options?.fonts
+  );
+  const themeName = scopedThemeName(baseThemeName, options?.fonts?.mode);
+  if (themeName !== baseThemeName) {
+    component = {
+      ...component,
+      props: { ...component.props, theme: themeName }
+    };
+  }
+  const effectiveOptions = {
+    ...options,
+    customThemes: {
+      ...options?.customThemes ?? {},
+      [themeName]: resolvedTheme
+    }
+  };
+  const pptx = await generatePresentation(
+    component,
+    effectiveOptions,
+    warnings
+  );
   const data = await pptx.write({ outputType: "nodebuffer" });
   const buffer = await neutralizeTableStyle(data);
   return { buffer, warnings };
@@ -1501,6 +1755,7 @@ async function exportPluginSchema(customComponents, outputPath, options = {}) {
 }
 
 // src/plugin/createPresentationGenerator.ts
+import { applyExportMode as applyExportMode2, scopedThemeName as scopedThemeName2 } from "@json-to-office/shared";
 var MEDIUM_STYLE_2_ACCENT_12 = "{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}";
 var NO_STYLE_NO_GRID2 = "{2D5ABB26-0587-4C30-8999-92F81FD0307C}";
 async function neutralizeTableStyle2(buffer) {
@@ -1624,7 +1879,8 @@ function createBuilderImpl(state) {
       theme: state.theme,
       customThemes: state.customThemes,
       debug: state.debug,
-      services: state.services
+      services: state.services,
+      fonts: state.fonts
     };
     return createBuilderImpl(
       newState
@@ -1636,20 +1892,42 @@ function createBuilderImpl(state) {
       if (!internalDocument || internalDocument.name !== "pptx") {
         throw new Error("Top-level component must be a pptx component");
       }
-      const themeName = typeof state.theme === "string" ? state.theme : internalDocument.props.theme ?? "default";
-      const resolvedTheme = typeof state.theme === "object" ? state.theme : state.customThemes?.[themeName] ?? getPptxTheme(themeName);
+      const baseThemeName = typeof state.theme === "string" ? state.theme : internalDocument.props.theme ?? "default";
+      let resolvedTheme = typeof state.theme === "object" ? state.theme : state.customThemes?.[baseThemeName] ?? getPptxTheme(baseThemeName);
       const warnings = [];
-      const processedChildren = internalDocument.children ? await processAllSlides(
-        internalDocument.children,
-        warnings,
-        resolvedTheme
-      ) : [];
-      const processedDocument = {
-        ...internalDocument,
+      const mode = applyExportMode2({
+        doc: internalDocument,
+        theme: resolvedTheme,
+        fonts: state.fonts
+      });
+      resolvedTheme = mode.theme;
+      for (const w of mode.warnings) {
+        warnings.push({
+          code: w.code,
+          message: w.message,
+          component: "fontRegistry"
+        });
+      }
+      const processedChildren = mode.doc.children ? await processAllSlides(mode.doc.children, warnings, resolvedTheme) : [];
+      const themeName = scopedThemeName2(baseThemeName, state.fonts?.mode);
+      const docWithScopedTheme = themeName !== baseThemeName ? {
+        ...mode.doc,
+        props: { ...mode.doc.props, theme: themeName },
         children: processedChildren
+      } : { ...mode.doc, children: processedChildren };
+      const processedDocument = docWithScopedTheme;
+      await resolveDocumentFonts(
+        processedDocument,
+        resolvedTheme,
+        warnings,
+        state.fonts
+      );
+      const effectiveCustomThemes = {
+        ...state.customThemes ?? {},
+        [themeName]: resolvedTheme
       };
       const processed = processPresentation(processedDocument, {
-        customThemes: state.customThemes,
+        customThemes: effectiveCustomThemes,
         services: state.services
       });
       const pptx = await renderPresentation(processed, warnings);
@@ -1761,7 +2039,8 @@ function createPresentationGenerator(options = {}) {
     theme: options.theme,
     customThemes: options.customThemes,
     debug: options.debug ?? false,
-    services: options.services
+    services: options.services,
+    fonts: options.fonts
   };
   return createBuilderImpl(initialState);
 }