@drawnagency/primitives 0.1.117 → 0.1.119

package/dist/document/index.js

@@ -1,1030 +0,0 @@
-import {
-  documentOptionsSchema,
-  sectionSettingsSchema,
-  settingsFor,
-  settingsIssuesFor
-} from "../chunk-4TZJZU2T.js";
-import "../chunk-JSBRDJBE.js";
-
-// src/document/engine/types.ts
-var PREAMBLE_ID = "__preamble";
-
-// src/document/engine/blocks.ts
-var DISALLOWED_TAGS = /* @__PURE__ */ new Set([
-  "script",
-  "style",
-  "iframe",
-  "object",
-  "embed",
-  "link",
-  "meta",
-  "base",
-  "form",
-  // Raw-text / escapable-raw-text and declarative elements whose contents are
-  // not parsed as normal markup. Left in place they enable serialize/reparse
-  // (mXSS) bypasses — e.g. an <img onerror> smuggled inside <noscript> text.
-  // Removing the element drops its contents too (including <template> content).
-  "noscript",
-  "xmp",
-  "noembed",
-  "noframes",
-  "plaintext",
-  "template"
-]);
-var DISALLOWED_SELECTOR = Array.from(DISALLOWED_TAGS).join(",");
-var URL_ATTRS = /* @__PURE__ */ new Set([
-  "href",
-  "src",
-  "srcset",
-  "poster",
-  "xlink:href",
-  "formaction",
-  "action",
-  "ping",
-  "data",
-  "background"
-]);
-function isDangerousUrl(attrName, rawValue) {
-  const value = rawValue.toLowerCase().replace(/[\u0000-\u0020]/g, "");
-  if (value.startsWith("javascript:") || value.startsWith("vbscript:")) return true;
-  if (attrName === "src" && value.startsWith("data:text/html")) return true;
-  return false;
-}
-function hasDangerousUrl(attrName, rawValue) {
-  if (attrName !== "srcset") return isDangerousUrl(attrName, rawValue);
-  return rawValue.split(",").some((candidate) => isDangerousUrl("src", candidate.trim().split(/\s+/)[0] ?? ""));
-}
-function scrubElement(root) {
-  root.querySelectorAll(DISALLOWED_SELECTOR).forEach((el) => el.remove());
-  const elements = [root, ...Array.from(root.querySelectorAll("*"))];
-  for (const el of elements) {
-    for (const attr of Array.from(el.attributes)) {
-      const name = attr.name.toLowerCase();
-      if (name.startsWith("on") || name === "srcdoc") {
-        el.removeAttribute(attr.name);
-        continue;
-      }
-      if (URL_ATTRS.has(name) && hasDangerousUrl(name, attr.value)) {
-        el.removeAttribute(attr.name);
-      }
-    }
-  }
-}
-var VISIBLE_EMPTY_SELECTOR = "img, hr, video, svg, picture, canvas";
-function splitProseBlocks(html) {
-  if (!html.trim()) return [];
-  const doc = new DOMParser().parseFromString(html, "text/html");
-  const blocks = [];
-  for (const node of Array.from(doc.body.childNodes)) {
-    if (node.nodeType === Node.ELEMENT_NODE) {
-      const el = node;
-      if (DISALLOWED_TAGS.has(el.tagName.toLowerCase())) continue;
-      scrubElement(el);
-      if ((el.textContent ?? "").trim() || el.matches(VISIBLE_EMPTY_SELECTOR) || el.querySelector(VISIBLE_EMPTY_SELECTOR)) {
-        blocks.push(el.outerHTML);
-      }
-    } else if (node.nodeType === Node.TEXT_NODE) {
-      const text = (node.textContent ?? "").trim();
-      if (text) {
-        const p = doc.createElement("p");
-        p.textContent = text;
-        blocks.push(p.outerHTML);
-      }
-    }
-  }
-  return blocks;
-}
-
-// src/document/engine/harvest.ts
-function str(v) {
-  return typeof v === "string" ? v : "";
-}
-function asRecord(v) {
-  return v && typeof v === "object" ? v : {};
-}
-function harvestInto(target, type, content, imagesById) {
-  const c = asRecord(content);
-  switch (type) {
-    case "sub_heading":
-    case "link_heading":
-      target.textBlocks.push({ kind: "heading", level: 2, text: str(c.heading) });
-      break;
-    case "sub_sub_heading":
-      target.textBlocks.push({ kind: "heading", level: 3, text: str(c.heading) });
-      break;
-    case "prose":
-      for (const html of splitProseBlocks(str(c.body))) {
-        target.textBlocks.push({ kind: "prose", html });
-      }
-      break;
-    case "media": {
-      const ref = asRecord(c.ref);
-      const image = imagesById[str(ref.imageId)];
-      if (image) target.images.push(image);
-      break;
-    }
-    case "container": {
-      const children = Array.isArray(c.children) ? c.children : [];
-      for (const child of children) {
-        const cc = asRecord(child);
-        if (typeof cc.type === "string") {
-          harvestInto(target, cc.type, cc.content, imagesById);
-        }
-      }
-      break;
-    }
-    default:
-      break;
-  }
-}
-function harvest(sections, pageTitle, imagesById, splitAtFor = () => "none") {
-  const chunks = [];
-  const preamble = { id: PREAMBLE_ID, title: pageTitle, textBlocks: [], images: [] };
-  let parent = preamble;
-  let current = preamble;
-  let splitAt = splitAtFor(PREAMBLE_ID);
-  for (const section of sections) {
-    const heading = str(asRecord(section.content).heading);
-    if (section.type === "link_heading") {
-      parent = { id: section.id, title: heading, textBlocks: [], images: [] };
-      current = parent;
-      splitAt = splitAtFor(section.id);
-      chunks.push(parent);
-    } else if (section.type === "sub_heading" && splitAt === "sub_heading") {
-      current = { id: section.id, title: heading, textBlocks: [], images: [], parentId: parent.id, kicker: parent.title, depth: 1 };
-      chunks.push(current);
-    } else {
-      harvestInto(current, section.type, section.content, imagesById);
-    }
-  }
-  const keepPreamble = preamble.textBlocks.length > 0 || preamble.images.length > 0 || chunks.some((c) => c.parentId === PREAMBLE_ID);
-  return keepPreamble ? [preamble, ...chunks] : chunks;
-}
-
-// src/document/engine/masonry.ts
-var EPS = 1e-6;
-var effectiveAspect = (im, fit) => {
-  if (fit === "cover") return 1;
-  const aspect = im.width / im.height;
-  return Number.isFinite(aspect) && aspect > 0 ? aspect : 1;
-};
-function layoutRows(images, o, fits) {
-  const asp = images.map((im, i2) => effectiveAspect(im, fits[i2]));
-  const boxes = [];
-  let y = 0, i = 0;
-  let used = null;
-  while (i < images.length) {
-    const row = [];
-    let natW = 0;
-    while (i + row.length < images.length) {
-      row.push(i + row.length);
-      const gaps2 = o.gapIn * (row.length - 1);
-      natW = row.reduce((s, idx) => s + asp[idx] * o.targetRowHeightIn, 0) + gaps2;
-      if (natW >= o.bodyWIn) break;
-    }
-    const gaps = o.gapIn * (row.length - 1);
-    const sumAspect = row.reduce((s, idx) => s + asp[idx], 0);
-    const isFull = natW >= o.bodyWIn;
-    const rowH = isFull ? (o.bodyWIn - gaps) / sumAspect : o.targetRowHeightIn;
-    if (used === null && y + rowH > o.bodyHIn + EPS && boxes.length > 0) used = boxes.length;
-    let x = 0;
-    for (const idx of row) {
-      const w = asp[idx] * rowH;
-      boxes.push({ asset: images[idx], xIn: x, yIn: y, wIn: w, hIn: rowH });
-      x += w + o.gapIn;
-    }
-    y += rowH + o.gapIn;
-    i += row.length;
-  }
-  return { boxes, used: used ?? images.length, endY: y };
-}
-function layoutForcedRows(images, o, fits, n) {
-  const asp = images.map((im, i2) => effectiveAspect(im, fits[i2]));
-  const count = Math.min(n, images.length);
-  const rows = [];
-  let i = 0;
-  for (let r = 0; r < count; r++) {
-    const remainingRows = count - r;
-    const target = asp.slice(i).reduce((s, a) => s + a, 0) / remainingRows;
-    const row = [];
-    let sum = 0;
-    while (i < asp.length) {
-      if (row.length > 0) {
-        if (asp.length - (i + 1) < remainingRows - 1) break;
-        if (sum >= target - EPS) break;
-      }
-      row.push(i);
-      sum += asp[i];
-      i++;
-    }
-    rows.push(row);
-  }
-  const rowMeta = rows.map((row) => {
-    const gaps = o.gapIn * (row.length - 1);
-    const sumAspect = row.reduce((s, a) => s + asp[a], 0);
-    return { row, gaps, sumAspect, hIn: (o.bodyWIn - gaps) / sumAspect };
-  });
-  const rowGaps = o.gapIn * (rowMeta.length - 1);
-  const totalH = rowMeta.reduce((s, m) => s + m.hIn, 0);
-  const scale = totalH > 0 ? Math.min(1, Math.max(0, o.bodyHIn - rowGaps) / totalH) : 1;
-  const boxes = [];
-  let y = 0;
-  for (const m of rowMeta) {
-    const rowH = m.hIn * scale;
-    let x = 0;
-    for (const idx of m.row) {
-      const w = asp[idx] * rowH;
-      boxes.push({ asset: images[idx], xIn: x, yIn: y, wIn: w, hIn: rowH });
-      x += w + o.gapIn;
-    }
-    y += rowH + o.gapIn;
-  }
-  return { boxes, used: images.length, endY: y };
-}
-function layoutColumns(images, o, fits) {
-  const n = o.columns;
-  const colW = (o.bodyWIn - o.gapIn * (n - 1)) / n;
-  const colH = new Array(n).fill(0);
-  const boxes = [];
-  let used = null;
-  images.forEach((im, idx) => {
-    let c = 0;
-    for (let k = 1; k < n; k++) if (colH[k] < colH[c]) c = k;
-    const y = colH[c];
-    const h = colW / effectiveAspect(im, fits[idx]);
-    if (used === null && y + h > o.bodyHIn + EPS && idx > 0) used = idx;
-    boxes.push({ asset: im, xIn: c * (colW + o.gapIn), yIn: y, wIn: colW, hIn: h });
-    colH[c] = y + h + o.gapIn;
-  });
-  return { boxes, used: used ?? images.length, colHeights: colH, colW };
-}
-function layoutMasonryPage(images, o, fits = []) {
-  if (o.mode === "columns") {
-    const r2 = layoutColumns(images, o, fits);
-    return { boxes: r2.boxes, used: r2.used };
-  }
-  const r = typeof o.rows === "number" ? layoutForcedRows(images, o, fits, o.rows) : layoutRows(images, o, fits);
-  return { boxes: r.boxes, used: r.used };
-}
-
-// src/document/engine/paginate.ts
-var DOC_GEOM = {
-  bodyWIn: 15.8,
-  bodyHIn: 9.05,
-  titleBandIn: 0.9,
-  gapIn: 0.15,
-  leftColWIn: 4.6,
-  colGutterIn: 0.4,
-  minTextColIn: 1,
-  minImageRegionIn: 1.2,
-  masonryTargetRowIn: 2.6,
-  // Top text fills at most this fraction of the body height below the title
-  // band, so a text-heavy top section always leaves ≥ half the page for images.
-  topTextMaxFraction: 0.5
-};
-var EPS2 = 1e-6;
-function fitImages(images, layout, region, geom) {
-  if (images.length === 0 || region.hIn < geom.minImageRegionIn) return { boxes: [], used: 0 };
-  if (layout.mode === "grid") {
-    const used = Math.min(layout.rows * layout.columns, images.length);
-    const cellW = (region.wIn - (layout.columns - 1) * geom.gapIn) / layout.columns;
-    const cellH = (region.hIn - (layout.rows - 1) * geom.gapIn) / layout.rows;
-    const boxes2 = images.slice(0, used).map((image, i) => {
-      const r2 = Math.floor(i / layout.columns);
-      const c = i % layout.columns;
-      return {
-        image,
-        xIn: region.xIn + c * (cellW + geom.gapIn),
-        yIn: region.yIn + r2 * (cellH + geom.gapIn),
-        wIn: cellW,
-        hIn: cellH,
-        fit: layout.fit
-      };
-    });
-    return { boxes: boxes2, used };
-  }
-  const r = layoutMasonryPage(images, {
-    mode: layout.flow,
-    columns: layout.columns,
-    rows: layout.rows,
-    bodyWIn: region.wIn,
-    bodyHIn: region.hIn,
-    gapIn: geom.gapIn,
-    targetRowHeightIn: geom.masonryTargetRowIn
-  });
-  const boxes = r.boxes.slice(0, r.used).map((b) => ({
-    image: b.asset,
-    xIn: region.xIn + b.xIn,
-    yIn: region.yIn + b.yIn,
-    wIn: b.wIn,
-    hIn: b.hIn,
-    fit: "contain"
-  }));
-  return { boxes, used: r.used };
-}
-function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM, naturalTextWIn) {
-  if (settings.excluded) return [];
-  if (chunk.textBlocks.length !== textHeightsIn.length) {
-    throw new Error("paginateChunk: textHeightsIn must match chunk.textBlocks");
-  }
-  if (chunk.textBlocks.length === 0 && chunk.images.length === 0) return [];
-  const colWIn = naturalTextWIn === void 0 ? geom.leftColWIn : Math.min(geom.leftColWIn, Math.max(geom.minTextColIn, naturalTextWIn + 0.05));
-  const pages = [];
-  let ti = 0;
-  let ii = 0;
-  const top = geom.titleBandIn;
-  while (ti < chunk.textBlocks.length || ii < chunk.images.length) {
-    const cont = pages.length > 0;
-    const warnings = [];
-    const textW = settings.textPlacement === "top" ? geom.bodyWIn : colWIn;
-    const capY = settings.textPlacement === "top" && ii < chunk.images.length ? geom.titleBandIn + (geom.bodyHIn - geom.titleBandIn) * geom.topTextMaxFraction : geom.bodyHIn;
-    const placed = [];
-    let textEnd = top;
-    while (ti < chunk.textBlocks.length) {
-      const h = textHeightsIn[ti];
-      const yAfter = placed.length === 0 ? top + h : textEnd + geom.gapIn + h;
-      if (yAfter <= capY + EPS2) {
-        placed.push(chunk.textBlocks[ti]);
-        textEnd = yAfter;
-        ti++;
-      } else if (placed.length === 0) {
-        placed.push(chunk.textBlocks[ti]);
-        textEnd = capY;
-        ti++;
-        warnings.push("A text block is taller than the page and was clipped.");
-        break;
-      } else {
-        break;
-      }
-    }
-    if (!cont && settings.dropTextOverflow && ti < chunk.textBlocks.length) {
-      const dropped = chunk.textBlocks.length - ti;
-      ti = chunk.textBlocks.length;
-      warnings.push(`${dropped} text block(s) hidden (overflow dropped)`);
-    }
-    const textRegion = placed.length > 0 ? { xIn: 0, yIn: top, wIn: textW, hIn: textEnd - top } : null;
-    let region;
-    if (settings.textPlacement === "leftColumn" && settings.imagePlacement === "right" && placed.length > 0) {
-      region = {
-        xIn: colWIn + geom.colGutterIn,
-        yIn: top,
-        wIn: geom.bodyWIn - colWIn - geom.colGutterIn,
-        hIn: geom.bodyHIn - top
-      };
-    } else {
-      const startY = placed.length > 0 ? textEnd + geom.gapIn : top;
-      region = { xIn: 0, yIn: startY, wIn: geom.bodyWIn, hIn: Math.max(0, geom.bodyHIn - startY) };
-    }
-    const { boxes, used } = fitImages(chunk.images.slice(ii), settings.imageLayout, region, geom);
-    ii += used;
-    if (boxes.some((b) => b.yIn + b.hIn > region.yIn + region.hIn + 0.01)) {
-      warnings.push("An image overflows the page and is clipped.");
-    }
-    if (placed.length === 0 && used === 0) {
-      warnings.push("Pagination could not place remaining content.");
-      pages.push({
-        id: `${chunk.id}#${pages.length}`,
-        chunkId: chunk.id,
-        title: cont ? `${chunk.title} Cont.` : chunk.title,
-        cont,
-        kicker: chunk.kicker,
-        depth: chunk.depth,
-        textBlocks: placed,
-        textRegion,
-        imageBoxes: boxes,
-        warnings
-      });
-      break;
-    }
-    pages.push({
-      id: `${chunk.id}#${pages.length}`,
-      chunkId: chunk.id,
-      title: cont ? `${chunk.title} Cont.` : chunk.title,
-      cont,
-      kicker: chunk.kicker,
-      depth: chunk.depth,
-      textBlocks: placed,
-      textRegion,
-      imageBoxes: boxes,
-      warnings
-    });
-  }
-  return pages;
-}
-
-// src/document/components/Wordmark.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Wordmark({ className }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 360 154.474",
-      fill: "currentColor",
-      role: "img",
-      "aria-label": "Drawn",
-      className,
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M93.211 18.436c-2.177.868 2.024 1.375 6.374 5.14 3.913 3.392 5.542 6.526 8.126 5.794l.084-.019c15.002-4.018 30.605-4.343 45.642-3.985 37.577.895 76.5 13.868 127.052 10.736 52.074-3.226 64.063-33.293 64.423-35.34.335-1.903-4.473.223-6.71 1.341-2.461 1.23-12.375 22.056-56.817 24.605-54.58 3.13-76.949-13.42-127.948-16.105-24.157-1.272-44.308 1.912-60.225 7.832ZM353.301 104.05c-3.497-.813-8.22-.393-14.355 3.083a42.817 42.817 0 0 0-1.464.863l-.646.396c-.153.094-.302.192-.452.286-.185.121-.375.239-.56.36-.158.1-.315.202-.47.305-.18.119-.36.234-.539.354-.177.118-.353.235-.53.35l-.557.373c-.113.076-.23.15-.344.225-2.209 1.475-4.596 3.046-7.903 4.822l-.002-.001c-.178.093-.354.189-.534.285-.25.132-.504.264-.764.398-.28.145-.574.292-.87.442-.268.133-.537.269-.817.403-.32.16-.653.319-.988.477-.282.136-.561.27-.857.407a124.187 124.187 0 0 1-4.258 1.882c-22.372 9.426-46.637 12.894-83.75 9.349-37.286-3.562-76.22-13.87-126.593-10.74-51.887 3.228-63.837 33.296-64.195 35.346-.336 1.898 4.455-.225 6.685-1.345 2.45-1.228 12.332-22.055 56.612-24.603 54.385-3.132 84.076 13.469 131.52 17.447 34.494 2.89 59.914-3.453 77.117-14.422 3.42-2.183 6.945-4.758 10.342-7.353.093-.067.176-.134.264-.202.111-.085.217-.168.329-.25.563-.434 1.122-.87 1.68-1.302.098-.077.2-.152.3-.23 1.027-.8 2.038-1.593 3.021-2.37 2.518-1.98 4.866-3.835 6.939-5.395l.823-.614.382-.28c.344-.251.675-.49.999-.718a42.728 42.728 0 0 1 1.547-1.058c.07-.047.14-.084.206-.13.31-.197.608-.379.89-.544.094-.054.189-.11.281-.16a12.3 12.3 0 0 1 .933-.486c4.427-2.017 8.968-2.27 9.22 1.837.124 2.074-1.999 4.029-5.691 4.449-2.565.292-6.454.442-9.699-.803-.026-.012-.048-.012-.077-.023-.5-.17-1.841 1.036-2.762 2-.922.966-2.05 1.673-1.084 2.163 4.29 2.29 8.832 3.056 11.611 3.137 8.07.221 14.336-1.887 15.567-8.04.93-4.653-1.559-9.227-6.507-10.371Z" }),
-        /* @__PURE__ */ jsx("path", { d: "M340.048 55.675c-3.094-2.81-8.125-2.34-11.568-2.069-5.92.466-11.54 3.713-15.45 6.582-.477-3.394-1.684-5.828-3.908-6.64-6.393-2.34-11.45 2.035-16.42 5.387-1.95 1.254-4.322-4.012-5.878-4.895-1.55-.882-4.995-1.347-7.803.126-4.404 2.305-7.465 5.91-7.21 8.136.257 2.297 4.149 4.28 4.065 6.879-.13 4.019-2.04 7.87-4.668 13.225-1.998 4.068-4.108 7.762-6.38 10.711-1.537 1.954-3.631 4.144-6.278 5.748-.514.277-1.04.496-1.57.685-3.299.82-4.712-3.26-3.843-8.882 1.006-6.444 9.235-29.756 9.738-30.966.502-1.21-.382-1.121-2.396-1.49-2.015-.37-6.724-.041-8.45.241-1.727.279-5.21 15.477-7.354 22.253-2.143 6.778-5.96 14.898-8.942 17.284-2.568 2.058-4.896 3.11-7.137 2.31-6.262-2.243-2.25-19.315 1.117-28.63 3.801-10.515 9.353-20.009 6.934-19.91-5.368.224-11.976 2.01-13.28 4.058-2.33 3.673-8.074 21.308-9.999 26.677-1.072 2.989-1.506 6.316-1.412 9.579-1.124.544-6.17 6.036-12.888 5.767-7.49-.303 4.697-29.98 5.369-31.32.67-1.342-11.354-1.567-12.026-.222-.668 1.34-6.037 31.487-20.409 31.487-10.457 0-5.145-25.45 7.604-34.614 10.985-7.9 25.36-2.188 26.924-2.862 1.565-.668 4.17-9.668 4.17-10.786s-4.698-1.119-18.792-.222c-14.09.893-21.92 7.38-30.195 20.69-8.278 13.31-10.068 26.73-19.412 26.73-9.22 0-1.169-18.788 3.082-27.738 4.248-8.946 6.937-17.895 5.592-19.907-1.343-2.014-16.332-.46-17.673-1.58-1.344-1.119 1.121-3.12.45-4.913-.67-1.787-10.515-1.787-14.205 0-1.887.916-2.185 3.287-2.021 5.893 1.254 7.163 1.232 14.979-.318 22.603.064.302.197.384.438.138 2.586-2.63 8.876-11.227 9.55-12.12.669-.897 8.836-.71 9.239.043.645 1.203-6.796 17.224-8.723 22.59-3.61 10.057-2.573 16.894 2.973 20.234 4.967 2.996 9.777 2.584 16.73-1.624 6.977-4.222 9.599-6.526 9.599-6.526s0 14.087 15.437 14.087c11.406 0 14.089-8.048 14.089-8.048s1.797 10.698 12.414 9.087c6.176-.937 11.652-9.47 13.41-12.763 1.045 6.066 3.97 11.25 8.174 12.625 5.887 1.922 13.06.388 19.818-4.645a15.195 15.195 0 0 0 2.495-2.362c2.356 5.703 5.865 9.538 9.681 10.008 19.478 2.399 28.458-19.807 33.299-34.217.993-2.955 1.71-5.846 2.654-9.364.268-1.007 1.183-2.504 2.994-2.939 4.188-.933 7.848-1.282 8.583.371 3.784 8.503-13.171 43.36-10.747 43.36 3.3 0 10.047-1.037 12.48-4.353 4.145-5.64 10.948-25.812 11.45-39.149 2.636-2.101 5.458-3.664 8.179-3.883 9.395-.757 6.167 14.162 3.22 22.537-4.906 13.966-3.351 22.982.632 28.735.709.9 1.775-.014 3.49-.917 1.718-.906 2.7-1.413 2.527-2.26-.011-.062-.019-.12-.029-.183-1.323-5.592 3.407-13.519 7.318-24.085 3.762-10.158 7.001-24.749 1.465-29.782ZM46.09 89.63c1.282-2.736 2.616-5.56 4.002-8.468C56.528 67.684 66.09 53.946 75.049 46.32a80.636 80.636 0 0 1 14.747-9.98c.07-.044.148-.092.221-.132 1.173-.631 1.17-1.394-.013-3.301-1.354-2.185-3.87-4.955-8.296-7.144-1.703-.842-3.224-.362-4.618.396-4.817 2.932-9.012 6.161-12.569 9.6C46.448 53.23 37.23 76.32 33.231 88.318l-1.407 4.22c-.406 1.22-.8 2.397-1.185 3.546l-.149.437c-.38 1.13-.748 2.214-1.11 3.27-.008.02-.014.043-.022.061-.993 2.89-1.932 5.525-2.846 7.885h-.01c-.22.568-.44 1.153-.66 1.689l-.006.015a79.329 79.329 0 0 1-1.105 2.609 51.44 51.44 0 0 1-1.022 2.16l-.106.22c-2.926 5.805-5.963 8.77-10.193 8.77-8.5 0-6.377-11.156 6.71-15.516a18.611 18.611 0 0 1 3.791-.83c.064-.01.118-.024.188-.035 1.761-.268 1.54-1.49 2.059-3.246.376-1.273 1.282-2.543-.193-2.404a57.899 57.899 0 0 0-6.293 1.147c-23.152 5.477-24.366 25.123-11.446 28.413 9.656 2.457 17.26-3.099 23.006-11.475.24-.356.493-.743.75-1.154.084-.132.173-.28.26-.42.177-.29.354-.584.54-.901.102-.175.208-.362.313-.545.176-.305.355-.623.537-.95.11-.198.22-.393.33-.598.198-.364.4-.74.604-1.122.098-.188.197-.368.294-.557.304-.578.614-1.173.93-1.796.028-.052.055-.112.083-.164l.337-.668c1.406-2.791 2.94-5.988 4.603-9.504 1.64-3.475 3.4-7.248 5.277-11.245Z" }),
-        /* @__PURE__ */ jsx("path", { d: "M79.206 111.375c35.531-11.52 39.87-52.054 28.828-74.15a34.694 34.694 0 0 0-2.573-4.302c-4.379-6.306-10.605-10.865-17.802-14.027-5.346-2.35-11.22-3.94-17.254-4.914C43.94 9.708 6.14 18.749 5.74 39.95 5.354 60.374 30.548 57.9 32.533 58.025c2.247.14 1.678-1.678-.67-4.028-2.35-2.347-7.946-7.147-7.382-15.433.844-12.415 17.78-22.482 44.612-18.03 3.758.625 6.956 1.438 9.75 2.425 8.204 2.907 12.703 7.418 16.072 13.73a55.714 55.714 0 0 1 2.154 4.559c8.11 19.313-4.926 52.567-24.438 59.737-14.466 5.317-21.625 3.08-29.713 1.281-1.304-.287-1.495 1.185-2.543 3.446-1.047 2.264-2.092 3.906-1.052 4.293 9.395 3.44 20.77 7.563 39.883 1.37Z" })
-      ]
-    }
-  );
-}
-
-// src/document/components/DocPage.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DocPage({
-  meta,
-  bleed = false,
-  chrome = true,
-  children
-}) {
-  const crumb = [meta.client, meta.project, meta.dateLabel].map((s) => s.trim().toUpperCase()).filter(Boolean).join(" :: ");
-  return /* @__PURE__ */ jsxs2("section", { className: "deck-page", children: [
-    bleed ? /* @__PURE__ */ jsx2("div", { className: "deck-bleed", children }) : null,
-    chrome ? /* @__PURE__ */ jsxs2("header", { className: "deck-chrome", children: [
-      /* @__PURE__ */ jsx2("span", { className: "deck-crumb", children: crumb }),
-      /* @__PURE__ */ jsx2("div", { className: "deck-wordmark-clip", children: /* @__PURE__ */ jsx2(Wordmark, { className: "deck-wordmark" }) })
-    ] }) : null,
-    !bleed ? /* @__PURE__ */ jsx2("div", { className: "deck-body", children }) : null
-  ] });
-}
-
-// src/document/components/DocSectionPage.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var inch = (v) => `${v}in`;
-function DocSectionPage({ page, meta, host }) {
-  return /* @__PURE__ */ jsxs3(DocPage, { meta, children: [
-    /* @__PURE__ */ jsxs3("h2", { className: "pdoc-title", children: [
-      page.kicker ? /* @__PURE__ */ jsx3("span", { className: "pdoc-kicker", "aria-hidden": "true", children: page.kicker }) : null,
-      page.title
-    ] }),
-    page.textRegion ? /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "pdoc-text",
-        style: { left: inch(page.textRegion.xIn), top: inch(page.textRegion.yIn), width: inch(page.textRegion.wIn) },
-        children: page.textBlocks.map((b, i) => {
-          const spacing = i > 0 ? { marginTop: inch(0.15) } : void 0;
-          if (b.kind === "heading") {
-            return b.level === 2 ? /* @__PURE__ */ jsx3("h3", { className: "pdoc-h2", style: spacing, children: b.text }, i) : /* @__PURE__ */ jsx3("h4", { className: "pdoc-h3", style: spacing, children: b.text }, i);
-          }
-          return /* @__PURE__ */ jsx3("div", { className: "pdoc-prose", style: spacing, dangerouslySetInnerHTML: { __html: b.html } }, i);
-        })
-      }
-    ) : null,
-    page.imageBoxes.map((box, i) => /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "pdoc-img",
-        style: { left: inch(box.xIn), top: inch(box.yIn), width: inch(box.wIn), height: inch(box.hIn) },
-        children: /* @__PURE__ */ jsx3("img", { src: host.imageSrc(box.image, host.variant), alt: box.image.alt, style: { objectFit: box.fit } })
-      },
-      `${box.image.imageId}-${i}`
-    ))
-  ] });
-}
-
-// src/document/components/DocCoverPage.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function DocCoverPage({
-  cover,
-  meta,
-  image,
-  host
-}) {
-  return /* @__PURE__ */ jsx4(DocPage, { meta, bleed: true, chrome: false, children: /* @__PURE__ */ jsxs4("div", { className: "layout-titlecard", style: { background: cover.bgColor }, children: [
-    /* @__PURE__ */ jsxs4("header", { className: "layout-titlecard__masthead", children: [
-      /* @__PURE__ */ jsx4(Wordmark, { className: "layout-titlecard__wordmark" }),
-      /* @__PURE__ */ jsx4("span", { className: "layout-titlecard__rule" })
-    ] }),
-    image && host ? /* @__PURE__ */ jsx4("div", { className: "layout-titlecard__image", children: /* @__PURE__ */ jsx4("img", { src: host.imageSrc(image, host.variant), alt: image.alt }) }) : null,
-    /* @__PURE__ */ jsxs4("div", { className: "layout-titlecard__lockup", style: { color: cover.accentColor }, children: [
-      /* @__PURE__ */ jsx4("h1", { className: "layout-titlecard__title", children: cover.title }),
-      /* @__PURE__ */ jsx4("span", { className: "layout-titlecard__titlerule", style: { background: cover.accentColor } }),
-      /* @__PURE__ */ jsx4("p", { className: "layout-titlecard__label", children: cover.label }),
-      /* @__PURE__ */ jsx4("p", { className: "layout-titlecard__date", children: cover.date || meta.dateLabel })
-    ] })
-  ] }) });
-}
-
-// src/document/components/useDocPages.ts
-import { useMemo as useMemo2 } from "react";
-
-// src/document/components/measure.tsx
-import { useEffect, useLayoutEffect, useMemo, useState } from "react";
-var PX_PER_IN = 96;
-function widthInFor(settings) {
-  return settings?.textPlacement === "leftColumn" ? DOC_GEOM.leftColWIn : DOC_GEOM.bodyWIn;
-}
-function blockClassName(block) {
-  if (block.kind === "heading") return block.level === 2 ? "pdoc-h2" : "pdoc-h3";
-  return "pdoc-prose";
-}
-function signatureFor(chunks, settingsMap) {
-  return JSON.stringify(
-    chunks.map((c) => [
-      c.id,
-      widthInFor(settingsMap[c.id]),
-      c.textBlocks.map((b) => b.kind === "heading" ? ["h", b.level, b.text] : ["p", b.html])
-    ])
-  );
-}
-function useTextMeasurements(chunks, settingsMap) {
-  const [heights, setHeights] = useState(null);
-  const [textWidths, setTextWidths] = useState(null);
-  const [fontsReady, setFontsReady] = useState(false);
-  useEffect(() => {
-    let cancelled = false;
-    const markReady = () => {
-      if (!cancelled) setFontsReady(true);
-    };
-    Promise.resolve(document.fonts?.ready).then(markReady).catch(markReady);
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const signature = useMemo(() => signatureFor(chunks, settingsMap), [chunks, settingsMap]);
-  useLayoutEffect(() => {
-    if (!fontsReady) return;
-    const containers = [];
-    const next = {};
-    const nextW = {};
-    const pending = [];
-    for (const chunk of chunks) {
-      if (chunk.textBlocks.length === 0) {
-        next[chunk.id] = [];
-        nextW[chunk.id] = 0;
-        continue;
-      }
-      const container = document.createElement("div");
-      container.className = "pdoc-measure";
-      container.style.width = `${widthInFor(settingsMap[chunk.id])}in`;
-      document.body.appendChild(container);
-      containers.push(container);
-      const wrappers = [];
-      for (const block of chunk.textBlocks) {
-        const wrapper = document.createElement("div");
-        wrapper.className = blockClassName(block);
-        if (block.kind === "heading") {
-          wrapper.textContent = block.text;
-        } else {
-          wrapper.innerHTML = block.html;
-        }
-        wrapper.style.width = "max-content";
-        wrapper.style.maxWidth = "100%";
-        container.appendChild(wrapper);
-        wrappers.push(wrapper);
-      }
-      pending.push({ chunkId: chunk.id, wrappers });
-    }
-    for (const { chunkId, wrappers } of pending) {
-      const measured = [];
-      let wMax = 0;
-      for (const wrapper of wrappers) {
-        measured.push(wrapper.offsetHeight / PX_PER_IN);
-        wMax = Math.max(wMax, wrapper.getBoundingClientRect().width / PX_PER_IN);
-      }
-      next[chunkId] = measured;
-      nextW[chunkId] = wMax;
-    }
-    setHeights(next);
-    setTextWidths(nextW);
-    return () => {
-      for (const container of containers) container.remove();
-    };
-  }, [signature, fontsReady]);
-  return { heights, textWidths };
-}
-
-// src/document/components/useDocPages.ts
-function useDocPages(input) {
-  const { source, sections } = input;
-  const splitSig = useMemo2(() => {
-    const m = {};
-    for (const id of Object.keys(sections ?? {})) {
-      const v = settingsFor(sections, id).splitAt;
-      if (v !== "none") m[id] = v;
-    }
-    return JSON.stringify(m);
-  }, [sections]);
-  const splitAtFor = useMemo2(() => {
-    const m = JSON.parse(splitSig);
-    return (id) => m[id] ?? "none";
-  }, [splitSig]);
-  const chunks = useMemo2(
-    () => source ? harvest(source.sections, source.pageTitle, source.images, splitAtFor) : [],
-    [source, splitAtFor]
-  );
-  const settingsMap = useMemo2(() => {
-    const map = {};
-    for (const c of chunks) map[c.id] = settingsFor(sections, c.id);
-    return map;
-  }, [chunks, sections]);
-  const { heights, textWidths } = useTextMeasurements(chunks, settingsMap);
-  const pages = useMemo2(() => {
-    return chunks.flatMap((c) => {
-      const h = heights?.[c.id];
-      if (c.textBlocks.length > 0 && (!h || h.length !== c.textBlocks.length)) return [];
-      return paginateChunk(c, settingsMap[c.id], h ?? [], DOC_GEOM, textWidths?.[c.id]);
-    });
-  }, [chunks, settingsMap, heights, textWidths]);
-  const measuring = useMemo2(
-    () => chunks.some((c) => {
-      if (c.textBlocks.length === 0) return false;
-      const h = heights?.[c.id];
-      return !h || h.length !== c.textBlocks.length;
-    }),
-    [chunks, heights]
-  );
-  const warningsByChunk = useMemo2(() => {
-    const map = {};
-    for (const c of chunks) {
-      const noContent = c.textBlocks.length === 0 && c.images.length === 0;
-      const pageWarnings = pages.filter((p) => p.chunkId === c.id).flatMap((p) => p.warnings);
-      const rejected = settingsIssuesFor(sections, c.id);
-      const settingWarnings = rejected.length > 0 ? [`Unrecognised value reset to default: ${rejected.join(", ")}`] : [];
-      const warnings = noContent ? ["Section has no content", ...settingWarnings, ...pageWarnings] : [...settingWarnings, ...pageWarnings];
-      if (warnings.length > 0) map[c.id] = warnings;
-    }
-    return map;
-  }, [chunks, pages, sections]);
-  return { chunks, pages, measuring, warningsByChunk };
-}
-
-// src/document/components/DocViewer.tsx
-import { useCallback, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
-
-// src/document/components/DocRail.tsx
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var PAGE_W = 1632;
-var PAGE_H = 1056;
-function entryId(entry) {
-  if (entry.kind === "cover") return "cover";
-  if (entry.kind === "page") return entry.page.id;
-  return `ghost:${entry.chunkId}`;
-}
-var INDENT = ["", "pl-4", "pl-8"];
-var indentClass = (level) => INDENT[Math.min(level, INDENT.length - 1)] || void 0;
-function ThumbButton({
-  id,
-  selectedId,
-  scale,
-  label,
-  indentLevel,
-  onSelect,
-  children
-}) {
-  const liRef = useRef(null);
-  const [shown, setShown] = useState2(typeof IntersectionObserver === "undefined");
-  useEffect2(() => {
-    if (shown) return;
-    const el = liRef.current;
-    if (!el) return;
-    const obs = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((e) => e.isIntersecting)) {
-          setShown(true);
-          obs.disconnect();
-        }
-      },
-      { rootMargin: "200% 0px" }
-    );
-    obs.observe(el);
-    return () => obs.disconnect();
-  }, [shown]);
-  return /* @__PURE__ */ jsx5("li", { ref: liRef, className: indentClass(indentLevel ?? 0), children: /* @__PURE__ */ jsxs5(
-    "button",
-    {
-      type: "button",
-      onClick: () => onSelect(id),
-      className: `relative block w-full rounded border-2 bg-white ${id === selectedId ? "border-teal-600" : "border-neutral-200 hover:border-neutral-300"}`,
-      children: [
-        /* @__PURE__ */ jsx5("span", { className: "pointer-events-none block w-full overflow-hidden aspect-[17/11]", children: /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: "block origin-top-left",
-            style: { transform: `scale(${scale})`, width: PAGE_W, height: PAGE_H },
-            children: shown ? children : null
-          }
-        ) }),
-        /* @__PURE__ */ jsx5("span", { className: "absolute bottom-0.5 left-1 max-w-[90%] truncate text-[10px] text-neutral-400", children: label })
-      ]
-    }
-  ) });
-}
-function DocRail({
-  entries,
-  selectedId,
-  meta,
-  cover,
-  coverImage,
-  host,
-  onSelect,
-  onCollapse
-}) {
-  const listRef = useRef(null);
-  const [scale, setScale] = useState2(0.11);
-  useEffect2(() => {
-    const el = listRef.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const obs = new ResizeObserver(() => {
-      const w = el.clientWidth - 4;
-      if (w > 0) setScale(w / PAGE_W);
-    });
-    obs.observe(el);
-    return () => obs.disconnect();
-  }, []);
-  return /* @__PURE__ */ jsxs5(
-    "nav",
-    {
-      "data-testid": "doc-rail",
-      className: "flex w-52 shrink-0 flex-col overflow-y-auto border-r border-neutral-200 bg-neutral-50 p-3",
-      children: [
-        /* @__PURE__ */ jsxs5(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Collapse page rail",
-            onClick: onCollapse,
-            className: "mb-2 flex w-full items-center justify-between rounded px-2 py-1.5 text-sm font-medium text-neutral-600 hover:bg-neutral-100 hover:text-neutral-900",
-            children: [
-              /* @__PURE__ */ jsx5("span", { children: "Pages" }),
-              /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "text-lg leading-none", children: "\u2039" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5("ol", { ref: listRef, className: "flex flex-col gap-2", children: entries.map((entry) => {
-          const id = entryId(entry);
-          if (entry.kind === "cover") {
-            return /* @__PURE__ */ jsx5(ThumbButton, { id, selectedId, scale, label: "Cover", onSelect, children: /* @__PURE__ */ jsx5(DocCoverPage, { cover, meta, image: coverImage, host }) }, id);
-          }
-          if (entry.kind === "page") {
-            return /* @__PURE__ */ jsx5(
-              ThumbButton,
-              {
-                id,
-                selectedId,
-                scale,
-                label: entry.page.title,
-                indentLevel: (entry.page.depth ?? 0) + (entry.page.cont ? 1 : 0),
-                onSelect,
-                children: /* @__PURE__ */ jsx5(DocSectionPage, { page: entry.page, meta, host })
-              },
-              id
-            );
-          }
-          return /* @__PURE__ */ jsx5("li", { className: indentClass(entry.depth ?? 0), children: /* @__PURE__ */ jsxs5(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSelect(id),
-              className: `flex w-full items-center justify-between gap-2 rounded border px-2 py-2 text-left text-xs ${id === selectedId ? "border-teal-600 bg-white" : "border-dashed border-neutral-300 bg-neutral-50 hover:border-neutral-400"}`,
-              children: [
-                /* @__PURE__ */ jsx5("span", { className: "truncate text-neutral-400", children: entry.title }),
-                /* @__PURE__ */ jsx5("span", { className: "shrink-0 rounded bg-neutral-200 px-1 text-[10px] uppercase tracking-wide text-neutral-500", children: entry.reason })
-              ]
-            }
-          ) }, id);
-        }) })
-      ]
-    }
-  );
-}
-
-// src/document/components/DocViewer.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var PAGE_W2 = 1632;
-var PAGE_H2 = 1056;
-function chunkIdOf(id) {
-  if (id === "cover") return null;
-  if (id.startsWith("ghost:")) return id.slice("ghost:".length);
-  if (id.includes("#")) return id.slice(0, id.lastIndexOf("#"));
-  return id;
-}
-function DocViewer({
-  source,
-  document: doc,
-  host,
-  mode,
-  selectedChunkId,
-  onSelectChunk,
-  onClose,
-  downloadHref,
-  onDocState
-}) {
-  const { chunks, pages, measuring, warningsByChunk } = useDocPages({ source, sections: doc.sections });
-  const [activeId, setActiveId] = useState3("cover");
-  const [railOpen, setRailOpen] = useState3(true);
-  const coverImage = doc.cover.imageId ? source?.images[doc.cover.imageId] ?? null : null;
-  const onDocStateRef = useRef2(onDocState);
-  onDocStateRef.current = onDocState;
-  const lastEmitRef = useRef2(null);
-  useEffect3(() => {
-    if (lastEmitRef.current?.chunks === chunks && lastEmitRef.current?.warningsByChunk === warningsByChunk) return;
-    lastEmitRef.current = { chunks, warningsByChunk };
-    onDocStateRef.current?.({ chunks, warningsByChunk });
-  }, [chunks, warningsByChunk]);
-  const entries = useMemo3(() => {
-    const list = [{ kind: "cover" }];
-    for (const chunk of chunks) {
-      const s = settingsFor(doc.sections, chunk.id);
-      const empty = chunk.textBlocks.length === 0 && chunk.images.length === 0;
-      if (s.excluded || empty) {
-        if (mode === "edit") {
-          list.push({ kind: "ghost", chunkId: chunk.id, title: chunk.title, reason: s.excluded ? "excluded" : "empty", depth: chunk.depth });
-        }
-      } else {
-        for (const page of pages.filter((p) => p.chunkId === chunk.id)) list.push({ kind: "page", page });
-      }
-    }
-    return list;
-  }, [chunks, pages, doc.sections, mode]);
-  const selectEntry = useCallback(
-    (id) => {
-      setActiveId(id);
-      if (mode === "edit") onSelectChunk?.(chunkIdOf(id));
-    },
-    [mode, onSelectChunk]
-  );
-  useEffect3(() => {
-    if (measuring) return;
-    if (entries.some((e) => entryId(e) === activeId)) return;
-    const chunkId = chunkIdOf(activeId);
-    const ghost = entries.find((e) => e.kind === "ghost" && e.chunkId === chunkId);
-    setActiveId(ghost ? entryId(ghost) : "cover");
-  }, [entries, activeId, measuring]);
-  useEffect3(() => {
-    if (mode !== "edit" || selectedChunkId === void 0) return;
-    if (chunkIdOf(activeId) === selectedChunkId) return;
-    if (selectedChunkId === null) {
-      setActiveId("cover");
-      return;
-    }
-    const match = entries.find(
-      (e) => e.kind === "page" && e.page.chunkId === selectedChunkId || e.kind === "ghost" && e.chunkId === selectedChunkId
-    );
-    if (match) setActiveId(entryId(match));
-  }, [selectedChunkId, mode, entries, activeId]);
-  const activeIdRef = useRef2(activeId);
-  activeIdRef.current = activeId;
-  useEffect3(() => {
-    if (mode !== "present") return;
-    const onKey = (e) => {
-      const t = e.target;
-      if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable)) return;
-      let dir = 0;
-      if (e.key === "ArrowRight" || e.key === "ArrowDown") dir = 1;
-      else if (e.key === "ArrowLeft" || e.key === "ArrowUp") dir = -1;
-      else return;
-      e.preventDefault();
-      const ids = entries.map(entryId);
-      const cur = Math.max(0, ids.indexOf(activeIdRef.current));
-      const next = Math.min(ids.length - 1, Math.max(0, cur + dir));
-      if (ids[next] !== activeIdRef.current) selectEntry(ids[next]);
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [entries, selectEntry, mode]);
-  const active = entries.find((e) => entryId(e) === activeId) ?? null;
-  return (
-    // min-w-0 (here and on the rail/canvas row): without it these flex items
-    // refuse to shrink below their content width, and opening the rail shoves
-    // the overlay's inspector off the right edge instead of narrowing the
-    // canvas.
-    /* @__PURE__ */ jsxs6("div", { className: "flex h-full min-h-0 min-w-0 flex-1 flex-col", children: [
-      mode === "present" ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-base-200 bg-base px-4 py-2", children: [
-        /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-base-contrast", children: source?.pageTitle ?? "Document" }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-          downloadHref ? /* @__PURE__ */ jsx6(
-            "a",
-            {
-              href: downloadHref,
-              download: true,
-              "aria-label": "Download PDF",
-              className: "rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30",
-              children: "Download PDF"
-            }
-          ) : null,
-          onClose ? /* @__PURE__ */ jsx6(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Close",
-              onClick: onClose,
-              className: "rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30",
-              children: "\u2715"
-            }
-          ) : null
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 min-w-0 flex-1", children: [
-        railOpen ? /* @__PURE__ */ jsx6(
-          DocRail,
-          {
-            entries,
-            selectedId: activeId,
-            meta: doc.meta,
-            cover: doc.cover,
-            coverImage,
-            host,
-            onSelect: selectEntry,
-            onCollapse: () => setRailOpen(false)
-          }
-        ) : /* @__PURE__ */ jsx6("div", { className: "flex w-10 shrink-0 flex-col border-r border-neutral-200 bg-neutral-50", children: /* @__PURE__ */ jsx6(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Expand page rail",
-            onClick: () => setRailOpen(true),
-            className: "px-2 py-3 text-lg leading-none text-neutral-500 hover:text-neutral-800",
-            children: "\u203A"
-          }
-        ) }),
-        /* @__PURE__ */ jsx6(
-          DocCanvas,
-          {
-            active,
-            cover: doc.cover,
-            coverImage,
-            meta: doc.meta,
-            host,
-            measuring,
-            noContent: chunks.length === 0
-          }
-        )
-      ] })
-    ] })
-  );
-}
-function DocCanvas({
-  active,
-  cover,
-  coverImage,
-  meta,
-  host,
-  measuring,
-  noContent
-}) {
-  const containerRef = useRef2(null);
-  const [scale, setScale] = useState3(0.4);
-  useEffect3(() => {
-    const el = containerRef.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => {
-      const availW = el.clientWidth - 48;
-      const availH = el.clientHeight - 48;
-      setScale(Math.max(0.15, Math.min(availW / PAGE_W2, availH / PAGE_H2)));
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, []);
-  const note = (text) => /* @__PURE__ */ jsx6("p", { className: "text-sm text-neutral-400", children: text });
-  let body;
-  if (active?.kind === "cover") {
-    body = noContent ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx6(Scaled, { scale, children: /* @__PURE__ */ jsx6(DocCoverPage, { cover, meta, image: coverImage, host }) }),
-      /* @__PURE__ */ jsx6("p", { className: "text-sm text-neutral-400", children: "This page has no displayable content." })
-    ] }) : /* @__PURE__ */ jsx6(Scaled, { scale, children: /* @__PURE__ */ jsx6(DocCoverPage, { cover, meta, image: coverImage, host }) });
-  } else if (active?.kind === "page") {
-    body = /* @__PURE__ */ jsx6(Scaled, { scale, children: /* @__PURE__ */ jsx6(DocSectionPage, { page: active.page, meta, host }) });
-  } else if (active?.kind === "ghost") {
-    body = note(active.reason === "excluded" ? "Excluded \u2014 re-include from the inspector" : "No displayable content");
-  } else {
-    body = measuring ? note("Laying out\u2026") : note("This page has no displayable content.");
-  }
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      ref: containerRef,
-      "data-testid": "doc-canvas",
-      className: "flex min-h-0 min-w-0 flex-1 overflow-auto bg-neutral-100 p-6",
-      children: /* @__PURE__ */ jsx6("div", { className: "m-auto", children: body })
-    }
-  );
-}
-function Scaled({ scale, children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "shrink-0 overflow-hidden shadow-lg", style: { width: PAGE_W2 * scale, height: PAGE_H2 * scale }, children: /* @__PURE__ */ jsx6("div", { className: "origin-top-left", style: { transform: `scale(${scale})`, width: PAGE_W2, height: PAGE_H2 }, children }) });
-}
-export {
-  DOC_GEOM,
-  DocCoverPage,
-  DocPage,
-  DocRail,
-  DocSectionPage,
-  DocViewer,
-  PREAMBLE_ID,
-  documentOptionsSchema,
-  entryId,
-  harvest,
-  layoutMasonryPage,
-  paginateChunk,
-  sectionSettingsSchema,
-  settingsFor,
-  settingsIssuesFor,
-  splitProseBlocks,
-  useDocPages
-};