@bendyline/squisq 1.0.1 → 1.1.1

package/dist/{chunk-PJ7AODIM.js → chunk-3WBJAZZ5.js}

@@ -1,15 +1,20 @@
 import {
-  DEFAULT_THEME,
+  DEFAULT_THEME
+} from "./chunk-TVPKD76V.js";
+import {
   VIEWPORT_PRESETS,
   createTemplateContext,
   getTwoColumnPositions,
   isPersistentLayerTemplate,
   isTemplateBlock,
   scaledFontSize2 as scaledFontSize
-} from "./chunk-O5HCIUAD.js";
+} from "./chunk-OFU53HI7.js";
 import {
   extractPlainText
 } from "./chunk-QWVRN6I4.js";
+import {
+  estimateReadingTime
+} from "./chunk-4X3JQXNM.js";
 
 // src/doc/templates/persistentLayers.ts
 var GRADIENT_PRESETS = {
@@ -363,6 +368,61 @@ function getDocStyleConfig(preset, articleTitle, heroSrc, subtitle) {
   }
 }
 
+// src/doc/utils/themeUtils.ts
+var FALLBACK_COLOR_SCHEME = {
+  bg: "#1a365d",
+  text: "#63b3ed",
+  accent: "#90cdf4"
+};
+function resolveColorScheme(context, name) {
+  const schemes = context.theme.colorSchemes;
+  if (name && name in schemes) return schemes[name];
+  const keys = Object.keys(schemes);
+  if (keys.length > 0) return schemes[keys[0]];
+  return FALLBACK_COLOR_SCHEME;
+}
+var FALLBACK_BODY = 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif';
+var FALLBACK_TITLE = 'Georgia, "Times New Roman", serif';
+var FALLBACK_MONO = 'Consolas, "Courier New", monospace';
+function getThemeFont(context, role) {
+  const { typography } = context.theme;
+  switch (role) {
+    case "title":
+      return typography.titleFontFamily || FALLBACK_TITLE;
+    case "body":
+      return typography.bodyFontFamily || FALLBACK_BODY;
+    case "mono":
+      return typography.monoFontFamily || FALLBACK_MONO;
+  }
+}
+function themedFontSize(basePx, context, isTitle = false) {
+  const { fontScale, layout, theme } = context;
+  const layoutScale = isTitle ? layout.titleScale : layout.bodyScale;
+  const themeScale = isTitle ? theme.typography.titleScale ?? 1 : theme.typography.bodyScale ?? 1;
+  return Math.round(basePx * fontScale * layoutScale * themeScale);
+}
+function scaleAnimationDuration(baseDuration, context) {
+  const speed = context.theme.style.animationSpeed ?? 1;
+  return baseDuration * speed;
+}
+function getDefaultAnimation(context, layerType) {
+  const rs = context.theme.renderStyle;
+  return layerType === "text" ? rs.defaultTextAnimation : rs.defaultImageAnimation;
+}
+function shouldUseShadow(context) {
+  return context.theme.style.textShadow ?? true;
+}
+function getOverlayOpacity(context) {
+  return context.theme.style.overlayOpacity ?? 0.5;
+}
+function getTemplateHint(context, templateName, key, fallback) {
+  const hints = context.theme.renderStyle.templateHints;
+  if (!hints) return fallback;
+  const tplHints = hints[templateName];
+  if (!tplHints || !(key in tplHints)) return fallback;
+  return tplHints[key];
+}
+
 // src/doc/templates/titleBlock.ts
 function titleBlock(input, context) {
   const { title, subtitle, backgroundColor } = input;
@@ -404,6 +464,7 @@ function titleBlock(input, context) {
         text: title,
         style: {
           fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: theme.colors.text,
           textAlign: "center",
@@ -427,6 +488,7 @@ function titleBlock(input, context) {
         text: subtitle,
         style: {
           fontSize: subtitleFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           lineHeight: 1.5
@@ -444,50 +506,9 @@ function titleBlock(input, context) {
   return layers;
 }
 
-// src/doc/utils/themeUtils.ts
-var FALLBACK_COLOR_SCHEME = {
-  bg: "#1a365d",
-  text: "#63b3ed",
-  accent: "#90cdf4"
-};
-function resolveColorScheme(context, name) {
-  const schemes = context.theme.colorSchemes;
-  if (name && name in schemes) return schemes[name];
-  const keys = Object.keys(schemes);
-  if (keys.length > 0) return schemes[keys[0]];
-  return FALLBACK_COLOR_SCHEME;
-}
-function themedFontSize(basePx, context, isTitle = false) {
-  const { fontScale, layout, theme } = context;
-  const layoutScale = isTitle ? layout.titleScale : layout.bodyScale;
-  const themeScale = isTitle ? theme.typography.titleScale ?? 1 : theme.typography.bodyScale ?? 1;
-  return Math.round(basePx * fontScale * layoutScale * themeScale);
-}
-function scaleAnimationDuration(baseDuration, context) {
-  const speed = context.theme.style.animationSpeed ?? 1;
-  return baseDuration * speed;
-}
-function getDefaultAnimation(context, layerType) {
-  const rs = context.theme.renderStyle;
-  return layerType === "text" ? rs.defaultTextAnimation : rs.defaultImageAnimation;
-}
-function shouldUseShadow(context) {
-  return context.theme.style.textShadow ?? true;
-}
-function getOverlayOpacity(context) {
-  return context.theme.style.overlayOpacity ?? 0.5;
-}
-function getTemplateHint(context, templateName, key, fallback) {
-  const hints = context.theme.renderStyle.templateHints;
-  if (!hints) return fallback;
-  const tplHints = hints[templateName];
-  if (!tplHints || !(key in tplHints)) return fallback;
-  return tplHints[key];
-}
-
 // src/doc/templates/sectionHeader.ts
 function sectionHeader(input, context) {
-  const { title, colorScheme = "blue", imageSrc, imageAlt, ambientMotion } = input;
+  const { title = "", colorScheme = "blue", imageSrc, imageAlt, ambientMotion } = input;
   const { layout } = context;
   const colors = resolveColorScheme(context, colorScheme);
   const titleFontSize = scaledFontSize(72, context, true);
@@ -543,6 +564,7 @@ function sectionHeader(input, context) {
       text: title,
       style: {
         fontSize: titleFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: imageSrc ? "#ffffff" : colors.text,
         textAlign: "center",
@@ -818,6 +840,7 @@ function statHighlight(input, context) {
       text: stat,
       style: {
         fontSize: statFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: colors.text,
         shadow: !!accentImage
@@ -837,6 +860,7 @@ function statHighlight(input, context) {
       text: description,
       style: {
         fontSize: descFontSize,
+        fontFamily: getThemeFont(context, "body"),
         color: theme.colors.textMuted,
         textAlign: "center",
         lineHeight: 1.6,
@@ -859,6 +883,7 @@ function statHighlight(input, context) {
         text: detail,
         style: {
           fontSize: detailFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: colors.accent,
           textAlign: "center",
           shadow: !!accentImage
@@ -899,6 +924,7 @@ function quoteBlock(input, context) {
       text: "\u201C",
       style: {
         fontSize: decorativeQuoteFontSize,
+        fontFamily: getThemeFont(context, "title"),
         color: "rgba(255, 255, 255, 0.06)",
         textAlign: "center"
       }
@@ -917,6 +943,7 @@ function quoteBlock(input, context) {
       text: quote,
       style: {
         fontSize: quoteFontSize,
+        fontFamily: getThemeFont(context, "title"),
         color: theme.colors.text,
         textAlign: "center",
         lineHeight: 1.6,
@@ -939,6 +966,7 @@ function quoteBlock(input, context) {
         text: `\u2014 ${attribution}`,
         style: {
           fontSize: attrFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           shadow: !!accentImage
@@ -979,6 +1007,7 @@ function factCard(input, context) {
       text: fact,
       style: {
         fontSize: factFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: theme.colors.text,
         textAlign: "center",
@@ -1001,6 +1030,7 @@ function factCard(input, context) {
       text: explanation,
       style: {
         fontSize: explainFontSize,
+        fontFamily: getThemeFont(context, "body"),
         color: theme.colors.textMuted,
         textAlign: "center",
         lineHeight: 1.5,
@@ -1023,6 +1053,7 @@ function factCard(input, context) {
         text: source,
         style: {
           fontSize: sourceFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           shadow: !!accentImage
@@ -1093,6 +1124,7 @@ function twoColumn(input, context) {
         text: header,
         style: {
           fontSize: headerFontSize,
+          fontFamily: getThemeFont(context, "title"),
           color: theme.colors.textMuted,
           textAlign: "center"
         }
@@ -1125,6 +1157,7 @@ function twoColumn(input, context) {
       text: left.label,
       style: {
         fontSize: labelFontSize,
+        fontFamily: getThemeFont(context, "body"),
         fontWeight: "bold",
         color: leftColors.text,
         textAlign: "center",
@@ -1147,6 +1180,7 @@ function twoColumn(input, context) {
         text: left.sublabel,
         style: {
           fontSize: sublabelFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           lineHeight: 1.4
@@ -1171,6 +1205,7 @@ function twoColumn(input, context) {
       text: connectorSymbol,
       style: {
         fontSize: connectorFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: "rgba(255, 255, 255, 0.6)",
         textAlign: "center"
@@ -1190,6 +1225,7 @@ function twoColumn(input, context) {
       text: right.label,
       style: {
         fontSize: labelFontSize,
+        fontFamily: getThemeFont(context, "body"),
         fontWeight: "bold",
         color: rightColors.text,
         textAlign: "center",
@@ -1212,6 +1248,7 @@ function twoColumn(input, context) {
         text: right.sublabel,
         style: {
           fontSize: sublabelFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           lineHeight: 1.4
@@ -1265,6 +1302,7 @@ function dateEvent(input, context) {
       text: date,
       style: {
         fontSize: dateFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: colors.date,
         shadow: !!accentImage
@@ -1284,6 +1322,7 @@ function dateEvent(input, context) {
       text: description,
       style: {
         fontSize: descFontSize,
+        fontFamily: getThemeFont(context, "body"),
         color: colors.text,
         textAlign: "center",
         lineHeight: 1.8,
@@ -1306,6 +1345,7 @@ function dateEvent(input, context) {
         text: footer,
         style: {
           fontSize: footerFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           shadow: !!accentImage
         }
@@ -1375,6 +1415,7 @@ function imageWithCaption(input, context) {
         text: caption,
         style: {
           fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: theme.colors.text,
           textAlign: "center",
@@ -1397,6 +1438,7 @@ function imageWithCaption(input, context) {
           text: subtitle,
           style: {
             fontSize: subtitleFontSize,
+            fontFamily: getThemeFont(context, "body"),
             color: theme.colors.textMuted,
             textAlign: "center",
             lineHeight: 1.5
@@ -1435,6 +1477,7 @@ function imageWithCaption(input, context) {
         text: caption,
         style: {
           fontSize: captionFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.text,
           textAlign: "center",
           shadow: true
@@ -1503,6 +1546,7 @@ function mapBlock(input, context) {
         text: title,
         style: {
           fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: theme.colors.text,
           textAlign: "center",
@@ -1535,6 +1579,7 @@ function mapBlock(input, context) {
         text: caption,
         style: {
           fontSize: captionFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.text,
           textAlign: "center",
           shadow: true
@@ -1577,6 +1622,7 @@ function fullBleedQuote(input, context) {
         text,
         style: {
           fontSize: textFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: colors.text,
           textAlign: "center",
@@ -1626,6 +1672,7 @@ function listBlock(input, context) {
         text: title,
         style: {
           fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: theme.colors.text,
           textAlign: "center",
@@ -1652,6 +1699,7 @@ function listBlock(input, context) {
         text: itemText,
         style: {
           fontSize: itemFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.text,
           lineHeight: 1.4,
           shadow: !!accentImage
@@ -1706,6 +1754,7 @@ function photoGrid(input, context) {
           text: img.alt,
           style: {
             fontSize: altFontSize,
+            fontFamily: getThemeFont(context, "body"),
             color: theme.colors.textMuted,
             textAlign: "center"
           }
@@ -1751,6 +1800,7 @@ function photoGrid(input, context) {
         text: caption,
         style: {
           fontSize: captionFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.text,
           textAlign: "center",
           shadow: true
@@ -1835,6 +1885,7 @@ function definitionCard(input, context) {
       text: term,
       style: {
         fontSize: termFontSize,
+        fontFamily: getThemeFont(context, "title"),
         fontWeight: "bold",
         color: colors.text,
         textAlign: "center",
@@ -1871,6 +1922,7 @@ function definitionCard(input, context) {
       text: definition,
       style: {
         fontSize: defFontSize,
+        fontFamily: getThemeFont(context, "body"),
         color: theme.colors.text,
         textAlign: "center",
         lineHeight: 1.6,
@@ -1894,6 +1946,7 @@ function definitionCard(input, context) {
         text: origin,
         style: {
           fontSize: originFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           shadow: !!accentImage
@@ -1949,7 +2002,11 @@ function comparisonBar(input, context) {
       id: "left-label",
       content: {
         text: leftLabel,
-        style: { fontSize: labelFontSize, color: theme.colors.textMuted }
+        style: {
+          fontSize: labelFontSize,
+          fontFamily: getThemeFont(context, "body"),
+          color: theme.colors.textMuted
+        }
       },
       position: { x: `${barStartX}%`, y: `${topBarY - 8}%` }
     },
@@ -1959,7 +2016,12 @@ function comparisonBar(input, context) {
       id: "left-value",
       content: {
         text: leftDisplay,
-        style: { fontSize: valueFontSize, fontWeight: "bold", color: colors.text }
+        style: {
+          fontSize: valueFontSize,
+          fontFamily: getThemeFont(context, "body"),
+          fontWeight: "bold",
+          color: colors.text
+        }
       },
       position: { x: `${barStartX + leftBarWidth + 2}%`, y: `${topBarY - 1}%` },
       animation: { type: "fadeIn", duration: 0.8, delay: 0.3 }
@@ -1987,7 +2049,11 @@ function comparisonBar(input, context) {
       id: "right-label",
       content: {
         text: rightLabel,
-        style: { fontSize: labelFontSize, color: theme.colors.textMuted }
+        style: {
+          fontSize: labelFontSize,
+          fontFamily: getThemeFont(context, "body"),
+          color: theme.colors.textMuted
+        }
       },
       position: { x: `${barStartX}%`, y: `${bottomBarY - 8}%` }
     },
@@ -1997,7 +2063,12 @@ function comparisonBar(input, context) {
       id: "right-value",
       content: {
         text: rightDisplay,
-        style: { fontSize: valueFontSize, fontWeight: "bold", color: colors.accent }
+        style: {
+          fontSize: valueFontSize,
+          fontFamily: getThemeFont(context, "body"),
+          fontWeight: "bold",
+          color: colors.accent
+        }
       },
       position: { x: `${barStartX + rightBarWidth + 2}%`, y: `${bottomBarY - 1}%` },
       animation: { type: "fadeIn", duration: 0.8, delay: 0.6 }
@@ -2062,6 +2133,7 @@ function pullQuote(input, context) {
         text: "\u201C",
         style: {
           fontSize: decoFontSize,
+          fontFamily: getThemeFont(context, "title"),
           color: "rgba(255, 255, 255, 0.08)",
           textAlign: "center"
         }
@@ -2080,6 +2152,7 @@ function pullQuote(input, context) {
         text,
         style: {
           fontSize: quoteFontSize,
+          fontFamily: getThemeFont(context, "title"),
           color: "#ffffff",
           textAlign: "center",
           lineHeight: 1.5,
@@ -2103,6 +2176,7 @@ function pullQuote(input, context) {
         text: `\u2014 ${attribution}`,
         style: {
           fontSize: attrFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: "rgba(255, 255, 255, 0.7)",
           textAlign: "center",
           shadow: true
@@ -2179,6 +2253,7 @@ function videoWithCaption(input, context) {
         text: caption,
         style: {
           fontSize: captionFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.text,
           textAlign: "center",
           shadow: true
@@ -2201,6 +2276,7 @@ function videoWithCaption(input, context) {
         text: videoCredit,
         style: {
           fontSize: creditFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: "rgba(255, 255, 255, 0.5)",
           textAlign: "right"
         }
@@ -2257,6 +2333,7 @@ function videoPullQuote(input, context) {
         text: "\u201C",
         style: {
           fontSize: decoFontSize,
+          fontFamily: getThemeFont(context, "title"),
           color: "rgba(255, 255, 255, 0.08)",
           textAlign: "center"
         }
@@ -2275,6 +2352,7 @@ function videoPullQuote(input, context) {
         text,
         style: {
           fontSize: quoteFontSize,
+          fontFamily: getThemeFont(context, "title"),
           color: "#ffffff",
           textAlign: "center",
           lineHeight: 1.5,
@@ -2298,6 +2376,7 @@ function videoPullQuote(input, context) {
         text: `\u2014 ${attribution}`,
         style: {
           fontSize: attrFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: "rgba(255, 255, 255, 0.7)",
           textAlign: "center",
           shadow: true
@@ -2354,6 +2433,7 @@ function coverBlock(input, context) {
         text: title,
         style: {
           fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
           fontWeight: "bold",
           color: theme.colors.text,
           textAlign: "center",
@@ -2378,6 +2458,7 @@ function coverBlock(input, context) {
         text: subtitle,
         style: {
           fontSize: subtitleFontSize,
+          fontFamily: getThemeFont(context, "body"),
           color: theme.colors.textMuted,
           textAlign: "center",
           lineHeight: 1.5
@@ -2816,13 +2897,15 @@ function markdownToDoc(markdownDoc, options) {
     const id = heading ? generateId(heading, headingIndex++) : "preamble";
     const annotation = heading?.templateAnnotation;
     const template = annotation?.template ?? (heading ? defaultTemplate : void 0);
+    const title = heading ? extractPlainText(heading) : void 0;
     const block = {
       id,
       startTime: 0,
       duration: defaultDuration,
       audioSegment: 0,
       template,
-      ...heading ? { sourceHeading: heading } : {}
+      ...heading ? { sourceHeading: heading } : {},
+      ...title ? { title } : {}
     };
     if (annotation?.params) {
       block.templateOverrides = annotation.params;
@@ -2868,11 +2951,38 @@ function markdownToDoc(markdownDoc, options) {
     rootBlocks.push(currentBlock);
   }
   const allBlocks = flattenBlocks(rootBlocks);
+  const minDuration = 3;
+  const phrases = [];
+  for (const block of allBlocks) {
+    const bodyText = getBlockBodyText(block);
+    if (bodyText.length > 0) {
+      const estimate = estimateReadingTime(bodyText);
+      block.duration = Math.max(minDuration, estimate.seconds);
+    } else {
+      block.duration = defaultDuration;
+    }
+  }
   let currentTime = 0;
   for (const block of allBlocks) {
     block.startTime = currentTime;
+    const bodyText = getBlockBodyText(block);
+    if (bodyText.length > 0) {
+      const sentences = splitIntoSentences(bodyText);
+      if (sentences.length > 0) {
+        const timePerSentence = block.duration / sentences.length;
+        for (let i = 0; i < sentences.length; i++) {
+          phrases.push({
+            text: sentences[i],
+            startTime: currentTime + i * timePerSentence,
+            endTime: currentTime + (i + 1) * timePerSentence,
+            audioSegment: 0
+          });
+        }
+      }
+    }
     currentTime += block.duration;
   }
+  const captions = phrases.length > 0 ? { phrases, generatedAt: (/* @__PURE__ */ new Date()).toISOString(), version: 1 } : void 0;
   return {
     articleId,
     duration: currentTime,
@@ -2880,6 +2990,7 @@ function markdownToDoc(markdownDoc, options) {
     audio: {
       segments: []
     },
+    ...captions ? { captions } : {},
     ...markdownDoc.frontmatter ? { frontmatter: markdownDoc.frontmatter } : {}
   };
 }
@@ -2906,6 +3017,56 @@ function countBlocks(blocks) {
 function getBlockDepth(block) {
   return block.sourceHeading?.depth ?? 0;
 }
+function getBlockBodyText(block) {
+  if (!block.contents || block.contents.length === 0) return "";
+  return block.contents.map((node) => extractPlainText(node)).join("\n").trim();
+}
+var MAX_PHRASE_WORDS = 12;
+function splitIntoSentences(text) {
+  const lines = text.split(/\n+/).map((s) => s.trim()).filter((s) => s.length > 0);
+  const sentenceRe = /(?<=[.!?])\s+/;
+  const fragments = [];
+  for (const line of lines) {
+    const sentences = line.split(sentenceRe).map((s) => s.trim()).filter((s) => s.length > 0);
+    fragments.push(...sentences);
+  }
+  if (fragments.length === 0) return [];
+  const split = [];
+  for (const frag of fragments) {
+    const words = frag.split(/\s+/);
+    if (words.length > MAX_PHRASE_WORDS) {
+      const mid = Math.floor(frag.length / 2);
+      const clauseRe = /[,;]\s+|\s+—\s+|\s+-\s+/g;
+      let bestSplit = -1;
+      let bestDist = Infinity;
+      let match;
+      while ((match = clauseRe.exec(frag)) !== null) {
+        const dist = Math.abs(match.index - mid);
+        if (dist < bestDist) {
+          bestDist = dist;
+          bestSplit = match.index + match[0].length;
+        }
+      }
+      if (bestSplit > 0 && bestSplit < frag.length - 5) {
+        split.push(frag.slice(0, bestSplit).trim());
+        split.push(frag.slice(bestSplit).trim());
+      } else {
+        split.push(frag);
+      }
+    } else {
+      split.push(frag);
+    }
+  }
+  const merged = [split[0]];
+  for (let i = 1; i < split.length; i++) {
+    if (split[i].length < 15 && merged.length > 0) {
+      merged[merged.length - 1] += " " + split[i];
+    } else {
+      merged.push(split[i]);
+    }
+  }
+  return merged;
+}
 
 // src/doc/docToMarkdown.ts
 function docToMarkdown(doc) {
@@ -2988,17 +3149,196 @@ function injectPersistentLayers(layers, block, context) {
   return [...useBottom ? bottomLayers : [], ...layers, ...useTop ? topLayers : []];
 }
 
+// src/doc/audioMapping.ts
+function parseTimingJson(data) {
+  try {
+    const text = new TextDecoder().decode(data);
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed.sourceText === "string" && typeof parsed.duration === "number") {
+      return {
+        sourceText: parsed.sourceText,
+        bookmarks: Array.isArray(parsed.bookmarks) ? parsed.bookmarks : [],
+        duration: parsed.duration
+      };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function normalizeToWords(text) {
+  const words = text.toLowerCase().replace(/[^\w\s]/g, " ").split(/\s+/).filter((w) => w.length > 2);
+  return new Set(words);
+}
+function scoreTextSimilarity(a, b) {
+  const wordsA = normalizeToWords(a);
+  const wordsB = normalizeToWords(b);
+  if (wordsA.size === 0 || wordsB.size === 0) return 0;
+  let intersection = 0;
+  for (const w of wordsA) {
+    if (wordsB.has(w)) intersection++;
+  }
+  const union = (/* @__PURE__ */ new Set([...wordsA, ...wordsB])).size;
+  return union > 0 ? intersection / union : 0;
+}
+function slugify2(text) {
+  return text.toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function blockToPlainText(block) {
+  const parts = [];
+  if (block.title) parts.push(block.title);
+  if (block.contents) {
+    for (const node of block.contents) {
+      parts.push(extractPlainText(node));
+    }
+  }
+  return parts.join("\n");
+}
+function flattenForAudio(blocks) {
+  const result = [];
+  for (const block of blocks) {
+    if (block.children && block.children.length > 0) {
+      result.push(...flattenForAudio(block.children));
+    } else {
+      result.push(block);
+    }
+  }
+  return result;
+}
+async function discoverMp3s(container) {
+  const files = await container.listFiles();
+  const mp3Files = files.filter((f) => f.path.endsWith(".mp3"));
+  const results = [];
+  for (const file of mp3Files) {
+    const filename = file.path.split("/").pop() ?? file.path;
+    let timing = null;
+    const timingPath = `${file.path}.timing.json`;
+    const timingData = await container.readFile(timingPath);
+    if (timingData) {
+      timing = parseTimingJson(timingData);
+    }
+    results.push({ path: file.path, filename, timing });
+  }
+  return results;
+}
+function resolveFromAnnotations(blocks, mp3s) {
+  const matches = [];
+  const flat = flattenForAudio(blocks);
+  for (const block of flat) {
+    const audioRef = block.templateOverrides?.audio;
+    if (!audioRef) continue;
+    const mp3 = mp3s.find(
+      (m) => m.filename === audioRef || m.path === audioRef || m.path.endsWith(`/${audioRef}`)
+    );
+    if (mp3) {
+      matches.push({ block, mp3 });
+    }
+  }
+  return matches;
+}
+var MIN_CONTENT_SIMILARITY = 0.35;
+var MIN_FILENAME_SIMILARITY = 0.5;
+function autoMatchBlocks(blocks, mp3s) {
+  const flat = flattenForAudio(blocks);
+  if (flat.length === 0 || mp3s.length === 0) return [];
+  const scoredPairs = [];
+  for (let mi = 0; mi < mp3s.length; mi++) {
+    const mp3 = mp3s[mi];
+    for (let bi = 0; bi < flat.length; bi++) {
+      const block = flat[bi];
+      const blockText = blockToPlainText(block);
+      if (!blockText.trim()) continue;
+      let score = 0;
+      if (mp3.timing?.sourceText) {
+        score = scoreTextSimilarity(mp3.timing.sourceText, blockText);
+      }
+      if (score < MIN_CONTENT_SIMILARITY && block.title) {
+        const titleSlug = slugify2(block.title);
+        const fileSlug = slugify2(mp3.filename.replace(/\.mp3$/, ""));
+        if (fileSlug.includes(titleSlug) && titleSlug.length >= 3) {
+          score = Math.max(score, MIN_FILENAME_SIMILARITY + 0.1);
+        }
+      }
+      if (score >= MIN_CONTENT_SIMILARITY) {
+        scoredPairs.push({ block, blockIndex: bi, mp3, mp3Index: mi, score });
+      }
+    }
+  }
+  scoredPairs.sort((a, b) => b.score - a.score);
+  const usedBlocks = /* @__PURE__ */ new Set();
+  const usedMp3s = /* @__PURE__ */ new Set();
+  const matches = [];
+  for (const pair of scoredPairs) {
+    if (usedBlocks.has(pair.blockIndex) || usedMp3s.has(pair.mp3Index)) continue;
+    usedBlocks.add(pair.blockIndex);
+    usedMp3s.add(pair.mp3Index);
+    matches.push({ block: pair.block, mp3: pair.mp3, score: pair.score });
+  }
+  return matches;
+}
+async function resolveAudioMapping(doc, container) {
+  const mp3s = await discoverMp3s(container);
+  if (mp3s.length === 0) return doc;
+  let matches = resolveFromAnnotations(doc.blocks, mp3s);
+  if (matches.length === 0) {
+    matches = autoMatchBlocks(doc.blocks, mp3s).map((m) => ({
+      block: m.block,
+      mp3: m.mp3
+    }));
+  }
+  if (matches.length === 0) return doc;
+  const flat = flattenForAudio(doc.blocks);
+  const blockOrder = new Map(flat.map((b, i) => [b.id, i]));
+  matches.sort((a, b) => (blockOrder.get(a.block.id) ?? 0) - (blockOrder.get(b.block.id) ?? 0));
+  const segments = [];
+  const blockToSegment = /* @__PURE__ */ new Map();
+  let startTime = 0;
+  for (let i = 0; i < matches.length; i++) {
+    const { block, mp3 } = matches[i];
+    const duration = mp3.timing?.duration ?? 30;
+    segments.push({
+      src: mp3.path,
+      name: block.title ?? block.id,
+      duration,
+      startTime
+    });
+    blockToSegment.set(block.id, i);
+    startTime += duration;
+  }
+  const newBlocks = assignSegmentIndices(doc.blocks, blockToSegment);
+  return {
+    ...doc,
+    blocks: newBlocks,
+    duration: startTime,
+    audio: { segments }
+  };
+}
+function assignSegmentIndices(blocks, blockToSegment, inheritedSegment) {
+  return blocks.map((block) => {
+    const segment = blockToSegment.get(block.id) ?? inheritedSegment ?? block.audioSegment;
+    const newBlock = {
+      ...block,
+      audioSegment: segment
+    };
+    if (block.children) {
+      newBlock.children = assignSegmentIndices(block.children, blockToSegment, segment);
+    }
+    return newBlock;
+  });
+}
+
 export {
   expandPersistentLayers,
   getDocStyleConfig,
-  titleBlock,
   resolveColorScheme,
+  getThemeFont,
   themedFontSize,
   scaleAnimationDuration,
   getDefaultAnimation,
   shouldUseShadow,
   getOverlayOpacity,
   getTemplateHint,
+  titleBlock,
   sectionHeader,
   DEFAULT_LAYOUT,
   getAccentLayout,
@@ -3035,6 +3375,8 @@ export {
   countBlocks,
   getBlockDepth,
   docToMarkdown,
-  getLayers
+  getLayers,
+  scoreTextSimilarity,
+  resolveAudioMapping
 };
-//# sourceMappingURL=chunk-PJ7AODIM.js.map
+//# sourceMappingURL=chunk-3WBJAZZ5.js.map