@diagrammo/dgmo 0.75.0 → 0.77.0

package/dist/advanced.js

@@ -2,11 +2,11 @@ import {
   layoutBracket,
   renderBracket,
   renderBracketForExport
-} from "./chunk-HGFKDSKZ.js";
+} from "./chunk-SI3PYDL4.js";
 import {
   renderRaci,
   renderRaciForExport
-} from "./chunk-COCMMQXW.js";
+} from "./chunk-XFXJXLK7.js";
 import {
   applyCollapseProjection,
   applyGroupOrdering,
@@ -16,43 +16,43 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-CLQJAGWL.js";
+} from "./chunk-6IN4F4RH.js";
 import {
   renderRing,
   renderRingForExport
-} from "./chunk-HOIAQ3P2.js";
+} from "./chunk-B52RL5VV.js";
 import {
   layoutTreemapRadial,
   renderTreemapRadial,
   renderTreemapRadialForExport
-} from "./chunk-U74EGVOA.js";
+} from "./chunk-CIWFL2LM.js";
 import {
   layoutTreemap,
   renderTreemap,
   renderTreemapForExport
-} from "./chunk-XHROEQ23.js";
+} from "./chunk-DSXWJAOA.js";
 import {
   renderLiveLinkCard
-} from "./chunk-LYLRNAX2.js";
+} from "./chunk-TKIPK5P6.js";
 import {
   authoredCollapsedIds,
   layoutBlock,
   renderBlock,
   renderBlockForExport
-} from "./chunk-UTTRJ6KN.js";
+} from "./chunk-5ZD4DDG7.js";
 import {
   renderGoal,
   renderGoalForExport
-} from "./chunk-U5B3TUEW.js";
+} from "./chunk-XCFIAGT7.js";
 import "./chunk-C2WH3BMS.js";
 import {
   renderCountdown,
   renderCountdownForExport
-} from "./chunk-E3BJVEMZ.js";
+} from "./chunk-2MTM4E6M.js";
 import {
   renderClock,
   renderClockForExport
-} from "./chunk-YDA46XHI.js";
+} from "./chunk-XPBJVSRY.js";
 import {
   computeRadarLayout,
   getRadarGeometry,
@@ -60,11 +60,11 @@ import {
   renderQuadrantFocusForExport,
   renderTechRadar,
   renderTechRadarForExport
-} from "./chunk-CQKD6GOC.js";
+} from "./chunk-EUVUOPRC.js";
 import {
   renderJourneyMap,
   renderJourneyMapForExport
-} from "./chunk-HFCKU73Y.js";
+} from "./chunk-TI4YUUW6.js";
 import {
   layoutJourneyMap
 } from "./chunk-F4V67JXG.js";
@@ -72,25 +72,25 @@ import {
   computeCycleLayout,
   renderCycle,
   renderCycleForExport
-} from "./chunk-BCB24FG7.js";
+} from "./chunk-D3B6YEZK.js";
 import {
   resolveMap
 } from "./chunk-DGPFFRLS.js";
 import {
   renderMap,
   renderMapForExport
-} from "./chunk-DSH7NJ2G.js";
+} from "./chunk-QBM5BURJ.js";
 import "./chunk-MS5574I7.js";
 import {
   mapContentAspect,
   mapExportDimensions
-} from "./chunk-F4CPZRG2.js";
+} from "./chunk-J76YDS4V.js";
 import {
   albersSkewFallback,
   layoutMap,
   mapBackgroundColor,
   mapNeutralLandColor
-} from "./chunk-BFTRW24X.js";
+} from "./chunk-WHWUVDYK.js";
 import {
   decodeFeatures,
   regionAt
@@ -98,20 +98,20 @@ import {
 import {
   renderPyramid,
   renderPyramidForExport
-} from "./chunk-UWYZIGCB.js";
+} from "./chunk-RGW26UAR.js";
 import {
   collectDiagramRoles,
   computeInfraLegendGroups,
   inferRoles,
   parseAndLayoutInfra,
   renderInfra
-} from "./chunk-IGQW7TKM.js";
+} from "./chunk-BH3BQICT.js";
 import {
   measurePertAnalysisBlock,
   renderPert,
   renderPertAnalysisBlock,
   renderPertForExport
-} from "./chunk-32MOGTKT.js";
+} from "./chunk-OO2L2LWV.js";
 import {
   analyzePert,
   buildSimulationContext,
@@ -132,11 +132,11 @@ import {
 import {
   buildTagLaneRowList,
   renderGantt
-} from "./chunk-AFR6GWXD.js";
+} from "./chunk-6BVAW7KI.js";
 import {
   renderState,
   renderStateForExport
-} from "./chunk-XFLLYY3V.js";
+} from "./chunk-UBDVAHGK.js";
 import {
   collapseStateGroups
 } from "./chunk-SQ7IY53Q.js";
