@particle-academy/last-word-ui 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -6,54 +6,6 @@ var jsxRuntime = require('react/jsx-runtime');
 
 // src/DocViewer.tsx
 
-// src/footnotes.ts
-function numberFootnotes(doc) {
-  const marks = /* @__PURE__ */ new Map();
-  const notes = [];
-  const runs = (list) => {
-    if (!Array.isArray(list)) return;
-    for (const run of list) {
-      const fn = run?.footnote;
-      if (fn && typeof fn === "object" && Array.isArray(fn.blocks)) {
-        const id = notes.length + 1;
-        marks.set(run, id);
-        notes.push({ id, footnote: fn });
-      }
-    }
-  };
-  const items = (list) => {
-    if (!Array.isArray(list)) return;
-    for (const item of list) {
-      runs(item?.runs);
-      items(item?.children);
-    }
-  };
-  const blocks = (list) => {
-    if (!Array.isArray(list)) return;
-    for (const block of list) {
-      switch (block?.type) {
-        case "heading":
-        case "paragraph":
-          runs(block.runs);
-          break;
-        case "list":
-          items(block.items);
-          break;
-        case "quote":
-          blocks(block.blocks);
-          break;
-        case "table":
-          for (const row of Array.isArray(block.rows) ? block.rows : []) {
-            for (const cell of Array.isArray(row?.cells) ? row.cells : []) blocks(cell?.blocks);
-          }
-          break;
-      }
-    }
-  };
-  blocks(doc.blocks);
-  return { marks, notes };
-}
-
 // src/geometry.ts
 var PAGE_SIZES_PT = {
   letter: [612, 792],
@@ -101,6 +53,329 @@ function bodyBox(g, headerHeight, footerHeight) {
   return { top, bottom, height: Math.max(1, g.height - top - bottom) };
 }
 
+// src/fields.ts
+var FIELD = /\{(?:(page|pages|section|sectionpages|author|title|filename)|(date|time)(?::([^{}"\\]+))?)\}/g;
+var str = (v) => typeof v === "string" ? v : "";
+function substituteFields(text, fields) {
+  return text.replace(FIELD, (_m, name, dt, format) => {
+    switch (name) {
+      case "page":
+        return String(fields.page);
+      case "pages":
+        return String(fields.pages);
+      case "section":
+        return String(fields.section ?? 1);
+      case "sectionpages":
+        return String(fields.sectionPages ?? fields.pages);
+      case "author":
+        return str(fields.author);
+      case "title":
+        return str(fields.title);
+      case "filename":
+        return str(fields.filename);
+    }
+    const now = fields.now instanceof Date && Number.isFinite(fields.now.getTime()) ? fields.now : /* @__PURE__ */ new Date();
+    if (format !== void 0) return formatDatePicture(now, format);
+    return dt === "time" ? now.toLocaleTimeString() : now.toLocaleDateString();
+  });
+}
+function resolveNow(now) {
+  if (now instanceof Date) return Number.isFinite(now.getTime()) ? new Date(now.getTime()) : /* @__PURE__ */ new Date();
+  if (typeof now === "string") {
+    const d = new Date(now);
+    if (Number.isFinite(d.getTime())) return d;
+  }
+  return /* @__PURE__ */ new Date();
+}
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+var PICTURE = [
+  "AM/PM",
+  "am/pm",
+  "dddd",
+  "MMMM",
+  "yyyy",
+  "ddd",
+  "MMM",
+  "dd",
+  "MM",
+  "yy",
+  "HH",
+  "hh",
+  "mm",
+  "ss",
+  "d",
+  "M",
+  "H",
+  "h",
+  "m",
+  "s"
+];
+var two = (n) => String(n).padStart(2, "0");
+function formatDatePicture(date, picture) {
+  const h12 = date.getHours() % 12 === 0 ? 12 : date.getHours() % 12;
+  const value = (token) => {
+    switch (token) {
+      case "d":
+        return String(date.getDate());
+      case "dd":
+        return two(date.getDate());
+      case "ddd":
+        return DAYS[date.getDay()].slice(0, 3);
+      case "dddd":
+        return DAYS[date.getDay()];
+      case "M":
+        return String(date.getMonth() + 1);
+      case "MM":
+        return two(date.getMonth() + 1);
+      case "MMM":
+        return MONTHS[date.getMonth()].slice(0, 3);
+      case "MMMM":
+        return MONTHS[date.getMonth()];
+      case "yy":
+        return two(date.getFullYear() % 100);
+      case "yyyy":
+        return String(date.getFullYear()).padStart(4, "0");
+      case "h":
+        return String(h12);
+      case "hh":
+        return two(h12);
+      case "H":
+        return String(date.getHours());
+      case "HH":
+        return two(date.getHours());
+      case "m":
+        return String(date.getMinutes());
+      case "mm":
+        return two(date.getMinutes());
+      case "s":
+        return String(date.getSeconds());
+      case "ss":
+        return two(date.getSeconds());
+      case "am/pm":
+        return date.getHours() < 12 ? "am" : "pm";
+      case "AM/PM":
+        return date.getHours() < 12 ? "AM" : "PM";
+    }
+  };
+  let out = "";
+  let i = 0;
+  while (i < picture.length) {
+    if (picture[i] === "'") {
+      const end = picture.indexOf("'", i + 1);
+      if (end < 0) {
+        out += picture.slice(i + 1);
+        break;
+      }
+      out += picture.slice(i + 1, end);
+      i = end + 1;
+      continue;
+    }
+    const token = PICTURE.find((t) => picture.startsWith(t, i));
+    if (token) {
+      out += value(token);
+      i += token.length;
+      continue;
+    }
+    out += picture[i];
+    i++;
+  }
+  return out;
+}
+
+// src/image-size.ts
+var DATA_URL = /^data:image\/(png|jpe?g);base64,([A-Za-z0-9+/=\s]+)$/i;
+function decodeHead(b64, bytes) {
+  try {
+    const take = Math.ceil(bytes / 3) * 4;
+    const bin = atob(b64.replace(/\s+/g, "").slice(0, take));
+    const out = new Uint8Array(bin.length);
+    for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);
+    return out;
+  } catch {
+    return null;
+  }
+}
+function pngSize(b) {
+  if (b.length < 24 || b[0] !== 137 || b[1] !== 80 || b[2] !== 78 || b[3] !== 71) return null;
+  const dv = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  const width = dv.getUint32(16);
+  const height2 = dv.getUint32(20);
+  return width > 0 && height2 > 0 ? { width, height: height2 } : null;
+}
+function jpegSize(b) {
+  if (b.length < 4 || b[0] !== 255 || b[1] !== 216) return null;
+  let i = 2;
+  while (i + 9 < b.length) {
+    if (b[i] !== 255) return null;
+    const marker = b[i + 1];
+    const len = b[i + 2] << 8 | b[i + 3];
+    if (marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204) {
+      const height2 = b[i + 5] << 8 | b[i + 6];
+      const width = b[i + 7] << 8 | b[i + 8];
+      return width > 0 && height2 > 0 ? { width, height: height2 } : null;
+    }
+    i += 2 + len;
+  }
+  return null;
+}
+function imageSizeFromDataUrl(src) {
+  const m = DATA_URL.exec(src);
+  if (!m) return null;
+  const isPng = m[1].toLowerCase() === "png";
+  const head = decodeHead(m[2], isPng ? 32 : 65536);
+  if (!head) return null;
+  return isPng ? pngSize(head) : jpegSize(head);
+}
+function resolveImageSize(block, maxWidthPx) {
+  const intrinsic = imageSizeFromDataUrl(block.src);
+  const given = (v) => typeof v === "number" && Number.isFinite(v) && v > 0 ? v : void 0;
+  let width = given(block.widthPx);
+  let height2 = given(block.heightPx);
+  const aspect = intrinsic ? intrinsic.width / intrinsic.height : 1.5;
+  if (width === void 0 && height2 === void 0) {
+    width = intrinsic?.width ?? 300;
+    height2 = intrinsic?.height ?? 200;
+  } else if (width === void 0) {
+    width = height2 * aspect;
+  } else if (height2 === void 0) {
+    height2 = width / aspect;
+  }
+  if (width > maxWidthPx) {
+    height2 = height2 * maxWidthPx / width;
+    width = maxWidthPx;
+  }
+  return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height2)) };
+}
+
+// src/links.ts
+var ALLOWED = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+function safeHref(url) {
+  if (typeof url !== "string" || url === "") return void 0;
+  if (/^#[^\s]*$/.test(url)) return url;
+  let parsed;
+  try {
+    parsed = new URL(url);
+  } catch {
+    return void 0;
+  }
+  return ALLOWED.has(parsed.protocol) ? url : void 0;
+}
+
+// src/style.ts
+var pt = (n) => `${Math.round(n * 1e3) / 1e3}pt`;
+var px = (n) => `${Math.round(n * 1e3) / 1e3}px`;
+var SINGLE_LINE = 1.17;
+var DEFAULT_LINE_MULTIPLE = 259 / 240;
+var DEFAULT_SPACE_AFTER = 8;
+var DEFAULT_FONT = "Calibri";
+var DEFAULT_SIZE = 11;
+var HEADING_SIZES = [20, 16, 14, 13, 12, 11];
+var HEADER_FILL = "#E7E7E7";
+var CODE_FILL = "#F2F2F2";
+var LINK_COLOR = "#0563C1";
+var QUOTE_COLOR = "#595959";
+var BAND_SIZE = 9;
+var BAND_COLOR = "#6B7280";
+var FOOTNOTE_SIZE = 10;
+var FOOTNOTE_SEPARATOR_PT = 12;
+function hex(v) {
+  return typeof v === "string" && /^#[0-9a-fA-F]{6}$/.test(v) ? v : void 0;
+}
+var finite2 = (v) => typeof v === "number" && Number.isFinite(v);
+var num = (v, fallback) => finite2(v) ? v : fallback;
+var FALLBACKS = {
+  calibri: 'Carlito, "Segoe UI", Arial, sans-serif',
+  cambria: "Caladea, Georgia, serif",
+  arial: '"Liberation Sans", Arimo, Helvetica, sans-serif',
+  "times new roman": '"Liberation Serif", Tinos, Times, serif',
+  "courier new": '"Liberation Mono", Cousine, monospace',
+  consolas: '"Liberation Mono", Menlo, monospace'
+};
+function fontStack(name) {
+  const clean = typeof name === "string" ? name.replace(/[^A-Za-z0-9 _-]/g, "").trim() : "";
+  const font = clean === "" ? DEFAULT_FONT : clean;
+  const fallback = FALLBACKS[font.toLowerCase()] ?? 'Carlito, "Segoe UI", Arial, sans-serif';
+  return `"${font}", ${fallback}`;
+}
+var MONO = fontStack("Consolas");
+var CSS_STYLE = {
+  single: "solid",
+  double: "double",
+  dashed: "dashed",
+  dotted: "dotted"
+};
+function borderCss(b) {
+  if (!b || typeof b !== "object") return void 0;
+  const style = CSS_STYLE[b.style ?? "single"];
+  if (!style) return "none";
+  const width = Math.max(style === "double" ? 2.25 : 0.25, num(b.width, 0.5));
+  return `${pt(width)} ${style} ${hex(b.color) ?? "#000000"}`;
+}
+function paragraphStyle(p, size) {
+  const s = {
+    margin: 0,
+    marginLeft: pt(num(p.indentLeft, 0)),
+    marginRight: pt(num(p.indentRight, 0)),
+    fontSize: pt(size),
+    lineHeight: num(p.lineHeight, DEFAULT_LINE_MULTIPLE) * SINGLE_LINE,
+    color: "inherit",
+    fontWeight: "inherit",
+    whiteSpace: "pre-wrap",
+    overflowWrap: "break-word"
+  };
+  if (p.align === "left" || p.align === "center" || p.align === "right" || p.align === "justify") s.textAlign = p.align;
+  const fill = hex(p.shading);
+  if (fill) s.backgroundColor = fill;
+  Object.assign(s, boxBorders(p.borders));
+  return s;
+}
+function boxBorders(b) {
+  if (!b || typeof b !== "object") return {};
+  const s = {};
+  const top = borderCss(b.top);
+  const right = borderCss(b.right);
+  const bottom = borderCss(b.bottom);
+  const left = borderCss(b.left);
+  if (top) {
+    s.borderTop = top;
+    if (top !== "none") s.paddingTop = pt(1);
+  }
+  if (bottom) {
+    s.borderBottom = bottom;
+    if (bottom !== "none") s.paddingBottom = pt(1);
+  }
+  if (left) {
+    s.borderLeft = left;
+    if (left !== "none") s.paddingLeft = pt(4);
+  }
+  if (right) {
+    s.borderRight = right;
+    if (right !== "none") s.paddingRight = pt(4);
+  }
+  return s;
+}
+function spacingStyle(p, defaultAfter, defaultBefore = 0) {
+  return {
+    display: "flow-root",
+    paddingTop: pt(Math.max(0, num(p.spaceBefore, defaultBefore))),
+    paddingBottom: pt(Math.max(0, num(p.spaceAfter, defaultAfter)))
+  };
+}
+
 // src/table-grid.ts
 var span = (v) => typeof v === "number" && Number.isInteger(v) && v > 1 ? v : 1;
 function tableGrid(rows) {
@@ -137,465 +412,6 @@ function columnPercents(colCount, widths) {
   if (total <= 0) return even;
   return w.map((x) => Math.round(x / total * 100 * 1e6) / 1e6);
 }
-
-// src/measure.ts
-var SPLITTABLE = /* @__PURE__ */ new Set(["paragraph", "heading", "list", "quote", "code"]);
-var blockId = (index) => `b${index}`;
-function height(el) {
-  return el ? el.getBoundingClientRect().height : 0;
-}
-function lineBreakpoints(el) {
-  if (typeof document === "undefined" || typeof document.createRange !== "function") return [];
-  const top = el.getBoundingClientRect().top;
-  const total = el.getBoundingClientRect().height;
-  const range = document.createRange();
-  if (typeof range.getClientRects !== "function") return [];
-  const spans = [];
-  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
-  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-    if (!node.nodeValue) continue;
-    range.selectNodeContents(node);
-    for (const r of Array.from(range.getClientRects())) {
-      if (r.height > 0) spans.push([r.top - top, r.bottom - top]);
-    }
-  }
-  spans.sort((a, b) => a[0] - b[0]);
-  const lines = [];
-  for (const s of spans) {
-    const last = lines[lines.length - 1];
-    if (last && s[0] < last[1] - 0.5) last[1] = Math.max(last[1], s[1]);
-    else lines.push([s[0], s[1]]);
-  }
-  return lines.slice(0, -1).map((l) => l[1]).filter((b) => b > 0 && b < total - 0.5);
-}
-function measure(root, blocks) {
-  const noteHeights = /* @__PURE__ */ new Map();
-  root.querySelectorAll("[data-lw-measure-footnote]").forEach((el) => {
-    noteHeights.set(Number(el.dataset.lwMeasureFootnote), height(el));
-  });
-  const marksIn = (el) => Array.from(el.querySelectorAll("[data-lw-footnote-ref]")).map((m) => {
-    const id = Number(m.dataset.lwFootnoteRef);
-    return { id, el: m, height: noteHeights.get(id) ?? 0 };
-  });
-  const items = blocks.map((block, i) => {
-    if (block?.type === "pageBreak") return { type: "break" };
-    const wrap = root.querySelector(`[data-lw-measure-block="${i}"]`);
-    if (!wrap) return { type: "block", id: blockId(i), height: 0 };
-    if (block.type === "table") {
-      const grid = tableGrid(Array.isArray(block.rows) ? block.rows : []);
-      const rows = Array.from(wrap.querySelectorAll("tr[data-lw-row]")).map((tr) => {
-        const r = Number(tr.dataset.lwRow);
-        const notes2 = marksIn(tr).map(({ id, height: h2 }) => ({ id, height: h2 }));
-        return {
-          height: height(tr),
-          ...grid.joinPrevious[r] ? { joinPrevious: true } : {},
-          ...notes2.length ? { footnotes: notes2 } : {}
-        };
-      });
-      return { type: "table", id: blockId(i), rows, headerRows: grid.headerRows };
-    }
-    const top = wrap.getBoundingClientRect().top;
-    const h = height(wrap);
-    let breakpoints = SPLITTABLE.has(block.type) ? lineBreakpoints(wrap) : [];
-    if (block.type === "paragraph" || block.type === "heading") breakpoints = breakpoints.slice(1, -1);
-    const notes = marksIn(wrap).map(({ id, el, height: nh }) => {
-      const r = el.getBoundingClientRect();
-      return { id, at: Math.min(h, Math.max(0, (r.top + r.bottom) / 2 - top)), height: nh };
-    });
-    const keepNext = block.type === "heading" || block.keepNext === true;
-    return {
-      type: "block",
-      id: blockId(i),
-      height: h,
-      ...breakpoints.length ? { breakpoints } : {},
-      ...keepNext ? { keepNext: true } : {},
-      ...notes.length ? { footnotes: notes } : {}
-    };
-  });
-  return {
-    items,
-    headerHeight: height(root.querySelector("[data-lw-measure-header]")),
-    footerHeight: height(root.querySelector("[data-lw-measure-footer]")),
-    footnoteSeparator: height(root.querySelector("[data-lw-measure-separator]"))
-  };
-}
-
-// src/paginate.ts
-var EPS = 1e-6;
-function paginate(items, options) {
-  const cap = Math.max(1, options.pageHeight);
-  const sep = Math.max(0, options.footnoteSeparator ?? 0);
-  const pages = [];
-  let page;
-  let content = 0;
-  let noteHeights = 0;
-  const newPage = () => {
-    page = { index: pages.length, fragments: [], footnotes: [], used: 0 };
-    pages.push(page);
-    content = 0;
-    noteHeights = 0;
-  };
-  const noteCost = (extraCount, extraHeight) => {
-    const count = page.footnotes.length + extraCount;
-    return count > 0 ? noteHeights + extraHeight + sep : 0;
-  };
-  const fits = (h, notes) => content + h + noteCost(notes.length, sum(notes)) <= cap + EPS;
-  const commit = (h, notes) => {
-    content += h;
-    for (const n of notes) {
-      page.footnotes.push(n.id);
-      noteHeights += n.height;
-    }
-    page.used = content + noteCost(0, 0);
-  };
-  const empty = () => page.fragments.length === 0;
-  newPage();
-  items.forEach((item, index) => {
-    if (item.type === "break") {
-      newPage();
-      return;
-    }
-    if (item.type === "table") {
-      placeTable(item, index);
-      return;
-    }
-    placeBlock(item, index);
-  });
-  return pages;
-  function notesIn(item, start, end, last) {
-    const h = Math.max(0, item.height);
-    return (item.footnotes ?? []).filter((n) => {
-      const at = Math.min(h, Math.max(0, n.at));
-      return at >= start - EPS && (last ? at <= end + EPS : at < end - EPS);
-    });
-  }
-  function firstPiece(item) {
-    if (!item || item.type === "break") return 0;
-    if (item.type === "block") {
-      const bp = (item.breakpoints ?? []).find((b) => b > EPS && b < item.height - EPS);
-      return bp ?? item.height;
-    }
-    const header = item.rows.slice(0, headerCount(item)).reduce((a, r) => a + r.height, 0);
-    const units = tableUnits(item);
-    return header + (units[0] ? units[0].height : 0);
-  }
-  function keepChainHeight(from) {
-    let total = 0;
-    let i = from;
-    while (i < items.length) {
-      const it = items[i];
-      if (it.type === "block" && it.keepNext) {
-        total += it.height;
-        i++;
-        continue;
-      }
-      total += firstPiece(it);
-      break;
-    }
-    return total;
-  }
-  function placeBlock(item, index) {
-    const height2 = Math.max(0, item.height);
-    if (item.keepNext && !empty()) {
-      const chain = keepChainHeight(index);
-      const next = items[index + 1];
-      const meaningful = next !== void 0 && next.type !== "break";
-      if (meaningful && chain <= cap + EPS && !fits(chain, notesIn(item, 0, height2, true))) newPage();
-    }
-    let start = 0;
-    for (let guard = 0; guard < 1e5; guard++) {
-      const restNotes = notesIn(item, start, height2, true);
-      if (fits(height2 - start, restNotes)) {
-        page.fragments.push({ type: "block", id: item.id, item: index, start, end: height2 });
-        commit(height2 - start, restNotes);
-        return;
-      }
-      const bps = (item.breakpoints ?? []).filter((b) => b > start + EPS && b < height2 - EPS).sort((a, b) => b - a);
-      let cut;
-      for (const bp of bps) {
-        if (fits(bp - start, notesIn(item, start, bp, false))) {
-          cut = bp;
-          break;
-        }
-      }
-      if (cut !== void 0) {
-        page.fragments.push({ type: "block", id: item.id, item: index, start, end: cut });
-        commit(cut - start, notesIn(item, start, cut, false));
-        newPage();
-        start = cut;
-        continue;
-      }
-      if (!empty()) {
-        newPage();
-        continue;
-      }
-      let room = cap;
-      let end = Math.min(height2, start + room);
-      let notes = notesIn(item, start, end, false);
-      room = cap - noteCost(notes.length, sum(notes));
-      if (room <= EPS) room = cap;
-      end = Math.min(height2, start + room);
-      notes = notesIn(item, start, end, end >= height2 - EPS);
-      const forced = end < height2 - EPS;
-      page.fragments.push({ type: "block", id: item.id, item: index, start, end, ...forced ? { forced: true } : {} });
-      commit(end - start, notes);
-      if (!forced) return;
-      newPage();
-      start = end;
-    }
-  }
-  function headerCount(item) {
-    return Math.max(0, Math.min(item.headerRows ?? 0, item.rows.length));
-  }
-  function tableUnits(item) {
-    const units = [];
-    for (let r = headerCount(item); r < item.rows.length; r++) {
-      const row = item.rows[r];
-      const last = units[units.length - 1];
-      if (row.joinPrevious && last) {
-        last.rows.push(r);
-        last.height += row.height;
-        last.notes.push(...row.footnotes ?? []);
-      } else {
-        units.push({ rows: [r], height: row.height, notes: [...row.footnotes ?? []] });
-      }
-    }
-    return units;
-  }
-  function placeTable(item, index) {
-    const h = headerCount(item);
-    const headerIdx = Array.from({ length: h }, (_, i) => i);
-    const headerHeight = item.rows.slice(0, h).reduce((a, r) => a + r.height, 0);
-    const headerNotes = item.rows.slice(0, h).flatMap((r) => r.footnotes ?? []);
-    const units = tableUnits(item);
-    if (units.length === 0 && h === 0) return;
-    if (units.length === 0) units.push({ rows: [], height: 0, notes: [] });
-    let frag = null;
-    let first = true;
-    for (let u = 0; u < units.length; ) {
-      const unit = units[u];
-      if (frag === null) {
-        const notes = first ? [...headerNotes, ...unit.notes] : unit.notes;
-        const need = headerHeight + unit.height;
-        if (!fits(need, notes) && !empty()) {
-          newPage();
-          continue;
-        }
-        const overflow = !fits(need, notes);
-        frag = {
-          type: "table",
-          id: item.id,
-          item: index,
-          rows: [...headerIdx, ...unit.rows],
-          repeatedHeader: !first && h > 0,
-          ...overflow ? { overflow: true } : {}
-        };
-        page.fragments.push(frag);
-        commit(need, notes);
-        first = false;
-        u++;
-        continue;
-      }
-      if (fits(unit.height, unit.notes)) {
-        frag.rows.push(...unit.rows);
-        commit(unit.height, unit.notes);
-        u++;
-        continue;
-      }
-      newPage();
-      frag = null;
-    }
-  }
-}
-function sum(notes) {
-  return notes.reduce((a, n) => a + n.height, 0);
-}
-
-// src/fields.ts
-var FIELD = /\{page\}|\{pages\}/g;
-function substituteFields(text, fields) {
-  return text.replace(FIELD, (m) => String(m === "{page}" ? fields.page : fields.pages));
-}
-
-// src/image-size.ts
-var DATA_URL = /^data:image\/(png|jpe?g);base64,([A-Za-z0-9+/=\s]+)$/i;
-function decodeHead(b64, bytes) {
-  try {
-    const take = Math.ceil(bytes / 3) * 4;
-    const bin = atob(b64.replace(/\s+/g, "").slice(0, take));
-    const out = new Uint8Array(bin.length);
-    for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);
-    return out;
-  } catch {
-    return null;
-  }
-}
-function pngSize(b) {
-  if (b.length < 24 || b[0] !== 137 || b[1] !== 80 || b[2] !== 78 || b[3] !== 71) return null;
-  const dv = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  const width = dv.getUint32(16);
-  const height2 = dv.getUint32(20);
-  return width > 0 && height2 > 0 ? { width, height: height2 } : null;
-}
-function jpegSize(b) {
-  if (b.length < 4 || b[0] !== 255 || b[1] !== 216) return null;
-  let i = 2;
-  while (i + 9 < b.length) {
-    if (b[i] !== 255) return null;
-    const marker = b[i + 1];
-    const len = b[i + 2] << 8 | b[i + 3];
-    if (marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204) {
-      const height2 = b[i + 5] << 8 | b[i + 6];
-      const width = b[i + 7] << 8 | b[i + 8];
-      return width > 0 && height2 > 0 ? { width, height: height2 } : null;
-    }
-    i += 2 + len;
-  }
-  return null;
-}
-function imageSizeFromDataUrl(src) {
-  const m = DATA_URL.exec(src);
-  if (!m) return null;
-  const isPng = m[1].toLowerCase() === "png";
-  const head = decodeHead(m[2], isPng ? 32 : 65536);
-  if (!head) return null;
-  return isPng ? pngSize(head) : jpegSize(head);
-}
-function resolveImageSize(block, maxWidthPx) {
-  const intrinsic = imageSizeFromDataUrl(block.src);
-  const given = (v) => typeof v === "number" && Number.isFinite(v) && v > 0 ? v : void 0;
-  let width = given(block.widthPx);
-  let height2 = given(block.heightPx);
-  const aspect = intrinsic ? intrinsic.width / intrinsic.height : 1.5;
-  if (width === void 0 && height2 === void 0) {
-    width = intrinsic?.width ?? 300;
-    height2 = intrinsic?.height ?? 200;
-  } else if (width === void 0) {
-    width = height2 * aspect;
-  } else if (height2 === void 0) {
-    height2 = width / aspect;
-  }
-  if (width > maxWidthPx) {
-    height2 = height2 * maxWidthPx / width;
-    width = maxWidthPx;
-  }
-  return { width: Math.max(1, Math.round(width)), height: Math.max(1, Math.round(height2)) };
-}
-
-// src/links.ts
-var ALLOWED = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
-function safeHref(url) {
-  if (typeof url !== "string" || url === "") return void 0;
-  if (/^#[^\s]*$/.test(url)) return url;
-  let parsed;
-  try {
-    parsed = new URL(url);
-  } catch {
-    return void 0;
-  }
-  return ALLOWED.has(parsed.protocol) ? url : void 0;
-}
-
-// src/style.ts
-var pt = (n) => `${Math.round(n * 1e3) / 1e3}pt`;
-var px = (n) => `${Math.round(n * 1e3) / 1e3}px`;
-var SINGLE_LINE = 1.17;
-var DEFAULT_LINE_MULTIPLE = 259 / 240;
-var DEFAULT_SPACE_AFTER = 8;
-var DEFAULT_FONT = "Calibri";
-var DEFAULT_SIZE = 11;
-var HEADING_SIZES = [20, 16, 14, 13, 12, 11];
-var HEADER_FILL = "#E7E7E7";
-var CODE_FILL = "#F2F2F2";
-var LINK_COLOR = "#0563C1";
-var QUOTE_COLOR = "#595959";
-var BAND_SIZE = 9;
-var BAND_COLOR = "#6B7280";
-var FOOTNOTE_SIZE = 10;
-var FOOTNOTE_SEPARATOR_PT = 12;
-function hex(v) {
-  return typeof v === "string" && /^#[0-9a-fA-F]{6}$/.test(v) ? v : void 0;
-}
-var finite2 = (v) => typeof v === "number" && Number.isFinite(v);
-var num = (v, fallback) => finite2(v) ? v : fallback;
-var FALLBACKS = {
-  calibri: 'Carlito, "Segoe UI", Arial, sans-serif',
-  cambria: "Caladea, Georgia, serif",
-  arial: '"Liberation Sans", Arimo, Helvetica, sans-serif',
-  "times new roman": '"Liberation Serif", Tinos, Times, serif',
-  "courier new": '"Liberation Mono", Cousine, monospace',
-  consolas: '"Liberation Mono", Menlo, monospace'
-};
-function fontStack(name) {
-  const clean = typeof name === "string" ? name.replace(/[^A-Za-z0-9 _-]/g, "").trim() : "";
-  const font = clean === "" ? DEFAULT_FONT : clean;
-  const fallback = FALLBACKS[font.toLowerCase()] ?? 'Carlito, "Segoe UI", Arial, sans-serif';
-  return `"${font}", ${fallback}`;
-}
-var MONO = fontStack("Consolas");
-var CSS_STYLE = {
-  single: "solid",
-  double: "double",
-  dashed: "dashed",
-  dotted: "dotted"
-};
-function borderCss(b) {
-  if (!b || typeof b !== "object") return void 0;
-  const style = CSS_STYLE[b.style ?? "single"];
-  if (!style) return "none";
-  const width = Math.max(style === "double" ? 2.25 : 0.25, num(b.width, 0.5));
-  return `${pt(width)} ${style} ${hex(b.color) ?? "#000000"}`;
-}
-function paragraphStyle(p, size) {
-  const s = {
-    margin: 0,
-    marginLeft: pt(num(p.indentLeft, 0)),
-    marginRight: pt(num(p.indentRight, 0)),
-    fontSize: pt(size),
-    lineHeight: num(p.lineHeight, DEFAULT_LINE_MULTIPLE) * SINGLE_LINE,
-    color: "inherit",
-    fontWeight: "inherit",
-    whiteSpace: "pre-wrap",
-    overflowWrap: "break-word"
-  };
-  if (p.align === "left" || p.align === "center" || p.align === "right" || p.align === "justify") s.textAlign = p.align;
-  const fill = hex(p.shading);
-  if (fill) s.backgroundColor = fill;
-  Object.assign(s, boxBorders(p.borders));
-  return s;
-}
-function boxBorders(b) {
-  if (!b || typeof b !== "object") return {};
-  const s = {};
-  const top = borderCss(b.top);
-  const right = borderCss(b.right);
-  const bottom = borderCss(b.bottom);
-  const left = borderCss(b.left);
-  if (top) {
-    s.borderTop = top;
-    if (top !== "none") s.paddingTop = pt(1);
-  }
-  if (bottom) {
-    s.borderBottom = bottom;
-    if (bottom !== "none") s.paddingBottom = pt(1);
-  }
-  if (left) {
-    s.borderLeft = left;
-    if (left !== "none") s.paddingLeft = pt(4);
-  }
-  if (right) {
-    s.borderRight = right;
-    if (right !== "none") s.paddingRight = pt(4);
-  }
-  return s;
-}
-function spacingStyle(p, defaultAfter, defaultBefore = 0) {
-  return {
-    display: "flow-root",
-    paddingTop: pt(Math.max(0, num(p.spaceBefore, defaultBefore))),
-    paddingBottom: pt(Math.max(0, num(p.spaceAfter, defaultAfter)))
-  };
-}
 var EMPTY_MARKS = /* @__PURE__ */ new Map();
 var ZWSP = String.fromCharCode(8203);
 var RenderCtx = react.createContext({
@@ -866,51 +682,423 @@ function TableView({ block, rows }) {
         })
       ] }) })
     }
