@diagrammo/dgmo 0.94.0 → 0.96.0

package/dist/{chunk-4SP6OUO7.js → chunk-RVOSA4RR.js}

@@ -1,6 +1,9 @@
 import {
   renderDataChartD3
-} from "./chunk-YQMIKX54.js";
+} from "./chunk-RIK6WUMO.js";
+import {
+  readViewBox
+} from "./chunk-6K2W3FH7.js";
 import {
   REGISTRY_BY_ID,
   getRenderCategory,
@@ -12,7 +15,7 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-5ZUZZDW5.js";
+} from "./chunk-MVUNMJKO.js";
 import {
   parseChart,
   parseFunctionChart,
@@ -20,16 +23,13 @@ import {
   parseHeatmap,
   parseSankey,
   parseScatter
-} from "./chunk-H6BT45SN.js";
-import {
-  parsePyramid
-} from "./chunk-3PP746YM.js";
+} from "./chunk-P2GNNEMN.js";
 import {
   parseRing
-} from "./chunk-NM5V5EKY.js";
+} from "./chunk-K2WXMXI2.js";
 import {
   parseTreemap
-} from "./chunk-3KVUFHUJ.js";
+} from "./chunk-EPB3UEMD.js";
 import {
   MAP_DX
 } from "./chunk-EOYPX6SF.js";
@@ -38,43 +38,46 @@ import {
 } from "./chunk-KMU65FYM.js";
 import {
   parseVersionControl
-} from "./chunk-2ZW4NBYX.js";
+} from "./chunk-FBK32S4D.js";
 import {
   parseMap
-} from "./chunk-AULZD45V.js";
-import {
-  parseSketch
-} from "./chunk-WZBZXZ6T.js";
+} from "./chunk-5ARANBIE.js";
 import {
   parseWhiteboard
-} from "./chunk-5HAYT43L.js";
+} from "./chunk-P3PSLC2K.js";
 import {
   parseSwimlane
-} from "./chunk-J7Q4AB23.js";
+} from "./chunk-B7BSRVNC.js";
 import {
   parseMindmap
-} from "./chunk-XIUGSUE4.js";
+} from "./chunk-SIABEREK.js";
 import {
   parseTechRadar
-} from "./chunk-EBVVMUAA.js";
+} from "./chunk-VVTCUIPN.js";
+import {
+  parsePyramid
+} from "./chunk-B2YVZ3QU.js";
 import {
   parseKanban
-} from "./chunk-LKZCUFOW.js";
+} from "./chunk-SCYVGPLI.js";
 import {
   parseInfra
-} from "./chunk-UXNA2H2V.js";
+} from "./chunk-VLI6AWS3.js";
 import {
   parseJourneyMap
-} from "./chunk-PGSGJLUR.js";
+} from "./chunk-GM2SLMQW.js";
 import {
   parseGoal
-} from "./chunk-7PJBJ2DU.js";
+} from "./chunk-YSGOXZBB.js";
+import {
+  MIN_CANVAS_WIDTH
+} from "./chunk-EPDBWATV.js";
 import {
   parseEventLine
-} from "./chunk-3GUEYQGL.js";
+} from "./chunk-ITDF3MWD.js";
 import {
   renderTimeline
-} from "./chunk-TASRGDYP.js";
+} from "./chunk-GEHK4UD5.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -89,49 +92,49 @@ import {
 } from "./chunk-6XLMTAEX.js";
 import {
   parseTimelineDate
-} from "./chunk-BQO24BDM.js";
+} from "./chunk-AUXUNV73.js";
 import {
   parseFamily
-} from "./chunk-R6EGUTIV.js";
+} from "./chunk-YFIUABSF.js";
 import {
   parseGantt
-} from "./chunk-PVWIBKV2.js";
+} from "./chunk-KQAPFIYF.js";
 import {
   parseClock
-} from "./chunk-NXU4N5WT.js";
+} from "./chunk-EZ6BI5LL.js";
 import {
   parseCountdown
-} from "./chunk-KBEWVCK3.js";
+} from "./chunk-I2I2FKAK.js";
 import {
   parseCycle
-} from "./chunk-NPDVWFAQ.js";
+} from "./chunk-QEU6VM4O.js";
 import {
   parseBracket
-} from "./chunk-2WQ3YZMN.js";
+} from "./chunk-RGFVHYDP.js";
 import {
   layoutBracket
 } from "./chunk-ZI6WC24V.js";
 import {
   parseC4
-} from "./chunk-IXHWS2HI.js";
+} from "./chunk-BD4O4D2A.js";
 import {
   parseBlock
-} from "./chunk-BRGRIZQB.js";
+} from "./chunk-DWMQ24JR.js";
 import {
   isBlockNode
 } from "./chunk-XSVWUOUZ.js";
 import {
   parseBody
-} from "./chunk-JXGSTBW6.js";
+} from "./chunk-IU7XKZA6.js";
 import {
   parseBoxesAndLines
-} from "./chunk-2XMTZ5JR.js";
+} from "./chunk-OAZ6BIIB.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
   legendInlineSupported
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-R5L5E3TC.js";
 import {
   GRID_DASH,
   scaleDash
@@ -141,38 +144,38 @@ import {
 } from "./chunk-JILEYZ2V.js";
 import {
   parseRaci
-} from "./chunk-KRPLP5LP.js";
+} from "./chunk-U6N547QA.js";
 import {
   parseLiveLink
-} from "./chunk-KBDMEOLI.js";
+} from "./chunk-DPNSDCR3.js";
 import {
   parseSequenceDgmo
-} from "./chunk-VSAKEMDD.js";
+} from "./chunk-JCC3B2GS.js";
 import {
   parseOrg
-} from "./chunk-5OTA2PUH.js";
+} from "./chunk-WLGOIMTI.js";
 import {
   parseSitemap
-} from "./chunk-ZECJ7Q6C.js";
+} from "./chunk-YVIPJGFG.js";
 import {
   parsePert
-} from "./chunk-CDM6XMOT.js";
+} from "./chunk-34JOHSVE.js";
 import {
   parseFlowchart
-} from "./chunk-DNM3XZCK.js";
+} from "./chunk-H7RQG4PH.js";
 import {
   parseState
-} from "./chunk-2MS623GW.js";
+} from "./chunk-TPCP2UOI.js";
 import {
   choosePalette,
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
 import {
   parseERDiagram
-} from "./chunk-CIHHTS5B.js";
+} from "./chunk-MAYTYF5S.js";
 import {
   parseClassDiagram
-} from "./chunk-DLJJOCIT.js";
+} from "./chunk-M4ZUIW3J.js";
 import {
   getPalette
 } from "./chunk-FMAVHTYB.js";
@@ -181,11 +184,11 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseWireframe
-} from "./chunk-GI5R5B3S.js";
+} from "./chunk-D7DGLJ7N.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   measureText,
   wrapTextToWidth
@@ -200,6 +203,686 @@ import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
 