@@ -145,7 +145,7 @@ import {
 } from "./chunk-NVOU7N6C.js";
 import {
   renderWireframe
-} from "./chunk-JQ575OAK.js";
+} from "./chunk-MZEGUDTA.js";
 import {
   renderC4ComponentsForExport,
   renderC4Containers,
@@ -154,7 +154,7 @@ import {
   renderC4ContextForExport,
   renderC4Deployment,
   renderC4DeploymentForExport
-} from "./chunk-AYM472K3.js";
+} from "./chunk-SWUQJ5VR.js";
 import {
   layoutC4Components,
   layoutC4Containers,
@@ -165,11 +165,11 @@ import {
 import {
   renderFlowchart,
   renderFlowchartForExport
-} from "./chunk-QUYYL3LP.js";
-import "./chunk-PDKUANDZ.js";
+} from "./chunk-7CXW6EGX.js";
+import "./chunk-7IATMZSA.js";
 import {
   layoutGraph
-} from "./chunk-GE5RO4BS.js";
+} from "./chunk-N6MZSBOL.js";
 import {
   computeInfra
 } from "./chunk-ICZ7M6IZ.js";
@@ -181,7 +181,7 @@ import {
 } from "./chunk-S6QDCFEU.js";
 import {
   renderSwimlaneForExport
-} from "./chunk-CAPR5DET.js";
+} from "./chunk-SSEAULA5.js";
 import "./chunk-LP7EC4MI.js";
 import {
   layoutFamily
@@ -189,7 +189,7 @@ import {
 import {
   renderFamily,
   renderFamilyForExport
-} from "./chunk-76IBFEYW.js";
+} from "./chunk-6ZZKEYBS.js";
 import "./chunk-IVKC4GID.js";
 import {
   collapseMindmapTree
@@ -197,21 +197,21 @@ import {
 import {
   renderMindmap,
   renderMindmapForExport
-} from "./chunk-IHUOYDLN.js";
+} from "./chunk-N5NQIZ56.js";
 import {
   layoutMindmap
 } from "./chunk-QMFIZQTB.js";
 import {
   renderClassDiagram,
   renderClassDiagramForExport
-} from "./chunk-ZMKCG3FT.js";
+} from "./chunk-CHOK7NCJ.js";
 import {
   layoutClassDiagram
 } from "./chunk-LM3HY3VG.js";
 import {
   renderERDiagram,
   renderERDiagramForExport
-} from "./chunk-QI4Q5ZZH.js";
+} from "./chunk-RV5A3EGI.js";
 import {
   layoutERDiagram
 } from "./chunk-5VMUVJO4.js";