-  );
-}
-function isBlocksBand(band) {
-  return !!band && typeof band === "object" && Array.isArray(band.blocks);
+  );
+}
+function isBlocksBand(band) {
+  return !!band && typeof band === "object" && Array.isArray(band.blocks);
+}
+function hasBand(band) {
+  if (isBlocksBand(band)) return band.blocks.length > 0;
+  if (!band || typeof band !== "object") return false;
+  const b = band;
+  return [b.left, b.center, b.right].some((s) => typeof s === "string" && s !== "");
+}
+function BandView({ band }) {
+  const ctx = react.useContext(RenderCtx);
+  if (isBlocksBand(band)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(WithContext, { value: { marks: EMPTY_MARKS }, children: band.blocks.map((b, i) => b?.type === "pageBreak" || b?.type === "chart" ? null : /* @__PURE__ */ jsxRuntime.jsx(BlockView, { block: b }, i)) });
+  }
+  const slot = (v) => typeof v === "string" ? ctx.fields ? substituteFields(v, ctx.fields) : v : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactFancy.Text,
+    {
+      as: "div",
+      style: {
+        display: "grid",
+        gridTemplateColumns: "1fr auto 1fr",
+        fontSize: pt(num(band.size, BAND_SIZE)),
+        lineHeight: SINGLE_LINE,
+        color: hex(band.color) ?? BAND_COLOR,
+        whiteSpace: "pre"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "left", style: { textAlign: "left" }, children: slot(band.left) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "center", style: { textAlign: "center" }, children: slot(band.center) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "right", style: { textAlign: "right", justifySelf: "end" }, children: slot(band.right) })
+      ]
+    }
+  );
+}
+function FootnoteView({ id, footnote }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-footnote": id, style: { display: "flex", gap: pt(3) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("sup", { style: { fontSize: pt(FOOTNOTE_SIZE * 0.65), lineHeight: 1, paddingTop: pt(2) }, children: id }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(WithContext, { value: { marks: EMPTY_MARKS, size: FOOTNOTE_SIZE, spaceAfter: 0 }, children: (Array.isArray(footnote.blocks) ? footnote.blocks : []).map((b, i) => /* @__PURE__ */ jsxRuntime.jsx(BlockView, { block: b }, i)) }) })
+  ] });
+}
+function FootnoteSeparator({ height: height2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-footnote-separator": "", style: { height: height2, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: pt(144), borderTop: `${pt(0.5)} solid #000000` } }) });
+}
+
+// src/bands.ts
+var BAND_SLOTS = ["default", "first", "even"];
+var VARIANT_KEY = {
+  header: { first: "firstHeader", even: "evenHeader" },
+  footer: { first: "firstFooter", even: "evenFooter" }
+};
+function pageClass(index) {
+  if (index === 0) return "first";
+  return index % 2 === 1 ? "even" : "odd";
+}
+var isBandObject = (v) => !!v && typeof v === "object" && !Array.isArray(v);
+function slotBand(page, kind, slot) {
+  if (!page || typeof page !== "object") return void 0;
+  const key = slot === "default" ? kind : VARIANT_KEY[kind][slot];
+  const v = page[key];
+  return isBandObject(v) ? v : void 0;
+}
+function bandSlot(page, kind, cls) {
+  if (cls === "first" && slotBand(page, kind, "first") !== void 0) return "first";
+  if (cls === "even" && slotBand(page, kind, "even") !== void 0) return "even";
+  return "default";
+}
+function pageBand(page, kind, index) {
+  const band = slotBand(page, kind, bandSlot(page, kind, pageClass(index)));
+  return hasBand(band) ? band : null;
+}
+function pageBodyBoxes(g, page, heights) {
+  const height2 = (kind, cls) => {
+    const slot = bandSlot(page, kind, cls);
+    return hasBand(slotBand(page, kind, slot)) ? Math.max(0, heights[kind][slot] || 0) : 0;
+  };
+  const box = (cls) => bodyBox(g, height2("header", cls), height2("footer", cls));
+  return { first: box("first"), even: box("even"), odd: box("odd") };
+}
+
+// src/footnotes.ts
+function numberFootnotes(doc) {
+  const marks = /* @__PURE__ */ new Map();
+  const notes = [];
+  const runs = (list) => {
+    if (!Array.isArray(list)) return;
+    for (const run of list) {
+      const fn = run?.footnote;
+      if (fn && typeof fn === "object" && Array.isArray(fn.blocks)) {
+        const id = notes.length + 1;
+        marks.set(run, id);
+        notes.push({ id, footnote: fn });
+      }
+    }
+  };
+  const items = (list) => {
+    if (!Array.isArray(list)) return;
+    for (const item of list) {
+      runs(item?.runs);
+      items(item?.children);
+    }
+  };
+  const blocks = (list) => {
+    if (!Array.isArray(list)) return;
+    for (const block of list) {
+      switch (block?.type) {
+        case "heading":
+        case "paragraph":
+          runs(block.runs);
+          break;
+        case "list":
+          items(block.items);
+          break;
+        case "quote":
+          blocks(block.blocks);
+          break;
+        case "table":
+          for (const row of Array.isArray(block.rows) ? block.rows : []) {
+            for (const cell of Array.isArray(row?.cells) ? row.cells : []) blocks(cell?.blocks);
+          }
+          break;
+      }
+    }
+  };
+  blocks(doc.blocks);
+  return { marks, notes };
+}
+
+// src/measure.ts
+var SPLITTABLE = /* @__PURE__ */ new Set(["paragraph", "heading", "list", "quote", "code"]);
+var blockId = (index) => `b${index}`;
+function height(el) {
+  return el ? el.getBoundingClientRect().height : 0;
+}
+function lineBreakpoints(el) {
+  if (typeof document === "undefined" || typeof document.createRange !== "function") return [];
+  const top = el.getBoundingClientRect().top;
+  const total = el.getBoundingClientRect().height;
+  const range = document.createRange();
+  if (typeof range.getClientRects !== "function") return [];
+  const spans = [];
+  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    if (!node.nodeValue) continue;
+    range.selectNodeContents(node);
+    for (const r of Array.from(range.getClientRects())) {
+      if (r.height > 0) spans.push([r.top - top, r.bottom - top]);
+    }
+  }
+  spans.sort((a, b) => a[0] - b[0]);
+  const lines = [];
+  for (const s of spans) {
+    const last = lines[lines.length - 1];
+    if (last && s[0] < last[1] - 0.5) last[1] = Math.max(last[1], s[1]);
+    else lines.push([s[0], s[1]]);
+  }
+  return lines.slice(0, -1).map((l) => l[1]).filter((b) => b > 0 && b < total - 0.5);
+}
+function measure(root, blocks) {
+  const noteHeights = /* @__PURE__ */ new Map();
+  root.querySelectorAll("[data-lw-measure-footnote]").forEach((el) => {
+    noteHeights.set(Number(el.dataset.lwMeasureFootnote), height(el));
+  });
+  const marksIn = (el) => Array.from(el.querySelectorAll("[data-lw-footnote-ref]")).map((m) => {
+    const id = Number(m.dataset.lwFootnoteRef);
+    return { id, el: m, height: noteHeights.get(id) ?? 0 };
+  });
+  const items = blocks.map((block, i) => {
+    if (block?.type === "pageBreak") return { type: "break" };
+    const wrap = root.querySelector(`[data-lw-measure-block="${i}"]`);
+    if (!wrap) return { type: "block", id: blockId(i), height: 0 };
+    if (block.type === "table") {
+      const grid = tableGrid(Array.isArray(block.rows) ? block.rows : []);
+      const rows = Array.from(wrap.querySelectorAll("tr[data-lw-row]")).map((tr) => {
+        const r = Number(tr.dataset.lwRow);
+        const notes2 = marksIn(tr).map(({ id, height: h2 }) => ({ id, height: h2 }));
+        return {
+          height: height(tr),
+          ...grid.joinPrevious[r] ? { joinPrevious: true } : {},
+          ...notes2.length ? { footnotes: notes2 } : {}
+        };
+      });
+      return { type: "table", id: blockId(i), rows, headerRows: grid.headerRows };
+    }
+    const top = wrap.getBoundingClientRect().top;
+    const h = height(wrap);
+    let breakpoints = SPLITTABLE.has(block.type) ? lineBreakpoints(wrap) : [];
+    if (block.type === "paragraph" || block.type === "heading") breakpoints = breakpoints.slice(1, -1);
+    const notes = marksIn(wrap).map(({ id, el, height: nh }) => {
+      const r = el.getBoundingClientRect();
+      return { id, at: Math.min(h, Math.max(0, (r.top + r.bottom) / 2 - top)), height: nh };
+    });
+    const keepNext = block.type === "heading" || block.keepNext === true;
+    return {
+      type: "block",
+      id: blockId(i),
+      height: h,
+      ...breakpoints.length ? { breakpoints } : {},
+      ...keepNext ? { keepNext: true } : {},
+      ...notes.length ? { footnotes: notes } : {}
+    };
+  });
+  const bands = { header: {}, footer: {} };
+  for (const kind of ["header", "footer"]) {
+    for (const slot of BAND_SLOTS) {
+      bands[kind][slot] = height(root.querySelector(`[data-lw-measure-band="${kind}:${slot}"]`));
+    }
+  }
+  return {
+    items,
+    headerHeight: bands.header.default,
+    footerHeight: bands.footer.default,
+    bands,
+    footnoteSeparator: height(root.querySelector("[data-lw-measure-separator]"))
+  };
 }
