@diagrammo/dgmo 0.50.2 → 0.52.0

package/dist/{chunk-BCYVE3N5.js → chunk-TYS6CSS5.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-BMR4CIEO.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 
 // src/utils/note-box/metrics.ts
 function normalizeBulletLine(line) {
@@ -49,4 +49,4 @@ export {
   wrapNoteBody,
   noteBoxSize
 };
-//# sourceMappingURL=chunk-BCYVE3N5.js.map
+//# sourceMappingURL=chunk-TYS6CSS5.js.map

package/dist/{chunk-T4VOVZT5.js → chunk-UBLHQTLV.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-HEVYAHLW.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-7UEMZREK.js";
+} from "./chunk-YAA6IID3.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -18,12 +18,15 @@ import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/tech-radar/renderer.ts
 import * as d3Selection2 from "d3-selection";
@@ -440,7 +443,7 @@ function clearDim(root) {
 function renderHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark, rootContainer, onClickItem) {
   const ringOrder = parsed.rings.map((r) => r.name);
   const fillColor = shapeFill(palette, qColor, isDark, {
-    solid: parsed.options["solid-fill"] === "on"
+    mode: fillModeFromOptions(parsed.options)
   });
   let expandedLineNum = null;
   function render() {
@@ -819,7 +822,7 @@ function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, isDar
 function renderStaticHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark) {
   const ringOrder = parsed.rings.map((r) => r.name);
   const fillColor = shapeFill(palette, qColor, isDark, {
-    solid: parsed.options["solid-fill"] === "on"
+    mode: fillModeFromOptions(parsed.options)
   });
   for (const ringName of ringOrder) {
     const blips = quadrant.blips.filter((b) => b.ring === ringName);
@@ -1173,7 +1176,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
         // Tech-radar opts out of solid-fill: blip popover stays in tinted
         // form so it reads consistently against the radar bg regardless of
         // the diagram's option setting.
-        false
+        void 0
       );
       showBlipHighlight(lineNum, bx, by, blipGroup);
     }).on("mousemove", (event) => {
@@ -1202,7 +1205,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
           // Tech-radar opts out of solid-fill: blip popover stays in tinted
           // form so it reads consistently against the radar bg regardless of
           // the diagram's option setting.
-          false
+          void 0
         );
         popover.style.pointerEvents = "auto";
         showBlipHighlight(lineNum, bx, by, blipGroup);
@@ -1246,7 +1249,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
             // Tech-radar opts out of solid-fill: blip popover stays in tinted
             // form so it reads consistently against the radar bg regardless of
             // the diagram's option setting.
-            false
+            void 0
           );
         }
         const lineNum = String(blip.lineNumber);
@@ -1440,10 +1443,8 @@ function createBlipPopover(container, _palette, isDark) {
   container.appendChild(el);
   return el;
 }
-function showBlipPopover(popover, blip, qColor, palette, isDark, event, solid) {
-  const fillColor = shapeFill(palette, qColor, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+function showBlipPopover(popover, blip, qColor, palette, isDark, event, fillMode) {
+  const fillColor = shapeFill(palette, qColor, isDark, { mode: fillMode });
   const hasDesc = blip.description.length > 0;
   const onFillText = contrastText(
     fillColor,
@@ -1601,4 +1602,4 @@ export {
   renderTechRadar,
   renderTechRadarForExport
 };
-//# sourceMappingURL=chunk-T4VOVZT5.js.map
+//# sourceMappingURL=chunk-UBLHQTLV.js.map

package/dist/{chunk-3LKM6FMW.js → chunk-UNURMIQO.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColor
@@ -165,4 +165,4 @@ function parseRing(content) {
 export {
   parseRing
 };
-//# sourceMappingURL=chunk-3LKM6FMW.js.map
+//# sourceMappingURL=chunk-UNURMIQO.js.map

package/dist/{chunk-TSA237IM.js → chunk-VILVLS7P.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError,
   makeFail,
@@ -29,7 +29,9 @@ var POSITION_ORDER = [
 var KNOWN_OPTIONS = /* @__PURE__ */ new Set([]);
 var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
   "show-blip-legend",
-  "solid-fill",
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
   "no-title"
 ]);
 function parseTechRadar(content) {
@@ -332,4 +334,4 @@ function assignGlobalNumbers(result) {
 export {
   parseTechRadar
 };
-//# sourceMappingURL=chunk-TSA237IM.js.map
+//# sourceMappingURL=chunk-VILVLS7P.js.map

package/dist/{chunk-HGN652MU.js → chunk-VL2O2F3W.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 
 // src/label-layout.ts
 function rectsOverlap(a, b) {
@@ -221,4 +221,4 @@ export {
   segmentsCross,
   computeQuadrantPointLabels
 };
-//# sourceMappingURL=chunk-HGN652MU.js.map
+//# sourceMappingURL=chunk-VL2O2F3W.js.map

package/dist/{chunk-3XGZF2QJ.js → chunk-VQOCMUWI.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-HEVYAHLW.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-7UEMZREK.js";
+} from "./chunk-YAA6IID3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -24,22 +24,25 @@ import {
 import {
   measureText,
   truncateText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-BH3UYK36.js";
+} from "./chunk-QJMKPUYK.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -286,15 +289,13 @@ function wrapLabelWords(words, maxWidth, fontSize) {
   if (current) lines.push(current);
   return lines;
 }
-var fill = (palette, isDark, color, solid) => color ? shapeFill(palette, color, isDark, {
-  ...solid !== void 0 && { solid }
-}) : isDark ? mix(palette.overlay, palette.surface, 50) : mix(palette.bg, palette.surface, 50);
+var fill = (palette, isDark, color, fillMode) => color ? shapeFill(palette, color, isDark, { mode: fillMode }) : isDark ? mix(palette.overlay, palette.surface, 50) : mix(palette.bg, palette.surface, 50);
 var stroke = (palette, color) => color || palette.border;
 var SW = 1.5;
 var W = PARTICIPANT_BOX_WIDTH;
 var H = PARTICIPANT_BOX_HEIGHT;
-function renderRectParticipant(g, palette, isDark, color, solid, w = W, h = H) {
-  g.append("rect").attr("x", -w / 2).attr("y", 0).attr("width", w).attr("height", h).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
+function renderRectParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
+  g.append("rect").attr("x", -w / 2).attr("y", 0).attr("width", w).attr("height", h).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, fillMode)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
 }
 function renderActorParticipant(g, palette, color, h = H) {
   const sc = h / H;
@@ -315,11 +316,11 @@ function renderActorParticipant(g, palette, color, h = H) {
   g.append("line").attr("x1", cx).attr("y1", bodyBottomY).attr("x2", cx - legSpan).attr("y2", legY).attr("stroke", s).attr("stroke-width", actorSW);
   g.append("line").attr("x1", cx).attr("y1", bodyBottomY).attr("x2", cx + legSpan).attr("y2", legY).attr("stroke", s).attr("stroke-width", actorSW);
 }
-function renderDatabaseParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderDatabaseParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const ry = 7;
   const topY = ry;
   const bodyH = h - ry * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
   g.append("rect").attr("class", "participant-body").attr("x", -w / 2).attr("y", topY).attr("width", w).attr("height", bodyH).attr("fill", f).attr("stroke", "none");
@@ -327,11 +328,11 @@ function renderDatabaseParticipant(g, palette, isDark, color, solid, w = W, h =
   g.append("line").attr("x1", w / 2).attr("y1", topY).attr("x2", w / 2).attr("y2", topY + bodyH).attr("stroke", s).attr("stroke-width", SW);
   g.append("ellipse").attr("cx", 0).attr("cy", topY).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
 }
-function renderQueueParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderQueueParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const rx = 10;
   const leftX = -w / 2 + rx;
   const bodyW = w - rx * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   g.append("ellipse").attr("cx", leftX + bodyW).attr("cy", h / 2).attr("rx", rx).attr("ry", h / 2).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
   g.append("rect").attr("class", "participant-body").attr("x", leftX).attr("y", 0).attr("width", bodyW).attr("height", h).attr("fill", f).attr("stroke", "none");
@@ -339,11 +340,11 @@ function renderQueueParticipant(g, palette, isDark, color, solid, w = W, h = H)
   g.append("line").attr("x1", leftX).attr("y1", h).attr("x2", leftX + bodyW).attr("y2", h).attr("stroke", s).attr("stroke-width", SW);
   g.append("ellipse").attr("cx", leftX).attr("cy", h / 2).attr("rx", rx).attr("ry", h / 2).attr("fill", f).attr("stroke", s).attr("stroke-width", SW);
 }
-function renderCacheParticipant(g, palette, isDark, color, solid, w = W, h = H) {
+function renderCacheParticipant(g, palette, isDark, color, fillMode, w = W, h = H) {
   const ry = 7;
   const topY = ry;
   const bodyH = h - ry * 2;
-  const f = fill(palette, isDark, color, solid);
+  const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
   const dash = "4 3";
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
@@ -586,7 +587,7 @@ function applyGroupOrdering(participants, groups, messages = []) {
 function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateToLine, options) {
   d3Selection.select(container).selectAll("*").remove();
   const { title, options: parsedOptions } = parsed;
-  const solid = parsedOptions["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsedOptions);
   const effectiveCollapsedGroups = options?.collapsedGroups ? new Set(options.collapsedGroups) : new Set(
     parsed.groups.filter((g) => g.collapsed).map((g) => g.lineNumber)
   );
@@ -1146,7 +1147,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   }
   let rightMargin = Math.max(rightProjection + 10, sGap / 2);
   let leftMargin = sGap / 2;
-  const diagramWidth = participants.length * sGap;
+  const diagramWidth = Math.max(0, participants.length - 1) * sGap;
   let totalWidth = Math.max(
     leftMargin + diagramWidth + rightMargin,
     sBoxW + 40
@@ -1327,7 +1328,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       isDark,
       effectiveTagColor,
       pTagAttr,
-      solid,
+      fillMode,
       sBoxW,
       sBoxH,
       sLabelTextWidth,
@@ -1551,7 +1552,9 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const actTagColor = getTagColor(actTagValue);
     const actBaseColor = actTagColor || palette.primary;
     svg.append("rect").attr("x", x).attr("y", y1).attr("width", sActivationWidth).attr("height", y2 - y1).attr("fill", themeBaseBg(palette, isDark));
-    const actFill = shapeFill(palette, actBaseColor, isDark, { solid });
+    const actFill = shapeFill(palette, actBaseColor, isDark, {
+      mode: fillMode
+    });
     const actRect = svg.append("rect").attr("x", x).attr("y", y1).attr("width", sActivationWidth).attr("height", y2 - y1).attr("fill", actFill).attr("stroke", actBaseColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("data-participant-id", act.participantId).attr("data-msg-lines", coveredLines.join(",")).attr("data-line-number", coveredLines[0] ?? "").attr("class", "activation");
     if (tagKey && actTagValue) {
       actRect.attr(`data-tag-${tagKey}`, actTagValue.toLowerCase());
@@ -1789,7 +1792,7 @@ function buildNoteMessageMap(elements) {
   walk(elements);
   return map;
 }
-function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, solid, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE) {
+function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, fillMode, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE) {
   const g = svg.append("g").attr("transform", `translate(${cx}, ${cy})`).attr("class", "participant").attr("data-participant-id", participant.id);
   if (tagAttr) {
     g.attr(`data-tag-${tagAttr.key}`, tagAttr.value);
@@ -1799,16 +1802,24 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
       renderActorParticipant(g, palette, color, boxH);
       break;
     case "database":
-      renderDatabaseParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderDatabaseParticipant(
+        g,
+        palette,
+        isDark,
+        color,
+        fillMode,
+        boxW,
+        boxH
+      );
       break;
     case "queue":
-      renderQueueParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderQueueParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
     case "cache":
-      renderCacheParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderCacheParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
     default:
-      renderRectParticipant(g, palette, isDark, color, solid, boxW, boxH);
+      renderRectParticipant(g, palette, isDark, color, fillMode, boxW, boxH);
       break;
   }
   const isActor = participant.type === "actor";
@@ -1820,7 +1831,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
   const fontSize = labelFontSize;
   const lineHeight = fontSize + 2;
   const labelFill = isActor ? palette.text : contrastText(
-    fill(palette, isDark, color, solid),
+    fill(palette, isDark, color, fillMode),
     palette.textOnFillLight,
     palette.textOnFillDark
   );
@@ -1848,4 +1859,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-3XGZF2QJ.js.map
+//# sourceMappingURL=chunk-VQOCMUWI.js.map

package/dist/{chunk-P6T66CCZ.js → chunk-WBM7ZNDI.js}

@@ -146,7 +146,8 @@ function themeBaseBg(palette, isDark) {
   return isDark ? palette.surface : palette.bg;
 }
 function shapeFill(palette, intent, isDark, opts) {
-  if (opts?.solid) return intent;
+  if (opts?.mode === "solid") return intent;
+  if (opts?.mode === "outline") return themeBaseBg(palette, isDark);
   return mix(intent, themeBaseBg(palette, isDark), 25);
 }
 function getSeriesColors(palette) {
@@ -223,4 +224,4 @@ export {
   getSegmentColors,
   politicalTints
 };
-//# sourceMappingURL=chunk-P6T66CCZ.js.map
+//# sourceMappingURL=chunk-WBM7ZNDI.js.map

package/dist/{chunk-CMCR5WBW.js → chunk-WBRZJOEC.js}

@@ -1,12 +1,12 @@
 import {
   buildPlacedNotes
-} from "./chunk-O7WP4ZD4.js";
+} from "./chunk-JED6ZDEE.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -201,4 +201,4 @@ function layoutClassDiagram(parsed, options) {
 export {
   layoutClassDiagram
 };
-//# sourceMappingURL=chunk-CMCR5WBW.js.map
+//# sourceMappingURL=chunk-WBRZJOEC.js.map

package/dist/{chunk-5LWQH6QV.js → chunk-WCT3NYCV.js}

@@ -157,4 +157,4 @@ export {
   truncateText,
   wrapTextToWidth
 };
-//# sourceMappingURL=chunk-5LWQH6QV.js.map
+//# sourceMappingURL=chunk-WCT3NYCV.js.map

package/dist/{chunk-C4GQDB5L.js → chunk-WRNFDFPU.js}

@@ -1,7 +1,7 @@
 import {
   NODE_HEIGHT,
   NODE_WIDTH
-} from "./chunk-TWQUYVP3.js";
+} from "./chunk-7DF4J4RL.js";
 
 // src/boxes-and-lines/layout-grouped.ts
 var NODESEP = 50;
@@ -689,4 +689,4 @@ export {
   acyclicOrient,
   groupedTierCandidates
 };
-//# sourceMappingURL=chunk-C4GQDB5L.js.map
+//# sourceMappingURL=chunk-WRNFDFPU.js.map

package/dist/{chunk-6HJBFVLO.js → chunk-XD6ZYURY.js}

@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -19,7 +19,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -34,7 +34,12 @@ import {
 var PHASE_RE = /^\[(.+?)\]$/;
 var ANNOTATION_RE = /^(pain|opportunity|thought)\s*:\s*(.+)$/i;
 var KNOWN_OPTIONS = /* @__PURE__ */ new Set(["active-tag"]);
-var KNOWN_BOOLEANS = /* @__PURE__ */ new Set(["solid-fill", "no-title"]);
+var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
+  "no-title"
+]);
 var REMOVED_BOOLEANS = {
   "no-legend": '"no-legend" has been removed \u2014 remove tag groups to hide the legend.'
 };
@@ -406,4 +411,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-6HJBFVLO.js.map
+//# sourceMappingURL=chunk-XD6ZYURY.js.map

package/dist/{chunk-C63UWAKM.js → chunk-Y2ZE3MSG.js}

@@ -2,7 +2,7 @@ import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 
 // src/infra/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -587,4 +587,4 @@ export {
   fixEdgeWaypoints,
   layoutInfra
 };
-//# sourceMappingURL=chunk-C63UWAKM.js.map
+//# sourceMappingURL=chunk-Y2ZE3MSG.js.map

package/dist/{chunk-7UEMZREK.js → chunk-YAA6IID3.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-HQCHYB5F.js";
+} from "./chunk-QOOUC2J5.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -545,4 +545,4 @@ export {
   getLegendReservedHeight,
   getMaxLegendReservedHeight
 };
-//# sourceMappingURL=chunk-7UEMZREK.js.map
+//# sourceMappingURL=chunk-YAA6IID3.js.map

package/dist/{chunk-F7BFXWNQ.js → chunk-YIBAWQGJ.js}

@@ -1,11 +1,14 @@
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;
@@ -210,7 +213,7 @@ function layoutJourneyMap(parsed, palette, options) {
         palette,
         scoreToColor(avgScore, palette),
         isDark,
-        { solid: parsed.options["solid-fill"] === "on" }
+        { mode: fillModeFromOptions(parsed.options) }
       );
       const COLLAPSED_CARD_H = 26;
       const COLLAPSED_GAP = 6;
@@ -287,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-F7BFXWNQ.js.map
+//# sourceMappingURL=chunk-YIBAWQGJ.js.map

package/dist/{chunk-PH5X4GIP.js → chunk-YTMTPUH4.js}

@@ -10,12 +10,15 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/wireframe/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -59,7 +62,7 @@ function renderWireframe(container, parsed, layout, palette, isDark, _onClickIte
     isTransparent: effectiveTheme === "transparent",
     isDark,
     showGroupLabels: opts.showGroupLabels ?? true,
-    solid: parsed.options["solid-fill"] === "on"
+    fillMode: fillModeFromOptions(parsed.options)
   };
   if (!ctx.isTransparent) {
     svg.append("rect").attr("width", layout.width).attr("height", layout.height).attr("fill", palette.bg).attr("rx", 8);
@@ -443,7 +446,7 @@ function renderAlert(g, node, ctx) {
   const { palette, isDark, isTransparent } = ctx;
   const el = node.element;
   const color = getElementSemanticColor(el, palette) || palette.accent;
-  const fill = isTransparent ? null : shapeFill(palette, color, isDark, { solid: ctx.solid });
+  const fill = isTransparent ? null : shapeFill(palette, color, isDark, { mode: ctx.fillMode });
   if (fill) {
     g.append("rect").attr("width", node.width).attr("height", node.height).attr("fill", fill).attr("rx", 4);
   }
@@ -551,4 +554,4 @@ function renderModal(parent, node, ctx) {
 export {
   renderWireframe
 };
-//# sourceMappingURL=chunk-PH5X4GIP.js.map
+//# sourceMappingURL=chunk-YTMTPUH4.js.map

package/dist/{chunk-3UIKSPFB.js → chunk-Z5QVYKR7.js}

@@ -9,12 +9,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   extractColor,
+  fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   emit
 } from "./chunk-CXK4DZH3.js";
@@ -140,6 +141,13 @@ function parseBody(content, palette) {
         options.noTitle = true;
         continue;
       }
+      const fm = fillModeFromToken(trimmed);
+      if (fm !== null) {
+        if (fm === "tint") delete options.fillMode;
+        else options.fillMode = fm;
+        currentTagGroup = null;
+        continue;
+      }
     }
     const tagBlockMatch = matchTagBlockHeading(trimmed);
     if (tagBlockMatch && !contentStarted) {
@@ -256,4 +264,4 @@ export {
   parseBody,
   extractSymbols
 };
-//# sourceMappingURL=chunk-3UIKSPFB.js.map
+//# sourceMappingURL=chunk-Z5QVYKR7.js.map