@diagrammo/dgmo 0.47.0 → 0.48.1

package/dist/auto.mjs

@@ -16260,6 +16260,13 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, nameIsAMatch.index).trim();
       }
+      const bareTail = metaTail.trim();
+      if (bareTail && !bareTail.includes(":")) {
+        pushError(
+          lineNumber,
+          `text after 'is a ${rawType}' must be 'key: value' metadata \u2014 '${bareTail}' is not recognized (did you mean 'description: ${bareTail}'?)`
+        );
+      }
       const metadata = parseC4MetaTail(metaTail, metaAliasMap);
       const shape = explicitShape ?? inferC4Shape(namePart, metadata["tech"] ?? metadata["technology"]);
       let isADescription;
@@ -29389,10 +29396,14 @@ function runInExportContainer(width, height, fn) {
     document.body.removeChild(container);
   }
 }
-function extractExportSvg(container, theme) {
+function extractExportSvg(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
-  if (theme === "transparent") svgEl.style.background = "none";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
   svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
   svgEl.style.fontFamily = FONT_FAMILY;
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
@@ -29811,7 +29822,7 @@ function renderOrgForExport(content, theme, palette) {
       width: exportWidth,
       height: exportHeight
     });
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING, MAX_SCALE, TITLE_HEIGHT, ANCESTOR_DOT_R, ANCESTOR_LABEL_FONT_SIZE, ANCESTOR_ROW_HEIGHT, ANCESTOR_TRAIL_BOTTOM_GAP, LEGEND_FIXED_GAP;
@@ -32314,7 +32325,7 @@ function renderClassDiagramForExport(content, theme, palette) {
       true
       // exportMode
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING4, MAX_SCALE3, CLASS_FONT_SIZE2, MEMBER_FONT_SIZE2, EDGE_LABEL_FONT_SIZE2, MEMBER_LINE_HEIGHT2, COMPARTMENT_PADDING_Y2, MEMBER_PADDING_X, CLASS_TYPE_MAP, CLASS_TYPE_ORDER, LEGEND_GROUP_NAME, lineGenerator2;
@@ -38493,7 +38504,7 @@ function renderMindmapForExport(content, theme, palette) {
       void 0,
       hideDescriptions
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING7, TITLE_HEIGHT4, SINGLE_LABEL_HEIGHT2, LABEL_LINE_HEIGHT4, DESC_LINE_HEIGHT4, NODE_RADIUS, ROOT_STROKE_WIDTH, DEPTH_COLOR_KEYS;
@@ -42876,6 +42887,8 @@ function renderFlowchartForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -52521,6 +52534,8 @@ function renderStateForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -63074,7 +63089,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
   const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
-  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("background", "transparent");
+  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -63153,11 +63168,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
     const cw = roleColW - 2 * sColumnInset;
     const roleColor = parsed.roleColors[i] ?? autoAccent(i, palette);
     const bodyFill = mix(roleColor, themeBaseBg(palette, isDark), 16);
-    const headerFill = mix(
-      roleColor,
-      themeBaseBg(palette, isDark),
-      30
-    );
+    const headerFill = mix(roleColor, themeBaseBg(palette, isDark), 30);
     const colG = columnsG.append("g").attr("class", "raci-column").attr("data-role-id", roleId);
     colG.append("rect").attr("class", "raci-column-body").attr("x", cx).attr("y", headerY).attr("width", cw).attr("height", colTotalHeight).attr("rx", sColumnRadius).attr("fill", bodyFill);
     colG.append("path").attr("class", "raci-column-header").attr(
@@ -68752,34 +68763,50 @@ function buildHoverCss(spec, derived = {}, emphasisOverride) {
   return parts.join("");
 }
 var HOVER_SPECS = {
+  // Data-chart family (`.dgmo-datum`): `dim` at 0.18 to MIRROR the app's live
+  // hover (charts-d3/interactions.ts `.dgmo-dim{opacity:.18}` — hover a mark →
+  // every other emph-key drops out). `lift` (saturate/brightness) read as
+  // "nothing happened" on muted fills. Safe to dim: these export renderers set
+  // NO inline `style="opacity"` on datums (only presentation `*-opacity` attrs,
+  // which a `<style>` rule outranks), so no RED-2 inline-defeat.
   pie: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   bar: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   funnel: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   heatmap: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   "polar-area": {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   // ── CROSS-FREE diagram charts — FIXED-attr keys, DOM-verified (Task 3) ──
@@ -68953,6 +68980,8 @@ var HOVER_SPECS = {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-category",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   quadrant: {
@@ -70072,7 +70101,7 @@ var CSS = AUTO_BASE_CSS + "\n" + BLOCK_CSS + "\n" + darkScopedBlockCss(BLOCK_CSS
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.47.0";
+var VERSION = "0.48.1";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1500;
 var LOG_PREFIX = "[dgmo]";

package/dist/block.js

@@ -1,10 +1,10 @@
 import {
   normalizeSvgForEmbed
-} from "./chunk-RCERWOJR.js";
+} from "./chunk-ODZVHU3R.js";
 import {
   encodeDiagramUrl,
   render
-} from "./chunk-IH6ZMVQ5.js";
+} from "./chunk-UC7TFHUM.js";
 import "./chunk-PBAHEPLQ.js";
 import "./chunk-OJR3MQYV.js";
 import "./chunk-UWN33VNX.js";
@@ -17,7 +17,7 @@ import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-6FZYCKXB.js";
+import "./chunk-HSH73DP6.js";
 import "./chunk-P235SVAH.js";
 import "./chunk-6HO5ZTXK.js";
 import "./chunk-44CM72SQ.js";
@@ -52,7 +52,7 @@ import "./chunk-5QXL4NYS.js";
 import "./chunk-GMR5MFHJ.js";
 import "./chunk-ERLBPDGU.js";
 import "./chunk-AELOBFW5.js";
-import "./chunk-2DXMZRWJ.js";
+import "./chunk-B65G5DNL.js";
 import "./chunk-IYULMRBE.js";
 import {
   resolvePaletteOrFallback

package/dist/{chunk-FNB3PNGF.js → chunk-7DTWEFUE.js}

@@ -11,7 +11,7 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -399,7 +399,7 @@ function renderClassDiagramForExport(content, theme, palette) {
       true
       // exportMode
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -407,4 +407,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-FNB3PNGF.js.map
+//# sourceMappingURL=chunk-7DTWEFUE.js.map

package/dist/{chunk-2DXMZRWJ.js → chunk-B65G5DNL.js}

@@ -542,6 +542,13 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, nameIsAMatch.index).trim();
       }
+      const bareTail = metaTail.trim();
+      if (bareTail && !bareTail.includes(":")) {
+        pushError(
+          lineNumber,
+          `text after 'is a ${rawType}' must be 'key: value' metadata \u2014 '${bareTail}' is not recognized (did you mean 'description: ${bareTail}'?)`
+        );
+      }
       const metadata = parseC4MetaTail(metaTail, metaAliasMap);
       const shape = explicitShape ?? inferC4Shape(namePart, metadata["tech"] ?? metadata["technology"]);
       let isADescription;
@@ -797,4 +804,4 @@ function validateDeploymentRefs(result, knownNames, pushWarning) {
 export {
   parseC4
 };
-//# sourceMappingURL=chunk-2DXMZRWJ.js.map
+//# sourceMappingURL=chunk-B65G5DNL.js.map

package/dist/{chunk-RZCF2VVM.js → chunk-B7JUCQUA.js}

@@ -512,6 +512,8 @@ function renderFlowchartForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -525,4 +527,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-RZCF2VVM.js.map
+//# sourceMappingURL=chunk-B7JUCQUA.js.map

package/dist/{chunk-DU7W62N5.js → chunk-FANX6UJR.js}

@@ -1,7 +1,7 @@
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   renderCollapseBar,
   renderNodeCard
@@ -476,7 +476,7 @@ function renderOrgForExport(content, theme, palette) {
       width: exportWidth,
       height: exportHeight
     });
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -484,4 +484,4 @@ export {
   renderOrg,
   renderOrgForExport
 };
-//# sourceMappingURL=chunk-DU7W62N5.js.map
+//# sourceMappingURL=chunk-FANX6UJR.js.map

package/dist/{chunk-6FZYCKXB.js → chunk-HSH73DP6.js}

@@ -83,7 +83,7 @@ import {
 } from "./chunk-AELOBFW5.js";
 import {
   parseC4
-} from "./chunk-2DXMZRWJ.js";
+} from "./chunk-B65G5DNL.js";
 import {
   looksLikeSequence,
   parseSequenceDgmo
@@ -2062,4 +2062,4 @@ export {
   knownChartTypeIds,
   parseDgmo
 };
-//# sourceMappingURL=chunk-6FZYCKXB.js.map
+//# sourceMappingURL=chunk-HSH73DP6.js.map

package/dist/{chunk-P4RH4OSP.js → chunk-ILKORZ3H.js}

@@ -34,7 +34,7 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parseC4
-} from "./chunk-2DXMZRWJ.js";
+} from "./chunk-B65G5DNL.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -1035,4 +1035,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-P4RH4OSP.js.map
+//# sourceMappingURL=chunk-ILKORZ3H.js.map

package/dist/{chunk-Y5QGVTVC.js → chunk-JTSMEYIZ.js}

@@ -16,10 +16,14 @@ function runInExportContainer(width, height, fn) {
     document.body.removeChild(container);
   }
 }
-function extractExportSvg(container, theme) {
+function extractExportSvg(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
-  if (theme === "transparent") svgEl.style.background = "none";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
   svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
   svgEl.style.fontFamily = FONT_FAMILY;
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
@@ -30,4 +34,4 @@ export {
   runInExportContainer,
   extractExportSvg
 };
-//# sourceMappingURL=chunk-Y5QGVTVC.js.map
+//# sourceMappingURL=chunk-JTSMEYIZ.js.map

package/dist/{chunk-RCERWOJR.js → chunk-ODZVHU3R.js}

@@ -27,7 +27,6 @@ function normalizeSvgForEmbed(input) {
   }
   svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
   svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
-  svg = svg.replace(/(<svg[^>]*?style="[^"]*?)background:[^;"]*;?\s*/g, "$1");
   svg = svg.replace(/<svg\s{2,}/g, "<svg ");
   return svg;
 }
@@ -151,4 +150,4 @@ export {
   normalizeSvgForEmbed,
   getEmbedSvgViewBox
 };
-//# sourceMappingURL=chunk-RCERWOJR.js.map
+//# sourceMappingURL=chunk-ODZVHU3R.js.map

package/dist/{chunk-DZAQBW35.js → chunk-SGZYXELT.js}

@@ -259,7 +259,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
   const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
-  const svg = d3Selection.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("background", "transparent");
+  const svg = d3Selection.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -338,11 +338,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
     const cw = roleColW - 2 * sColumnInset;
     const roleColor = parsed.roleColors[i] ?? autoAccent(i, palette);
     const bodyFill = mix(roleColor, themeBaseBg(palette, isDark), 16);
-    const headerFill = mix(
-      roleColor,
-      themeBaseBg(palette, isDark),
-      30
-    );
+    const headerFill = mix(roleColor, themeBaseBg(palette, isDark), 30);
     const colG = columnsG.append("g").attr("class", "raci-column").attr("data-role-id", roleId);
     colG.append("rect").attr("class", "raci-column-body").attr("x", cx).attr("y", headerY).attr("width", cw).attr("height", colTotalHeight).attr("rx", sColumnRadius).attr("fill", bodyFill);
     colG.append("path").attr("class", "raci-column-header").attr(
@@ -748,4 +744,4 @@ export {
   renderRaci,
   renderRaciForExport
 };
-//# sourceMappingURL=chunk-DZAQBW35.js.map
+//# sourceMappingURL=chunk-SGZYXELT.js.map

package/dist/{chunk-CUVHQHZ7.js → chunk-THXCFRTU.js}

@@ -8,7 +8,7 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   EDGE_STROKE_WIDTH,
@@ -380,7 +380,7 @@ function renderMindmapForExport(content, theme, palette) {
       void 0,
       hideDescriptions
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -388,4 +388,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=chunk-CUVHQHZ7.js.map
+//# sourceMappingURL=chunk-THXCFRTU.js.map

package/dist/{chunk-IH6ZMVQ5.js → chunk-UC7TFHUM.js}

@@ -39,7 +39,7 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-6FZYCKXB.js";
+} from "./chunk-HSH73DP6.js";
 import {
   getPalette
 } from "./chunk-R3XI2VC7.js";
@@ -2285,7 +2285,7 @@ function resolveArcChordOverride(content, detectedType, palette) {
 }
 async function renderForExport(content, theme, palette, viewState, options) {
   const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-DZCIDUO5.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-X35VLZLM.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;
@@ -2359,7 +2359,7 @@ async function exportOrg(ctx) {
   const { parseOrg } = await import("./parser-6BTRLKRZ.js");
   const { layoutOrg } = await import("./layout-OB3RI63S.js");
   const { collapseOrgTree } = await import("./collapse-CLPJD2RL.js");
-  const { renderOrg } = await import("./renderer-T7YKC5VP.js");
+  const { renderOrg } = await import("./renderer-ZRNG54CW.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg(content, effectivePalette);
@@ -2486,7 +2486,7 @@ async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
   const { parseClassDiagram } = await import("./parser-NRAI6O25.js");
   const { layoutClassDiagram } = await import("./layout-46N4JJYK.js");
-  const { renderClassDiagram } = await import("./renderer-TOCOVLHS.js");
+  const { renderClassDiagram } = await import("./renderer-B2OMQIQG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2621,7 +2621,7 @@ async function exportMindmap(ctx) {
   const { parseMindmap } = await import("./parser-N5O4IHUN.js");
   const { layoutMindmap } = await import("./layout-UM5F4DJB.js");
   const { collapseMindmapTree } = await import("./collapse-SLINJQW6.js");
-  const { renderMindmap } = await import("./renderer-2XQQQ6QR.js");
+  const { renderMindmap } = await import("./renderer-N43WR5GV.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap(content, effectivePalette);
@@ -2696,14 +2696,14 @@ async function exportWireframe(ctx) {
 }
 async function exportC4(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseC4 } = await import("./parser-FUSKFGZN.js");
+  const { parseC4 } = await import("./parser-2EWECDSA.js");
   const {
     layoutC4Context,
     layoutC4Containers,
     layoutC4Components,
     layoutC4Deployment
   } = await import("./layout-5RA6QWR6.js");
-  const { renderC4Context, renderC4Containers } = await import("./renderer-UWA5XS74.js");
+  const { renderC4Context, renderC4Containers } = await import("./renderer-4JHRUBE6.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const c4Parsed = parseC4(content, effectivePalette);
   if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
@@ -2739,7 +2739,7 @@ async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
   const { parseFlowchart } = await import("./flowchart-parser-ZNSKIBVR.js");
   const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-ZAEOL4DX.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-SNDSII4D.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2894,7 +2894,7 @@ async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
   const { parseState } = await import("./state-parser-Z2V23ATR.js");
   const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderState } = await import("./state-renderer-RFYHSP4K.js");
+  const { renderState } = await import("./state-renderer-B4DQBM6M.js");
   const { collapseStateGroups } = await import("./state-collapse-HCGD6IVJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState(content, effectivePalette);
@@ -3103,7 +3103,7 @@ async function exportBlock(ctx) {
 async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
   const { parseRaci } = await import("./parser-Y6WTBU76.js");
-  const { renderRaciForExport } = await import("./renderer-WZRREQ2P.js");
+  const { renderRaciForExport } = await import("./renderer-5MYBMBYO.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const raciParsed = parseRaci(content, effectivePalette);
   if (raciParsed.error) return "";
@@ -3363,34 +3363,50 @@ function buildHoverCss(spec, derived = {}, emphasisOverride) {
   return parts.join("");
 }
 var HOVER_SPECS = {
+  // Data-chart family (`.dgmo-datum`): `dim` at 0.18 to MIRROR the app's live
+  // hover (charts-d3/interactions.ts `.dgmo-dim{opacity:.18}` — hover a mark →
+  // every other emph-key drops out). `lift` (saturate/brightness) read as
+  // "nothing happened" on muted fills. Safe to dim: these export renderers set
+  // NO inline `style="opacity"` on datums (only presentation `*-opacity` attrs,
+  // which a `<style>` rule outranks), so no RED-2 inline-defeat.
   pie: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   bar: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   funnel: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   heatmap: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   "polar-area": {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   // ── CROSS-FREE diagram charts — FIXED-attr keys, DOM-verified (Task 3) ──
@@ -3564,6 +3580,8 @@ var HOVER_SPECS = {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-category",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   quadrant: {
@@ -3947,4 +3965,4 @@ export {
   encodeDiagramUrl,
   decodeDiagramUrl
 };
-//# sourceMappingURL=chunk-IH6ZMVQ5.js.map
+//# sourceMappingURL=chunk-UC7TFHUM.js.map

package/dist/{chunk-EMS2SK26.js → chunk-ZBWMSD5N.js}

@@ -360,6 +360,8 @@ function renderStateForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -373,4 +375,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=chunk-EMS2SK26.js.map
+//# sourceMappingURL=chunk-ZBWMSD5N.js.map