-function hasBand(band) {
-  if (isBlocksBand(band)) return band.blocks.length > 0;
-  if (!band || typeof band !== "object") return false;
-  const b = band;
-  return [b.left, b.center, b.right].some((s) => typeof s === "string" && s !== "");
+
+// src/paginate.ts
+var EPS = 1e-6;
+var positive = (v) => typeof v === "number" && Number.isFinite(v) && v > 0;
+function pageCapacity(options, index) {
+  const base = Math.max(1, positive(options.pageHeight) ? options.pageHeight : 1);
+  if (index === 0) return positive(options.firstPageHeight) ? Math.max(1, options.firstPageHeight) : base;
+  if (index % 2 === 1) return positive(options.evenPageHeight) ? Math.max(1, options.evenPageHeight) : base;
+  return base;
 }
-function BandView({ band }) {
-  const ctx = react.useContext(RenderCtx);
-  if (isBlocksBand(band)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(WithContext, { value: { marks: EMPTY_MARKS }, children: band.blocks.map((b, i) => b?.type === "pageBreak" || b?.type === "chart" ? null : /* @__PURE__ */ jsxRuntime.jsx(BlockView, { block: b }, i)) });
+function paginate(items, options) {
+  let cap = pageCapacity(options, 0);
+  const sep = Math.max(0, options.footnoteSeparator ?? 0);
+  const pages = [];
+  let page;
+  let content = 0;
+  let noteHeights = 0;
+  const newPage = () => {
+    cap = pageCapacity(options, pages.length);
+    page = { index: pages.length, fragments: [], footnotes: [], used: 0, capacity: cap };
+    pages.push(page);
+    content = 0;
+    noteHeights = 0;
+  };
+  const noteCost = (extraCount, extraHeight) => {
+    const count = page.footnotes.length + extraCount;
+    return count > 0 ? noteHeights + extraHeight + sep : 0;
+  };
+  const fits = (h, notes) => content + h + noteCost(notes.length, sum(notes)) <= cap + EPS;
+  const commit = (h, notes) => {
+    content += h;
+    for (const n of notes) {
+      page.footnotes.push(n.id);
+      noteHeights += n.height;
+    }
+    page.used = content + noteCost(0, 0);
+  };
+  const empty = () => page.fragments.length === 0;
+  newPage();
+  items.forEach((item, index) => {
+    if (item.type === "break") {
+      newPage();
+      return;
+    }
+    if (item.type === "table") {
+      placeTable(item, index);
+      return;
+    }
+    placeBlock(item, index);
+  });
+  return pages;
+  function notesIn(item, start, end, last) {
+    const h = Math.max(0, item.height);
+    return (item.footnotes ?? []).filter((n) => {
+      const at = Math.min(h, Math.max(0, n.at));
+      return at >= start - EPS && (last ? at <= end + EPS : at < end - EPS);
+    });
   }
-  const slot = (v) => typeof v === "string" ? ctx.fields ? substituteFields(v, ctx.fields) : v : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactFancy.Text,
-    {
-      as: "div",
-      style: {
-        display: "grid",
-        gridTemplateColumns: "1fr auto 1fr",
-        fontSize: pt(num(band.size, BAND_SIZE)),
-        lineHeight: SINGLE_LINE,
-        color: hex(band.color) ?? BAND_COLOR,
-        whiteSpace: "pre"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "left", style: { textAlign: "left" }, children: slot(band.left) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "center", style: { textAlign: "center" }, children: slot(band.center) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-lw-slot": "right", style: { textAlign: "right", justifySelf: "end" }, children: slot(band.right) })
-      ]
+  function firstPiece(item) {
+    if (!item || item.type === "break") return 0;
+    if (item.type === "block") {
+      const bp = (item.breakpoints ?? []).find((b) => b > EPS && b < item.height - EPS);
+      return bp ?? item.height;
     }
-  );
-}
-function FootnoteView({ id, footnote }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-footnote": id, style: { display: "flex", gap: pt(3) }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("sup", { style: { fontSize: pt(FOOTNOTE_SIZE * 0.65), lineHeight: 1, paddingTop: pt(2) }, children: id }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(WithContext, { value: { marks: EMPTY_MARKS, size: FOOTNOTE_SIZE, spaceAfter: 0 }, children: (Array.isArray(footnote.blocks) ? footnote.blocks : []).map((b, i) => /* @__PURE__ */ jsxRuntime.jsx(BlockView, { block: b }, i)) }) })
-  ] });
+    const header = item.rows.slice(0, headerCount(item)).reduce((a, r) => a + r.height, 0);
+    const units = tableUnits(item);
+    return header + (units[0] ? units[0].height : 0);
+  }
+  function keepChainHeight(from) {
+    let total = 0;
+    let i = from;
+    while (i < items.length) {
+      const it = items[i];
+      if (it.type === "block" && it.keepNext) {
+        total += it.height;
+        i++;
+        continue;
+      }
+      total += firstPiece(it);
+      break;
+    }
+    return total;
+  }
+  function placeBlock(item, index) {
+    const height2 = Math.max(0, item.height);
+    if (item.keepNext && !empty()) {
+      const chain = keepChainHeight(index);
+      const next = items[index + 1];
+      const meaningful = next !== void 0 && next.type !== "break";
+      const nextCap = pageCapacity(options, page.index + 1);
+      if (meaningful && chain <= nextCap + EPS && !fits(chain, notesIn(item, 0, height2, true))) newPage();
+    }
+    let start = 0;
+    for (let guard = 0; guard < 1e5; guard++) {
+      const restNotes = notesIn(item, start, height2, true);
+      if (fits(height2 - start, restNotes)) {
+        page.fragments.push({ type: "block", id: item.id, item: index, start, end: height2 });
+        commit(height2 - start, restNotes);
+        return;
+      }
+      const bps = (item.breakpoints ?? []).filter((b) => b > start + EPS && b < height2 - EPS).sort((a, b) => b - a);
+      let cut;
+      for (const bp of bps) {
+        if (fits(bp - start, notesIn(item, start, bp, false))) {
+          cut = bp;
+          break;
+        }
+      }
+      if (cut !== void 0) {
+        page.fragments.push({ type: "block", id: item.id, item: index, start, end: cut });
+        commit(cut - start, notesIn(item, start, cut, false));
+        newPage();
+        start = cut;
+        continue;
+      }
+      if (!empty()) {
+        newPage();
+        continue;
+      }
+      let room = cap;
+      let end = Math.min(height2, start + room);
+      let notes = notesIn(item, start, end, false);
+      room = cap - noteCost(notes.length, sum(notes));
+      if (room <= EPS) room = cap;
+      end = Math.min(height2, start + room);
+      notes = notesIn(item, start, end, end >= height2 - EPS);
+      const forced = end < height2 - EPS;
+      page.fragments.push({ type: "block", id: item.id, item: index, start, end, ...forced ? { forced: true } : {} });
+      commit(end - start, notes);
+      if (!forced) return;
+      newPage();
+      start = end;
+    }
+  }
+  function headerCount(item) {
+    return Math.max(0, Math.min(item.headerRows ?? 0, item.rows.length));
+  }
+  function tableUnits(item) {
+    const units = [];
+    for (let r = headerCount(item); r < item.rows.length; r++) {
+      const row = item.rows[r];
+      const last = units[units.length - 1];
+      if (row.joinPrevious && last) {
+        last.rows.push(r);
+        last.height += row.height;
+        last.notes.push(...row.footnotes ?? []);
+      } else {
+        units.push({ rows: [r], height: row.height, notes: [...row.footnotes ?? []] });
+      }
+    }
+    return units;
+  }
+  function placeTable(item, index) {
+    const h = headerCount(item);
+    const headerIdx = Array.from({ length: h }, (_, i) => i);
+    const headerHeight = item.rows.slice(0, h).reduce((a, r) => a + r.height, 0);
+    const headerNotes = item.rows.slice(0, h).flatMap((r) => r.footnotes ?? []);
+    const units = tableUnits(item);
+    if (units.length === 0 && h === 0) return;
+    if (units.length === 0) units.push({ rows: [], height: 0, notes: [] });
+    let frag = null;
+    let first = true;
+    for (let u = 0; u < units.length; ) {
+      const unit = units[u];
+      if (frag === null) {
+        const notes = first ? [...headerNotes, ...unit.notes] : unit.notes;
+        const need = headerHeight + unit.height;
+        if (!fits(need, notes) && !empty()) {
+          newPage();
+          continue;
+        }
+        const overflow = !fits(need, notes);
+        frag = {
+          type: "table",
+          id: item.id,
+          item: index,
+          rows: [...headerIdx, ...unit.rows],
+          repeatedHeader: !first && h > 0,
+          ...overflow ? { overflow: true } : {}
+        };
+        page.fragments.push(frag);
+        commit(need, notes);
+        first = false;
+        u++;
+        continue;
+      }
+      if (fits(unit.height, unit.notes)) {
+        frag.rows.push(...unit.rows);
+        commit(unit.height, unit.notes);
+        u++;
+        continue;
+      }
+      newPage();
+      frag = null;
+    }
+  }
 }