+// src/utils/export-fit.ts
+var EXPORT_FIT_PAD = 24;
+var EXPORT_FIT_MIN_TRIM = EXPORT_FIT_PAD * 2;
+var TEXT_WIDTH_SAFETY = 1.15;
+var MARKER_ALLOWANCE = 12;
+var DEFAULT_FONT_SIZE = 16;
+var NON_RENDERING = /* @__PURE__ */ new Set([
+  "defs",
+  "clippath",
+  "mask",
+  "marker",
+  "pattern",
+  "symbol",
+  "lineargradient",
+  "radialgradient",
+  "filter",
+  "style",
+  "title",
+  "desc",
+  "metadata",
+  "script"
+]);
+var IDENTITY = [1, 0, 0, 1, 0, 0];
+function multiply(p, q) {
+  return [
+    p[0] * q[0] + p[2] * q[1],
+    p[1] * q[0] + p[3] * q[1],
+    p[0] * q[2] + p[2] * q[3],
+    p[1] * q[2] + p[3] * q[3],
+    p[0] * q[4] + p[2] * q[5] + p[4],
+    p[1] * q[4] + p[3] * q[5] + p[5]
+  ];
+}
+var NUM_RE = /[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g;
+function nums(s) {
+  return (s.match(NUM_RE) ?? []).map(Number);
+}
+function parseTransform(value) {
+  let m = IDENTITY;
+  const re = /\s*(matrix|translate|scale|rotate|skewX|skewY)\s*\(([^)]*)\)\s*,?/gy;
+  let consumed = 0;
+  for (const t of value.matchAll(re)) {
+    consumed = (t.index ?? 0) + t[0].length;
+    const a = nums(t[2]);
+    let local;
+    switch (t[1]) {
+      case "matrix":
+        if (a.length !== 6) return null;
+        local = a;
+        break;
+      case "translate":
+        if (a.length < 1 || a.length > 2) return null;
+        local = [1, 0, 0, 1, a[0], a[1] ?? 0];
+        break;
+      case "scale":
+        if (a.length < 1 || a.length > 2) return null;
+        local = [a[0], 0, 0, a[1] ?? a[0], 0, 0];
+        break;
+      case "rotate": {
+        if (a.length !== 1 && a.length !== 3) return null;
+        const r = a[0] * Math.PI / 180;
+        const c = Math.cos(r);
+        const s = Math.sin(r);
+        const rot = [c, s, -s, c, 0, 0];
+        if (a.length === 3) {
+          const [, cx, cy] = a;
+          local = multiply(multiply([1, 0, 0, 1, cx, cy], rot), [
+            1,
+            0,
+            0,
+            1,
+            -cx,
+            -cy
+          ]);
+        } else local = rot;
+        break;
+      }
+      case "skewX":
+        if (a.length !== 1) return null;
+        local = [1, 0, Math.tan(a[0] * Math.PI / 180), 1, 0, 0];
+        break;
+      default:
+        if (a.length !== 1) return null;
+        local = [1, Math.tan(a[0] * Math.PI / 180), 0, 1, 0, 0];
+    }
+    m = multiply(m, local);
+  }
+  return value.slice(consumed).trim() === "" ? m : null;
+}
+function pathBox(d) {
+  let i = 0;
+  const n = d.length;
+  const box = {
+    x0: Infinity,
+    y0: Infinity,
+    x1: -Infinity,
+    y1: -Infinity
+  };
+  const add = (x, y) => {
+    if (x < box.x0) box.x0 = x;
+    if (x > box.x1) box.x1 = x;
+    if (y < box.y0) box.y0 = y;
+    if (y > box.y1) box.y1 = y;
+  };
+  const skipSep = () => {
+    while (i < n && /[\s,]/.test(d[i])) i++;
+  };
+  const numAt = () => {
+    skipSep();
+    const m = /[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/y;
+    m.lastIndex = i;
+    const r = m.exec(d);
+    if (!r) return null;
+    i += r[0].length;
+    return Number(r[0]);
+  };
+  const flagAt = () => {
+    skipSep();
+    const c = d[i];
+    if (c !== "0" && c !== "1") return null;
+    i++;
+    return c === "1" ? 1 : 0;
+  };
+  const moreNumbers = () => {
+    skipSep();
+    return i < n && /[-+.\d]/.test(d[i]);
+  };
+  let cx = 0;
+  let cy = 0;
+  let sx = 0;
+  let sy = 0;
+  let cmd = "";
+  while (true) {
+    skipSep();
+    if (i >= n) break;
+    const c = d[i];
+    if (/[MmLlHhVvCcSsQqTtAaZz]/.test(c)) {
+      cmd = c;
+      i++;
+    } else if (!cmd || cmd === "Z" || cmd === "z" || !/[-+.\d]/.test(c)) {
+      return null;
+    }
+    const rel = cmd === cmd.toLowerCase();
+    const up = cmd.toUpperCase();
+    if (up === "Z") {
+      cx = sx;
+      cy = sy;
+      continue;
+    }
+    const arity = {
+      M: 2,
+      L: 2,
+      T: 2,
+      H: 1,
+      V: 1,
+      C: 6,
+      S: 4,
+      Q: 4,
+      A: 7
+    };
+    do {
+      const k = arity[up];
+      const a = [];
+      for (let j = 0; j < k; j++) {
+        const v = up === "A" && (j === 3 || j === 4) ? flagAt() : numAt();
+        if (v === null) return null;
+        a.push(v);
+      }
+      const ox = rel ? cx : 0;
+      const oy = rel ? cy : 0;
+      if (up === "H") {
+        cx = a[0] + ox;
+      } else if (up === "V") {
+        cy = a[0] + oy;
+      } else if (up === "A") {
+        const x2 = a[5] + ox;
+        const y2 = a[6] + oy;
+        arcExtent(cx, cy, a[0], a[1], a[2], a[3], a[4], x2, y2, add);
+        cx = x2;
+        cy = y2;
+      } else {
+        for (let j = 0; j + 1 < k; j += 2) add(a[j] + ox, a[j + 1] + oy);
+        cx = a[k - 2] + ox;
+        cy = a[k - 1] + oy;
+      }
+      add(cx, cy);
+      if (up === "M") {
+        sx = cx;
+        sy = cy;
+      }
+    } while (moreNumbers());
+    if (cmd === "M") cmd = "L";
+    else if (cmd === "m") cmd = "l";
+  }
+  return box.x0 <= box.x1 ? box : null;
+}
+function arcExtent(x1, y1, rxIn, ryIn, rotDeg, large, sweep, x2, y2, add) {
+  let rx = Math.abs(rxIn);
+  let ry = Math.abs(ryIn);
+  if (rx === 0 || ry === 0 || x1 === x2 && y1 === y2) return;
+  const phi = rotDeg * Math.PI / 180;
+  const cos = Math.cos(phi);
+  const sin = Math.sin(phi);
+  const dx = (x1 - x2) / 2;
+  const dy = (y1 - y2) / 2;
+  const xp = cos * dx + sin * dy;
+  const yp = -sin * dx + cos * dy;
+  const lambda = xp * xp / (rx * rx) + yp * yp / (ry * ry);
+  if (lambda > 1) {
+    rx *= Math.sqrt(lambda);
+    ry *= Math.sqrt(lambda);
+  }
+  const num = rx * rx * ry * ry - rx * rx * yp * yp - ry * ry * xp * xp;
+  const den = rx * rx * yp * yp + ry * ry * xp * xp;
+  const factor = (large === sweep ? -1 : 1) * Math.sqrt(Math.max(0, num / den || 0));
+  const cxp = factor * rx * yp / ry;
+  const cyp = -factor * ry * xp / rx;
+  const ccx = cos * cxp - sin * cyp + (x1 + x2) / 2;
+  const ccy = sin * cxp + cos * cyp + (y1 + y2) / 2;
+  const r = Math.max(rx, ry);
+  add(ccx - r, ccy - r);
+  add(ccx + r, ccy + r);
+}
+function attrOf(attrs, name) {
+  const m = new RegExp(`(?:^|\\s)${name}\\s*=\\s*("([^"]*)"|'([^']*)')`).exec(
+    attrs
+  );
+  return m ? m[2] ?? m[3] ?? "" : null;
+}
+function styleOf(attrs, prop2) {
+  const style = attrOf(attrs, "style");
+  if (!style) return null;
+  const m = new RegExp(`(?:^|;)\\s*${prop2}\\s*:\\s*([^;]+)`, "i").exec(style);
+  return m ? m[1].trim() : null;
+}
+function prop(attrs, name) {
+  return styleOf(attrs, name) ?? attrOf(attrs, name);
+}
+function lengthOf(v, basis, fontSize) {
+  if (v === null) return null;
+  const m = /^\s*([-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?)\s*(px|em|%|pt)?/.exec(v);
+  if (!m) return null;
+  const n = Number(m[1]);
+  switch (m[2]) {
+    case "em":
+      return n * fontSize;
+    case "%":
+      return n / 100 * basis;
+    case "pt":
+      return n * 4 / 3;
+    default:
+      return n;
+  }
+}
+function firstLength(v, basis, fontSize) {
+  if (v === null) return null;
+  return lengthOf(v.trim().split(/[\s,]+/)[0] ?? "", basis, fontSize);
+}
+function verticalEm(baseline) {
+  switch (baseline) {
+    case "middle":
+    case "central":
+    case "mathematical":
+      return [0.65, 0.65];
+    case "hanging":
+    case "text-before-edge":
+    case "before-edge":
+      return [0.1, 1.25];
+    case "text-after-edge":
+    case "after-edge":
+    case "ideographic":
+      return [1.3, 0.1];
+    case "auto":
+    case "alphabetic":
+    case "baseline":
+    case "":
+      return [1, 0.3];
+    default:
+      return [1.3, 1.25];
+  }
+}
+var SHAPES = /* @__PURE__ */ new Set([
+  "rect",
+  "circle",
+  "ellipse",
+  "line",
+  "polygon",
+  "polyline",
+  "path"
+]);
+var NO_PAINT = /^(?:none|transparent)$/i;
+function zero(v) {
+  return v !== null && Number(v) === 0;
+}
+function paintsNothing(attrs, frame) {
+  if (zero(prop(attrs, "opacity"))) return true;
+  const fill = prop(attrs, "fill");
+  const noFill = frame.tag === "line" || fill !== null && NO_PAINT.test(fill.trim()) || zero(prop(attrs, "fill-opacity"));
+  const noStroke = frame.stroke === null || NO_PAINT.test(frame.stroke.trim()) || zero(prop(attrs, "stroke-opacity")) || frame.strokeW === 0;
+  return noFill && noStroke;
+}
+function cssCanSetPaint(svg) {
+  for (const m of svg.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style>/g)) {
+    let css = m[1];
+    for (; ; ) {
+      const at = css.search(/@media\s*\(\s*hover\s*:\s*hover\s*\)\s*\{/);
+      if (at < 0) break;
+      let i = css.indexOf("{", at) + 1;
+      for (let depth = 1; i < css.length && depth > 0; i++) {
+        if (css[i] === "{") depth++;
+        else if (css[i] === "}") depth--;
+      }
+      css = css.slice(0, at) + css.slice(i);
+    }
+    for (const r of css.matchAll(/([^{}]*)\{([^{}]*)\}/g)) {
+      if (r[1].includes(":hover")) continue;
+      if (/(?:^|[;\s])(?:fill|stroke|opacity|fill-opacity|stroke-opacity)\s*:/.test(
+        r[2]
+      ))
+        return true;
+    }
+  }
+  return false;
+}
+function decodeText(raw) {
+  return raw.replace(/&(?:#\d+|#x[0-9a-f]+|[a-z]+);/gi, "M").replace(/\s+/g, " ");
+}
+function measureSvgContent(svg) {
+  const canvas = readViewBox(svg);
+  const cw = canvas?.width ?? 0;
+  const ch = canvas?.height ?? 0;
+  const out = { x0: Infinity, y0: Infinity, x1: -Infinity, y1: -Infinity };
+  let complete = true;
+  const addBox = (m, b, inflate) => {
+    const xs = [b.x0 - inflate, b.x1 + inflate];
+    const ys = [b.y0 - inflate, b.y1 + inflate];
+    for (const x of xs)
+      for (const y of ys) {
+        const tx = m[0] * x + m[2] * y + m[4];
+        const ty = m[1] * x + m[3] * y + m[5];
+        if (!Number.isFinite(tx) || !Number.isFinite(ty)) {
+          complete = false;
+          continue;
+        }
+        if (tx < out.x0) out.x0 = tx;
+        if (tx > out.x1) out.x1 = tx;
+        if (ty < out.y0) out.y0 = ty;
+        if (ty > out.y1) out.y1 = ty;
+      }
+  };
+  const pathsById = /* @__PURE__ */ new Map();
+  for (const m of svg.matchAll(/<path\b([^>]*)>/g)) {
+    const id = attrOf(m[1], "id");
+    const d = attrOf(m[1], "d");
+    if (id && d) pathsById.set(id, d);
+  }
+  const trustNoPaint = !cssCanSetPaint(svg);
+  const stack = [];
+  let text = null;
+  const flushChunk = () => {
+    if (!text || text.pieces.length === 0) return;
+    const right = Math.max(...text.pieces.map((p) => p.x1));
+    const w = right - text.chunkX;
+    const shift = text.chunkAnchor === "middle" ? -w / 2 : text.chunkAnchor === "end" ? -w : 0;
+    for (const p of text.pieces) {
+      const [up, down] = verticalEm(p.baseline);
+      addBox(
+        text.m,
+        {
+          x0: p.x0 + shift,
+          x1: p.x1 + shift,
+          y0: p.y - up * p.fontSize,
+          y1: p.y + down * p.fontSize
+        },
+        0
+      );
+    }
+    text.pieces = [];
+  };
+  const tagRe = /<!--[\s\S]*?-->|<!\[CDATA\[[\s\S]*?\]\]>|<[?!][^>]*>|<(\/?)([A-Za-z][\w:.-]*)((?:[^>"']|"[^"]*"|'[^']*')*?)(\/?)>|([^<]+)/g;
+  for (const t of svg.matchAll(tagRe)) {
+    const [, close, rawName, attrs = "", selfClose, chars] = t;
+    const parent = stack[stack.length - 1];
+    if (chars !== void 0) {
+      if (!text || !parent || parent.skip) continue;
+      const s = decodeText(chars);
+      if (s.trim() === "") continue;
+      const fs = parent.fontSize;
+      let w = measureText(s, fs, { bold: parent.bold }) * TEXT_WIDTH_SAFETY;
+      if (parent.mono) w = Math.max(w, s.length * fs * 0.62);
+      text.pieces.push({
+        x0: text.curX,
+        x1: text.curX + w,
+        y: text.curY,
+        fontSize: fs,
+        baseline: parent.baseline
+      });
+      text.curX += w;
+      continue;
+    }
+    if (rawName === void 0) continue;
+    const name = rawName.toLowerCase();
+    if (close) {
+      for (let k = stack.length - 1; k >= 0; k--) {
+        if (stack[k].tag === name) {
+          stack.length = k;
+          break;
+        }
+      }
+      if (name === "text" && text) {
+        flushChunk();
+        text = null;
+      }
+      continue;
+    }
+    const isRoot = stack.length === 0;
+    const base = parent ?? {
+      tag: "",
+      m: IDENTITY,
+      fontSize: DEFAULT_FONT_SIZE,
+      anchor: "start",
+      baseline: "",
+      bold: false,
+      mono: false,
+      strokeW: 1,
+      stroke: null,
+      skip: false
+    };
+    const skip = base.skip || NON_RENDERING.has(name);
+    let m = base.m;
+    if (!skip) {
+      if (/(?:^|[;\s"])transform\s*:/i.test(attrOf(attrs, "style") ?? "")) {
+        complete = false;
+      }
+      const tr = attrOf(attrs, "transform");
+      if (tr !== null && !isRoot) {
+        const local = parseTransform(tr);
+        if (local === null) complete = false;
+        else m = multiply(m, local);
+      }
+    }
+    const fsRaw = prop(attrs, "font-size");
+    let fontSize = base.fontSize;
+    if (fsRaw !== null) {
+      const v = lengthOf(fsRaw, base.fontSize, base.fontSize);
+      fontSize = v !== null && v > 0 ? v : base.fontSize * 2;
+    }
+    const weight = prop(attrs, "font-weight");
+    const family = prop(attrs, "font-family");
+    const sw = lengthOf(prop(attrs, "stroke-width"), 1, fontSize);
+    const frame = {
+      tag: name,
+      m,
+      fontSize,
+      anchor: prop(attrs, "text-anchor") ?? base.anchor,
+      baseline: prop(attrs, "dominant-baseline") ?? prop(attrs, "alignment-baseline") ?? base.baseline,
+      bold: weight !== null ? /bold|bolder|[6-9]00/.test(weight) : base.bold,
+      mono: family !== null ? /mono|courier/i.test(family) : base.mono,
+      strokeW: sw !== null && sw >= 0 ? sw : base.strokeW,
+      stroke: prop(attrs, "stroke") ?? base.stroke,
+      skip
+    };
+    if (trustNoPaint && !skip && !isRoot && SHAPES.has(name) && paintsNothing(attrs, frame)) {
+    } else if (!skip && !isRoot) {
+      const num = (k, basis) => lengthOf(attrOf(attrs, k), basis, fontSize);
+      const inflate = frame.strokeW / 2 + (/marker-(?:start|mid|end)/.test(attrs) ? MARKER_ALLOWANCE : 0);
+      switch (name) {
+        case "rect":
+        case "image":
+        case "foreignobject":
+        case "svg": {
+          const cls = attrOf(attrs, "class") ?? "";
+          if (name === "rect" && /\bdgmo-canvas-bg\b/.test(cls)) break;
+          const x = num("x", cw) ?? 0;
+          const y = num("y", ch) ?? 0;
+          const w = num("width", cw);
+          const h = num("height", ch);
+          if (w === null || h === null) {
+            if (name !== "rect") complete = false;
+            break;
+          }
+          addBox(m, { x0: x, y0: y, x1: x + w, y1: y + h }, inflate);
+          if (name === "svg") frame.skip = true;
+          break;
+        }
+        case "circle":
+        case "ellipse": {
+          const cx = num("cx", cw) ?? 0;
+          const cy = num("cy", ch) ?? 0;
+          const rx = name === "circle" ? num("r", cw) : num("rx", cw);
+          const ry = name === "circle" ? rx : num("ry", ch);
+          if (rx === null || ry === null) break;
+          addBox(
+            m,
+            { x0: cx - rx, y0: cy - ry, x1: cx + rx, y1: cy + ry },
+            inflate
+          );
+          break;
+        }
+        case "line": {
+          const x1 = num("x1", cw) ?? 0;
+          const y1 = num("y1", ch) ?? 0;
+          const x2 = num("x2", cw) ?? 0;
+          const y2 = num("y2", ch) ?? 0;
+          addBox(
+            m,
+            {
+              x0: Math.min(x1, x2),
+              y0: Math.min(y1, y2),
+              x1: Math.max(x1, x2),
+              y1: Math.max(y1, y2)
+            },
+            inflate
+          );
+          break;
+        }
+        case "polygon":
+        case "polyline": {
+          const p = nums(attrOf(attrs, "points") ?? "");
+          if (p.length < 2) break;
+          const b = {
+            x0: Infinity,
+            y0: Infinity,
+            x1: -Infinity,
+            y1: -Infinity
+          };
+          for (let k = 0; k + 1 < p.length; k += 2) {
+            b.x0 = Math.min(b.x0, p[k]);
+            b.x1 = Math.max(b.x1, p[k]);
+            b.y0 = Math.min(b.y0, p[k + 1]);
+            b.y1 = Math.max(b.y1, p[k + 1]);
+          }
+          addBox(m, b, inflate);
+          break;
+        }
+        case "path": {
+          const d = attrOf(attrs, "d");
+          if (!d || d.trim() === "" || d.trim().toLowerCase() === "none") break;
+          const b = pathBox(d);
+          if (b === null) complete = false;
+          else addBox(m, b, inflate);
+          break;
+        }
+        case "use":
+          complete = false;
+          break;
+        case "text": {
+          flushChunk();
+          const x = firstLength(attrOf(attrs, "x"), cw, fontSize) ?? 0;
+          const y = firstLength(attrOf(attrs, "y"), ch, fontSize) ?? 0;
+          const dx = firstLength(attrOf(attrs, "dx"), cw, fontSize) ?? 0;
+          const dy = firstLength(attrOf(attrs, "dy"), ch, fontSize) ?? 0;
+          text = {
+            m,
+            curX: x + dx,
+            curY: y + dy,
+            chunkX: x + dx,
+            chunkAnchor: frame.anchor,
+            pieces: []
+          };
+          break;
+        }
+        case "tspan": {
+          if (!text) break;
+          const x = firstLength(attrOf(attrs, "x"), cw, fontSize);
+          const y = firstLength(attrOf(attrs, "y"), ch, fontSize);
+          const dx = firstLength(attrOf(attrs, "dx"), cw, fontSize) ?? 0;
+          const dy = firstLength(attrOf(attrs, "dy"), ch, fontSize) ?? 0;
+          if (x !== null || y !== null) {
+            flushChunk();
+            if (x !== null) text.curX = x;
+            if (y !== null) text.curY = y;
+            text.curX += dx;
+            text.curY += dy;
+            text.chunkX = text.curX;
+            text.chunkAnchor = frame.anchor;
+          } else {
+            text.curX += dx;
+            text.curY += dy;
+          }
+          break;
+        }
+        case "textpath": {
+          if (!text) break;
+          const href = (attrOf(attrs, "href") ?? attrOf(attrs, "xlink:href") ?? "").replace(/^#/, "");
+          const d = pathsById.get(href);
+          const b = d ? pathBox(d) : null;
+          if (b === null) complete = false;
+          else addBox(text.m, b, fontSize * 1.3);
+          frame.skip = true;
+          break;
+        }
+        default:
+          break;
+      }
+    }
+    if (!selfClose) stack.push(frame);
+    else if (name === "text") {
+      flushChunk();
+      text = null;
+    }
+  }
+  const box = out.x0 <= out.x1 && out.y0 <= out.y1 ? out : null;
+  return { box, complete };
+}
+function fmt(n) {
+  return String(Math.round(n * 1e3) / 1e3);
+}
+function setRootAttr(root, name, value) {
+  const re = new RegExp(`(\\s${name}=)"[^"]*"`);
+  return re.test(root) ? root.replace(re, `$1"${value}"`) : root.replace(/^<svg\b/, `<svg ${name}="${value}"`);
+}
+function fitSvgToContent(svg, opts = {}) {
+  const rootMatch = /<svg\b(?:[^>"']|"[^"]*"|'[^']*')*>/.exec(svg);
+  if (!rootMatch) return svg;
+  const root = rootMatch[0];
+  if (/\sdata-export-(?:width|height)=/.test(root)) return svg;
+  const canvas = readViewBox(svg);
+  if (!canvas) return svg;
+  const { box, complete } = measureSvgContent(svg);
+  if (!complete || !box) return svg;
+  const cx0 = canvas.x;
+  const cy0 = canvas.y;
+  const cx1 = canvas.x + canvas.width;
+  const cy1 = canvas.y + canvas.height;
+  let x0 = Math.max(cx0, Math.floor(box.x0 - EXPORT_FIT_PAD));
+  let x1 = Math.min(cx1, Math.ceil(box.x1 + EXPORT_FIT_PAD));
+  let y0 = Math.max(cy0, Math.floor(box.y0 - EXPORT_FIT_PAD));
+  let y1 = Math.min(cy1, Math.ceil(box.y1 + EXPORT_FIT_PAD));
+  if (x1 <= x0 || y1 <= y0) return svg;
+  const minW = Math.min(canvas.width, MIN_CANVAS_WIDTH);
+  if (x1 - x0 < minW) {
+    const grow = minW - (x1 - x0);
+    x0 = Math.max(cx0, x0 - Math.floor(grow / 2));
+    x1 = x0 + minW;
+    if (x1 > cx1) {
+      x1 = cx1;
+      x0 = cx1 - minW;
+    }
+  }
+  const trimX = canvas.width - (x1 - x0) >= EXPORT_FIT_MIN_TRIM;
+  const trimY = canvas.height - (y1 - y0) >= EXPORT_FIT_MIN_TRIM;
+  if (!trimX && !trimY) return svg;
+  if (!trimX) {
+    x0 = cx0;
+    x1 = cx1;
+  }
+  if (!trimY) {
+    y0 = cy0;
+    y1 = cy1;
+  }
+  const w = x1 - x0;
+  const h = y1 - y0;
+  const rootW = Number(attrOf(root.slice(4), "width"));
+  const rootH = Number(attrOf(root.slice(4), "height"));
+  const sx = rootW > 0 ? rootW / canvas.width : 1;
+  const sy = rootH > 0 ? rootH / canvas.height : 1;
+  let outW = w * sx;
+  let outH = h * sy;
+  const scales = [];
+  if (opts.width && opts.width > 0 && Math.abs(rootW - opts.width) <= 1)
+    scales.push(opts.width / w);
+  if (opts.height && opts.height > 0 && Math.abs(rootH - opts.height) <= 1)
+    scales.push(opts.height / h);
+  if (scales.length > 0) {
+    const s = Math.min(...scales);
+    outW = w * s;
+    outH = h * s;
+  }
+  let newRoot = setRootAttr(root, "viewBox", `${x0} ${y0} ${w} ${h}`);
+  if (rootW > 0) newRoot = setRootAttr(newRoot, "width", fmt(outW));
+  if (rootH > 0) newRoot = setRootAttr(newRoot, "height", fmt(outH));
+  if (trimY) newRoot = newRoot.replace(/\sdata-content-height="[^"]*"/, "");
+  const body = svg.slice(rootMatch.index + root.length).replace(
+    /<rect\b[^>]*\bclass="[^"]*\bdgmo-canvas-bg\b[^"]*"[^>]*>/g,
+    (r) => r.replace(/(\sx=)"[^"]*"/, `$1"${x0}"`).replace(/(\sy=)"[^"]*"/, `$1"${y0}"`).replace(/(\swidth=)"[^"]*"/, `$1"${w}"`).replace(/(\sheight=)"[^"]*"/, `$1"${h}"`)
+  );
+  return svg.slice(0, rootMatch.index) + newRoot + body;
+}
+
 // src/arc/renderer.ts
 import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
@@ -2084,8 +2767,8 @@ async function exportArc(ctx) {
 // src/block/export.ts
 async function exportBlock(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseBlock: parseBlock2 } = await import("./parser-TUAEX6ML.js");
-  const { renderBlockForExport } = await import("./renderer-ISQJ2ELA.js");
+  const { parseBlock: parseBlock2 } = await import("./parser-BNRX35NT.js");
+  const { renderBlockForExport } = await import("./renderer-N75E3UVY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blockParsed = parseBlock2(content, effectivePalette);
   if (blockParsed.error || blockParsed.top.rows.length === 0) return "";
@@ -2100,8 +2783,8 @@ async function exportBlock(ctx) {
 // src/body/export.ts
 async function exportBody(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseBody: parseBody2 } = await import("./parser-PEZ7RN43.js");
-  const { renderBodyForExport } = await import("./renderer-AM7P4LN7.js");
+  const { parseBody: parseBody2 } = await import("./parser-HM6FEX5K.js");
+  const { renderBodyForExport } = await import("./renderer-6HU44IGJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseBody2(content, effectivePalette);
   if (parsed.error) return "";
@@ -2120,7 +2803,7 @@ async function exportBody(ctx) {
 // src/boxes-and-lines/export.ts
 async function exportBoxesAndLines(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-7QKQ4P4P.js");
+  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-ZV756RMP.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blParsed = parseBoxesAndLines2(content, effectivePalette);
   if (blParsed.error || blParsed.nodes.length === 0) return "";
@@ -2131,8 +2814,8 @@ async function exportBoxesAndLines(ctx) {
       blHiddenTagValues.set(k, new Set(v));
     }
   }
-  const { renderBoxesAndLinesForExport } = await import("./renderer-LNP23NSM.js");
-  const { layoutBoxesAndLines } = await import("./layout-U3AH6M7J.js");
+  const { renderBoxesAndLinesForExport } = await import("./renderer-TS5NHOQD.js");
+  const { layoutBoxesAndLines } = await import("./layout-AF4KA5B2.js");
   const blLayout = await layoutBoxesAndLines(blParsed);
   const PADDING = 20;
   const titleOffset = blParsed.title ? 40 : 0;
@@ -2163,8 +2846,8 @@ async function exportBoxesAndLines(ctx) {
 // src/bracket/export.ts
 async function exportBracket(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseBracket: parseBracket2 } = await import("./parser-RTWPFKXG.js");
-  const { renderBracketForExport, bracketExportDimensions } = await import("./renderer-2LYX6NHN.js");
+  const { parseBracket: parseBracket2 } = await import("./parser-GBQY3WOZ.js");
+  const { renderBracketForExport, bracketExportDimensions } = await import("./renderer-LJPUCG3U.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseBracket2(content, effectivePalette);
   if (parsed.error) return "";
@@ -2180,14 +2863,14 @@ async function exportBracket(ctx) {
 // src/c4/export.ts
 async function exportC4(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseC4: parseC42 } = await import("./parser-4Y6PODW6.js");
+  const { parseC4: parseC42 } = await import("./parser-XEJP37GQ.js");
   const {
     layoutC4Context,
     layoutC4Containers,
     layoutC4Components,
     layoutC4Deployment
-  } = await import("./layout-JTIRCKAW.js");
-  const { renderC4Context, renderC4Containers } = await import("./renderer-QTPWRRJ7.js");
+  } = await import("./layout-LNVIH45F.js");
+  const { renderC4Context, renderC4Containers } = await import("./renderer-D6EH5UQ6.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const c4Parsed = parseC42(content, effectivePalette);
   if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
@@ -2223,9 +2906,9 @@ async function exportC4(ctx) {
 // src/class/export.ts
 async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-TAYRTCPR.js");
-  const { layoutClassDiagram } = await import("./layout-IT4ZTV6C.js");
-  const { renderClassDiagram } = await import("./renderer-OUDHH5MV.js");
+  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-4GHAYZKZ.js");
+  const { layoutClassDiagram } = await import("./layout-FCFUVCRI.js");
+  const { renderClassDiagram } = await import("./renderer-VNUDN6F5.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram2(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2252,7 +2935,7 @@ async function exportClass(ctx) {
 // src/clock/export.ts
 async function exportClock(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseClock: parseClock2 } = await import("./parser-K2DI26SC.js");
+  const { parseClock: parseClock2 } = await import("./parser-H6HT2WFQ.js");
   const { renderClockForExport } = await import("./renderer-DDWDCM2K.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseClock2(content, effectivePalette);
@@ -2268,7 +2951,7 @@ async function exportClock(ctx) {
 // src/countdown/export.ts
 async function exportCountdown(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseCountdown: parseCountdown2 } = await import("./parser-KJPPUN4D.js");
+  const { parseCountdown: parseCountdown2 } = await import("./parser-OHBBDCG4.js");
   const { renderCountdownForExport } = await import("./renderer-3NLDX7DQ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseCountdown2(content, effectivePalette);
@@ -2284,8 +2967,8 @@ async function exportCountdown(ctx) {
 // src/cycle/export.ts
 async function exportCycle(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseCycle: parseCycle2 } = await import("./parser-RCIEKN7Y.js");
-  const { renderCycleForExport } = await import("./renderer-7OGGV327.js");
+  const { parseCycle: parseCycle2 } = await import("./parser-Y7QXD2UR.js");
+  const { renderCycleForExport } = await import("./renderer-CVCCW7UT.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const cycleParsed = parseCycle2(content);
   if (cycleParsed.error || cycleParsed.nodes.length === 0) return "";
@@ -2305,9 +2988,9 @@ async function exportCycle(ctx) {
 // src/er/export.ts
 async function exportEr(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseERDiagram: parseERDiagram2 } = await import("./parser-4RFY7D52.js");
-  const { layoutERDiagram } = await import("./layout-ISSBWBH7.js");
-  const { renderERDiagram } = await import("./renderer-J3GPDK73.js");
+  const { parseERDiagram: parseERDiagram2 } = await import("./parser-QWTECQEC.js");
+  const { layoutERDiagram } = await import("./layout-KELSNWBD.js");
+  const { renderERDiagram } = await import("./renderer-2MCV75JQ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const erParsed = parseERDiagram2(content, effectivePalette);
   if (erParsed.error || erParsed.tables.length === 0) return "";
@@ -2341,8 +3024,8 @@ async function exportEr(ctx) {
 // src/event-line/export.ts
 async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseEventLine: parseEventLine2 } = await import("./parser-YG625J5H.js");
-  const { renderEventLineForExport } = await import("./renderer-J7ZSTJUE.js");
+  const { parseEventLine: parseEventLine2 } = await import("./parser-L7SI3PW4.js");
+  const { renderEventLineForExport } = await import("./renderer-VNJOZPSH.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseEventLine2(content, effectivePalette);
   if (parsed.error || parsed.events.length === 0) return "";
@@ -2362,9 +3045,9 @@ async function exportEventLine(ctx) {
 // src/family/export.ts
 async function exportFamily(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseFamily: parseFamily2 } = await import("./parser-EAQPZX2B.js");
+  const { parseFamily: parseFamily2 } = await import("./parser-5RUD4A3X.js");
   const { layoutFamily } = await import("./layout-3TSVAGWH.js");
-  const { renderFamilyForExport } = await import("./renderer-XCLARXCK.js");
+  const { renderFamilyForExport } = await import("./renderer-GKY55M4Z.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseFamily2(content, effectivePalette);
   if (parsed.error || parsed.persons.size === 0) return "";
@@ -2396,9 +3079,9 @@ async function exportFamily(ctx) {
 // src/gantt/export.ts
 async function exportGantt(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseGantt: parseGantt2 } = await import("./parser-A3AN76RQ.js");
-  const { calculateSchedule } = await import("./calculator-BNH3GSJE.js");
-  const { renderGantt } = await import("./renderer-JYHA6R2D.js");
+  const { parseGantt: parseGantt2 } = await import("./parser-MWINQNQW.js");
+  const { calculateSchedule } = await import("./calculator-GIB7POFX.js");
+  const { renderGantt } = await import("./renderer-VUXAAGUG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ganttParsed = parseGantt2(content, effectivePalette);
   const resolved = calculateSchedule(ganttParsed);
@@ -2441,8 +3124,8 @@ async function exportGantt(ctx) {
 // src/goal/export.ts
 async function exportGoal(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseGoal: parseGoal2 } = await import("./parser-3QIFY5IN.js");
-  const { renderGoalForExport } = await import("./renderer-HX6ICPDX.js");
+  const { parseGoal: parseGoal2 } = await import("./parser-4BOP77CD.js");
+  const { renderGoalForExport } = await import("./renderer-MVBAQP3M.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseGoal2(content, effectivePalette);
   if (parsed.error) return "";
@@ -2457,9 +3140,9 @@ async function exportGoal(ctx) {
 // src/graph/export.ts
 async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-NZXASOZG.js");
-  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-PTCRIANF.js");
+  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-SM5LHF2D.js");
+  const { layoutGraph } = await import("./layout-MPSH3YWE.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-PPS2GTTD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart2(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2478,9 +3161,9 @@ async function exportFlowchart(ctx) {
 }
 async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseState: parseState2 } = await import("./state-parser-KPVW5CRI.js");
-  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
-  const { renderState } = await import("./state-renderer-ZVEI265C.js");
+  const { parseState: parseState2 } = await import("./state-parser-EQBBEKHR.js");
+  const { layoutGraph } = await import("./layout-MPSH3YWE.js");
+  const { renderState } = await import("./state-renderer-SOGZ2CNN.js");
   const { collapseStateGroups } = await import("./state-collapse-SE2G4K4I.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState2(content, effectivePalette);
@@ -2519,10 +3202,10 @@ async function exportState(ctx) {
 // src/infra/export.ts
 async function exportInfra(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseInfra: parseInfra2 } = await import("./parser-F7NDRPMA.js");
+  const { parseInfra: parseInfra2 } = await import("./parser-GM5B2EPW.js");
   const { computeInfra } = await import("./compute-II4G44IK.js");
   const { layoutInfra } = await import("./layout-2WESJYRE.js");
-  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-UTEEJDGB.js");
+  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-SYRH3B62.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const infraParsed = parseInfra2(content);
   if (infraParsed.error || infraParsed.nodes.length === 0) return "";
@@ -2571,9 +3254,9 @@ async function exportInfra(ctx) {
 // src/journey-map/export.ts
 async function exportJourneyMap(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseJourneyMap: parseJourneyMap2 } = await import("./parser-NL73FSFI.js");
-  const { renderJourneyMap } = await import("./renderer-53B523PM.js");
-  const { layoutJourneyMap } = await import("./layout-HFBK5UEG.js");
+  const { parseJourneyMap: parseJourneyMap2 } = await import("./parser-BPYHIG24.js");
+  const { renderJourneyMap } = await import("./renderer-ONENGXFQ.js");
+  const { layoutJourneyMap } = await import("./layout-PPIVGJXD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const jmParsed = parseJourneyMap2(content, effectivePalette);
   if (jmParsed.error || jmParsed.phases.length === 0 && jmParsed.steps.length === 0)
@@ -2595,8 +3278,8 @@ async function exportJourneyMap(ctx) {
 // src/kanban/export.ts
 async function exportKanban(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseKanban: parseKanban2 } = await import("./parser-KLCSFQ3J.js");
-  const { renderKanban } = await import("./renderer-KJ3V5BYP.js");
+  const { parseKanban: parseKanban2 } = await import("./parser-DWV2CYBS.js");
+  const { renderKanban } = await import("./renderer-LFZKG2GR.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const kanbanParsed = parseKanban2(content, effectivePalette);
   if (kanbanParsed.error || kanbanParsed.columns.length === 0) return "";
@@ -2629,8 +3312,8 @@ async function exportKanban(ctx) {
 // src/live-link/export.ts
 async function exportLiveLink(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseLiveLink: parseLiveLink2 } = await import("./parser-GMQJISZ6.js");
-  const { renderLiveLinkCard } = await import("./renderer-4SE7R22T.js");
+  const { parseLiveLink: parseLiveLink2 } = await import("./parser-LUJX7AXO.js");
+  const { renderLiveLinkCard } = await import("./renderer-E3334XLT.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   return renderLiveLinkCard(parseLiveLink2(content), effectivePalette, theme);
 }
@@ -2647,10 +3330,10 @@ async function resolveMapDataSource(source) {
 }
 async function exportMap(ctx) {
   const { content, theme, palette, options } = ctx;
-  const { parseMap: parseMap2 } = await import("./parser-EFF22GYO.js");
+  const { parseMap: parseMap2 } = await import("./parser-F75WNYMK.js");
   const { resolveMap } = await import("./resolver-33K6MBCT.js");
-  const { renderMapForExport } = await import("./renderer-BXD5KVSR.js");
-  const { mapExportDimensions } = await import("./dimensions-DS6FWLRY.js");
+  const { renderMapForExport } = await import("./renderer-YJVQT7QG.js");
+  const { mapExportDimensions } = await import("./dimensions-DBCRBZIU.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mapParsed = parseMap2(content, effectivePalette);
   const { data: mapData, reason } = await resolveMapDataSource(
@@ -2685,10 +3368,10 @@ async function exportMap(ctx) {
 // src/mindmap/export.ts
 async function exportMindmap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseMindmap: parseMindmap2 } = await import("./parser-KKF6Y5MM.js");
-  const { layoutMindmap } = await import("./layout-RH3N46HP.js");
-  const { collapseMindmapTree } = await import("./collapse-BSPH3BFM.js");
-  const { renderMindmap } = await import("./renderer-PHLCYVSN.js");
+  const { parseMindmap: parseMindmap2 } = await import("./parser-ZWWQZ4XZ.js");
+  const { layoutMindmap } = await import("./layout-R6G4MEO3.js");
+  const { collapseMindmapTree } = await import("./collapse-6X5S2S3G.js");
+  const { renderMindmap } = await import("./renderer-5AEDVLAA.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap2(content, effectivePalette);
@@ -2740,10 +3423,10 @@ async function exportMindmap(ctx) {
 // src/org/export.ts
 async function exportOrg(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseOrg: parseOrg2, findOrgNodeIdByName } = await import("./parser-BJ7RJNUM.js");
-  const { layoutOrg } = await import("./layout-MXHR3P35.js");
+  const { parseOrg: parseOrg2, findOrgNodeIdByName } = await import("./parser-6WURFLOB.js");
+  const { layoutOrg } = await import("./layout-3J72UULM.js");
   const { collapseOrgTree, focusOrgTree, unionCollapsedOrgNodes } = await import("./collapse-VNYYXMUI.js");
-  const { renderOrg, ancestorTrailReserve } = await import("./renderer-JJ4QW3SK.js");
+  const { renderOrg, ancestorTrailReserve } = await import("./renderer-7C76HP5W.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg2(content, effectivePalette);
@@ -2806,10 +3489,10 @@ async function exportOrg(ctx) {
 // src/pert/export.ts
 async function exportPert(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parsePert: parsePert2 } = await import("./parser-2IKPQVKX.js");
+  const { parsePert: parsePert2 } = await import("./parser-F3JJNIFC.js");
   const { analyzePert } = await import("./analyzer-G7PGOT3V.js");
-  const { layoutPert } = await import("./layout-KV27UW25.js");
-  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-MWZC7TMD.js");
+  const { layoutPert } = await import("./layout-H2KP5A6M.js");
+  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-N6PM5CSG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pertParsed = parsePert2(content, { palette: effectivePalette });
   if (pertParsed.error || pertParsed.activities.length === 0) return "";
@@ -2854,8 +3537,8 @@ async function exportPert(ctx) {
 // src/pyramid/export.ts
 async function exportPyramid(ctx) {
   const { content, theme, palette } = ctx;
-  const { parsePyramid: parsePyramid2 } = await import("./parser-NUU3DVW4.js");
-  const { renderPyramidForExport } = await import("./renderer-IXBOT6DU.js");
+  const { parsePyramid: parsePyramid2 } = await import("./parser-DGLKH4NT.js");
+  const { renderPyramidForExport } = await import("./renderer-F7YGMEGQ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pyramidParsed = parsePyramid2(content);
   if (pyramidParsed.error || pyramidParsed.layers.length === 0) return "";
@@ -2891,8 +3574,8 @@ async function exportQuadrant(ctx) {
 // src/raci/export.ts
 async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseRaci: parseRaci2 } = await import("./parser-GDLKUBTO.js");
-  const { renderRaciForExport } = await import("./renderer-W4MUMXJE.js");
+  const { parseRaci: parseRaci2 } = await import("./parser-WIKXZP4X.js");
+  const { renderRaciForExport } = await import("./renderer-5GP7YUS4.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const raciParsed = parseRaci2(content, effectivePalette);
   if (raciParsed.error) return "";
@@ -2907,8 +3590,8 @@ async function exportRaci(ctx) {
 // src/ring/export.ts
 async function exportRing(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseRing: parseRing2 } = await import("./parser-KMKVFET2.js");
-  const { renderRingForExport } = await import("./renderer-RUSQJFFC.js");
+  const { parseRing: parseRing2 } = await import("./parser-B7SCN7FG.js");
+  const { renderRingForExport } = await import("./renderer-PEJF6R2I.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ringParsed = parseRing2(content);
   if (ringParsed.error || ringParsed.layers.length === 0) return "";
@@ -2935,8 +3618,8 @@ async function exportVisualization(ctx) {
   const effectivePalette = await resolveExportPalette(theme, palette);
   const isDark = ctx.isDark;
   const container = createExportContainer(ctx.width, ctx.height);
-  const { parseSequenceDgmo: parseSequenceDgmo2 } = await import("./parser-BT4NI6JY.js");
-  const { renderSequenceDiagram } = await import("./renderer-FMTLSOCX.js");
+  const { parseSequenceDgmo: parseSequenceDgmo2 } = await import("./parser-2AXU2MHJ.js");
+  const { renderSequenceDiagram } = await import("./renderer-66NCRXSC.js");
   const seqParsed = parseSequenceDgmo2(content, effectivePalette);
   if (seqParsed.error || seqParsed.participants.length === 0) return "";
   const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
@@ -2963,10 +3646,10 @@ async function exportVisualization(ctx) {
 // src/sitemap/export.ts
 async function exportSitemap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseSitemap: parseSitemap2 } = await import("./parser-6TDWUKM5.js");
-  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
+  const { parseSitemap: parseSitemap2 } = await import("./parser-UHKROC7Z.js");
+  const { layoutSitemap } = await import("./layout-IXQNVRBE.js");
   const { collapseSitemapTree } = await import("./collapse-TCVK3RPO.js");
-  const { renderSitemap } = await import("./renderer-XOWDERU2.js");
+  const { renderSitemap } = await import("./renderer-MZIWP55B.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const sitemapParsed = parseSitemap2(content, effectivePalette);
@@ -3014,42 +3697,6 @@ async function exportSitemap(ctx) {
   return finalizeSvgExport(container, theme, effectivePalette);
 }
 
-// src/sketch/export.ts
-async function exportSketch(ctx) {
-  const { content, theme, viewState, exportMode } = ctx;
-  const { parseSketch: parseSketch2 } = await import("./parser-YHDGKPZI.js");
-  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
-  const parsed = parseSketch2(content, effectivePalette);
-  if (parsed.error || parsed.nodes.length === 0 && parsed.boxes.length === 0) {
-    return "";
-  }
-  const { layoutSketch } = await import("./layout-D4L44NRG.js");
-  const { renderSketchForExport } = await import("./renderer-WPN2SXGT.js");
-  const collapsedBoxes = viewState?.cg ? new Set(viewState.cg) : void 0;
-  const skLayout = layoutSketch(parsed, {
-    ...collapsedBoxes !== void 0 && { collapsedBoxes }
-  });
-  const PADDING = 20;
-  const titleOffset = parsed.title ? 40 : 0;
-  const exportWidth = skLayout.width + PADDING * 2;
-  const exportHeight = skLayout.height + PADDING * 2 + titleOffset;
-  const container = createExportContainer(exportWidth, exportHeight);
-  const skTagOverride = ctxTagOverride(ctx);
-  renderSketchForExport(
-    container,
-    parsed,
-    skLayout,
-    effectivePalette,
-    ctx.isDark,
-    {
-      ...skTagOverride !== void 0 && { activeTagGroup: skTagOverride },
-      ...exportMode !== void 0 && { exportMode },
-      ...viewState?.hd !== void 0 && { hideDescriptions: viewState.hd }
-    }
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-
 // src/slope/export.ts
 async function exportSlope(ctx) {
   const { content, theme, palette } = ctx;
@@ -3071,9 +3718,9 @@ async function exportSlope(ctx) {
 // src/swimlane/export.ts
 async function exportSwimlane(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseSwimlane: parseSwimlane2 } = await import("./parser-H5OODY5N.js");
+  const { parseSwimlane: parseSwimlane2 } = await import("./parser-W6NX3AIV.js");
   const { layoutSwimlane } = await import("./layout-VDCJOZSH.js");
-  const { renderSwimlaneForExport } = await import("./renderer-DAZWHNLI.js");
+  const { renderSwimlaneForExport } = await import("./renderer-MGF2NNGG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const swimParsed = parseSwimlane2(content, effectivePalette);
   if (swimParsed.error || swimParsed.nodes.length === 0) return "";
@@ -3105,8 +3752,8 @@ async function exportSwimlane(ctx) {
 // src/tech-radar/export.ts
 async function exportTechRadar(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseTechRadar: parseTechRadar2 } = await import("./parser-3LT3ZUUC.js");
-  const { renderTechRadarForExport } = await import("./renderer-TINHO2IO.js");
+  const { parseTechRadar: parseTechRadar2 } = await import("./parser-CRJYLOHA.js");
+  const { renderTechRadarForExport } = await import("./renderer-2V2XY2V7.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const radarParsed = parseTechRadar2(content);
   if (radarParsed.error || radarParsed.quadrants.length === 0) return "";
@@ -3157,14 +3804,14 @@ async function exportTimeline(ctx) {
 // src/treemap/export.ts
 async function exportTreemap(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseTreemap: parseTreemap2 } = await import("./parser-LTRQASGB.js");
+  const { parseTreemap: parseTreemap2 } = await import("./parser-5HQPPVHJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const treemapParsed = parseTreemap2(content, effectivePalette);
   if (treemapParsed.error || treemapParsed.roots.length === 0) return "";
   const container = createExportContainer(ctx.width, ctx.height);
   const dims = { width: ctx.width, height: ctx.height };
   if (treemapParsed.options.radial) {
-    const { renderTreemapRadialForExport } = await import("./renderer-radial-WFUX3Z3C.js");
+    const { renderTreemapRadialForExport } = await import("./renderer-radial-4R7AKETK.js");
     renderTreemapRadialForExport(
       container,
       treemapParsed,
@@ -3173,7 +3820,7 @@ async function exportTreemap(ctx) {
       dims
     );
   } else {
-    const { renderTreemapForExport } = await import("./renderer-O6RP52CQ.js");
+    const { renderTreemapForExport } = await import("./renderer-7RAMBMTH.js");
     renderTreemapForExport(
       container,
       treemapParsed,
@@ -3199,7 +3846,7 @@ async function exportVenn(ctx) {
 // src/version-control/export.ts
 async function exportVersionControl(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseVersionControl: parseVersionControl2 } = await import("./parser-5UZV32ZI.js");
+  const { parseVersionControl: parseVersionControl2 } = await import("./parser-DRUGM3R6.js");
   const { renderVersionControlForExport } = await import("./renderer-NOYLNVTI.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseVersionControl2(content, effectivePalette);
@@ -3221,11 +3868,11 @@ async function exportVersionControl(ctx) {
 // src/whiteboard/export.ts
 async function exportWhiteboard(ctx) {
   const { content, theme } = ctx;
-  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-R3LPEQIT.js");
+  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-722KLLAQ.js");
   const effectivePalette = await resolveExportPalette(theme, ctx.palette);
   const parsed = parseWhiteboard2(content, effectivePalette);
   if (parsed.error || parsed.elements.length === 0) return "";
-  const { renderWhiteboard } = await import("./renderer-M5DUMITP.js");
+  const { renderWhiteboard } = await import("./renderer-BYLQ37T2.js");
   const container = createExportContainer(1, 1);
   const resolveImage = ctx.options?.resolveImage;
   const showNotes = ctx.options?.showNotes;
@@ -3239,9 +3886,9 @@ async function exportWhiteboard(ctx) {
 // src/wireframe/export.ts
 async function exportWireframe(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseWireframe: parseWireframe2 } = await import("./parser-4TBSWULQ.js");
+  const { parseWireframe: parseWireframe2 } = await import("./parser-TTGZYLYD.js");
   const { layoutWireframe } = await import("./layout-HF3PMI4H.js");
-  const { renderWireframe } = await import("./renderer-36446HSH.js");
+  const { renderWireframe } = await import("./renderer-QZJZIAT3.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const wireframeParsed = parseWireframe2(content);
   if (wireframeParsed.error || wireframeParsed.roots.length === 0 && wireframeParsed.modals.length === 0)
@@ -3288,7 +3935,6 @@ var DIAGRAM_EXPORT_HANDLERS = {
   class: exportClass,
   er: exportEr,
   "boxes-and-lines": exportBoxesAndLines,
-  sketch: exportSketch,
   whiteboard: exportWhiteboard,
   swimlane: exportSwimlane,
   family: exportFamily,
@@ -3344,18 +3990,21 @@ function resolveArcChordOverride(content, detectedType, palette) {
 }
 async function renderForExport(content, theme, palette, viewState, options) {
   const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-E5O7RJSW.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-EPBQKQW2.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;
   const detectedType = override?.type ?? detectedTypeRaw;
   if (detectedType !== null) {
-    const { supportsD3DataChart, renderDataChartD3: renderDataChartD32 } = await import("./charts-d3-SZV2SFTM.js");
+    const { supportsD3DataChart, renderDataChartD3: renderDataChartD32 } = await import("./charts-d3-IRP5VANE.js");
     if (supportsD3DataChart(detectedType)) {
-      return renderDataChartD32(renderContent, theme, palette, {
-        ...options?.width !== void 0 && { width: options.width },
-        ...options?.height !== void 0 && { height: options.height }
-      });
+      return fitSvgToContent(
+        await renderDataChartD32(renderContent, theme, palette, {
+          ...options?.width !== void 0 && { width: options.width },
+          ...options?.height !== void 0 && { height: options.height }
+        }),
+        exportFitRequest(options)
+      );
     }
   }
   const ctx = {
@@ -3376,7 +4025,16 @@ async function renderForExport(content, theme, palette, viewState, options) {
     height: options?.height && options.height > 0 ? Math.round(options.height) : EXPORT_HEIGHT
   };
   const handler = detectedType !== null ? DIAGRAM_EXPORT_HANDLERS[detectedType] : void 0;
-  return (handler ?? exportVisualization)(ctx);
+  return fitSvgToContent(
+    await (handler ?? exportVisualization)(ctx),
+    exportFitRequest(options)
+  );
+}
+function exportFitRequest(options) {
+  return {
+    ...options?.width !== void 0 && { width: options.width },
+    ...options?.height !== void 0 && { height: options.height }
+  };
 }
 
 // src/utils/hover-styles.ts
@@ -3720,17 +4378,6 @@ var HOVER_SPECS = {
     emphasis: "dim",
     legend: true
   },
-  sketch: {
-    markSelector: ".sk-node",
-    strategy: "connection",
-    hoverSelector: ".sk-node",
-    hoverAttr: "data-node-id",
-    edgeSelector: ".sk-edge-group",
-    fromAttr: "data-from",
-    toAttr: "data-to",
-    legend: true,
-    emphasis: "dim"
-  },
   infra: {
     markSelector: ".infra-node",
     strategy: "connection",
@@ -4277,12 +4924,6 @@ function summarizeBoxesAndLines(content) {
   const names = parsed.nodes.map((n) => n.label);
   return `Boxes and lines diagram of ${namedCount(names, "box", "boxes")}, with ${plural(parsed.edges.length, "line", "lines")}.`;
 }
-function summarizeSketch(content) {
-  const parsed = parseSketch(content);
-  if (parsed.error) return null;
-  const names = parsed.nodes.map((n) => n.label);
-  return `Sketch of ${namedCount(names, "shape", "shapes")}, with ${plural(parsed.edges.length, "connection", "connections")}.`;
-}
 function summarizeWhiteboard(content) {
   const parsed = parseWhiteboard(content);
   if (parsed.error) return null;
@@ -4731,7 +5372,6 @@ var SUMMARIZERS = {
   gantt: summarizeGantt,
   pert: summarizePert,
   "boxes-and-lines": summarizeBoxesAndLines,
-  sketch: summarizeSketch,
   whiteboard: summarizeWhiteboard,
   swimlane: summarizeSwimlane,
   family: summarizeFamily,
@@ -4916,10 +5556,19 @@ async function render(source, options) {
   if (category === "data-chart") {
     await acquireDom();
     try {
-      const raw = await renderDataChartD3(renderContent, theme, paletteColors, {
+      const sizeRequest = {
         ...options?.width !== void 0 && { width: options.width },
         ...options?.height !== void 0 && { height: options.height }
-      });
+      };
+      const raw = fitSvgToContent(
+        await renderDataChartD3(
+          renderContent,
+          theme,
+          paletteColors,
+          sizeRequest
+        ),
+        sizeRequest
+      );
       const svg2 = applyRootDesc(
         applyRootA11y(
           injectHoverStyles(raw, chartType, { bakeHover }),
@@ -4997,6 +5646,9 @@ async function render(source, options) {
 }
 
 export {
+  EXPORT_FIT_PAD,
+  measureSvgContent,
+  fitSvgToContent,
   orderArcNodes,
   renderArcDiagram,
   renderQuadrant,