@@ -228,16 +228,23 @@ import {
   collapseSketch,
   layoutSketch,
   sketchSlotToPx
-} from "./chunk-6DYZ2JM6.js";
+} from "./chunk-FR5EVD2X.js";
 import {
+  CONTAINER_FILL_OPACITY,
+  CONTAINER_STROKE_OPACITY,
+  CONTAINER_STROKE_WIDTH,
+  SKETCH_VISUALS,
   renderSketch,
   renderSketchForExport,
-  sketchEdgeGeometry
-} from "./chunk-U7AO6FRL.js";
+  sketchColors,
+  sketchContainerFill,
+  sketchEdgeGeometry,
+  sketchNeutralFill
+} from "./chunk-H7BYMIVK.js";
 import {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
-} from "./chunk-7EZ5AKBK.js";
+} from "./chunk-LYJ53DBK.js";
 import "./chunk-Q74GP3GK.js";
 import {
   layoutBoxesAndLines
@@ -251,7 +258,7 @@ import "./chunk-5DH3KYFH.js";
 import {
   renderVersionControl,
   renderVersionControlForExport
-} from "./chunk-IFC3JXCT.js";
+} from "./chunk-3O7ZYVJV.js";
 import {
   collapseOrgTree,
   focusOrgTree
@@ -259,8 +266,8 @@ import {
 import {
   renderOrg,
   renderOrgForExport
-} from "./chunk-OUJG73YJ.js";
-import "./chunk-VV6HZQ5K.js";
+} from "./chunk-CYMYZYLI.js";
+import "./chunk-YM5RMLFO.js";
 import {
   layoutOrg
 } from "./chunk-NHQ7HUAS.js";
@@ -274,20 +281,20 @@ import "./chunk-BS7SV7C3.js";
 import {
   renderSitemap,
   renderSitemapForExport
-} from "./chunk-7G4XMHDB.js";
+} from "./chunk-FF7LRT5L.js";
 import {
   computeCardArchive,
   computeCardMove,
   isArchiveColumn,
   renderKanban,
   renderKanbanForExport
-} from "./chunk-GEURKGZS.js";
+} from "./chunk-V4NHFY22.js";
 import {
   clearEventLineMuted,
   focusEventLine,
   renderEventLine,
   renderEventLineForExport
-} from "./chunk-3LJNQ6LR.js";
+} from "./chunk-CF3I5SOG.js";
 import "./chunk-NCT22MOD.js";
 import "./chunk-5GM6BZO7.js";
 import {
@@ -298,7 +305,7 @@ import "./chunk-FJ57274M.js";
 import {
   renderBody,
   renderBodyForExport
-} from "./chunk-Q6BAFS7I.js";
+} from "./chunk-43AJKH2U.js";
 import {
   completeMapPlaces,
   completeMapRegions,
@@ -314,40 +321,53 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-M3IVOGZE.js";
-import "./chunk-XCAEHWQB.js";
+} from "./chunk-HDLRRY3N.js";
+import "./chunk-OZOHREFQ.js";
 import "./chunk-EOYPX6SF.js";
 import {
   renderLegendSvg,
   renderLegendSvgFromConfig
-} from "./chunk-JL7BDLC6.js";
+} from "./chunk-UH5YTZN7.js";
 import "./chunk-L65WI4HO.js";
 import {
   formatDateLabel,
   renderTimeline
-} from "./chunk-YVDBBWEP.js";
+} from "./chunk-QXMHBIQG.js";
 import {
   computeTimeTicks
 } from "./chunk-YRYKTYMQ.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