-function FootnoteSeparator({ height: height2 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-footnote-separator": "", style: { height: height2, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: pt(144), borderTop: `${pt(0.5)} solid #000000` } }) });
+function sum(notes) {
+  return notes.reduce((a, n) => a + n.height, 0);
 }
 
 // src/viewer-css.ts
@@ -927,6 +1115,8 @@ function DocViewer({
   scale: fixedScale,
   maxScale = 1,
   gap = 16,
+  filename,
+  now,
   onLayout,
   injectStyles = true,
   id,
@@ -936,8 +1126,21 @@ function DocViewer({
   const geometry = react.useMemo(() => pageGeometry(doc), [doc]);
   const numbering = react.useMemo(() => numberFootnotes(doc), [doc]);
   const blocks = react.useMemo(() => Array.isArray(doc?.blocks) ? doc.blocks : [], [doc]);
-  const header = hasBand(doc?.page?.header) ? doc.page.header : null;
-  const footer = hasBand(doc?.page?.footer) ? doc.page.footer : null;
+  const page = doc?.page && typeof doc.page === "object" ? doc.page : void 0;
+  const nowKey = now instanceof Date ? now.getTime() : now;
+  const nowDate = react.useMemo(() => resolveNow(nowKey === void 0 ? void 0 : typeof nowKey === "number" ? new Date(nowKey) : nowKey), [nowKey]);
+  const author = doc?.meta && typeof doc.meta === "object" ? doc.meta.author : void 0;
+  const title = doc?.title;
+  const docFields = react.useMemo(
+    () => ({
+      section: 1,
+      ...typeof author === "string" ? { author } : {},
+      ...typeof title === "string" ? { title } : {},
+      ...typeof filename === "string" ? { filename } : {},
+      now: nowDate
+    }),
+    [author, title, filename, nowDate]
+  );
   const rootRef = react.useRef(null);
   const measureRef = react.useRef(null);
   const [layout, setLayout] = react.useState(null);
@@ -956,11 +1159,21 @@ function DocViewer({
     const el = measureRef.current;
     if (!el) return;
     const m = measure(el, blocks);
-    const box = bodyBox(geometry, m.headerHeight / PX_PER_PT, m.footerHeight / PX_PER_PT);
-    const pages = paginate(m.items, { pageHeight: box.height * PX_PER_PT, footnoteSeparator: m.footnoteSeparator });
+    const toPt = (h) => ({
+      default: h.default / PX_PER_PT,
+      first: h.first / PX_PER_PT,
+      even: h.even / PX_PER_PT
+    });
+    const boxes = pageBodyBoxes(geometry, page, { header: toPt(m.bands.header), footer: toPt(m.bands.footer) });
+    const pages = paginate(m.items, {
+      pageHeight: boxes.odd.height * PX_PER_PT,
+      firstPageHeight: boxes.first.height * PX_PER_PT,
+      evenPageHeight: boxes.even.height * PX_PER_PT,
+      footnoteSeparator: m.footnoteSeparator
+    });
     const heights = m.items.map((it) => it.type === "block" ? it.height : 0);
-    setLayout({ pages, box, heights });
-  }, [blocks, geometry, numbering, fontEpoch, header, footer]);
+    setLayout({ pages, boxes, heights });
+  }, [blocks, geometry, numbering, fontEpoch, page, docFields]);
   react.useEffect(() => {
     const fonts = typeof document !== "undefined" ? document.fonts : void 0;
     let live = true;
@@ -1021,40 +1234,50 @@ function DocViewer({
               width: pt(geometry.contentWidth)
             },
             children: /* @__PURE__ */ jsxRuntime.jsxs(RenderCtx.Provider, { value: ctx, children: [
-              header && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-header": "", children: /* @__PURE__ */ jsxRuntime.jsx(RenderCtx.Provider, { value: { ...ctx, fields: { page: 1, pages: 1 } }, children: /* @__PURE__ */ jsxRuntime.jsx(BandView, { band: header }) }) }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-footer": "", children: /* @__PURE__ */ jsxRuntime.jsx(RenderCtx.Provider, { value: { ...ctx, fields: { page: 1, pages: 1 } }, children: /* @__PURE__ */ jsxRuntime.jsx(BandView, { band: footer }) }) }),
+              ["header", "footer"].flatMap(
+                (kind) => BAND_SLOTS.map((slot) => {
+                  const band = slotBand(page, kind, slot);
+                  if (!hasBand(band)) return null;
+                  const n = slot === "even" ? 2 : 1;
+                  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-band": `${kind}:${slot}`, children: /* @__PURE__ */ jsxRuntime.jsx(RenderCtx.Provider, { value: { ...ctx, fields: { ...docFields, page: n, pages: n } }, children: /* @__PURE__ */ jsxRuntime.jsx(BandView, { band }) }) }, `${kind}:${slot}`);
+                })
+              ),
               blocks.map((b, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-block": i, style: { display: "flow-root" }, children: /* @__PURE__ */ jsxRuntime.jsx(BlockView, { block: b }) }, i)),
               numbering.notes.map((n) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-footnote": n.id, children: /* @__PURE__ */ jsxRuntime.jsx(FootnoteView, { id: n.id, footnote: n.footnote }) }, n.id)),
               numbering.notes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-measure-separator": "", children: /* @__PURE__ */ jsxRuntime.jsx(FootnoteSeparator, { height: pt(FOOTNOTE_SEPARATOR_PT) }) })
             ] })
           }
         ),
-        layout && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-page-stack": "", style: { display: "flex", flexDirection: "column", alignItems: "center", gap }, children: layout.pages.map((page) => /* @__PURE__ */ jsxRuntime.jsx(
+        layout && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-lw-page-stack": "", style: { display: "flex", flexDirection: "column", alignItems: "center", gap }, children: layout.pages.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
           PageView,
           {
-            page,
+            page: p,
             pages: layout.pages.length,
             geometry,
-            box: layout.box,
+            box: layout.boxes[pageClass(p.index)],
             scale,
             typography,
             ctx,
-            header,
-            footer,
+            docPage: page,
+            docFields,
             numbering,
             blocks,
             heights: layout.heights
           },
-          page.index
+          p.index
         )) })
       ]
     }
   );
 }
