@openpresentation/opf 0.20.4 → 0.21.0

package/dist/{chunk-XAYMPBNE.js → chunk-X6SB52RP.js}

@@ -1875,6 +1875,159 @@ function tableCellDisplayValue(cell, columnFormat2) {
   return formatDataNumber(cell, columnFormat2);
 }
 
+// src/chart-axis.ts
+var CHART_TEXT_PX = 20;
+function chartTextSize(geometry) {
+  const { width, height, scale } = geometry;
+  const minimum = geometry.minFontSize ?? 16;
+  if (![width, height, scale].every(Number.isFinite) || width <= 0 || height <= 0 || scale <= 0) return Math.max(CHART_TEXT_PX, minimum);
+  return Math.max(Math.floor(Math.min(CHART_TEXT_PX, height / scale / 18, width / scale / 30)), minimum);
+}
+function clean(value) {
+  const rounded = Number(value.toPrecision(12));
+  return Object.is(rounded, -0) ? 0 : rounded;
+}
+function scaleFrom(min, max, step) {
+  const ticks = [];
+  const count = Math.round((max - min) / step);
+  for (let index = 0; index <= count; index++) ticks.push(clean(min + index * step));
+  return { min, max, step, ticks };
+}
+function pickStep(min, max, limit, steps) {
+  return steps.find((step) => Math.round((max - min) / step) <= limit) ?? max - min;
+}
+function niceScale(dataMin, dataMax, maxIntervals = 10, { percent = false } = {}) {
+  const limit = Number.isFinite(maxIntervals) ? Math.max(1, Math.floor(maxIntervals)) : 10;
+  if (percent) {
+    const min = dataMin < -1e-9 ? -1 : 0;
+    const max = dataMax > 1e-9 || min === 0 ? 1 : 0;
+    return scaleFrom(min, max, pickStep(min, max, limit, [0.1, 0.2, 0.25, 0.5, 1]));
+  }
+  if (!Number.isFinite(dataMin) || !Number.isFinite(dataMax)) {
+    dataMin = 0;
+    dataMax = 1;
+  }
+  let lo = Math.min(dataMin, 0);
+  let hi = Math.max(dataMax, 0);
+  if (dataMin > 0 && dataMax - dataMin < dataMax / 6) lo = dataMin;
+  if (dataMax < 0 && dataMax - dataMin < -dataMin / 6) hi = dataMax;
+  if (hi === lo) {
+    if (hi === 0) hi = 1;
+    else if (hi > 0) lo = 0;
+    else hi = 0;
+  }
+  const span = hi - lo;
+  const top = hi > 0 ? hi + span / 20 : hi;
+  const bottom = lo < 0 ? lo - span / 20 : lo > 0 ? Math.max(0, lo - span / 20) : lo;
+  const raw = (top - bottom) / limit;
+  if (!(raw > 0) || !Number.isFinite(raw)) return normalizedScale(dataMin, dataMax, limit);
+  let exponent = Math.floor(Math.log10(raw)) - 1;
+  for (; exponent <= 308; exponent++) {
+    for (const mantissa of [1, 2, 5]) {
+      const step = mantissa * 10 ** exponent;
+      if (!(step > 0) || !Number.isFinite(step)) continue;
+      const min = Math.floor(bottom / step + 1e-9) * step;
+      const max = Math.ceil(top / step - 1e-9) * step;
+      if (Number.isFinite(min) && Number.isFinite(max) && Math.round((max - min) / step) <= limit) return scaleFrom(clean(min), clean(max), step);
+    }
+  }
+  return normalizedScale(dataMin, dataMax, limit);
+}
+function normalizedScale(dataMin, dataMax, limit) {
+  const magnitude = Math.max(Math.abs(dataMin), Math.abs(dataMax));
+  const unit = 10 ** Math.floor(Math.log10(magnitude)) || Number.MIN_VALUE;
+  const normalized = niceScale(dataMin / unit, dataMax / unit, limit);
+  const restore = (value) => {
+    const scaled = value * unit;
+    return Number.isFinite(scaled) ? scaled : Math.sign(value) * Number.MAX_VALUE;
+  };
+  const min = Math.min(restore(normalized.min), dataMin);
+  const max = Math.max(restore(normalized.max), dataMax);
+  const ticks = [.../* @__PURE__ */ new Set([min, ...normalized.ticks.map(restore), max])].sort((a, b) => a - b);
+  return { min, max, step: restore(normalized.step) || Number.MIN_VALUE, ticks };
+}
+function maxIntervalsFor(length, labelExtent) {
+  return Math.max(1, Math.min(10, Math.floor(length / Math.max(1, labelExtent))));
+}
+var bar = (horizontal, grouping) => ({ kind: "bar", horizontal, grouping });
+var line = (grouping) => ({ kind: "line", horizontal: false, grouping });
+var area = (grouping) => ({ kind: "area", horizontal: false, grouping });
+var CATEGORY_CHARTS = {
+  column: bar(false, "clustered"),
+  "stacked-column": bar(false, "stacked"),
+  "100pct-stacked-column": bar(false, "percentStacked"),
+  bar: bar(true, "clustered"),
+  "stacked-bar": bar(true, "stacked"),
+  "100pct-stacked-bar": bar(true, "percentStacked"),
+  line: line("standard"),
+  "line-with-markers": line("standard"),
+  "stacked-line": line("stacked"),
+  "stacked-line-with-markers": line("stacked"),
+  area: area("standard"),
+  "stacked-area": area("stacked"),
+  "100pct-stacked-area": area("percentStacked")
+};
+function stackCategoryValues(series, count, kind2, grouping, path = "chart") {
+  const percent = grouping === "percentStacked";
+  const stacked = grouping === "stacked" || percent;
+  const fail = (aggregate) => new RangeError(`Cannot render ${path}: ${aggregate} exceeds the finite numeric range. Rescale the chart values before rendering.`);
+  const totals = Array.from({ length: count }, (_, i) => series.reduce((sum, entry) => sum + Math.abs(entry.values[i] ?? 0), 0));
+  if (percent && totals.some((total) => !Number.isFinite(total))) throw fail("percentage total");
+  const positive2 = new Array(count).fill(0);
+  const negative = new Array(count).fill(0);
+  const running = new Array(count).fill(0);
+  return series.map(
+    (entry) => entry.values.map((raw, i) => {
+      if (raw === null && kind2 !== "area") return null;
+      let value = raw ?? 0;
+      if (percent) value = totals[i] ? value / totals[i] : 0;
+      if (!stacked) return { value, from: 0, to: value };
+      if (kind2 === "bar") {
+        const base = value >= 0 ? positive2 : negative;
+        const from2 = base[i];
+        base[i] += value;
+        if (!Number.isFinite(base[i])) throw fail("stacked total");
+        return { value, from: from2, to: base[i] };
+      }
+      const from = running[i];
+      running[i] += value;
+      if (!Number.isFinite(running[i])) throw fail("stacked total");
+      return { value, from, to: running[i] };
+    })
+  );
+}
+function chartValueAxis(chart, resolved, geometry) {
+  const type = typeof chart === "object" && chart !== null ? chart.type : void 0;
+  const id = typeof type === "string" ? type.trim().toLowerCase() : "";
+  const spec = Object.hasOwn(CATEGORY_CHARTS, id) ? CATEGORY_CHARTS[id] : void 0;
+  if (!spec || !resolved.ok || resolved.combo) return void 0;
+  const { scale, width, height } = geometry;
+  if (![width, height, scale].every(Number.isFinite) || width <= 0 || height <= 0 || scale <= 0) return void 0;
+  const series = resolved.columns.slice(1).map((_, offset) => ({ values: resolved.rows.map((row) => chartNumber(row[offset + 1])) }));
+  if (!series.length || !resolved.rows.length) return void 0;
+  const percent = spec.grouping === "percentStacked";
+  let stacks;
+  try {
+    stacks = stackCategoryValues(series, resolved.rows.length, spec.kind, spec.grouping);
+  } catch {
+    return void 0;
+  }
+  const stackedGrouping = spec.grouping === "stacked" || percent;
+  const extents = stacks.flat().flatMap((point) => point === null ? [] : spec.kind === "line" || !stackedGrouping ? [point.to] : [point.from, point.to]);
+  const anchor = spec.kind === "bar" || spec.kind === "area" ? [0] : [];
+  const dataMin = extents.length ? Math.min(...extents, ...anchor) : 0;
+  const dataMax = extents.length ? Math.max(...extents, ...anchor) : 1;
+  const pad = 10 * scale;
+  const fontPx = chartTextSize(geometry) * scale;
+  const lineHeight = fontPx * 1.5;
+  const options = resolveChartOptions(chart, chartOptionTarget(id));
+  const legendBand = options.legend === "top" || options.legend === "bottom" ? lineHeight + pad : 0;
+  const titleBand = options.axisTitles.category ? lineHeight : 0;
+  const length = spec.horizontal ? width * 0.7 - 2 * pad - fontPx : height - 2 * pad - lineHeight * 1.5 - legendBand - titleBand;
+  const fitted = niceScale(dataMin, dataMax, maxIntervalsFor(Math.max(1, length), spec.horizontal ? 4 * fontPx : lineHeight * 1.2), { percent });
+  return { min: fitted.min, max: fitted.max, majorUnit: fitted.step, ...percent ? { percent: true } : {} };
+}
+
 // src/image-aspect.ts
 var isRecord2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 function sourceOf(value) {
@@ -2170,20 +2323,20 @@ function parse(layout) {
     if (reserved.has(name)) region(`/regions/${pointerSegment(name)}`, `'${name}' is reserved and cannot name a region (reserved: ${RESERVED_REGION_NAMES.join(", ")})`);
     else if (!bounds.has(name)) region(`/regions/${pointerSegment(name)}`, `region '${name}' has no area in areas`);
   }
-  for (const area of list) {
-    if (area.heading) continue;
-    if (reserved.has(area.name)) {
-      if (!Object.hasOwn(entries, area.name)) region("/areas", `'${area.name}' is reserved and cannot name a body area (reserved: ${RESERVED_REGION_NAMES.join(", ")})`);
+  for (const area2 of list) {
+    if (area2.heading) continue;
+    if (reserved.has(area2.name)) {
+      if (!Object.hasOwn(entries, area2.name)) region("/areas", `'${area2.name}' is reserved and cannot name a body area (reserved: ${RESERVED_REGION_NAMES.join(", ")})`);
       continue;
     }
-    if (!Object.hasOwn(entries, area.name)) region("/regions", `body area '${area.name}' has no entry in regions`);
+    if (!Object.hasOwn(entries, area2.name)) region("/regions", `body area '${area2.name}' has no entry in regions`);
   }
   if (bounds.has("subtitle") && !bounds.has("title")) region("/areas", "a 'subtitle' area needs a 'title' area");
   for (const [name, entry] of Object.entries(entries)) {
     const raw = record4(entry);
     if (raw.flow === "none" && raw.max !== void 0 && raw.max !== 1) region(`/regions/${pointerSegment(name)}/max`, `a region with flow "none" holds one block; max must be 1, not ${JSON.stringify(raw.max)}`);
   }
-  const regions = list.filter((area) => !area.heading && !reserved.has(area.name) && Object.hasOwn(entries, area.name)).map((area) => layoutRegion(area.name, entries[area.name]));
+  const regions = list.filter((area2) => !area2.heading && !reserved.has(area2.name) && Object.hasOwn(entries, area2.name)).map((area2) => layoutRegion(area2.name, entries[area2.name]));
   for (const entry of regions) if (!entry.accepts.length) region(`/regions/${pointerSegment(entry.name)}/accepts`, `region '${entry.name}' accepts no content kind`);
   if (value.overflowRegion !== void 0 && !regions.some((entry) => entry.name === value.overflowRegion)) region("/overflowRegion", `overflowRegion ${JSON.stringify(value.overflowRegion)} is not a region of this layout`);
   if (issues.length) return { issues };
@@ -3406,6 +3559,8 @@ function labWithLightness(l, a, b) {
 function labDifference(a, b) {
   return Math.hypot(a[0] - b[0], a[1] - b[1], a[2] - b[2]);
 }
+var CHART_SERIES_TIER_SIZE = 6;
+var tierOf = (index) => Math.floor(index / CHART_SERIES_TIER_SIZE);
 var CHART_SERIES_SHORTFALL_WEIGHT = 8;
 function chartPaletteForFill(fill, palette) {
   const opaqueFill = colorContrast(fill, fill) !== void 0;
@@ -3426,7 +3581,7 @@ function chartPaletteForFill(fill, palette) {
     const baseLab = labOf(opaqueChannels(base));
     const needs = palette.flatMap((_2, other) => {
       const before = preferredLab[other], lab = placedLab[other];
-      return other !== index && before && lab && placed[other] !== void 0 ? [{ lab, adjacent: Math.abs(other - index) === 1, wide: Math.min(labDifference(before, wanted), CHART_SERIES_MIN_DIFFERENCE), step: Math.min(Math.abs(before[0] - wanted[0]), CHART_SERIES_MIN_LIGHTNESS_STEP) }] : [];
+      return other !== index && tierOf(other) <= tierOf(index) && before && lab && placed[other] !== void 0 ? [{ lab, adjacent: Math.abs(other - index) === 1, wide: Math.min(labDifference(before, wanted), CHART_SERIES_MIN_DIFFERENCE), step: Math.min(Math.abs(before[0] - wanted[0]), CHART_SERIES_MIN_LIGHTNESS_STEP) }] : [];
     });
     const shortfall = (candidate) => needs.reduce((worst, need) => {
       const lightness = Math.abs(need.lab[0] - candidate[0]) - need.step, difference = labDifference(need.lab, candidate) - need.wide;
@@ -3452,6 +3607,28 @@ function chartPaletteForFill(fill, palette) {
   });
   return placed;
 }
+var CHART_SERIES_TINT_MIX = 0.4;
+function chartSeriesPalette(colorScheme = {}, colors, context = {}) {
+  const accents = [1, 2, 3, 4, 5, 6].map((number) => {
+    const slot = `accent${number}`;
+    return normalizeHexColor(colorScheme?.[slot]) ?? normalizeHexColor(ENGINE_DEFAULT_COLOR_SCHEME[slot]) ?? "#000000";
+  });
+  const palette = [...accents, ...accents.map((accent) => mixChannels(opaqueChannels(accent), [255, 255, 255], CHART_SERIES_TINT_MIX))];
+  resolveChartColors(colors, colorScheme, context).forEach((color, index) => {
+    if (color === void 0) return;
+    while (palette.length < index) palette.push(palette[palette.length % 12]);
+    palette[index] = color;
+  });
+  return palette;
+}
+function resolveChartColors(colors, colorScheme = {}, context = {}) {
+  if (!Array.isArray(colors)) return [];
+  return colors.map((entry) => {
+    if (typeof entry !== "string") return void 0;
+    const resolved = resolveColorRef(entry.trim(), { colorScheme, roles: context.roles, variables: context.variables, fallback: "" });
+    return normalizeHexColor(resolved);
+  });
+}
 var CHART_HIGHLIGHT_MUTED_MIX = 0.3;
 var CHART_HIGHLIGHT_MUTED_MIN_CONTRAST = 1.6;
 var mixChannels = (from, to, amount) => hexOfChannels(from.map((channel, index) => channel + (to[index] - channel) * amount));
@@ -4258,10 +4435,10 @@ function metricTrendMark(layout, options) {
   if (!part || !part.visible || !part.fit || part.fit.sourceLines.length === 0) return void 0;
   const trend = part.text.trim();
   if (!Object.hasOwn(METRIC_TREND_SHAPES, trend)) return void 0;
-  const line = part.fit.sourceLines[0], origin = part.linePositions[0];
-  if (!origin || line.width <= 0) return void 0;
+  const line2 = part.fit.sourceLines[0], origin = part.linePositions[0];
+  if (!origin || line2.width <= 0) return void 0;
   const size = part.fit.fontSize * 0.72, gap = part.fit.fontSize * 0.3, left = part.box.x, right = part.box.x + part.box.width;
-  const after = origin.x + line.width + gap, before = origin.x - gap - size;
+  const after = origin.x + line2.width + gap, before = origin.x - gap - size;
   const fitsAfter = after + size <= right + 0.01, fitsBefore = before >= left - 0.01;
   const x = layout.alignment === "left" ? fitsAfter ? after : fitsBefore ? before : void 0 : fitsBefore ? before : fitsAfter ? after : void 0;
   if (x === void 0) return void 0;
@@ -4321,7 +4498,7 @@ function codeHighlightLines(highlight, source) {
       return;
     }
     if (end > lineCount) issues.push({ code: "code-highlight-out-of-range", index, message: `The highlight ${start === end ? `line ${start}` : `range [${start}, ${end}]`} is past the last line (the code has ${lineCount} ${lineCount === 1 ? "line" : "lines"}); lines beyond it are ignored.` });
-    for (let line = start; line <= Math.min(end, lineCount); line++) marked.add(line);
+    for (let line2 = start; line2 <= Math.min(end, lineCount); line2++) marked.add(line2);
   });
   return { lineCount, lines: [...marked].sort((a, b) => a - b), issues };
 }
@@ -4336,10 +4513,10 @@ function codeHighlightList(lines) {
   return out;
 }
 function codeLineNumbers(sourceLines) {
-  let line = 1;
+  let line2 = 1;
   return sourceLines.map((entry) => {
-    const number = line;
-    if (entry.boundary === "hard") line++;
+    const number = line2;
+    if (entry.boundary === "hard") line2++;
     return number;
   });
 }
@@ -4359,7 +4536,7 @@ function codeHighlightSlice(highlight, source, start, end) {
   if (!lines.length) return void 0;
   const breaks = (text2) => (text2.match(/\r\n|\r|\n/g) ?? []).length;
   const before = breaks(source.slice(0, start)), count = codeLineCount(source.slice(start, end));
-  const kept = lines.filter((line) => line > before && line <= before + count).map((line) => line - before);
+  const kept = lines.filter((line2) => line2 > before && line2 <= before + count).map((line2) => line2 - before);
   return kept.length ? codeHighlightList(kept) : void 0;
 }
 var CODE_HIGHLIGHT_DIM = 0.35;
@@ -4812,24 +4989,24 @@ function placeTextLines(lines, box, alignment = "left", rasterPadding = 0, direc
   if (!Array.isArray(lines) || !box || ![box.x, box.y, box.width, box.height, rasterPadding].every(Number.isFinite) || box.width <= 0 || box.height <= 0 || rasterPadding < 0 || !["left", "center", "right"].includes(alignment)) throw new RangeError("Text placement requires lines, finite positive dimensions, nonnegative padding and a valid alignment.");
   const placed = [];
   let shift = 0, bottom = box.y, height = 0, overflow = false;
-  for (const [lineIndex, line] of lines.entries()) {
+  for (const [lineIndex, line2] of lines.entries()) {
     const lineAlignment = physicalAlignment(alignment, directions?.[lineIndex]), factor = lineAlignment === "right" ? 1 : lineAlignment === "center" ? 0.5 : 0;
-    if (!line || ![line.width, line.y, line.baseline, line.height].every(Number.isFinite) || line.width < 0 || line.height <= 0 || line.y < 0 || line.baseline < line.y) throw new RangeError("Text lines require finite coordinates, nonnegative advances and a baseline at or below their top.");
-    const ink = line.outline;
+    if (!line2 || ![line2.width, line2.y, line2.baseline, line2.height].every(Number.isFinite) || line2.width < 0 || line2.height <= 0 || line2.y < 0 || line2.baseline < line2.y) throw new RangeError("Text lines require finite coordinates, nonnegative advances and a baseline at or below their top.");
+    const ink = line2.outline;
     if (ink !== null && (!ink || ![ink.x, ink.y, ink.width, ink.height].every(Number.isFinite) || ink.width < 0 || ink.height < 0)) throw new RangeError("Text outlines must be null or finite coordinates with nonnegative dimensions.");
-    let x = box.x + (box.width - line.width) * factor;
+    let x = box.x + (box.width - line2.width) * factor;
     if (ink) {
       const low = box.x + rasterPadding - ink.x, high = box.x + box.width - rasterPadding - ink.x - ink.width;
       if (low > high + 0.01) overflow = true;
       else x = Math.max(low, Math.min(x, high));
-      shift += Math.max(0, bottom + rasterPadding - (box.y + line.baseline + shift + ink.y));
+      shift += Math.max(0, bottom + rasterPadding - (box.y + line2.baseline + shift + ink.y));
     }
-    const y = box.y + line.y + shift, baseline = box.y + line.baseline + shift;
+    const y = box.y + line2.y + shift, baseline = box.y + line2.baseline + shift;
     const outline = ink ? { ...ink, x: x + ink.x, y: baseline + ink.y } : null;
     if (outline) bottom = outline.y + outline.height + rasterPadding;
-    height = Math.max(height, y + line.height - box.y, outline ? bottom - box.y : 0);
-    if (line.width > box.width + 0.01 || height > box.height + 0.01) overflow = true;
-    placed.push({ x, y, baseline, height: line.height, width: line.width, outline, ...directions ? { alignment: lineAlignment } : {} });
+    height = Math.max(height, y + line2.height - box.y, outline ? bottom - box.y : 0);
+    if (line2.width > box.width + 0.01 || height > box.height + 0.01) overflow = true;
+    placed.push({ x, y, baseline, height: line2.height, width: line2.width, outline, ...directions ? { alignment: lineAlignment } : {} });
   }
   return { alignment, rasterPadding, lines: placed, height, overflow };
 }
@@ -4839,11 +5016,11 @@ function translateTextFit(fit, dy) {
     ...fit,
     placement: {
       ...fit.placement,
-      lines: fit.placement.lines.map((line) => ({
-        ...line,
-        y: line.y + dy,
-        baseline: line.baseline + dy,
-        outline: line.outline ? { ...line.outline, y: line.outline.y + dy } : line.outline
+      lines: fit.placement.lines.map((line2) => ({
+        ...line2,
+        y: line2.y + dy,
+        baseline: line2.baseline + dy,
+        outline: line2.outline ? { ...line2.outline, y: line2.outline.y + dy } : line2.outline
       }))
     }
   };
@@ -5016,9 +5193,9 @@ var FURNITURE_IMAGE_SHARE = 0.4;
 var SPACED_WORD_CHARACTER = /^[\p{L}\p{N}\p{M}]$/u;
 var UNSPACED_SCRIPT = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Thai}\p{Script=Lao}\p{Script=Khmer}\p{Script=Myanmar}\p{Script=Tibetan}]/u;
 function breaksInsideWord(text2, fit) {
-  return fit.sourceLines.some((line) => {
-    if (line.boundary !== "soft" || line.nextStart <= 0 || line.nextStart >= text2.length) return false;
-    const before = [...text2.slice(0, line.nextStart)].at(-1) ?? "", after = [...text2.slice(line.nextStart, line.nextStart + 2)][0] ?? "";
+  return fit.sourceLines.some((line2) => {
+    if (line2.boundary !== "soft" || line2.nextStart <= 0 || line2.nextStart >= text2.length) return false;
+    const before = [...text2.slice(0, line2.nextStart)].at(-1) ?? "", after = [...text2.slice(line2.nextStart, line2.nextStart + 2)][0] ?? "";
     return SPACED_WORD_CHARACTER.test(before) && SPACED_WORD_CHARACTER.test(after) && !UNSPACED_SCRIPT.test(before) && !UNSPACED_SCRIPT.test(after);
   });
 }
@@ -5101,10 +5278,10 @@ function layoutFurniture(input, options = {}) {
       }
       const fitPart = (part, boxWidth) => {
         const fit = fitText(part.text, { width: Math.max(Number.MIN_VALUE, boxWidth - (outlines ? 2 * padding : 0)), height: Number.MAX_VALUE }, size, size, textWidthMeasurer(part.style, options.textMeasurement));
-        const ink = fit.sourceLines.map((line, index2) => {
+        const ink = fit.sourceLines.map((line2, index2) => {
           let outline = null;
           if (outlines) {
-            for (const segment2 of line.segments) if (segment2.kind === "text") {
+            for (const segment2 of line2.segments) if (segment2.kind === "text") {
               const bounds = measureTextOutline(part.text.slice(segment2.start, segment2.end), size, part.style, options.textMeasurement);
               if (bounds) {
                 const next = { ...bounds, x: bounds.x + segment2.x };
@@ -5119,7 +5296,7 @@ function layoutFurniture(input, options = {}) {
               }
             }
           }
-          return { width: line.width, y: index2 * fit.lineHeight, baseline: size + index2 * fit.lineHeight, height: fit.lineHeight, outline };
+          return { width: line2.width, y: index2 * fit.lineHeight, baseline: size + index2 * fit.lineHeight, height: fit.lineHeight, outline };
         });
         const natural = outlines ? placeTextLines(ink, { x: 0, y: 0, width: boxWidth, height: Number.MAX_VALUE }, side, padding) : void 0;
         const partHeight = natural?.height ?? fit.sourceLines.length * fit.lineHeight;
@@ -5127,7 +5304,7 @@ function layoutFurniture(input, options = {}) {
         return { fit, ink, height: Math.max(scale, partHeight) };
       };
       const gap = FURNITURE_GAP * scale, gaps = gap * Math.max(0, pending.length - 1);
-      const widths = pending.map((part) => part.type === "image" ? pending.length > 1 ? Math.min(part.width, zoneWidth * FURNITURE_IMAGE_SHARE) : part.width : pending.length === 1 ? zoneWidth : Math.max(scale, ...fitPart(part, 1e7).ink.map((line) => Math.max(line.width + (outlines ? 2 * padding : 0), line.outline ? line.outline.width + 2 * padding : 0))));
+      const widths = pending.map((part) => part.type === "image" ? pending.length > 1 ? Math.min(part.width, zoneWidth * FURNITURE_IMAGE_SHARE) : part.width : pending.length === 1 ? zoneWidth : Math.max(scale, ...fitPart(part, 1e7).ink.map((line2) => Math.max(line2.width + (outlines ? 2 * padding : 0), line2.outline ? line2.outline.width + 2 * padding : 0))));
       if (pending.length > 1 && widths.reduce((sum, entry) => sum + entry, 0) + gaps > zoneWidth + 0.01) {
         const texts = pending.map((_, index2) => index2).filter((index2) => pending[index2].type === "text").sort((a, b) => widths[a] - widths[b]);
         let remaining = zoneWidth - gaps - pending.reduce((sum, part, index2) => sum + (part.type === "image" ? widths[index2] : 0), 0), count = texts.length;
@@ -5170,10 +5347,10 @@ function layoutFurniture(input, options = {}) {
     else footerTop = top;
     for (const zone of zones) for (const part of zone) {
       part.box.y += top;
-      if (part.type === "text" && part.fit.placement) for (const line of part.fit.placement.lines) {
-        line.y += top;
-        line.baseline += top;
-        if (line.outline) line.outline.y += top;
+      if (part.type === "text" && part.fit.placement) for (const line2 of part.fit.placement.lines) {
+        line2.y += top;
+        line2.baseline += top;
+        if (line2.outline) line2.outline.y += top;
       }
       if (part.box.y + part.box.height > height - height * 0.04 + 0.01) error(part.path, "Repeated header/footer content extends beyond the usable slide height. Change its content or design before pagination.");
       parts.push(part);
@@ -5262,11 +5439,11 @@ function layoutQuote(value, box, options = {}) {
   const diagnostics = [], parts = [];
   const report = (reason, diagnosticPath, roles, message) => diagnostics.push({ code: "text-overflow", reason, path: diagnosticPath, parts: roles, message });
   const source = (sourcePath, text2, outputStart) => ({ path: sourcePath, start: 0, end: text2.length, outputStart, outputEnd: outputStart + text2.length });
-  const add = (role, text2, sources, area, fontSize, fontFamily, fontWeight, partPath, runs) => {
+  const add = (role, text2, sources, area2, fontSize, fontFamily, fontWeight, partPath, runs) => {
     const requestedStyle = { fontFamily, fontWeight, italic: false, path: partPath };
     const style = resolveTextStyle({ ...requestedStyle }, options.textMeasurement);
     const requestedFontSize = gridFontSize(fontSize * scale, minimum);
-    const part = { role, path: partPath, text: text2, sources, box: area, requestedFontSize, minFontSize: minimum, requestedStyle, style, ...runs ? { runs } : {} };
+    const part = { role, path: partPath, text: text2, sources, box: area2, requestedFontSize, minFontSize: minimum, requestedStyle, style, ...runs ? { runs } : {} };
     parts.push(part);
     return part;
   };
@@ -5304,8 +5481,8 @@ function layoutQuote(value, box, options = {}) {
     path
   ) : void 0;
   const footerRequested = attribution?.requestedFontSize ?? gridFontSize(17 * scale, minimum);
-  const usable2 = (area) => [area.x, area.y, area.width, area.height].every(Number.isFinite) && area.width > 0 && area.height > 0;
-  const fit = (part, area, size = part.requestedFontSize, floor = minimum) => !usable2(area) ? void 0 : part.runs ? fitRichText(part.runs, area, size, floor, { style: part.style, textMeasurement: options.textMeasurement, ...options.citationMarker ? { citationMarker: options.citationMarker } : {}, ...options.direction ? { direction: options.direction } : {} }) : fitText(part.text, area, size, floor, textWidthMeasurer(part.style, options.textMeasurement), options.direction);
+  const usable2 = (area2) => [area2.x, area2.y, area2.width, area2.height].every(Number.isFinite) && area2.width > 0 && area2.height > 0;
+  const fit = (part, area2, size = part.requestedFontSize, floor = minimum) => !usable2(area2) ? void 0 : part.runs ? fitRichText(part.runs, area2, size, floor, { style: part.style, textMeasurement: options.textMeasurement, ...options.citationMarker ? { citationMarker: options.citationMarker } : {}, ...options.direction ? { direction: options.direction } : {} }) : fitText(part.text, area2, size, floor, textWidthMeasurer(part.style, options.textMeasurement), options.direction);
   const heightOf = (fit2) => "richLines" in fit2 ? fit2.height : fit2.lines.length * fit2.lineHeight;
   const inner = { x: box.x + 18, y: box.y + 18, width: box.width - 36, height: box.height - 36 };
   let photo, photoFits = true;
@@ -5369,13 +5546,13 @@ function layoutQuote(value, box, options = {}) {
   }
   if (hasPhoto && !photo) photoFits = false;
   for (const part of parts) {
-    const area = part.box;
+    const area2 = part.box;
     if (!part.fit) {
       report("invalid-part-box", part.path, [part.role], `Quote ${part.role} has no usable space after its insets; increase the cell size or change the arrangement.`);
     } else if (part.fit.overflow) {
       report("text-fit", part.path, [part.role], `Quote ${part.role} exceeds its available space at the readability floor; increase its space or change the arrangement.`);
     }
-    if (usable2(area) && (area.x < box.x || area.y < box.y || area.x + area.width > box.x + box.width + 0.01 || area.y + area.height > box.y + box.height + 0.01)) {
+    if (usable2(area2) && (area2.x < box.x || area2.y < box.y || area2.x + area2.width > box.x + box.width + 0.01 || area2.y + area2.height > box.y + box.height + 0.01)) {
       report("part-outside-cell", part.path, [part.role], `Quote ${part.role} extends outside its cell; increase the cell size or change the arrangement.`);
     }
   }
@@ -5388,7 +5565,7 @@ function layoutQuote(value, box, options = {}) {
   if (diagnostics.length && options.overflow === "error") throw new OPFCompositionError(diagnostics);
   const occupiedParts = parts.filter((part) => part.fit).map((part) => ({ ...part.box, height: part.fit.placement?.height ?? heightOf(part.fit) }));
   if (photo) occupiedParts.push(photo.box);
-  const bottom = Math.max(box.y, ...occupiedParts.map((area) => area.y + area.height));
+  const bottom = Math.max(box.y, ...occupiedParts.map((area2) => area2.y + area2.height));
   const bounds = { x: box.x, y: box.y, width: box.width, height: bottom - box.y };
   return { bounds, algorithm: "quote-flow-v1", textMeasurement: options.textMeasurement ? "provided" : "estimated", parts, ...photo ? { photo } : {}, diagnostics, overflow: diagnostics.length > 0 };
 }
@@ -5434,12 +5611,12 @@ function layoutMetric(value, box, options = {}) {
   const primary = parts[0], metadata = parts.filter((part) => part !== primary && part.visible), unit = metadata.find((part) => part.role === "unit");
   const metricDirection = options.direction === "rtl" ? paragraphDirection(["label", "description", "unit"].map((role) => parts.find((part) => part.role === role)?.text).find(Boolean) ?? primary.text, "rtl") : void 0;
   const alignment = physicalAlignment(requestedAlignment, metricDirection);
-  const usable2 = (area) => [area.x, area.y, area.width, area.height, area.x + area.width, area.y + area.height].every(Number.isFinite) && area.width > 0 && area.height > 0;
+  const usable2 = (area2) => [area2.x, area2.y, area2.width, area2.height, area2.x + area2.width, area2.y + area2.height].every(Number.isFinite) && area2.width > 0 && area2.height > 0;
   const occupied = (fit) => fit.placement?.height ?? fit.lines.length * fit.lineHeight;
   const gap = 8 * scale, primaryGap = 12 * scale;
-  const lineInk = (part, fit) => fit.sourceLines.map((line, index) => {
+  const lineInk = (part, fit) => fit.sourceLines.map((line2, index) => {
     let outline = null;
-    for (const segment2 of line.segments) {
+    for (const segment2 of line2.segments) {
       if (segment2.kind !== "text") continue;
       const bounds2 = measureTextOutline(part.text.slice(segment2.start, segment2.end), fit.fontSize, part.style, options.textMeasurement);
       if (!bounds2) continue;
@@ -5453,7 +5630,7 @@ function layoutMetric(value, box, options = {}) {
         outline.height = bottom2 - outline.y;
       }
     }
-    return { width: line.width, y: index * fit.lineHeight, baseline: fit.fontSize + index * fit.lineHeight, height: fit.lineHeight, outline };
+    return { width: line2.width, y: index * fit.lineHeight, baseline: fit.fontSize + index * fit.lineHeight, height: fit.lineHeight, outline };
   });
   const place = (part, fit, width) => {
     if (!hasOutlines) return fit;
@@ -5461,8 +5638,8 @@ function layoutMetric(value, box, options = {}) {
     return { ...fit, placement, overflow: placement.overflow };
   };
   const naturalWidth = (part, fit) => {
-    if (!hasOutlines) return Math.max(...fit.sourceLines.map((line) => line.width));
-    const width = Math.max(...lineInk(part, fit).map((line) => Math.max(line.width, line.outline ? line.outline.x + line.outline.width : 0) - Math.min(0, line.outline?.x ?? 0)));
+    if (!hasOutlines) return Math.max(...fit.sourceLines.map((line2) => line2.width));
+    const width = Math.max(...lineInk(part, fit).map((line2) => Math.max(line2.width, line2.outline ? line2.outline.x + line2.outline.width : 0) - Math.min(0, line2.outline?.x ?? 0)));
     return width > 0 ? width + 2 * rasterPadding : 0;
   };
   const cache2 = /* @__PURE__ */ new Map();
@@ -5477,12 +5654,12 @@ function layoutMetric(value, box, options = {}) {
     }
     return fit;
   };
-  const fitValue = (area, singleLine) => {
-    if (!usable2(area)) return void 0;
+  const fitValue = (area2, singleLine) => {
+    if (!usable2(area2)) return void 0;
     for (let step = 0; step <= 76; step++) {
       const size = gridFontSize(primary.requestedFontSize - step * scale, minimum);
-      const natural = measure(primary, size, area.width);
-      const fit = { ...natural, overflow: !!natural.placement?.overflow || singleLine && natural.lines.length !== 1 || occupied(natural) > area.height + 0.01 || natural.sourceLines.some((line) => line.width > area.width + 0.01) };
+      const natural = measure(primary, size, area2.width);
+      const fit = { ...natural, overflow: !!natural.placement?.overflow || singleLine && natural.lines.length !== 1 || occupied(natural) > area2.height + 0.01 || natural.sourceLines.some((line2) => line2.width > area2.width + 0.01) };
       if (!fit.overflow || size === minimum) return fit;
     }
   };
@@ -5499,8 +5676,8 @@ function layoutMetric(value, box, options = {}) {
       const tail = metadata.filter((part) => arrangement !== "inline-unit" || part !== unit);
       const tailHeight = tail.reduce((sum, part) => sum + occupied(measured.get(part)), 0) + Math.max(0, tail.length - 1) * gap;
       if (!Number.isFinite(tailHeight)) throw new RangeError("Metric metadata exceeds finite coordinates.");
-      const area = { ...box, width: arrangement === "inline-unit" ? box.width - unitWidth - gap : box.width, height: box.height - tailHeight - (tail.length ? primaryGap : 0) };
-      const valueFit = fitValue(area, arrangement === "inline-unit"), valueHeight = valueFit ? occupied(valueFit) : 0;
+      const area2 = { ...box, width: arrangement === "inline-unit" ? box.width - unitWidth - gap : box.width, height: box.height - tailHeight - (tail.length ? primaryGap : 0) };
+      const valueFit = fitValue(area2, arrangement === "inline-unit"), valueHeight = valueFit ? occupied(valueFit) : 0;
       const allocations = [];
       let primaryHeight = valueHeight;
       if (arrangement === "inline-unit" && unit && unitFit && valueFit) {
@@ -5508,18 +5685,18 @@ function layoutMetric(value, box, options = {}) {
         const unitBaseline = unitFit.placement?.lines.at(-1)?.baseline ?? occupied(unitFit) - unitFit.lineHeight + unitFit.fontSize;
         const valueY = box.y + Math.max(0, unitBaseline - valueBaseline), unitY = box.y + Math.max(0, valueBaseline - unitBaseline);
         const measuredWidth = naturalWidth(primary, valueFit);
-        const valueWidth = Math.min(area.width, measuredWidth || valueFit.fontSize);
-        allocations.push({ part: primary, box: { ...area, y: valueY, width: valueWidth, height: valueHeight }, fit: place(primary, valueFit, valueWidth) });
+        const valueWidth = Math.min(area2.width, measuredWidth || valueFit.fontSize);
+        allocations.push({ part: primary, box: { ...area2, y: valueY, width: valueWidth, height: valueHeight }, fit: place(primary, valueFit, valueWidth) });
         allocations.push({ part: unit, box: { x: box.x + valueWidth + gap, y: unitY, width: unitWidth, height: occupied(unitFit) }, fit: { ...unitFit, overflow: !!unitFit.placement?.overflow } });
         primaryHeight = Math.max(valueY - box.y + valueHeight, unitY - box.y + occupied(unitFit));
-      } else allocations.push({ part: primary, box: valueFit ? { ...area, height: valueHeight } : area, fit: valueFit });
+      } else allocations.push({ part: primary, box: valueFit ? { ...area2, height: valueHeight } : area2, fit: valueFit });
       let y = box.y + primaryHeight + (tail.length ? primaryGap : 0);
       for (const part of tail) {
         const natural = measured.get(part), height = occupied(natural);
-        allocations.push({ part, box: { ...box, y, height }, fit: { ...natural, overflow: !!natural.placement?.overflow || natural.sourceLines.some((line) => line.width > box.width + 0.01) } });
+        allocations.push({ part, box: { ...box, y, height }, fit: { ...natural, overflow: !!natural.placement?.overflow || natural.sourceLines.some((line2) => line2.width > box.width + 0.01) } });
         y += height + gap;
       }
-      const overflow = !valueFit || valueFit.overflow || arrangement === "inline-unit" && valueFit.lines.length !== 1 || primaryHeight > area.height + 0.01 || allocations.some(({ box: area2, fit }) => !fit || fit.overflow || !usable2(area2) || area2.y + area2.height > box.y + box.height + 0.01);
+      const overflow = !valueFit || valueFit.overflow || arrangement === "inline-unit" && valueFit.lines.length !== 1 || primaryHeight > area2.height + 0.01 || allocations.some(({ box: area3, fit }) => !fit || fit.overflow || !usable2(area3) || area3.y + area3.height > box.y + box.height + 0.01);
       const score = allocations.reduce((sum, { part, fit }) => sum + (part.requestedFontSize - (fit?.fontSize ?? minimum)) / scale, 0);
       const candidate = { arrangement, allocations, score, overflow };
       if (!selected || !overflow && (selected.overflow || score < selected.score) || overflow && selected.overflow) selected = candidate;
@@ -5538,10 +5715,10 @@ function layoutMetric(value, box, options = {}) {
   }
   for (const part of parts) if (part.fit) {
     if (part.fit.placement) {
-      part.fit = { ...part.fit, placement: { ...part.fit.placement, lines: part.fit.placement.lines.map((line) => ({ ...line, x: line.x + part.box.x, y: line.y + part.box.y, baseline: line.baseline + part.box.y, outline: line.outline ? { ...line.outline, x: line.outline.x + part.box.x, y: line.outline.y + part.box.y } : null })) } };
+      part.fit = { ...part.fit, placement: { ...part.fit.placement, lines: part.fit.placement.lines.map((line2) => ({ ...line2, x: line2.x + part.box.x, y: line2.y + part.box.y, baseline: line2.baseline + part.box.y, outline: line2.outline ? { ...line2.outline, x: line2.outline.x + part.box.x, y: line2.outline.y + part.box.y } : null })) } };
       part.linePositions = part.fit.placement.lines.map(({ x, baseline }) => ({ x, baseline }));
-    } else part.linePositions = part.fit.sourceLines.map((line, index) => ({
-      x: part.box.x + (part.box.width - line.width) * alignmentFactor,
+    } else part.linePositions = part.fit.sourceLines.map((line2, index) => ({
+      x: part.box.x + (part.box.width - line2.width) * alignmentFactor,
       baseline: part.box.y + part.fit.fontSize + index * part.fit.lineHeight
     }));
   }
@@ -5601,10 +5778,10 @@ function layoutTimeline(value, box, options = {}) {
     let measured = cache2.get(key);
     if (measured) return measured;
     const fit = fitText(part.text, { width: Math.max(Number.MIN_VALUE, width - (outlines ? 2 * padding : 0)), height: Number.MAX_VALUE }, size, size, textWidthMeasurer(part.style, options.textMeasurement), options.direction);
-    const ink = fit.sourceLines.map((line, index) => {
+    const ink = fit.sourceLines.map((line2, index) => {
       let left = Infinity, top = Infinity, right = -Infinity, bottom = -Infinity, hasInk = false;
       if (outlines) {
-        for (const segment2 of line.segments) if (segment2.kind === "text") {
+        for (const segment2 of line2.segments) if (segment2.kind === "text") {
           const outline = measureTextOutline(part.text.slice(segment2.start, segment2.end), size, part.style, options.textMeasurement);
           if (outline) {
             hasInk = true;
@@ -5615,7 +5792,7 @@ function layoutTimeline(value, box, options = {}) {
           }
         }
       }
-      return { width: line.width, y: index * fit.lineHeight, baseline: size + index * fit.lineHeight, height: fit.lineHeight, outline: hasInk ? { x: left, y: top, width: right - left, height: bottom - top } : null };
+      return { width: line2.width, y: index * fit.lineHeight, baseline: size + index * fit.lineHeight, height: fit.lineHeight, outline: hasInk ? { x: left, y: top, width: right - left, height: bottom - top } : null };
     });
     const placement = outlines ? placeTextLines(ink, { x: 0, y: 0, width, height: Number.MAX_VALUE }, alignment, padding, fit.directions) : void 0;
     const height = placement?.height ?? fit.sourceLines.length * fit.lineHeight;
@@ -5639,13 +5816,13 @@ function layoutTimeline(value, box, options = {}) {
       };
       const place = (part, x, y2, width, alignment) => {
         const measured = measure(part, gridFontSize(part.requestedFontSize - reduction * scale, minimum), Math.max(scale, width), alignment);
-        const area = { x, y: y2, width: Math.max(scale, width), height: Math.max(scale, measured.height) }, placement = outlines ? placeTextLines(measured.ink, area, alignment, padding, measured.fit.directions) : void 0;
+        const area2 = { x, y: y2, width: Math.max(scale, width), height: Math.max(scale, measured.height) }, placement = outlines ? placeTextLines(measured.ink, area2, alignment, padding, measured.fit.directions) : void 0;
         const fit = { ...measured.fit, ...placement ? { placement } : {}, overflow: measured.fit.overflow || !!placement?.overflow };
-        const accepted = { ...part, box: area, alignment, fit };
+        const accepted = { ...part, box: area2, alignment, fit };
         parts.push(accepted);
         if (fit.overflow) report(accepted, "text-fit", "Timeline field exceeds its readable width; increase its space or split the timeline.");
         if (breaksInsideWord(part.text, fit)) report(accepted, "text-fit", "Timeline field would split a word; use a wider vertical arrangement or paginate events.");
-        if (area.x < box.x - 0.01 || area.y < box.y - 0.01 || area.x + area.width > box.x + box.width + 0.01 || area.y + area.height > box.y + box.height + 0.01) report(accepted, "part-outside-cell", "Timeline field extends outside its cell; increase the cell or paginate events.", Math.max(area.x + area.width - box.x - box.width, area.y + area.height - box.y - box.height));
+        if (area2.x < box.x - 0.01 || area2.y < box.y - 0.01 || area2.x + area2.width > box.x + box.width + 0.01 || area2.y + area2.height > box.y + box.height + 0.01) report(accepted, "part-outside-cell", "Timeline field extends outside its cell; increase the cell or paginate events.", Math.max(area2.x + area2.width - box.x - box.width, area2.y + area2.height - box.y - box.height));
         return accepted;
       };
       let y = box.y;
@@ -5787,14 +5964,14 @@ function fitSourceText(text2, box, size, minimum, step, measure, prose = false,
     push(end, end, "end");
     const lineHeight = fontSize * 1.22;
     return {
-      lines: sourceLines.map((line) => text2.slice(line.start, line.end)),
+      lines: sourceLines.map((line2) => text2.slice(line2.start, line2.end)),
       sourceLines,
       fontSize,
       lineHeight,
       tabSize: 4,
       tabWidth,
-      ...directionAt ? { directions: sourceLines.map((line) => directionAt(line.start)) } : {},
-      overflow: sourceLines.length * lineHeight > box.height + 0.01 || sourceLines.some((line) => line.width > box.width + 0.01)
+      ...directionAt ? { directions: sourceLines.map((line2) => directionAt(line2.start)) } : {},
+      overflow: sourceLines.length * lineHeight > box.height + 0.01 || sourceLines.some((line2) => line2.width > box.width + 0.01)
     };
   };
   return fitAtSizes(layout, size, minimum, step, snap);
@@ -5832,8 +6009,8 @@ function layoutCode(value, box, options = {}) {
   if (code.language) add("language", code.language, `${path}.language`);
   if (!parts.length) add("language", "code", path, true);
   const body = add("body", code.source, shorthand ? path : `${path}.source`), headers = parts.filter((part) => part !== body);
-  const usable2 = (area) => [area.x, area.y, area.width, area.height].every(Number.isFinite) && area.width > 0 && area.height > 0;
-  const fit = (part, area, size = part.requestedFontSize, floor = minimum) => usable2(area) ? fitCodeText(part.text, area, size, floor, scale, textWidthMeasurer(part.style, options.textMeasurement)) : void 0;
+  const usable2 = (area2) => [area2.x, area2.y, area2.width, area2.height].every(Number.isFinite) && area2.width > 0 && area2.height > 0;
+  const fit = (part, area2, size = part.requestedFontSize, floor = minimum) => usable2(area2) ? fitCodeText(part.text, area2, size, floor, scale, textWidthMeasurer(part.style, options.textMeasurement)) : void 0;
   if (usable2(inner)) {
     const combinations = headers.reduce((choices, part) => choices.flatMap((choice) => [.../* @__PURE__ */ new Set([part.requestedFontSize, minimum])].map((size) => [...choice, { part, size }])), [[]]);
     let selected;
@@ -5842,12 +6019,12 @@ function layoutCode(value, box, options = {}) {
       const allocations = [];
       for (const [index, { part, size }] of combination.entries()) {
         const measured = fitCodeText(part.text, inner, size, size, scale, textWidthMeasurer(part.style, options.textMeasurement));
-        const area2 = { ...inner, y, height: measured.lines.length * measured.lineHeight };
-        allocations.push({ part, box: area2, fit: usable2(area2) ? { ...measured, overflow: measured.sourceLines.some((line) => line.width > area2.width + 0.01) } : void 0 });
-        y += area2.height + (index < headers.length - 1 ? 8 : 12);
+        const area3 = { ...inner, y, height: measured.lines.length * measured.lineHeight };
+        allocations.push({ part, box: area3, fit: usable2(area3) ? { ...measured, overflow: measured.sourceLines.some((line2) => line2.width > area3.width + 0.01) } : void 0 });
+        y += area3.height + (index < headers.length - 1 ? 8 : 12);
       }
-      const area = { ...inner, y, height: inner.y + inner.height - y };
-      allocations.push({ part: body, box: area, fit: fit(body, area) });
+      const area2 = { ...inner, y, height: inner.y + inner.height - y };
+      allocations.push({ part: body, box: area2, fit: fit(body, area2) });
       const overflow = allocations.some(({ box: box2, fit: fit2 }) => !fit2 || fit2.overflow || !usable2(box2) || box2.y + box2.height > inner.y + inner.height + 0.01);
       const score = allocations.reduce((sum, { part, fit: fit2 }) => sum + (part.requestedFontSize - (fit2?.fontSize ?? minimum)) / scale, 0);
       if (!selected || !overflow && (selected.overflow || score < selected.score) || overflow && selected.overflow) selected = { allocations, score, overflow };
@@ -5861,8 +6038,8 @@ function layoutCode(value, box, options = {}) {
   for (const part of parts) {
     if (!part.fit) report("invalid-part-box", part, [part.role], `Code ${part.role} has no usable space after metadata and insets; increase the cell or change the arrangement.`);
     else if (part.fit.overflow) report("text-fit", part, [part.role], `Code ${part.role} exceeds its space at the readability floor; increase its space or change the arrangement.`);
-    const area = part.box;
-    if (usable2(area) && (area.x < box.x || area.y < box.y || area.x + area.width > box.x + box.width + 0.01 || area.y + area.height > box.y + box.height + 0.01)) {
+    const area2 = part.box;
+    if (usable2(area2) && (area2.x < box.x || area2.y < box.y || area2.x + area2.width > box.x + box.width + 0.01 || area2.y + area2.height > box.y + box.height + 0.01)) {
       report("part-outside-cell", part, [part.role], `Code ${part.role} extends outside its cell; increase the cell or change the arrangement.`);
     }
   }
@@ -5990,27 +6167,27 @@ function richTextLayouter(input, box, requestedSize, options, minimum = 0) {
     let y = 0;
     const richLines = ranges.map((range, rangeIndex) => {
       const parts = fragments(range.start, range.end), shown = hung.get(rangeIndex) ?? range.end, ascent = Math.max(fontSize, ...parts.map((part) => part.fontSize - part.baselineShift)), descent = Math.max(fontSize * 0.22, ...parts.map((part) => part.fontSize * 0.22 + part.baselineShift));
-      const height = ascent + descent, line = { fragments: parts, width: shown === range.end ? parts.reduce((sum, p) => sum + p.width, 0) : width(range.start, shown), y, baseline: y + ascent, height };
+      const height = ascent + descent, line2 = { fragments: parts, width: shown === range.end ? parts.reduce((sum, p) => sum + p.width, 0) : width(range.start, shown), y, baseline: y + ascent, height };
       y += height;
-      return line;
+      return line2;
     });
     if (options.uniformLineHeight) {
-      const height = Math.max(...richLines.map((line) => line.height));
+      const height = Math.max(...richLines.map((line2) => line2.height));
       y = 0;
-      for (const line of richLines) {
-        line.baseline += y - line.y;
-        line.y = y;
-        line.height = height;
+      for (const line2 of richLines) {
+        line2.baseline += y - line2.y;
+        line2.y = y;
+        line2.height = height;
         y += height;
       }
     }
     return {
       lines: ranges.map((range) => whole.slice(range.start, range.end)),
       fontSize,
-      lineHeight: Math.max(fontSize * 1.22, ...richLines.map((line) => line.height)),
+      lineHeight: Math.max(fontSize * 1.22, ...richLines.map((line2) => line2.height)),
       richLines,
       height: y,
-      overflow: y > box.height + 0.01 || richLines.some((line) => line.width > box.width + 0.01),
+      overflow: y > box.height + 0.01 || richLines.some((line2) => line2.width > box.width + 0.01),
       ...directionAt ? { directions: ranges.map((range) => directionAt(range.start)) } : {}
     };
   };
@@ -6200,15 +6377,15 @@ function regionParts(key) {
   }
   return void 0;
 }
-function regionBox(parts, area, requestedGap) {
-  const gap = Math.min(requestedGap, area.width / 6, area.height / 6);
-  const cw = (area.width - gap * 2) / 3, ch = (area.height - gap * 2) / 3;
+function regionBox(parts, area2, requestedGap) {
+  const gap = Math.min(requestedGap, area2.width / 6, area2.height / 6);
+  const cw = (area2.width - gap * 2) / 3, ch = (area2.height - gap * 2) / 3;
   const [r, c] = parts;
-  return { x: area.x + Math.min(...c) * (cw + gap), y: area.y + Math.min(...r) * (ch + gap), width: (Math.max(...c) - Math.min(...c) + 1) * (cw + gap) - gap, height: (Math.max(...r) - Math.min(...r) + 1) * (ch + gap) - gap };
+  return { x: area2.x + Math.min(...c) * (cw + gap), y: area2.y + Math.min(...r) * (ch + gap), width: (Math.max(...c) - Math.min(...c) + 1) * (cw + gap) - gap, height: (Math.max(...r) - Math.min(...r) + 1) * (ch + gap) - gap };
 }
-function gridGeometry(count, area, cols, gap, weights, vertical) {
+function gridGeometry(count, area2, cols, gap, weights, vertical) {
   const rowCount = Math.ceil(count / cols);
-  gap = Math.min(gap, area.width / (cols * 2), area.height / (rowCount * 2));
+  gap = Math.min(gap, area2.width / (cols * 2), area2.height / (rowCount * 2));
   const tracks = (length, total, weighted) => {
     const values = Array.from({ length }, (_, i) => weighted ? weights[i] ?? 1 : 1);
     const sum = values.reduce((a, b) => a + b, 0);
@@ -6220,12 +6397,12 @@ function gridGeometry(count, area, cols, gap, weights, vertical) {
       return track;
     });
   };
-  const xs = tracks(cols, area.width, !vertical), ys = tracks(rowCount, area.height, vertical);
-  const boxes = Array.from({ length: count }, (_, i) => ({ x: area.x + xs[i % cols].offset, y: area.y + ys[Math.floor(i / cols)].offset, width: xs[i % cols].size, height: ys[Math.floor(i / cols)].size }));
+  const xs = tracks(cols, area2.width, !vertical), ys = tracks(rowCount, area2.height, vertical);
+  const boxes = Array.from({ length: count }, (_, i) => ({ x: area2.x + xs[i % cols].offset, y: area2.y + ys[Math.floor(i / cols)].offset, width: xs[i % cols].size, height: ys[Math.floor(i / cols)].size }));
   return { boxes, columns: xs, rows: ys, gap };
 }
-function gridBoxes(count, area, cols, gap, weights, vertical) {
-  return gridGeometry(count, area, cols, gap, weights, vertical).boxes;
+function gridBoxes(count, area2, cols, gap, weights, vertical) {
+  return gridGeometry(count, area2, cols, gap, weights, vertical).boxes;
 }
 function assertComposition(value) {
   if (value.mode !== void 0 && !["auto", "grid", "row", "column"].includes(value.mode)) throw new RangeError("Unknown composition mode.");
@@ -6252,13 +6429,13 @@ function composeLayoutAreas(layout, options = {}) {
     ...mirror !== void 0 ? { design: { mirror } } : {}
   };
   const result = composeSlide(slide, { ...compose, layout: kept, [LAYOUT_MASTER]: true });
-  const areas = template.areas.map((area) => {
-    if (area.heading) {
-      const found = result.headingAreas?.find((entry) => entry.name === area.name);
-      return { name: area.name, heading: true, box: found ? { ...found.box } : { x: 0, y: 0, width: 0, height: 0 }, ...found?.parts ? { parts: found.parts } : {} };
+  const areas = template.areas.map((area2) => {
+    if (area2.heading) {
+      const found = result.headingAreas?.find((entry) => entry.name === area2.name);
+      return { name: area2.name, heading: true, box: found ? { ...found.box } : { x: 0, y: 0, width: 0, height: 0 }, ...found?.parts ? { parts: found.parts } : {} };
     }
-    const region = result.regions.find((entry) => entry.name === area.name);
-    return { name: area.name, heading: false, box: { ...!bleed && region.areaBox ? region.areaBox : region.box } };
+    const region = result.regions.find((entry) => entry.name === area2.name);
+    return { name: area2.name, heading: false, box: { ...!bleed && region.areaBox ? region.areaBox : region.box } };
   });
   return { contentBox: { ...result.contentBox }, areas };
 }
@@ -6305,9 +6482,9 @@ function composeSlide(input, options = {}) {
       const raw = start - trial * scale, last = trial === 64 || raw <= floor, fontSize = last ? floor : gridFontSize(raw, floor);
       const fit = richLayout ? richLayout(fontSize) : fitText(text2, box, fontSize, fontSize, measure, textDirection);
       const richLines = "richLines" in fit ? fit.richLines : void 0;
-      const lines = richLines ? richLines.map((line) => {
+      const lines = richLines ? richLines.map((line2) => {
         let outline = null;
-        for (const fragment of line.fragments) {
+        for (const fragment of line2.fragments) {
           if (fragment.kind === "tab") continue;
           const bounds = measureTextOutline(fragment.text, fragment.fontSize, fragment.style, options.textMeasurement);
           if (!bounds) continue;
@@ -6321,10 +6498,10 @@ function composeSlide(input, options = {}) {
             outline.height = bottom - outline.y;
           }
         }
-        return { width: line.width, y: line.y, baseline: line.baseline, height: line.height, outline };
-      }) : fit.sourceLines.map((line, index) => {
+        return { width: line2.width, y: line2.y, baseline: line2.baseline, height: line2.height, outline };
+      }) : fit.sourceLines.map((line2, index) => {
         let outline = null;
-        for (const segment2 of line.segments) {
+        for (const segment2 of line2.segments) {
           if (segment2.kind === "tab") continue;
           const bounds = measureTextOutline(text2.slice(segment2.start, segment2.end), fontSize, style, options.textMeasurement);
           if (!bounds) continue;
@@ -6338,7 +6515,7 @@ function composeSlide(input, options = {}) {
             outline.height = bottom - outline.y;
           }
         }
-        return { width: line.width, y: index * fit.lineHeight, baseline: fontSize + index * fit.lineHeight, height: fit.lineHeight, outline };
+        return { width: line2.width, y: index * fit.lineHeight, baseline: fontSize + index * fit.lineHeight, height: fit.lineHeight, outline };
       });
       const placement = placeTextLines(lines, box, alignment, rasterPadding, fit.directions), result = { ...fit, placement, overflow: fit.overflow || placement.overflow };
       if (!result.overflow || last) return result;
@@ -6355,7 +6532,7 @@ function composeSlide(input, options = {}) {
   const regions = Object.keys(slide).filter((key) => regionParts(key)).sort();
   const assets = record8(options.presentation).assets;
   const imageContext = (placement) => ({ fit: hints.imageFit, scale, mirrorSide, diagnostics: imageDiagnostics, assets, ...placement ? { placement } : {} });
-  const area = { left: 0, top: 0, right: width, bottom: height };
+  const area2 = { left: 0, top: 0, right: width, bottom: height };
   const topImages = regions.length ? [] : Array.isArray(slide.blocks) ? slide.blocks.flatMap((block, index) => !Array.isArray(record8(block).blocks) && record8(block).image !== void 0 ? [{ host: record8(block), hostPath: `${path}.blocks.${index}`, block: index }] : []) : slide.image !== void 0 ? [{ host: { type: "image", image: slide.image }, hostPath: path }] : [];
   const placed = [], usedEdges = /* @__PURE__ */ new Set();
   topImages.forEach((node) => {
@@ -6366,13 +6543,13 @@ function composeSlide(input, options = {}) {
     if (usedEdges.has(edge)) return;
     usedEdges.add(edge);
     const size = finite(value.size, 0.1, 0.9) ?? PLACEMENT_BAND;
-    const across = edge === "left" || edge === "right" ? area.right - area.left : area.bottom - area.top;
+    const across = edge === "left" || edge === "right" ? area2.right - area2.left : area2.bottom - area2.top;
     const band = Math.max(0, Math.min(across, round2((edge === "left" || edge === "right" ? width : height) * size)));
-    const region = edge === "left" ? { x: area.left, y: area.top, width: band, height: area.bottom - area.top } : edge === "right" ? { x: round2(area.right - band), y: area.top, width: band, height: area.bottom - area.top } : edge === "top" ? { x: area.left, y: area.top, width: area.right - area.left, height: band } : { x: area.left, y: round2(area.bottom - band), width: area.right - area.left, height: band };
-    if (edge === "left") area.left += band;
-    else if (edge === "right") area.right = region.x;
-    else if (edge === "top") area.top += band;
-    else area.bottom = region.y;
+    const region = edge === "left" ? { x: area2.left, y: area2.top, width: band, height: area2.bottom - area2.top } : edge === "right" ? { x: round2(area2.right - band), y: area2.top, width: band, height: area2.bottom - area2.top } : edge === "top" ? { x: area2.left, y: area2.top, width: area2.right - area2.left, height: band } : { x: area2.left, y: round2(area2.bottom - band), width: area2.right - area2.left, height: band };
+    if (edge === "left") area2.left += band;
+    else if (edge === "right") area2.right = region.x;
+    else if (edge === "top") area2.top += band;
+    else area2.bottom = region.y;
     const placement = { edge, size, inset: value.inset === true, path: `${node.hostPath}.placement` };
     placed.push({ ...node, placement, region });
   });
@@ -6382,11 +6559,11 @@ function composeSlide(input, options = {}) {
   const measuredFurniture = layoutFurniture(slide, options);
   const furniture = measuredFurniture.configured || measuredFurniture.diagnostics.length ? measuredFurniture : void 0;
   if (furniture) diagnostics.push(...furniture.diagnostics);
-  let bodyBottom = Math.min(area.bottom - padding, furniture && furniture.footerTop < height ? furniture.footerTop - gap * 0.5 : height - padding);
-  const headingTop = Math.max(area.top + padding, furniture?.headerBottom ? furniture.headerBottom + gap * 0.5 : padding);
+  let bodyBottom = Math.min(area2.bottom - padding, furniture && furniture.footerTop < height ? furniture.footerTop - gap * 0.5 : height - padding);
+  const headingTop = Math.max(area2.top + padding, furniture?.headerBottom ? furniture.headerBottom + gap * 0.5 : padding);
   let footnotes;
   if (citations) {
-    footnotes = layoutFootnotes(citations, { ...annotationOptions, x: area.left + padding, width: area.right - area.left - padding * 2, bottom: bodyBottom, maxHeight: Math.max(minSize * 1.22 + 2 * scale, (bodyBottom - headingTop) * FOOTNOTE_MAX_RATIO), path });
+    footnotes = layoutFootnotes(citations, { ...annotationOptions, x: area2.left + padding, width: area2.right - area2.left - padding * 2, bottom: bodyBottom, maxHeight: Math.max(minSize * 1.22 + 2 * scale, (bodyBottom - headingTop) * FOOTNOTE_MAX_RATIO), path });
     diagnostics.push(...footnotes.diagnostics);
     bodyBottom = footnotes.box.y - gap * 0.5;
   }
@@ -6403,8 +6580,8 @@ function composeSlide(input, options = {}) {
     const resolved = resolveLogo(options.presentation, slide, { shape: "full", onDark: options.darkBackground, slideIndex: options.slideIndex });
     if (resolved) {
       const logoHeight = 56 * scale;
-      const logoWidth = Math.max(scale, Math.min(4 * logoHeight, area.right - area.left - 2 * padding));
-      const box = { x: round2(rtl ? area.right - padding - logoWidth : area.left + padding), y: round2(headingTop), width: round2(logoWidth), height: round2(logoHeight) };
+      const logoWidth = Math.max(scale, Math.min(4 * logoHeight, area2.right - area2.left - 2 * padding));
+      const box = { x: round2(rtl ? area2.right - padding - logoWidth : area2.left + padding), y: round2(headingTop), width: round2(logoWidth), height: round2(logoHeight) };
       logo = { box, shape: resolved.shape, path: resolved.path, source: resolved.source, variant: resolved.variant, reference: resolved.reference, anchor: rtl ? "right" : "left" };
     }
   }
@@ -6414,7 +6591,7 @@ function composeSlide(input, options = {}) {
     if (!slide[field] || Array.isArray(slide[field]) && !annotationText(slide[field])) continue;
     const requested = (field === "title" ? 54 : field === "tag" ? 16 : 25) * scale;
     const maxHeight = Math.max(height * (field === "title" ? 0.26 : field === "subtitle" ? 0.12 : 0.045), minSize * 1.22 + 2 * rasterPadding);
-    const box = { x: area.left + padding, y, width: area.right - area.left - padding * 2, height: maxHeight };
+    const box = { x: area2.left + padding, y, width: area2.right - area2.left - padding * 2, height: maxHeight };
     const text2 = fitPlacedText(field, slide[field], annotationText(slide[field]), box, requested, minSize, `${path}.${field}`);
     box.height = Math.min(maxHeight, Math.max("richLines" in text2 ? text2.height : text2.lines.length * text2.lineHeight, text2.placement?.height ?? 0));
     if (furniture && box.y + box.height > bodyBottom + 0.01) diagnostics.push({ code: "text-overflow", path: `${path}.${field}`, message: "Repeated furniture leaves too little room for this heading. Change the header/footer or slide design." });
@@ -6458,7 +6635,7 @@ function composeSlide(input, options = {}) {
       ...caption ? { caption } : {}
     });
   }
-  const contentBox = { x: area.left + padding, y, width: area.right - area.left - padding * 2, height: Math.max(scale, bodyBottom - y) };
+  const contentBox = { x: area2.left + padding, y, width: area2.right - area2.left - padding * 2, height: Math.max(scale, bodyBottom - y) };
   const collect = (host, basePath, depth = 0, ancestors = []) => {
     if (Array.isArray(host.blocks)) {
       if (depth >= MAX_COMPOSITION_DEPTH || ancestors.includes(host)) throw new RangeError(`Content groups must be acyclic and nest at most ${MAX_COMPOSITION_DEPTH} levels.`);
@@ -6579,29 +6756,29 @@ function composeSlide(input, options = {}) {
     return score;
   };
   const modeFor = (settings) => settings.mode ?? "auto";
-  const defaultColumns = (count, area2, settings) => {
+  const defaultColumns = (count, area3, settings) => {
     const mode = modeFor(settings);
-    return mode === "column" ? 1 : mode === "row" ? Math.max(1, count) : settings.columns ?? Math.max(1, Math.min(count, Math.ceil(Math.sqrt(count * area2.width / area2.height / 1.6))));
+    return mode === "column" ? 1 : mode === "row" ? Math.max(1, count) : settings.columns ?? Math.max(1, Math.min(count, Math.ceil(Math.sqrt(count * area3.width / area3.height / 1.6))));
   };
   const scoreNode = (node, box, settings, penalties) => {
     if (!node.children) return leafScore(node, box, settings, penalties);
-    const own3 = inheritedSettings(settings, node.composition), area2 = inset(box, own3), slotCount = Math.max(node.children.length, 0);
-    const cols = defaultColumns(slotCount, area2, own3);
-    const boxes = gridBoxes(slotCount, area2, cols, (own3.gap ?? 1 / 30) * Math.min(box.width, box.height), own3.weights ?? [], modeFor(own3) === "column");
+    const own3 = inheritedSettings(settings, node.composition), area3 = inset(box, own3), slotCount = Math.max(node.children.length, 0);
+    const cols = defaultColumns(slotCount, area3, own3);
+    const boxes = gridBoxes(slotCount, area3, cols, (own3.gap ?? 1 / 30) * Math.min(box.width, box.height), own3.weights ?? [], modeFor(own3) === "column");
     return node.children.reduce((score, child, index) => score + scoreNode(child, boxes[index], own3, penalties), 0);
   };
-  const arrange = (nodes, area2, settings, reserved2 = 0, gapOverride, containerPath = path, recorded = true) => {
+  const arrange = (nodes, area3, settings, reserved2 = 0, gapOverride, containerPath = path, recorded = true) => {
     const count = Math.max(nodes.length, reserved2);
     if (!count) return;
-    const mode = modeFor(settings), localGap = (settings.gap ?? 1 / 30) * Math.min(area2.width, area2.height);
+    const mode = modeFor(settings), localGap = (settings.gap ?? 1 / 30) * Math.min(area3.width, area3.height);
     const actualGap = gapOverride ?? (settings === rootSettings ? gap : localGap);
-    let cols = defaultColumns(count, area2, settings);
+    let cols = defaultColumns(count, area3, settings);
     const hasRegions = nodes.some((node) => node.region);
     const candidates = decisions && recorded ? [] : void 0;
     if (mode === "auto" && !hasRegions) {
       let best = Infinity;
       for (let candidate = 1; candidate <= Math.min(count, settings.columns ?? 6); candidate++) {
-        const boxes2 = gridBoxes(count, area2, candidate, actualGap, settings.weights ?? [], false);
+        const boxes2 = gridBoxes(count, area3, candidate, actualGap, settings.weights ?? [], false);
         const emptySlots = (Math.ceil(count / candidate) * candidate - count) * 2;
         const penalties = candidates ? { cellProportions: 0, fontReduction: 0, textOverflow: 0, tableOverflow: 0, smallCells: 0, emptySlots } : void 0;
         const score = nodes.reduce((sum, node, i) => sum + scoreNode(node, boxes2[i], settings, penalties), 0) + emptySlots;
@@ -6619,16 +6796,21 @@ function composeSlide(input, options = {}) {
       ...hasRegions ? {} : { selectedColumns: cols },
       candidates: candidates ?? []
     });
-    const grid = gridGeometry(count, area2, cols, actualGap, settings.weights ?? [], mode === "column");
-    const mirrored = (box) => rtl ? { ...box, x: area2.x + area2.width - (box.x - area2.x) - box.width } : box;
+    const grid = gridGeometry(count, area3, cols, actualGap, settings.weights ?? [], mode === "column");
+    const mirrored = (box) => rtl ? { ...box, x: area3.x + area3.width - (box.x - area3.x) - box.width } : box;
     const boxes = grid.boxes.map(mirrored);
-    if (recorded && !hasRegions) flows.push({ path: containerPath, box: { ...area2 }, composition: { ...settings }, columns: rtl ? grid.columns.map((track) => ({ offset: area2.width - track.offset - track.size, size: track.size })) : grid.columns, rows: grid.rows, gap: grid.gap, itemCount: nodes.length, slotCount: count });
+    if (recorded && !hasRegions) flows.push({ path: containerPath, box: { ...area3 }, composition: { ...settings }, columns: rtl ? grid.columns.map((track) => ({ offset: area3.width - track.offset - track.size, size: track.size })) : grid.columns, rows: grid.rows, gap: grid.gap, itemCount: nodes.length, slotCount: count });
     nodes.forEach((node, index) => {
-      const box = node.region ? mirrored(regionBox(node.region, area2, actualGap)) : boxes[index];
+      const box = node.region ? mirrored(regionBox(node.region, area3, actualGap)) : boxes[index];
       placeNode(node, box, settings);
     });
   };
   let regionTag, templateCell = false;
+  const composeChart = (node, box, settings) => {
+    const resolved = resolveChartData(node.value, options.presentation, { path: node.path });
+    const valueAxis = chartValueAxis(node.value, resolved, { width: box.width, height: box.height, scale, minFontSize: settings.minFontSize });
+    return valueAxis ? { valueAxis } : void 0;
+  };
   const placeNode = (node, box, settings, cards = hasCards, listColumns, metricReferenceHeight) => {
     if (node.children) {
       const own3 = inheritedSettings(settings, node.composition), inner = inset(box, own3);
@@ -6653,6 +6835,7 @@ function composeSlide(input, options = {}) {
     const columns2 = textValue !== void 0 && !internal ? listColumnsFor(node, box, settings, listColumns) : void 0;
     const text2 = internal ? body?.fit : columns2 ? columns2.length > 1 ? mergeListColumns(columns2) : columns2[0].text : textValue !== void 0 ? fitContent(node.field, node.value, textValue, box, contentNominalSize(node.field) * scale, snapFontSizeUp((settings.minFontSize ?? 16) * scale), node.path, node.payload.numbering) : void 0;
     const image = node.field === "image" ? composeImage(node.host ?? {}, node.hostPath ?? node.path, box, box, imageContext()) : void 0;
+    const chart = node.field === "chart" ? composeChart(node, box, settings) : void 0;
     items.push({
       path: node.path,
       field: node.field,
@@ -6661,6 +6844,7 @@ function composeSlide(input, options = {}) {
       payload: node.payload,
       box: internal ? acceptedBox(box) : box,
       ...image ? { image } : {},
+      ...chart ? { chart } : {},
       ...frameBox ? { frameBox } : {},
       text: text2,
       textStyle: body?.style ?? styleFor(node.field, node.path),
@@ -6877,9 +7061,9 @@ function composeSlide(input, options = {}) {
     const physical = (cell) => flip ? { ...cell, x: frame.x + frame.width - (cell.x - frame.x) - cell.width } : cell;
     const bleed = (cell) => {
       const near = (a, b) => Math.abs(a - b) < 0.01;
-      const left = near(cell.x, frame.x) ? area.left : cell.x, top = near(cell.y, frame.y) ? area.top : cell.y;
-      const right = near(cell.x + cell.width, frame.x + frame.width) ? area.right : cell.x + cell.width;
-      const bottom = near(cell.y + cell.height, frame.y + frame.height) ? area.bottom : cell.y + cell.height;
+      const left = near(cell.x, frame.x) ? area2.left : cell.x, top = near(cell.y, frame.y) ? area2.top : cell.y;
+      const right = near(cell.x + cell.width, frame.x + frame.width) ? area2.right : cell.x + cell.width;
+      const bottom = near(cell.y + cell.height, frame.y + frame.height) ? area2.bottom : cell.y + cell.height;
       return { x: left, y: top, width: right - left, height: bottom - top };
     };
     const placeHeadings = (name, fields2) => {
@@ -6915,9 +7099,9 @@ function composeSlide(input, options = {}) {
     const slideComposition = record8(slide.composition);
     const overridden = ["mode", "columns", "weights"].some((key) => slideComposition[key] !== void 0) ? plan2.regions.find((region) => region.role === "primary" && region.flow !== "none")?.name : void 0;
     const settings = { ...composition };
-    const placeRegion = (region, units, area2) => {
+    const placeRegion = (region, units, area3) => {
       regionTag = region.name === BELOW ? void 0 : region.name;
-      const cell = { ...area2, width: Math.max(scale, area2.width), height: Math.max(scale, area2.height) };
+      const cell = { ...area3, width: Math.max(scale, area3.width), height: Math.max(scale, area3.height) };
       templateCell = true;
       try {
         const cards = hasCards && !region.bleed;
@@ -7065,4 +7249,4 @@ function resolveCanvasDimensions(input) {
   return { width, height };
 }
 
-export { AUTO_LAYOUT, CAPTIONABLE_FIELDS, CAPTION_FONT_RATIO, CAPTION_MAX_RATIO, CATALOG_GROUP_PATTERN, CATALOG_REFERENCE_PATTERN, CHART_HIGHLIGHT_MUTED_MIN_CONTRAST, CHART_HIGHLIGHT_MUTED_MIX, CHART_SERIES_MIN_DIFFERENCE, CHART_SERIES_MIN_LIGHTNESS_STEP, CHART_TYPES, CITATION_MARKER_RAISE, CITATION_MARKER_SCALE, CODE_HIGHLIGHT_LANGUAGES, CODE_HIGHLIGHT_MAX_LENGTH, CODE_PANEL_BACKGROUND, CODE_PANEL_FOREGROUND, CODE_SYNTAX_MIN_CONTRAST, DARK_BACKGROUND_LUMINANCE, DEFAULT_CHART_LABEL_SEPARATOR, DEFAULT_FURNITURE_DATE_FORMAT, DEFAULT_VARIABLE_DATE_FORMAT, DESIGN_HINT_KEYS, ENGINE_DEFAULT_CHART_TYPES, ENGINE_DEFAULT_COLOR_SCHEME, ENGINE_DEFAULT_FONT_SCHEME, ENGINE_DEFAULT_THEME, FONT_SIZE_GRID_PER_PX, FOOTNOTE_MAX_RATIO, FURNITURE_GAP, FURNITURE_IMAGE_SHARE, HEADING_AREAS, LANGUAGES, LAYOUT_BODY_KINDS, LOGO_SHAPES, MAX_COMPOSITION_DEPTH, MAX_NUMBERING_LEVELS, MAX_NUMBERING_VALUE, MAX_REGION_BLOCKS, MAX_ROMAN_VALUE, MAX_TEMPLATE_TRACKS, METRIC_TREND_MIN_CONTRAST, METRIC_TREND_SHAPES, NUMBERING_STYLES, NUMBERING_SUFFIXES, OPFCatalogsOptionError, OPFCompositionError, OPFLayoutTemplateError, OPFUnresolvedReferenceError, OPFVariableError, PATTERN_PRESETS, PATTERN_PRESET_ALIASES, PATTERN_TILE_SIZE, PICTURE_BULLET_SCALE, PROMOTED_REGION_KEY, REGION_ANCHORS, REGION_FLOWS, REGION_KINDS, REGION_ROLES, RESERVED_REGION_NAMES, SLIDE_SCOPED_BUILTINS, SOCIAL_PLATFORMS, SURFACE_ALT_MIN_CONTRAST, SURFACE_ALT_MIX, THEME_DESIGN_KEYS, TIMELINE_OUTLINE_MIN_CONTRAST, TIMELINE_STATUSES, TIMELINE_TEXT_MIN_CONTRAST, VARIABLE_KINDS, allocateRows, annotationText, bindRegions, blockKind, captionSettings, catalogGroupDeclared, catalogGroupSource, catalogKinds, catalogRecords, catalogReferenceSites, chartColorForFill, chartHighlightColors, chartHighlightMarks, chartLabelText, chartNumber, chartNumberFixesByCell, chartOptionSupport, chartOptionTarget, chartPaletteForFill, checkCatalogsOption, citationMarkerText, codeHighlightBands, codeHighlightColors, codeHighlightLines, codeHighlightSlice, codeLineNumbers, codeLineRuns, codeSyntaxPalette, codeSyntaxPaletteForScheme, coerceVariableValue, collectCitations, colorContrast, composeLayoutAreas, composeSlide, datasetDiagnostics, defaultSlideBackground, dottedPath, embeddedCopy, fitImage, fitList, fitRichText, fitText, formatChartLabelNumber, formatChartLabelPercent, formatDataNumber, formatFurnitureDate, formatListNumber, formatVariableNumber, fromExcelNumberFormat, gridFlowShape, hasContentVariables, imageBackground, imageShape, inlineChartData, inlineDatasets, inlineTableData, instantiateForValidation, intrinsicImageAspect, intrinsicImageSize, isDarkColor, isDatasetRef, isLayoutTemplate, isRecord, isTemplate, isXYChartType, layoutCaption, layoutCode, layoutContent, layoutFootnotes, layoutFurniture, layoutMetric, layoutQuote, layoutRegion, layoutStructure, layoutTable, layoutTemplate, layoutTemplateIssues, layoutTimeline, layoutWatermark, listBuiltinVariables, listColumnBreaks, listNumbers, listVariables, measureText, measureTextOutline, metricTrendColor, metricTrendMark, metricTrendPoints, normalizeHexColor, normalizeLanguageFamily, numberFormatError, numberingAtLevel, numberingFindings, numberingStyleDraws, paragraphDirection, paragraphDirectionAt, parseReference, pathFor, patternBitmap, patternRuns, physicalAlignment, placeTextLines, placedImageBlocks, pointerPath, promotedRegionKeys, provenanceOf, readingRows, recordReferenceSites, referencesSlide, regionAccepts, regionRoleRank, registeredCatalog, resolveCanvasDimensions, resolveChartData, resolveChartOptions, resolveCodeLanguage, resolveColorRef, resolveColorRoles, resolveDesignHints, resolveDesignRecords, resolveFontFamilies, resolveFontScheme, resolveLogo, resolveNumbering, resolvePatternPreset, resolveReference, resolveScriptFonts, resolveSlideDirection, resolveSlideVariables, resolveSocialProfile, resolveTableData, resolveTextStyle, resolveVariables, rootNodes, scriptFontRole, sliceNumberedItems, slideCitations, slideTokenSpans, snapFontSizeDown, snapFontSizeUp, suggestChartNumberFix, surfaceAltColor, tableCellDisplayValue, tableGrid, tableRowBoundaries, textColorForFill, textWidthMeasurer, timelineMarkerShapes, timelineTextColor, toExcelNumberFormat, tokenizeCode, unresolvedReference, unusedDatasets, usesSlideBuiltin, variableDeclarations, visitContentPayloads, visualReadingOrder, walkCitationRuns, wrapText };
+export { AUTO_LAYOUT, CAPTIONABLE_FIELDS, CAPTION_FONT_RATIO, CAPTION_MAX_RATIO, CATALOG_GROUP_PATTERN, CATALOG_REFERENCE_PATTERN, CHART_HIGHLIGHT_MUTED_MIN_CONTRAST, CHART_HIGHLIGHT_MUTED_MIX, CHART_SERIES_MIN_DIFFERENCE, CHART_SERIES_MIN_LIGHTNESS_STEP, CHART_SERIES_TIER_SIZE, CHART_SERIES_TINT_MIX, CHART_TEXT_PX, CHART_TYPES, CITATION_MARKER_RAISE, CITATION_MARKER_SCALE, CODE_HIGHLIGHT_LANGUAGES, CODE_HIGHLIGHT_MAX_LENGTH, CODE_PANEL_BACKGROUND, CODE_PANEL_FOREGROUND, CODE_SYNTAX_MIN_CONTRAST, DARK_BACKGROUND_LUMINANCE, DEFAULT_CHART_LABEL_SEPARATOR, DEFAULT_FURNITURE_DATE_FORMAT, DEFAULT_VARIABLE_DATE_FORMAT, DESIGN_HINT_KEYS, ENGINE_DEFAULT_CHART_TYPES, ENGINE_DEFAULT_COLOR_SCHEME, ENGINE_DEFAULT_FONT_SCHEME, ENGINE_DEFAULT_THEME, FONT_SIZE_GRID_PER_PX, FOOTNOTE_MAX_RATIO, FURNITURE_GAP, FURNITURE_IMAGE_SHARE, HEADING_AREAS, LANGUAGES, LAYOUT_BODY_KINDS, LOGO_SHAPES, MAX_COMPOSITION_DEPTH, MAX_NUMBERING_LEVELS, MAX_NUMBERING_VALUE, MAX_REGION_BLOCKS, MAX_ROMAN_VALUE, MAX_TEMPLATE_TRACKS, METRIC_TREND_MIN_CONTRAST, METRIC_TREND_SHAPES, NUMBERING_STYLES, NUMBERING_SUFFIXES, OPFCatalogsOptionError, OPFCompositionError, OPFLayoutTemplateError, OPFUnresolvedReferenceError, OPFVariableError, PATTERN_PRESETS, PATTERN_PRESET_ALIASES, PATTERN_TILE_SIZE, PICTURE_BULLET_SCALE, PROMOTED_REGION_KEY, REGION_ANCHORS, REGION_FLOWS, REGION_KINDS, REGION_ROLES, RESERVED_REGION_NAMES, SLIDE_SCOPED_BUILTINS, SOCIAL_PLATFORMS, SURFACE_ALT_MIN_CONTRAST, SURFACE_ALT_MIX, THEME_DESIGN_KEYS, TIMELINE_OUTLINE_MIN_CONTRAST, TIMELINE_STATUSES, TIMELINE_TEXT_MIN_CONTRAST, VARIABLE_KINDS, allocateRows, annotationText, bindRegions, blockKind, captionSettings, catalogGroupDeclared, catalogGroupSource, catalogKinds, catalogRecords, catalogReferenceSites, chartColorForFill, chartHighlightColors, chartHighlightMarks, chartLabelText, chartNumber, chartNumberFixesByCell, chartOptionSupport, chartOptionTarget, chartPaletteForFill, chartSeriesPalette, chartTextSize, chartValueAxis, checkCatalogsOption, citationMarkerText, codeHighlightBands, codeHighlightColors, codeHighlightLines, codeHighlightSlice, codeLineNumbers, codeLineRuns, codeSyntaxPalette, codeSyntaxPaletteForScheme, coerceVariableValue, collectCitations, colorContrast, composeLayoutAreas, composeSlide, datasetDiagnostics, defaultSlideBackground, dottedPath, embeddedCopy, fitImage, fitList, fitRichText, fitText, formatChartLabelNumber, formatChartLabelPercent, formatDataNumber, formatFurnitureDate, formatListNumber, formatVariableNumber, fromExcelNumberFormat, gridFlowShape, hasContentVariables, imageBackground, imageShape, inlineChartData, inlineDatasets, inlineTableData, instantiateForValidation, intrinsicImageAspect, intrinsicImageSize, isDarkColor, isDatasetRef, isLayoutTemplate, isRecord, isTemplate, isXYChartType, layoutCaption, layoutCode, layoutContent, layoutFootnotes, layoutFurniture, layoutMetric, layoutQuote, layoutRegion, layoutStructure, layoutTable, layoutTemplate, layoutTemplateIssues, layoutTimeline, layoutWatermark, listBuiltinVariables, listColumnBreaks, listNumbers, listVariables, maxIntervalsFor, measureText, measureTextOutline, metricTrendColor, metricTrendMark, metricTrendPoints, niceScale, normalizeHexColor, normalizeLanguageFamily, numberFormatError, numberingAtLevel, numberingFindings, numberingStyleDraws, paragraphDirection, paragraphDirectionAt, parseReference, pathFor, patternBitmap, patternRuns, physicalAlignment, placeTextLines, placedImageBlocks, pointerPath, promotedRegionKeys, provenanceOf, readingRows, recordReferenceSites, referencesSlide, regionAccepts, regionRoleRank, registeredCatalog, resolveCanvasDimensions, resolveChartColors, resolveChartData, resolveChartOptions, resolveCodeLanguage, resolveColorRef, resolveColorRoles, resolveDesignHints, resolveDesignRecords, resolveFontFamilies, resolveFontScheme, resolveLogo, resolveNumbering, resolvePatternPreset, resolveReference, resolveScriptFonts, resolveSlideDirection, resolveSlideVariables, resolveSocialProfile, resolveTableData, resolveTextStyle, resolveVariables, rootNodes, scriptFontRole, sliceNumberedItems, slideCitations, slideTokenSpans, snapFontSizeDown, snapFontSizeUp, stackCategoryValues, suggestChartNumberFix, surfaceAltColor, tableCellDisplayValue, tableGrid, tableRowBoundaries, textColorForFill, textWidthMeasurer, timelineMarkerShapes, timelineTextColor, toExcelNumberFormat, tokenizeCode, unresolvedReference, unusedDatasets, usesSlideBuiltin, variableDeclarations, visitContentPayloads, visualReadingOrder, walkCitationRuns, wrapText };