-import "./chunk-UBW53CNS.js";
+import "./chunk-3E4YB6TY.js";
 import "./chunk-MG3DE3VO.js";
 import "./chunk-RU2HHHYA.js";
 import "./chunk-DEW62ON3.js";
 import {
   renderLegendD3
-} from "./chunk-QT5UMFPE.js";
+} from "./chunk-U4DS2ODO.js";
 import {
   computeLegendLayout,
   controlsGroupCapsuleWidth,
-  getLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
-import "./chunk-UTCPNJND.js";
-import {
+  getLegendReservedHeight,
+  legendEntryWidth
+} from "./chunk-VRPV6QXR.js";
+import {
+  DEFAULT_FONT_NAME,
+  FONT_FAMILY
+} from "./chunk-53SEVJQM.js";
+import {
+  LEGEND_CAPSULE_PAD,
+  LEGEND_DOT_R,
+  LEGEND_ENTRY_DOT_GAP,
+  LEGEND_ENTRY_FONT_SIZE,
+  LEGEND_ENTRY_TRAIL,
   LEGEND_GEAR_PILL_W,
-  LEGEND_HEIGHT
+  LEGEND_GROUP_GAP,
+  LEGEND_HEIGHT,
+  LEGEND_MAX_ENTRY_ROWS,
+  LEGEND_PILL_FONT_SIZE,
+  LEGEND_PILL_PAD
 } from "./chunk-YT5ICQ4R.js";
 import "./chunk-MTGGOCND.js";
 import {
@@ -370,7 +390,7 @@ import {
   parseDgmo,
   parseDgmoChartType,
   parseVisualization
-} from "./chunk-R5JPMW2F.js";
+} from "./chunk-FTTB64OJ.js";
 import {
   normalizePlace,
   parseClock,
@@ -460,8 +480,8 @@ import {
   SKETCH_SHAPE_KINDS,
   isSketchShapeKind,
   parseSketch
-} from "./chunk-TDHD3HNO.js";
-import "./chunk-RT7ACF77.js";
+} from "./chunk-F4X5NVKY.js";
+import "./chunk-EGY3TS62.js";
 import {
   parseSwimlane
 } from "./chunk-W7UBPARG.js";
@@ -504,7 +524,7 @@ import {
   INFRA_BEHAVIOR_KEYS,
   extractSymbols as extractSymbols4,
   parseInfra
-} from "./chunk-2NRIGEHZ.js";
+} from "./chunk-46KVXDUJ.js";
 import {
   parseGantt
 } from "./chunk-TPN7RJOM.js";