-function PageView({ page, pages, geometry, box, scale, typography, ctx, header, footer, numbering, blocks, heights }) {
+function PageView({ page, pages, geometry, box, scale, typography, ctx, docPage, docFields, numbering, blocks, heights }) {
   const n = page.index + 1;
   const g = geometry;
-  const bandCtx = { ...ctx, fields: { page: n, pages } };
+  const bandCtx = { ...ctx, fields: { ...docFields, page: n, pages, sectionPages: pages } };
+  const cls = pageClass(page.index);
+  const header = pageBand(docPage, "header", page.index);
+  const footer = pageBand(docPage, "footer", page.index);
+  const variant = (kind) => bandSlot(docPage, kind, cls);
   const notes = page.footnotes.map((fid) => numbering.notes.find((x) => x.id === fid)).filter((x) => !!x);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -1082,6 +1305,7 @@ function PageView({ page, pages, geometry, box, scale, typography, ctx, header,
               "div",
               {
                 "data-lw-band": "header",
+                "data-lw-band-variant": variant("header"),
                 style: { position: "absolute", top: pt(g.margins.header), left: pt(g.margins.left), width: pt(g.contentWidth) },
                 children: /* @__PURE__ */ jsxRuntime.jsx(RenderCtx.Provider, { value: bandCtx, children: /* @__PURE__ */ jsxRuntime.jsx(BandView, { band: header }) })
               }
@@ -1112,6 +1336,7 @@ function PageView({ page, pages, geometry, box, scale, typography, ctx, header,
               "div",
               {
                 "data-lw-band": "footer",
+                "data-lw-band-variant": variant("footer"),
                 style: { position: "absolute", bottom: pt(g.margins.footer), left: pt(g.margins.left), width: pt(g.contentWidth) },
                 children: /* @__PURE__ */ jsxRuntime.jsx(RenderCtx.Provider, { value: bandCtx, children: /* @__PURE__ */ jsxRuntime.jsx(BandView, { band: footer }) })
               }
@@ -1176,12 +1401,19 @@ exports.PAGE_BAND_DISTANCE_DEFAULT = PAGE_BAND_DISTANCE_DEFAULT;
 exports.PAGE_MARGIN_DEFAULT = PAGE_MARGIN_DEFAULT;
 exports.PAGE_SIZES_PT = PAGE_SIZES_PT;
 exports.PX_PER_PT = PX_PER_PT;
+exports.bandSlot = bandSlot;
 exports.bodyBox = bodyBox;
 exports.docFromReader = docFromReader;
+exports.formatDatePicture = formatDatePicture;
 exports.numberFootnotes = numberFootnotes;
+exports.pageBand = pageBand;
+exports.pageBodyBoxes = pageBodyBoxes;
+exports.pageCapacity = pageCapacity;
+exports.pageClass = pageClass;
 exports.pageGeometry = pageGeometry;
 exports.pageMargins = pageMargins;
 exports.paginate = paginate;
+exports.resolveNow = resolveNow;
 exports.substituteFields = substituteFields;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map