@@ -524,7 +544,7 @@ import {
   extractSymbols,
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-DU3OIBQE.js";
+} from "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
 import {
   looksLikeState,
@@ -535,7 +555,7 @@ import {
   extractSymbols as extractSymbols2,
   looksLikeClassDiagram,
   parseClassDiagram
-} from "./chunk-SUA56ZSB.js";
+} from "./chunk-LTTZX6RD.js";
 import {
   extractSymbols as extractSymbols3,
   looksLikeERDiagram,
@@ -572,6 +592,8 @@ import {
 } from "./chunk-DY7KDZUF.js";
 import {
   autoTagColorCycle,
+  resolveActiveTagGroup,
+  resolveTagColor,
   tagAttrKey
 } from "./chunk-76LHNLGX.js";
 import {
@@ -682,6 +704,167 @@ function collapseBoxesAndLines(parsed, collapsedGroups) {
   };
 }
 
+// src/sketch/emit.ts
+var LIFTED_KEYS = /* @__PURE__ */ new Set(["shape", "at", "as"]);
+function atText(at) {
+  return at ? `at: ${String(at.c)} ${String(at.r)}` : null;
+}
+function safeValue(value) {
+  return value.includes(",") ? value.replace(/,/g, " \u2014") : value;
+}
+function tailFor(thing, at, extra = []) {
+  const alias = thing.alias !== void 0 ? ` as ${thing.alias}` : "";
+  const parts = [];
+  const atPart = atText(at);
+  if (atPart) parts.push(atPart);
+  for (const [k, v] of Object.entries(thing.metadata)) {
+    if (LIFTED_KEYS.has(k)) continue;
+    parts.push(`${k}: ${safeValue(v)}`);
+  }
+  parts.push(...extra);
+  return `${alias}${parts.length > 0 ? ` ${parts.join(", ")}` : ""}`;
+}
+function shapeLine(node, indent) {
+  const extra = [];
+  if (node.shape !== "rectangle") extra.push(`shape: ${node.shape}`);
+  const out = [`${indent}${node.label}${tailFor(node, node.at, extra)}`];
+  if (node.description !== void 0 && node.description !== "") {
+    for (const line of node.description.split("\n")) {
+      out.push(`${indent}  > ${line}`);
+    }
+  }
+  return out;
+}
+function boxLine(box, indent) {
+  const extra = box.collapsed ? ["collapsed"] : [];
+  return `${indent}[${box.label}]${tailFor(box, box.at, extra)}`;
+}
+function edgeText(edge, target) {
+  const d = edge.dashed;
+  const label = edge.label ?? "";
+  const tail = tailFor(edge, null);
+  if (label === "") {
+    if (edge.heads === "none") return `${d ? "~~" : "--"} ${target}${tail}`;
+    if (edge.heads === "both") return `${d ? "<~>" : "<->"} ${target}${tail}`;
+    return `${d ? "~>" : "->"} ${target}${tail}`;
+  }
+  const l = safeValue(label);
+  if (edge.heads === "none")
+    return `${d ? "~" : "-"}${l}${d ? "~" : "-"} ${target}${tail}`;
+  if (edge.heads === "both")
+    return `${d ? "<~" : "<-"}${l}${d ? "~>" : "->"} ${target}${tail}`;
+  return `${d ? "~" : "-"}${l}${d ? "~>" : "->"} ${target}${tail}`;
+}
+function emitSketch(parsed) {
+  const lines = [];
+  lines.push(parsed.title ? `sketch ${parsed.title}` : "sketch");
+  const o = parsed.options;
+  if (o.noLegend) lines.push("no-legend");
+  if (o.legendInline === true) lines.push("legend-inline");
+  if (o.fillMode === "solid") lines.push("fill-solid");
+  if (o.fillMode === "outline") lines.push("fill-outline");
+  if (o.noDescriptions) lines.push("no-descriptions");
+  for (const group of parsed.tagGroups) {
+    lines.push("");
+    lines.push(
+      group.alias !== void 0 ? `tag ${group.name} as ${group.alias}` : `tag ${group.name}`
+    );
+    for (const entry of group.entries) {
+      const isDefault = group.defaultValue !== void 0 && entry.value === group.defaultValue;
+      const colour = entry.authoredColor === void 0 ? "" : ` ${entry.authoredColor}`;
+      lines.push(`  ${entry.value}${colour}${isDefault ? " default" : ""}`);
+    }
+  }
+  const refOf = (id) => {
+    const node = parsed.nodes.find((n) => n.id === id);
+    if (node) return node.alias ?? node.label;
+    const box = parsed.boxes.find((b) => b.id === id);
+    if (box) return box.alias ?? `[${box.label}]`;
+    return id;
+  };
+  const edgesBySource = /* @__PURE__ */ new Map();
+  for (const edge of parsed.edges) {
+    const list = edgesBySource.get(edge.sourceId);
+    if (list) list.push(edge);
+    else edgesBySource.set(edge.sourceId, [edge]);
+  }
+  const emitEdgesFor = (id, indent) => {
+    for (const edge of edgesBySource.get(id) ?? []) {
+      lines.push(`${indent}${edgeText(edge, refOf(edge.targetId))}`);
+    }
+  };
+  const nodesByBox = /* @__PURE__ */ new Map();
+  const rootNodes = [];
+  for (const node of parsed.nodes) {
+    if (node.boxLabel === void 0) {
+      rootNodes.push(node);
+      continue;
+    }
+    const list = nodesByBox.get(node.boxLabel);
+    if (list) list.push(node);
+    else nodesByBox.set(node.boxLabel, [node]);
+  }
+  const emitBox = (box, depth) => {
+    const indent = "  ".repeat(depth);
+    lines.push("");
+    lines.push(boxLine(box, indent));
+    emitEdgesFor(box.id, `${indent}  `);
+    for (const node of nodesByBox.get(box.label) ?? []) {
+      lines.push(...shapeLine(node, `${indent}  `));
+      emitEdgesFor(node.id, `${indent}    `);
+    }
+    for (const childId of box.childBoxes) {
+      const child = parsed.boxes.find((b) => b.id === childId);
+      if (child) emitBox(child, depth + 1);
+    }
+  };
+  for (const node of rootNodes) {
+    lines.push("");
+    lines.push(...shapeLine(node, ""));
+    emitEdgesFor(node.id, "  ");
+  }
+  for (const box of parsed.boxes) {
+    if (box.parentBoxId !== null) continue;
+    emitBox(box, 0);
+  }
+  return `${lines.join("\n")}
+`;
+}
+function canonicalSketch(parsed) {
+  const nameOf = (id) => {
+    const node = parsed.nodes.find((n) => n.id === id);
+    if (node) return `n:${node.label}`;
+    const box = parsed.boxes.find((b) => b.id === id);
+    if (box) return `b:${box.label}`;
+    return `?:${id}`;
+  };
+  const meta = (m) => Object.entries(m).filter(([k]) => !LIFTED_KEYS.has(k)).sort(([a], [b]) => a.localeCompare(b)).map(([k, v]) => `${k}=${v}`).join(";");
+  return {
+    title: parsed.title,
+    options: JSON.stringify({
+      noLegend: parsed.options.noLegend,
+      legendInline: parsed.options.legendInline === true,
+      fillMode: parsed.options.fillMode ?? null,
+      noDescriptions: parsed.options.noDescriptions
+    }),
+    tags: parsed.tagGroups.map(
+      (g) => `${g.name}[${g.entries.map((e) => e.value).join("|")}]${g.defaultValue ?? ""}`
+    ).sort().join(","),
+    nodes: parsed.nodes.map(
+      (n) => `${n.label}|${n.shape}|${n.at ? `${String(n.at.c)},${String(n.at.r)}` : "-"}|${n.boxLabel ?? "-"}|${n.description ?? ""}|${meta(n.metadata)}`
+    ).sort(),
+    boxes: parsed.boxes.map(
+      (b) => `${b.label}|${b.at ? `${String(b.at.c)},${String(b.at.r)}` : "-"}|${String(b.collapsed)}|${b.parentBoxId === null ? "-" : parsed.boxes.find((x) => x.id === b.parentBoxId)?.label ?? "?"}|${meta(b.metadata)}`
+    ).sort(),
+    edges: parsed.edges.map(
+      (e) => `${nameOf(e.sourceId)}->${nameOf(e.targetId)}|${e.label ?? ""}|${e.heads}|${String(e.dashed)}`
+    ).sort()
+  };
+}
+function sameSketch(a, b) {
+  return JSON.stringify(canonicalSketch(a)) === JSON.stringify(canonicalSketch(b));
+}
+
 // src/boxes-and-lines/focus.ts
 var GROUP_PREFIX = "__group_";
 var groupKey = (label) => `${GROUP_PREFIX}${label}`;
@@ -1842,11 +2025,25 @@ export {
   ALL_CHART_TYPES,
   ARROW_DIAGNOSTIC_CODES,
   CHART_TYPE_DESCRIPTIONS,
+  CONTAINER_FILL_OPACITY,
+  CONTAINER_STROKE_OPACITY,
+  CONTAINER_STROKE_WIDTH,
+  DEFAULT_FONT_NAME,
+  FONT_FAMILY,
   INFRA_BEHAVIOR_KEYS,
   INVALID_COLOR_CODE,
   INVALID_CSS_COLOR_HEX,
+  LEGEND_CAPSULE_PAD,
+  LEGEND_DOT_R,
+  LEGEND_ENTRY_DOT_GAP,
+  LEGEND_ENTRY_FONT_SIZE,
+  LEGEND_ENTRY_TRAIL,
   LEGEND_GEAR_PILL_W,
+  LEGEND_GROUP_GAP,
   LEGEND_HEIGHT,
+  LEGEND_MAX_ENTRY_ROWS,
+  LEGEND_PILL_FONT_SIZE,
+  LEGEND_PILL_PAD,
   RACI_ERROR_CODES,
   VARIANTS as RACI_VARIANTS,
   RACI_WARNING_CODES,
@@ -1862,6 +2059,7 @@ export {
   SKETCH_SHAPE_KINDS,
   SKETCH_SLOT_X,
   SKETCH_SLOT_Y,
+  SKETCH_VISUALS,
   ScaleContext,
   addDurationToDate,
   albersSkewFallback,
@@ -1878,6 +2076,7 @@ export {
   buildSimulationContext,
   buildTagLaneRowList,
   calculateSchedule,
+  canonicalSketch,
   catppuccinPalette,
   chartTypeParsers,
   chartTypes,
@@ -1908,6 +2107,7 @@ export {
   decodeDiagramUrl,
   decodeViewState,
   displayName,
+  emitSketch,
   encodeDiagramUrl,
   encodeViewState,
   extractSymbols2 as extractClassSymbols,
@@ -1972,6 +2172,7 @@ export {
   layoutTreemap,
   layoutTreemapRadial,
   layoutWireframe,
+  legendEntryWidth,
   loadMapData,
   looksLikeClassDiagram,
   looksLikeERDiagram,
@@ -2136,13 +2337,16 @@ export {
   renderVersionControlForExport,
   renderWireframe,
   renderWordCloud,
+  resolveActiveTagGroup,
   resolveColor,
   resolveColorWithDiagnostic,
   resolveMap,
   resolveOrgImports,
   resolvePlace,
+  resolveTagColor,
   resolveTaskName,
   rollUpContextRelationships,
+  sameSketch,
   sampleBetaPert,
   searchMapLocations,
   searchZones,
@@ -2151,7 +2355,10 @@ export {
   shapeFill,
   simulateCanonical,
   simulateFast,
+  sketchColors,
+  sketchContainerFill,
   sketchEdgeGeometry,
+  sketchNeutralFill,
   sketchSlotToPx,
   slatePalette,
   startClocks,

package/dist/block.css

@@ -1,8 +1,19 @@
 /* @diagrammo/dgmo block — standard embed chrome.
- * Override the [data-theme="dark"] selectors if your site uses .dark or
- * another color-mode convention. */
+ * Dark mode is keyed on a data-theme="dark" attribute (Starlight, Docusaurus)
+ * AND an html.dark class (Tailwind, next-themes, VitePress), so all of those
+ * work as shipped. Add your own selector if your site marks dark a third way.
+ *
+ * No selector is spelled in bracket form anywhere in these comments on
+ * purpose: the adapters that re-key the attribute rules onto another host's
+ * signal match that exact substring, and a mention inside a comment would be
+ * swallowed into a rule they then emit as garbage. */
 
-/* === Color-mode visibility (dual-render) === */
+/* === Color-mode visibility (dual-render) ===
+ * The dark wrapper also carries the "hidden" ATTRIBUTE, so a page that never
+ * loaded this stylesheet shows the light diagram rather than both of them.
+ * Every rule below is author-origin and therefore still overrides it.
+ * Keep the two host conventions in separate rule blocks — the adapters
+ * rewrite by literal replace and a folded rule would half-rewrite. */
 .dgmo-dark {
   display: none;
 }
@@ -12,6 +23,12 @@
 [data-theme="dark"] .dgmo-dark {
   display: block;
 }
+html.dark .dgmo-light {
+  display: none;
+}
+html.dark .dgmo-dark {
+  display: block;
+}
 
 /* === Diagram sizing ===
  * SVGs are emitted with viewBox only (no fixed width/height). Force them to