@takazudo/zudo-doc 0.2.8 → 0.2.10

package/dist/code-syntax/mermaid-init-script.js

@@ -76,6 +76,56 @@ function buildMermaidInitScript(cdnUrl) {
     return value;
   }
 
+  // The --zd-* tokens the value-reader v() consumes. The observer gate
+  // snapshots their RESOLVED computed values so a :root[style] mutation
+  // that touches none of them correctly no-ops, while one that changes a
+  // tracked token (or data-theme) re-renders (zudolab/zudo-doc#2181).
+  var TRACKED_TOKENS = [
+    "--zd-bg",
+    "--zd-mermaid-node-bg",
+    "--zd-mermaid-text",
+    "--zd-mermaid-line",
+    "--zd-mermaid-note-bg",
+    "--zd-mermaid-label-bg",
+  ];
+
+  /**
+   * Snapshot the active theme state: the data-theme attribute plus the
+   * RESOLVED computed value of every tracked token. getComputedStyle is
+   * read fresh (not the raw style-attribute string) so an unrelated
+   * :root[style] change does not look like a token change, and a real
+   * token change is caught even when written indirectly.
+   */
+  function captureThemeState() {
+    var cs = getComputedStyle(document.documentElement);
+    var tokens = {};
+    TRACKED_TOKENS.forEach(function (name) {
+      tokens[name] = cs.getPropertyValue(name).trim();
+    });
+    return {
+      theme: document.documentElement.getAttribute("data-theme"),
+      tokens: tokens,
+    };
+  }
+
+  /**
+   * Decide whether a genuine theme/token change occurred between two
+   * snapshots. Treats an empty/undefined -> real-value transition as a
+   * change: --zd-bg may be UNSET at first paint (luminance NaN); the
+   * observer is exactly what reinits once ColorSchemeProvider later
+   * populates the tokens, so that first colorization MUST still fire
+   * (zudolab/zudo-doc#2181).
+   */
+  function hasThemeStateChanged(prev, next) {
+    if (!prev) return true;
+    if (prev.theme !== next.theme) return true;
+    for (var i = 0; i < TRACKED_TOKENS.length; i++) {
+      var name = TRACKED_TOKENS[i];
+      if (prev.tokens[name] !== next.tokens[name]) return true;
+    }
+    return false;
+  }
+
   async function initMermaid() {
     var els = document.querySelectorAll("[data-mermaid]:not([data-mermaid-rendered])");
     if (els.length === 0) return;
@@ -172,6 +222,18 @@ function buildMermaidInitScript(cdnUrl) {
         theme: "base",
         themeVariables: themeVariables,
       });
+      // Cache each diagram's source BEFORE mermaid.run consumes it
+      // (mermaid replaces the graph text with the rendered <svg> and
+      // sets data-processed). Use textContent \u2014 the DECODED source
+      // mermaid consumes \u2014 NOT innerHTML, which would re-encode/decode
+      // entities and corrupt diagrams containing \`-->\` arrows or \`&\`.
+      // Only set when absent so repeated reinits keep the ORIGINAL
+      // source (zudolab/zudo-doc#2181).
+      els.forEach(function (el) {
+        if (!el.hasAttribute("data-mermaid-src")) {
+          el.setAttribute("data-mermaid-src", el.textContent);
+        }
+      });
       await mermaid.run({ nodes: Array.from(els) });
       els.forEach(function (el) { el.setAttribute("data-mermaid-rendered", ""); });
     } catch (e) {
@@ -179,14 +241,31 @@ function buildMermaidInitScript(cdnUrl) {
     }
   }
 
-  /** Re-render all mermaid diagrams (clear rendered state so initMermaid picks them up). */
+  /**
+   * Re-render all mermaid diagrams from their cached source text.
+   *
+   * By the time this runs, mermaid.run has already CONSUMED the source
+   * (replaced the graph text with the rendered <svg> and set
+   * data-processed), so clearing data-mermaid-rendered alone leaves the
+   * node permanently blank \u2014 initMermaid re-selects it but mermaid.run
+   * skips nodes that still have data-processed, and there is no source
+   * left to regenerate from. Restore the cached source, drop the SVG,
+   * and remove BOTH data-processed AND data-mermaid-rendered so the next
+   * initMermaid pass regenerates cleanly. Keep data-mermaid-src so
+   * repeated theme toggles keep working (zudolab/zudo-doc#2181).
+   */
   function reinitMermaid() {
     document.querySelectorAll("[data-mermaid-rendered]").forEach(function (el) {
-      el.removeAttribute("data-mermaid-rendered");
-      // Remove rendered SVG so mermaid regenerates from source text.
+      var src = el.getAttribute("data-mermaid-src");
+      if (src !== null) el.textContent = src;
       var svg = el.querySelector("svg");
       if (svg) svg.remove();
+      el.removeAttribute("data-processed");
+      el.removeAttribute("data-mermaid-rendered");
     });
+    // Refresh the theme snapshot now that the genuine change is applied,
+    // so the observer's gate measures the NEXT change against this state.
+    lastThemeState = captureThemeState();
     initMermaid();
   }
 
@@ -207,8 +286,26 @@ function buildMermaidInitScript(cdnUrl) {
   //     the new theme's hex picks from parseLightDark).
   // Debounced so a synchronous flip of both attributes triggers a
   // single re-render.
+  //
+  // zudolab/zudo-doc#2181: gate on a REAL theme/token change. zfb-runtime's
+  // client router (swapRootAttributes) removes+re-adds ALL :root attributes
+  // on every soft navigation, so unchanged data-theme/style still fire
+  // mutations \u2014 without this gate the observer reinits ~300ms after every
+  // nav and (combined with the old destructive reinit) blanks every
+  // diagram. New diagrams reached by soft-nav are already handled by the
+  // AFTER_NAVIGATE_EVENT -> initMermaid() listener above, so the observer
+  // only needs to fire for genuine theme/token changes.
+  //
+  // Seed the snapshot at script-eval time \u2014 BEFORE ColorSchemeProvider
+  // runs, so the tokens are likely empty. hasThemeStateChanged treats
+  // empty -> real as a change, so the first legitimate colorization still
+  // fires; reinitMermaid then refreshes the snapshot.
+  var lastThemeState = captureThemeState();
   var tweakTimer;
   new MutationObserver(function () {
+    var next = captureThemeState();
+    if (!hasThemeStateChanged(lastThemeState, next)) return;
+    lastThemeState = next;
     clearTimeout(tweakTimer);
     tweakTimer = setTimeout(reinitMermaid, 300);
   }).observe(document.documentElement, {

package/dist/content.css

@@ -0,0 +1,448 @@
+/* ============================================================================
+ * @takazudo/zudo-doc — content typography stylesheet (`.zd-content`)
+ *
+ * Shipped to consumers as `@takazudo/zudo-doc/content.css` (copied to
+ * `dist/content.css` by scripts/copy-content-css.mjs on build). This is the
+ * SINGLE SOURCE OF TRUTH for markdown content rendering — both this repo's
+ * showcase (`src/styles/global.css`) and every project scaffolded by
+ * `create-zudo-doc` `@import` it instead of copying these rules. Editing the
+ * rules here updates every consumer on the next package version (no per-project
+ * drift). See zudolab/zudo-doc#2188.
+ *
+ * Component-first split: the major elements (h2–h4, p, a, strong, blockquote,
+ * ul, ol, table) get their VISUALS from the package's `htmlOverrides` Preact
+ * components (Tailwind classes + inline styles), whose utilities ship in
+ * `dist/safelist.css`. This file owns only what those components do NOT emit:
+ * the flow-space vertical rhythm, heading `--flow-space` + tightening, the
+ * minor/structural elements (li, code, pre, th/td, hr, img, h5/h6, dt/dd,
+ * hash-links), and the admonitions + mermaid layout.
+ *
+ * ── Consumer contract ──────────────────────────────────────────────────────
+ * 1. LAYER ORDER — the consumer's stylesheet MUST declare, before importing:
+ *        @layer zd-preflight, zd-flow;
+ *        @import "tailwindcss/preflight" layer(zd-preflight);
+ *        @import "tailwindcss/utilities";            (unlayered)
+ *    The flow-space owl rule below lives in `@layer zd-flow` so unlayered
+ *    `mt-*` utilities win over it while it still beats preflight's
+ *    `* { margin: 0 }`. See zudolab/zudo-doc#2082 / #2109.
+ * 2. DESIGN TOKENS — the consumer's `@theme` MUST define every custom property
+ *    consumed below:
+ *      --color-{fg,bg,muted,accent,accent-hover,code-bg,code-fg,info,success,
+ *               warning,danger,p5}
+ *      --spacing-{vsp-2xs,vsp-xs,vsp-sm,vsp-md,vsp-lg,vsp-xl,vsp-2xl,
+ *                 hsp-2xs,hsp-xs,hsp-sm,hsp-md,hsp-lg,hsp-xl}
+ *      --text-{body,small}   --font-mono   --font-weight-{medium,semibold}
+ *      --leading-{relaxed,snug}   --radius-DEFAULT
+ * 3. SAFELIST — the consumer MUST also `@import "@takazudo/zudo-doc/safelist.css"`
+ *    so the component-emitted utility classes (text-title, border-t-[3px],
+ *    text-accent, …) are generated.
+ * ========================================================================== */
+
+/* ========================================
+ * Content typography (.zd-content)
+ *
+ * Direct element styling — no prose plugin.
+ * Uses :where() for zero specificity (easy to override).
+ * Font size pattern inspired by zpaper: paired size + line-height.
+ * ======================================== */
+
+.zd-content {
+  color: var(--color-fg);
+  font-size: var(--text-body);
+  line-height: var(--leading-relaxed);
+}
+
+/* ── Flow spacing (vertical rhythm) ── */
+
+/* In the `zd-flow` cascade layer (declared by the consumer at the top of its
+ * stylesheet) so the unlayered `tailwindcss/utilities` import wins over it:
+ * unlayered declarations always beat layered ones regardless of specificity or
+ * source order. Both this rule and a `mt-*` utility have specificity (0,1,0);
+ * without the layer this rule comes later in source order and silently kills
+ * every `mt-*` on a `.zd-content` direct child (e.g. body-foot-util-area's
+ * `mt-vsp-xl`). zd-flow sits ABOVE zd-preflight so this rule still beats
+ * preflight's `* { margin: 0 }` reset and the .zd-content rhythm is preserved
+ * for plain content blocks. The layer is scoped to ONLY this flow rule — every
+ * other `.zd-content` author rule (links, code, lists, headings, the
+ * `:first-child` reset, etc.) stays unlayered so utilities do NOT flip those.
+ * Custom-property resolution (the heading `--flow-space` overrides) is
+ * layer-independent, so the per-heading flow gaps are unaffected.
+ * See zudolab/zudo-doc#2082 / #2109. */
+@layer zd-flow {
+  .zd-content > :where(* + *) {
+    margin-top: var(--flow-space, var(--spacing-vsp-md));
+  }
+}
+
+/* ── Headings ── */
+
+/* Heading flow-space (structural — consumed by flow spacing system) */
+
+.zd-content :where(h2) {
+  --flow-space: var(--spacing-vsp-2xl);
+}
+
+.zd-content :where(h3) {
+  --flow-space: var(--spacing-vsp-xl);
+}
+
+.zd-content :where(h4) {
+  --flow-space: var(--spacing-vsp-lg);
+}
+
+.zd-content :where(h5, h6) {
+  --flow-space: var(--spacing-vsp-md);
+  font-size: var(--text-small);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--leading-snug);
+}
+
+/* Consecutive headings: tighten to avoid accumulated whitespace */
+.zd-content :where(h2, h3, h4, h5, h6) + :where(h2, h3, h4, h5, h6) {
+  --flow-space: var(--spacing-vsp-xs);
+}
+
+/* Content immediately after a heading: tight gap (replaces heading margin-bottom) */
+.zd-content :where(h2, h3, h4, h5, h6) + :where(:not(h2, h3, h4, h5, h6)) {
+  --flow-space: var(--spacing-vsp-xs);
+}
+
+/* First child never needs top margin */
+.zd-content > :first-child {
+  margin-top: 0;
+}
+
+/* Flow spacing inside nested sections (e.g., preset generator) */
+.zd-content .zd-preset-gen :where(section) > :where(* + *) {
+  margin-top: var(--flow-space, var(--spacing-vsp-md));
+}
+
+/* ── Heading auto-links ── */
+
+.zd-content :where(h2, h3, h4, h5, h6) .hash-link {
+  text-decoration: none;
+  margin-left: var(--spacing-hsp-sm);
+  opacity: 0;
+  transition: opacity 150ms;
+}
+
+.zd-content :where(h2, h3, h4, h5, h6) .hash-link::after {
+  content: "#";
+  color: var(--color-accent);
+}
+
+.zd-content :where(h2, h3, h4, h5, h6):hover .hash-link {
+  opacity: 1;
+}
+
+.zd-content :where(h2, h3, h4, h5, h6) .hash-link:focus-visible {
+  opacity: 1;
+  outline: 2px solid var(--color-accent);
+  outline-offset: 2px;
+}
+
+/* ── Links ── */
+
+/* Link reset inside site-nav (component can't detect ancestor context) */
+.zd-content [data-site-nav] a {
+  color: inherit;
+  text-decoration: none;
+}
+.zd-content [data-site-nav] a:hover,
+.zd-content [data-site-nav] a:focus-visible {
+  text-decoration: underline;
+}
+
+/* ── Lists ── */
+
+.zd-content :where(li) {
+  margin-bottom: var(--spacing-vsp-xs);
+}
+
+.zd-content :where(li::marker) {
+  color: var(--color-muted);
+}
+
+.zd-content :where(li > ul, li > ol) {
+  margin-top: var(--spacing-vsp-xs);
+  margin-bottom: 0;
+}
+
+/* ── Blockquotes ── */
+/* blockquote base styles live in ContentBlockquote component; keep nested p rule
+   here because MDX renders <p> children independently (component can't style them) */
+
+.zd-content :where(blockquote p) {
+  margin-bottom: var(--spacing-vsp-xs);
+}
+
+/* ── Inline code ── */
+
+.zd-content :where(code:not(pre code)) {
+  font-size: var(--text-small);
+  font-weight: var(--font-weight-medium);
+  font-family: var(--font-mono);
+  background-color: var(--color-code-bg);
+  color: var(--color-code-fg);
+  border-radius: var(--radius-DEFAULT);
+  padding: 2px var(--spacing-hsp-xs);
+}
+
+/* ── Code blocks (pre) ── */
+
+.zd-content :where(pre) {
+  font-family: var(--font-mono);
+  font-size: var(--text-small);
+  line-height: var(--leading-relaxed);
+  border: 1px solid var(--color-muted);
+  padding: var(--spacing-vsp-sm) var(--spacing-hsp-lg);
+  overflow-x: auto;
+}
+
+.zd-content :where(pre code) {
+  background: transparent;
+  padding: 0;
+  border: none;
+  color: inherit;
+  font-size: inherit;
+}
+
+/* ── Tables ── */
+
+.zd-content :where(th),
+.zd-content :where(td) {
+  padding: var(--spacing-vsp-xs) var(--spacing-hsp-md);
+  border-bottom: 1px solid var(--color-muted);
+  overflow-wrap: break-word;
+}
+
+.zd-content :where(th) {
+  font-weight: var(--font-weight-semibold);
+  text-align: left;
+  border-bottom-width: 2px;
+}
+
+/* ── Horizontal rules ── */
+
+.zd-content :where(hr) {
+  border: none;
+  border-top: 1px solid var(--color-muted);
+  margin: var(--spacing-vsp-xl) 0;
+}
+
+/* ── Images ── */
+
+.zd-content :where(img) {
+  max-width: 100%;
+  height: auto;
+}
+
+/* ── Definition lists ── */
+
+.zd-content :where(dt) {
+  font-weight: var(--font-weight-semibold);
+  margin-top: var(--spacing-vsp-md);
+}
+
+.zd-content :where(dd) {
+  padding-left: var(--spacing-hsp-xl);
+  margin-bottom: var(--spacing-vsp-xs);
+}
+
+/* ========================================
+ * Admonitions ([data-admonition])
+ *
+ * The admonition component (content-admonition.tsx, wired in
+ * pages/_mdx-components.ts) emits:
+ *   <div data-admonition="<variant>" class="admonition admonition-<variant>">
+ *     <p class="admonition-title">…</p>
+ *     <div class="admonition-body">…</div>
+ *   </div>
+ *
+ * Variant→color mapping (matches Astro reference theme): note→accent,
+ * tip→success, info→info, warning→warning, danger→danger. The icon emoji is
+ * added via `.admonition-title::before` keyed off `data-admonition`.
+ *
+ * Background tint uses `color-mix(in srgb, var(--color-X) 12%, var(--color-bg))`
+ * per the production reference — gives an opaque per-theme tinted backdrop
+ * rather than a transparent overlay (matches the Astro reference look exactly).
+ *
+ * Class names are dynamic (admonition-${variant}) so Tailwind cannot scan them;
+ * rules must live here explicitly. Closes zudolab/zudo-doc#1357 / #1444 / #1456.
+ *
+ * Spacing: the box carries NO margin — the separating gap to the next block is
+ * supplied by that block's flow-space `margin-top` (the owl rule above). The
+ * snug bottom padding keeps the body tight inside the box without inflating
+ * that gap. (A missing bottom margin on the box is intentional in the flow
+ * model — do NOT add one; see zudolab/zudo-doc#2188 for why the per-element
+ * margin model that needed it was retired.)
+ * ======================================== */
+
+[data-admonition] {
+  border-left: 4px solid var(--color-muted);
+  /* Asymmetric padding mirrors the Astro reference (`pt-vsp-md pb-vsp-2xs`) —
+   * generous space at the top, snug at the bottom — so the title row sits
+   * under generous breathing room without inflating the bottom gap. */
+  padding: var(--spacing-vsp-md) var(--spacing-hsp-lg) var(--spacing-vsp-2xs);
+  background-color: color-mix(in srgb, var(--color-muted) 12%, var(--color-bg));
+  border-radius: 0 var(--radius-DEFAULT) var(--radius-DEFAULT) 0;
+}
+
+.admonition-title {
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--text-small);
+  margin-bottom: var(--spacing-vsp-2xs);
+}
+
+/* Variant icon — emoji rendered via ::before so the stub markup stays
+ * variant-agnostic and the icon vocabulary lives next to its color rule.
+ * Matches the Astro reference (`<span class="mr-hsp-2xs">📝</span>` etc.). */
+.admonition-title::before {
+  margin-right: var(--spacing-hsp-2xs);
+}
+
+.admonition-body > :first-child {
+  margin-top: 0;
+}
+
+.admonition-body > :last-child {
+  margin-bottom: 0;
+}
+
+[data-admonition="note"],
+.admonition-note {
+  border-left-color: var(--color-accent);
+  background-color: color-mix(in srgb, var(--color-accent) 12%, var(--color-bg));
+}
+
+[data-admonition="note"] .admonition-title,
+.admonition-note .admonition-title {
+  color: var(--color-accent);
+}
+
+[data-admonition="note"] .admonition-title::before,
+.admonition-note .admonition-title::before {
+  content: "📝";
+}
+
+[data-admonition="tip"],
+.admonition-tip {
+  border-left-color: var(--color-success);
+  background-color: color-mix(in srgb, var(--color-success) 12%, var(--color-bg));
+}
+
+[data-admonition="tip"] .admonition-title,
+.admonition-tip .admonition-title {
+  color: var(--color-success);
+}
+
+[data-admonition="tip"] .admonition-title::before,
+.admonition-tip .admonition-title::before {
+  content: "💡";
+}
+
+[data-admonition="info"],
+.admonition-info {
+  border-left-color: var(--color-info);
+  background-color: color-mix(in srgb, var(--color-info) 12%, var(--color-bg));
+}
+
+[data-admonition="info"] .admonition-title,
+.admonition-info .admonition-title {
+  color: var(--color-info);
+}
+
+[data-admonition="info"] .admonition-title::before,
+.admonition-info .admonition-title::before {
+  content: "ℹ️";
+}
+
+[data-admonition="warning"],
+.admonition-warning {
+  border-left-color: var(--color-warning);
+  background-color: color-mix(in srgb, var(--color-warning) 12%, var(--color-bg));
+}
+
+[data-admonition="warning"] .admonition-title,
+.admonition-warning .admonition-title {
+  color: var(--color-warning);
+}
+
+[data-admonition="warning"] .admonition-title::before,
+.admonition-warning .admonition-title::before {
+  content: "⚠️";
+}
+
+[data-admonition="danger"],
+.admonition-danger {
+  border-left-color: var(--color-danger);
+  background-color: color-mix(in srgb, var(--color-danger) 12%, var(--color-bg));
+}
+
+[data-admonition="danger"] .admonition-title,
+.admonition-danger .admonition-title {
+  color: var(--color-danger);
+}
+
+[data-admonition="danger"] .admonition-title::before,
+.admonition-danger .admonition-title::before {
+  content: "🚨";
+}
+
+/* github-alerts [!IMPORTANT] → magenta/accent-adjacent (p5 = magenta palette slot) */
+[data-admonition="important"],
+.admonition-important {
+  border-left-color: var(--color-p5);
+  background-color: color-mix(in srgb, var(--color-p5) 12%, var(--color-bg));
+}
+
+[data-admonition="important"] .admonition-title,
+.admonition-important .admonition-title {
+  color: var(--color-p5);
+}
+
+[data-admonition="important"] .admonition-title::before,
+.admonition-important .admonition-title::before {
+  content: "❗";
+}
+
+/* github-alerts [!CAUTION] → danger-adjacent (high severity, distinct from danger/🚨) */
+[data-admonition="caution"],
+.admonition-caution {
+  border-left-color: var(--color-danger);
+  background-color: color-mix(in srgb, var(--color-danger) 12%, var(--color-bg));
+}
+
+[data-admonition="caution"] .admonition-title,
+.admonition-caution .admonition-title {
+  color: var(--color-danger);
+}
+
+[data-admonition="caution"] .admonition-title::before,
+.admonition-caution .admonition-title::before {
+  content: "⛔";
+}
+
+/* ========================================
+ * Mermaid diagrams (layout only; color theming is applied by the
+ * mermaid-init script via --zd-mermaid-* and is not part of this file)
+ * ======================================== */
+
+.zd-content .mermaid {
+  /* was `@apply my-vsp-lg flex justify-center` — inlined to plain CSS so this
+     file ships as framework-agnostic CSS (no Tailwind processing required). */
+  margin-block: var(--spacing-vsp-lg);
+  display: flex;
+  justify-content: center;
+}
+
+.zd-content .mermaid svg {
+  max-width: 100%;
+  height: auto;
+  overflow: visible;
+}
+
+/* Prevent mermaid edge labels from clipping text (foreignObject uses overflow:hidden) */
+.zd-content .mermaid foreignObject {
+  overflow: visible;
+}

package/dist/integrations/llms-txt/strip.d.ts

@@ -4,8 +4,10 @@ export { stripMarkdown } from '../../md-utils/index.js';
  * Markdown / JSX text-stripping helpers.
  *
  * `stripImportsAndJsx` matches the legacy Astro emitter's behaviour
- * byte-for-byte. Any change here is a behaviour change and must be
- * reflected in the byte-equality fixture corpus.
+ * byte-for-byte, with one deliberate divergence: it also strips JSX/MDX
+ * block comments (the `{/*`-delimited MDX comment form), which the legacy
+ * emitter leaked (zudo-doc#2175). Any other change here is a behaviour
+ * change and must be reflected in the byte-equality fixture corpus.
  *
  * `stripMarkdown` (used to derive a fallback `description` from the body
  * when frontmatter doesn't carry one) lives in the shared `md-utils`

package/dist/integrations/llms-txt/strip.js

@@ -1,6 +1,6 @@
 import { stripMarkdown } from "../../md-utils/index.js";
 function stripImportsAndJsx(content) {
-  return content.replace(/^import\s+.*$/gm, "").replace(/^export\s+.*$/gm, "").replace(/<\/?[a-zA-Z][a-zA-Z0-9]*[^>]*>/g, "").replace(/\n{3,}/g, "\n\n").trim();
+  return content.replace(/^import\s+.*$/gm, "").replace(/^export\s+.*$/gm, "").replace(/\{\/\*[\s\S]*?\*\/\}/g, "").replace(/<\/?[a-zA-Z][a-zA-Z0-9]*[^>]*>/g, "").replace(/\n{3,}/g, "\n\n").trim();
 }
 export {
   stripImportsAndJsx,

package/dist/md-utils/index.d.ts

@@ -32,8 +32,10 @@ interface MdDocFrontmatter {
  * Strip markdown formatting to plain text. Conservative-by-design — the
  * regex pipeline matches the legacy Astro integrations byte-for-byte so
  * search excerpts and llms-txt descriptions stay byte-equal across the
- * cutover. Do not add new rules without also updating the byte-equality
- * fixtures (topic-plugin-audit).
+ * cutover, with one deliberate divergence: it also strips JSX/MDX block
+ * comments (the `{/*`-delimited MDX comment form), which the legacy
+ * pipeline leaked into descriptions (zudo-doc#2175). Do not add other new
+ * rules without also updating the byte-equality fixtures (topic-plugin-audit).
  */
 declare function stripMarkdown(md: string): string;
 /**

package/dist/md-utils/index.js

@@ -2,7 +2,7 @@ import { readFileSync, readdirSync } from "node:fs";
 import { join, relative } from "node:path";
 import matter from "gray-matter";
 function stripMarkdown(md) {
-  return md.replace(/```[\s\S]*?```/g, "").replace(/`[^`]+`/g, "").replace(/<[^>]+>/g, "").replace(/^#{1,6}\s+/gm, "").replace(/\*{1,3}([^*]+)\*{1,3}/g, "$1").replace(/_{1,3}([^_]+)_{1,3}/g, "$1").replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s+/gm, "").replace(/^[-*_]{3,}\s*$/gm, "").replace(/^[\s]*[-*+]\s+/gm, "").replace(/^[\s]*\d+\.\s+/gm, "").replace(/^import\s+.*$/gm, "").replace(/^export\s+.*$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
+  return md.replace(/```[\s\S]*?```/g, "").replace(/`[^`]+`/g, "").replace(/\{\/\*[\s\S]*?\*\/\}/g, "").replace(/<[^>]+>/g, "").replace(/^#{1,6}\s+/gm, "").replace(/\*{1,3}([^*]+)\*{1,3}/g, "$1").replace(/_{1,3}([^_]+)_{1,3}/g, "$1").replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s+/gm, "").replace(/^[-*_]{3,}\s*$/gm, "").replace(/^[\s]*[-*+]\s+/gm, "").replace(/^[\s]*\d+\.\s+/gm, "").replace(/^import\s+.*$/gm, "").replace(/^export\s+.*$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
 }
 function collectMdFiles(dir) {
   const results = [];

package/dist/safelist.css

@@ -1,2 +1,2 @@
 /* generated by gen-safelist.mjs — do not edit by hand */
-@source inline("-mb-px [&::-webkit-details-marker]:hidden [&_a]:text-accent [&_a]:underline [&_nav]:mb-0 [doc-history-meta] [doc-layout] a a2 abbr above absolute active actual after after-breadcrumb after-content after-sidebar after-title against agent agents ai-chat ai-chat-trigger align-top all allow-same-origin allow-scripts already-executed an anchor anchored and announce antialiased any application/json applies apply-css-vars are area arg aria-controls aria-current aria-disabled aria-expanded aria-haspopup aria-hidden aria-label aria-live aria-orientation aria-pressed aria-selected aria-valuemax aria-valuemin aria-valuenow article as asc aside assets assigning assistant async at attach attribute attributes available await away b back backdrop:bg-bg/80 background backtick backticks baked banner bare based be because before below between bg bg-[#fff] bg-accent bg-bg bg-code-bg bg-fg bg-info/10 bg-muted bg-surface bg-transparent bg-warning/10 bg-warning/5 bi bigint bin blob block blockquote blocks blur body body-end-components body-end-scripts boolean bootstrap border border-accent border-b border-b-2 border-b-[5px] border-collapse border-fg border-l border-l-[3px] border-muted border-none border-r border-t border-t-[2px] border-t-[3px] border-transparent border-warning/30 both br breadcrumb:end breadcrumb:start break-words browser browsers btn bundler but button buttons by caller can cancellation cannot canonical caption cases cat-nav- catch category catppuccin-latte checkbox child ci circle cite class class-less claude claude-agents claude-commands claude-md claude-skills cleaned clear clear-css-vars click client clip close code code-block-sr-announce col col-resize colgroup collision color color-scheme color-scheme-changed color-scheme-provider color-tweak colors command commands commit component component:github-link component:language-switcher component:search component:theme-toggle component:version-switcher concrete configuration configure configured consumer container containers content content-type content-wrapper:end content-wrapper:start contents controller converts copy correct covered covers crashes crumb- css cursor cursor-not-allowed cursor-pointer custom dark data-active data-group-id data-header data-header-logo data-header-nav data-header-right data-mermaid-rendered data-nav-item data-nav-item-dropdown data-nav-more data-nav-more-menu data-nav-more-toggle data-sidebar-resizer data-tab-btn data-tab-default data-tab-label data-tab-value data-tabs data-taglist-group data-testid data-theme data-variant data-version-banner data-version-menu data-version-switcher data-version-toggle data-zfb-transition-persist dd decimal declare decoration-muted default defaults del desc description design design-token-panel design-token-trigger desktop desktop-sidebar detached details deterministic dfn diagram diagrams dialog dieser directories directory disc display:none dist div dl doc doc-card- doc-history doc-history-generate does drag draggable dropdown dropdowns dt duration-150 duration-200 during dynamically e2e earlier edge el element elements els else em emit emitting empty en entries entry error escape even eventually every exactly exit expected failed fall fallback falls false fast feed fg fieldset figcaption figure file fill fills finally fire fires first fixed fixtures flex flex-1 flex-col flex-wrap flip flipping flips focus focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:underline focus:underline font font-bold font-medium font-mono font-semibold footer for form free from frontmatter frontmatter-preview full function further g gap-[clamp(1.5rem,3vw,4rem)] gap-hsp-2xs gap-hsp-sm gap-hsp-xs gap-vsp-lg gap-vsp-xs gap-x-hsp-2xs gap-x-hsp-lg gap-x-hsp-md gap-x-hsp-sm gap-x-hsp-xs gap-y-vsp-2xs gap-y-vsp-lg gap-y-vsp-md gap-y-vsp-xs gaps generate generation geometry get github github-link go got gray-matter grid grid-cols-1 group group-focus-visible:underline group-focus-within:block group-hover:bg-fg group-hover:block group-hover:text-bg group-hover:underline group-open:rotate-90 guard h-[0.5rem] h-[0.875rem] h-[1.575rem] h-[1lh] h-[3.5rem] h-[calc(100vh-3.5rem)] h-icon-sm h-icon-xs h1 h2 h3 h4 h5 h6 hand handle handled handlers has hash-link have head head-links head-scripts header header-call:end header-call:start height here hex hidden highlighter history hit horizontal host hover:bg-[color-mix(in_srgb,var(--color-surface)_80%,var(--color-fg)_20%)] hover:bg-accent-hover hover:bg-accent/10 hover:border-accent hover:border-accent-hover hover:border-fg hover:text-accent hover:text-accent-hover hover:text-fg hover:underline hr html i i2 i3 i4 identical if iframe img import imports in index inherit initial initialised inline inline-block inline-flex input ins inset-0 inside instanceof instructions intent into inverse invoke is it italic item- items items-center items-start itself javascript justify-between justify-center justify-end kbd keep keeps kept keydown khroma label landing language-switcher last:border-b-0 launch leading-relaxed leading-snug leading-tight leaf- leaving left left-0 left:calc legend lg lg:block lg:flex lg:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] lg:ml-[var(--zd-sidebar-w)] lg:pt-vsp-2xl lg:px-hsp-2xl lg:py-vsp-2xl li li2 light like line link link- list-disc list-none listener literal lives llms llms-txt load local lostpointercapture luminance m m-0 main make maps mark marks matching max-h-[80vh] max-w-[46rem] max-w-[80rem] max-w-[clamp(50rem,75vw,90rem)] max-w-full max-w-none mb-0 mb-vsp-2xs mb-vsp-lg mb-vsp-md mb-vsp-sm mb-vsp-xl mb-vsp-xs menu merged mermaid message meta metadata min-h-[calc(100vh-3.5rem)] min-h-screen min-w-0 min-w-[10rem] min-w-[8rem] mirror missing ml-auto ml-hsp-2xl ml-hsp-lg ml-hsp-sm ml-hsp-xl mod mode mounted mouseenter mouseleave mt-0 mt-vsp-2xs mt-vsp-3xs mt-vsp-lg mt-vsp-sm mt-vsp-xl must mutates mx-auto my-vsp-lg my-vsp-md name named native nav nav-card- navigating navigation navigations near needs new next no-underline node:fs node:module node:path nodes nofollow noindex non-empty non-string none noopener noreferrer normal not not-object note now null number object observe observer of og:description og:image og:title og:type og:url ol older on once one only opacity-60 option or other others out overflow overflow-auto overflow-hidden overflow-x-auto overflow-y-auto overflow-y:auto own p p-0 p-hsp-lg p-hsp-md p-hsp-sm p-hsp-xl packages padding page page-loading-overlay page-loading-spinner page-navigate-end pages paint panel panels parent parse parsed pass path pb-vsp-xl per pi pick picked picks pins pipelines pl-[1.25rem] pl-hsp-lg pl-hsp-sm pl-hsp-xl place pointer-events-none pointercancel pointerdown pointermove pointerup polite polyline populates port position position:fixed pr-hsp-lg pr-hsp-md pr-hsp-xl pre preact preact/hooks preact/jsx-runtime preload pres produced produces production propagating properties property proxy pt-vsp-3xs pt-vsp-md pt-vsp-sm pt-vsp-xl pt-vsp-xs ptag- public purely px px-hsp-lg px-hsp-md px-hsp-sm px-hsp-xl px-hsp-xs py-0 py-hsp-2xs py-hsp-sm py-hsp-xs py-vsp-2xs py-vsp-3xs py-vsp-md py-vsp-sm py-vsp-xl py-vsp-xs q r raw re-render re-run reach reaches reading ready real references regenerates reinit relative remains render rendered renders reorder replaced repopulate requires reserved resize resize-x resolve resolved resolves return returns right- right-0 ro robots role root rotate-180 rotate-90 round round-trip rounded rounded-full rounded-lg running runs runtime s safer samp schema-mismatch schema-missing script script-evaluation scripts scroll scrollbar scrolled scrollend search section section- see sel-bg sel-fg select select-none self-start separator server server-rendered set shadow-[0_1px_3px_color-mix(in_srgb,var(--color-fg)_8%,transparent)] shadow-lg shared shiki ships should show shown shrink-0 sidebar signal single sitemap- size skill skills slash slug sm:flex-row sm:grid-cols-2 sm:items-center sm:justify-between small so solid some source space-y-vsp-2xs spacing span spans spec specifiers sr-only stale state stay sticky still stored stray string strip stroke-linecap stroke-linejoin stroke-width strong style styles stylesheet sub subagents subsequent success summary sup support survives svg synchronous synchronously syntactically syntect tab tab-panel tabindex table tablist tabpanel tabs tabs-container tabs-content tabs-nav tag- tag-item- tbody td temp temp-element template temporary temporary-element test-results text text-accent text-bg text-body text-caption text-center text-code-fg text-fg text-heading text-info text-left text-micro text-muted text-muted/50 text-small text-title text-warning textarea tfoot th that the thead them theme theme-color theme-toggle then these they this through time title to toggle toggle-ai-chat toggle-design-token-panel token tokens tolerates too top-0 top-[3.5rem] top-full total tr tracking-wider trade-off transition-[background,color,border-color] transition-colors transition-transform tree-child- tree-item- tree-top- trick trigger trigger:ai-chat trigger:design-token-panel triggers true try twitter:card twitter:creator twitter:description twitter:image twitter:site twitter:title two u ul unavailable undefined under underline understand unknown unmaintained unobserve unreadable unreleased unreliable unset unsupported up uppercase use used uses utf-8 utf8 utilities v val value values var variable version- version-menu version-switcher vertical via video viewport visible vitesse-dark w w-[0.5rem] w-[0.875rem] w-[1.575rem] w-[16px] w-[280px] w-[var(--zd-sidebar-w)] w-full w-icon-sm w-icon-xs was watching wbr wbr- we when where whereas which while whitespace-nowrap whitespace-pre whole will with without word worktrees would wrap wrapper wrappers written wrote xl:flex xl:hidden y-scrollbar yet z-dropdown z-sidebar z-toolbar zd-content zd-doc-content-band zd-html-preview-code zd-sidebar-content-wrapper zfb zfb:after-swap zfb:before-preparation zudo-doc-design-tokens/v1 zudo-doc-sidebar-width zudo-doc-theme zudo-doc-theme-bridge");
+@source inline("-mb-px [&::-webkit-details-marker]:hidden [&_a]:text-accent [&_a]:underline [&_nav]:mb-0 [doc-history-meta] [doc-layout] a a2 abbr above absent absolute active actual after after-breadcrumb after-content after-sidebar after-title against agent agents ai-chat ai-chat-trigger align-top all allow-same-origin allow-scripts alone already already-executed an anchor anchored and announce antialiased any application/json applies apply-css-vars are area arg aria-controls aria-current aria-disabled aria-expanded aria-haspopup aria-hidden aria-label aria-live aria-orientation aria-pressed aria-selected aria-valuemax aria-valuemin aria-valuenow arrows article as asc aside assets assigning assistant async at attach attribute attributes available await away b back backdrop:bg-bg/80 background backtick backticks baked banner bare based be because before below between bg bg-[#fff] bg-accent bg-bg bg-code-bg bg-fg bg-info/10 bg-muted bg-surface bg-transparent bg-warning/10 bg-warning/5 bi bigint bin blank blanks blob block blockquote blocks blur body body-end-components body-end-scripts boolean bootstrap border border-accent border-b border-b-2 border-b-[5px] border-collapse border-fg border-l border-l-[3px] border-muted border-none border-r border-t border-t-[2px] border-t-[3px] border-transparent border-warning/30 both br breadcrumb:end breadcrumb:start break-words browser browsers btn bundler but button buttons by cached caller can cancellation cannot canonical caption cases cat-nav- catch category catppuccin-latte caught change changes checkbox child ci circle cite class class-less claude claude-agents claude-commands claude-md claude-skills cleaned clear clear-css-vars clearing click client clip close code code-block-sr-announce col col-resize colgroup collision color color-scheme color-scheme-changed color-scheme-provider color-tweak colorization colors command commands commit component component:github-link component:language-switcher component:search component:theme-toggle component:version-switcher computed concrete configuration configure configured consumer consumes container containers containing content content-type content-wrapper:end content-wrapper:start contents controller converts copy correct correctly corrupt covered covers crashes crumb- cs css cursor cursor-not-allowed cursor-pointer custom dark data-active data-group-id data-header data-header-logo data-header-nav data-header-right data-mermaid-rendered data-mermaid-src data-nav-item data-nav-item-dropdown data-nav-more data-nav-more-menu data-nav-more-toggle data-processed data-sidebar-resizer data-tab-btn data-tab-default data-tab-label data-tab-value data-tabs data-taglist-group data-testid data-theme data-theme/style data-variant data-version-banner data-version-menu data-version-switcher data-version-toggle data-zfb-transition-persist dd decimal declare decoration-muted default defaults del desc description design design-token-panel design-token-trigger desktop desktop-sidebar destructive detached details deterministic dfn diagram diagrams dialog dieser directories directory disc display:none dist div dl doc doc-card- doc-history doc-history-generate does drag draggable drop dropdown dropdowns dt duration-150 duration-200 during dynamically e2e each earlier edge el element elements els else em emit emitting empty empty/undefined en entities entries entry error escape even eventually every exactly exit expected failed fall fallback falls false fast feed fg fieldset figcaption figure file fill fills finally fire fires first fixed fixtures flex flex-1 flex-col flex-wrap flip flipping flips focus focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:underline focus:underline font font-bold font-medium font-mono font-semibold footer for form free fresh from frontmatter frontmatter-preview full function further g gap-[clamp(1.5rem,3vw,4rem)] gap-hsp-2xs gap-hsp-sm gap-hsp-xs gap-vsp-lg gap-vsp-xs gap-x-hsp-2xs gap-x-hsp-lg gap-x-hsp-md gap-x-hsp-sm gap-x-hsp-xs gap-y-vsp-2xs gap-y-vsp-lg gap-y-vsp-md gap-y-vsp-xs gaps gate generate generation genuine geometry get github github-link go got graph gray-matter grid grid-cols-1 group group-focus-visible:underline group-focus-within:block group-hover:bg-fg group-hover:block group-hover:text-bg group-hover:underline group-open:rotate-90 guard h-[0.5rem] h-[0.875rem] h-[1.575rem] h-[1lh] h-[3.5rem] h-[calc(100vh-3.5rem)] h-icon-sm h-icon-xs h1 h2 h3 h4 h5 h6 hand handle handled handlers has hash-link have head head-links head-scripts header header-call:end header-call:start height here hex hidden highlighter history hit horizontal host hover:bg-[color-mix(in_srgb,var(--color-surface)_80%,var(--color-fg)_20%)] hover:bg-accent-hover hover:bg-accent/10 hover:border-accent hover:border-accent-hover hover:border-fg hover:text-accent hover:text-accent-hover hover:text-fg hover:underline hr html i i2 i3 i4 identical if iframe img import imports in index inherit initial initialised inline inline-block inline-flex input ins inset-0 inside instanceof instructions intent into inverse invoke is it italic item- items items-center items-start itself javascript justify-between justify-center justify-end kbd keep keeps kept keydown khroma label landing language-switcher last:border-b-0 later launch leading-relaxed leading-snug leading-tight leaf- leaves leaving left left-0 left:calc legend legitimate lg lg:block lg:flex lg:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] lg:ml-[var(--zd-sidebar-w)] lg:pt-vsp-2xl lg:px-hsp-2xl lg:py-vsp-2xl li li2 light like likely line link link- list-disc list-none listener literal lives llms llms-txt load local look lostpointercapture luminance m m-0 main make maps mark marks matching max-h-[80vh] max-w-[46rem] max-w-[80rem] max-w-[clamp(50rem,75vw,90rem)] max-w-full max-w-none may mb-0 mb-vsp-2xs mb-vsp-lg mb-vsp-md mb-vsp-sm mb-vsp-xl mb-vsp-xs measures menu merged mermaid message meta metadata min-h-[calc(100vh-3.5rem)] min-h-screen min-w-0 min-w-[10rem] min-w-[8rem] mirror missing ml-auto ml-hsp-2xl ml-hsp-lg ml-hsp-sm ml-hsp-xl mod mode mounted mouseenter mouseleave mt-0 mt-vsp-2xs mt-vsp-3xs mt-vsp-lg mt-vsp-sm mt-vsp-xl must mutates mutation mutations mx-auto my-vsp-lg my-vsp-md name named native nav nav-card- navigating navigation navigations near needs new next no no-underline node node:fs node:module node:path nodes nofollow noindex non-empty non-string none noopener noreferrer normal not not-object note now null number object observe observer occurred of og:description og:image og:title og:type og:url ol old older on once one only opacity-60 option or other others out overflow overflow-auto overflow-hidden overflow-x-auto overflow-y-auto overflow-y:auto own p p-0 p-hsp-lg p-hsp-md p-hsp-sm p-hsp-xl packages padding page page-loading-overlay page-loading-spinner page-navigate-end pages paint panel panels parent parse parsed pass path pb-vsp-xl per permanently pi pick picked picks pins pipelines pl-[1.25rem] pl-hsp-lg pl-hsp-sm pl-hsp-xl place plus pointer-events-none pointercancel pointerdown pointermove pointerup polite polyline populates port position position:fixed pr-hsp-lg pr-hsp-md pr-hsp-xl pre preact preact/hooks preact/jsx-runtime preload pres produced produces production propagating properties property proxy pt-vsp-3xs pt-vsp-md pt-vsp-sm pt-vsp-xl pt-vsp-xs ptag- public purely px px-hsp-lg px-hsp-md px-hsp-sm px-hsp-xl px-hsp-xs py-0 py-hsp-2xs py-hsp-sm py-hsp-xs py-vsp-2xs py-vsp-3xs py-vsp-md py-vsp-sm py-vsp-xl py-vsp-xs q r raw re-encode/decode re-render re-renders re-run re-selects reach reached reaches read reading ready real real-value references refreshes regenerate regenerates reinit reinits relative remains remove render rendered renders reorder repeated replaced replaces repopulate requires reserved resize resize-x resolve resolved resolves return returns right- right-0 ro robots role root rotate-180 rotate-90 round round-trip rounded rounded-full rounded-lg router running runs runtime s safer samp schema-mismatch schema-missing script script-eval script-evaluation scripts scroll scrollbar scrolled scrollend search section section- see sel-bg sel-fg select select-none self-start separator server server-rendered set sets shadow-[0_1px_3px_color-mix(in_srgb,var(--color-fg)_8%,transparent)] shadow-lg shared shiki ships should show shown shrink-0 sidebar signal single sitemap- size skill skills skips slash slug sm:flex-row sm:grid-cols-2 sm:items-center sm:justify-between small snapshot snapshots so soft soft-nav solid some source space-y-vsp-2xs spacing span spans spec specifiers sr-only src stale stay sticky still stored stray string strip stroke-linecap stroke-linejoin stroke-width strong style style-attribute styles stylesheet sub subagents subsequent success summary sup support survives svg synchronous synchronously syntactically syntect tab tab-panel tabindex table tablist tabpanel tabs tabs-container tabs-content tabs-nav tag- tag-item- tbody td temp temp-element template temporary temporary-element test-results text text-accent text-bg text-body text-caption text-center text-code-fg text-fg text-heading text-info text-left text-micro text-muted text-muted/50 text-small text-title text-warning textarea tfoot th that the thead their them theme theme-color theme-toggle theme/token then there these they this through time title to toggle toggle-ai-chat toggle-design-token-panel toggles token tokens tolerates too top-0 top-[3.5rem] top-full total touches tr tracked tracking-wider trade-off transition transition-[background,color,border-color] transition-colors transition-transform treats tree-child- tree-item- tree-top- trick trigger trigger:ai-chat trigger:design-token-panel triggers true try twitter:card twitter:creator twitter:description twitter:image twitter:site twitter:title two u ul unavailable unchanged undefined under underline understand unknown unmaintained unobserve unreadable unrelated unreleased unreliable unset unsupported up uppercase use used uses utf-8 utf8 utilities v val value value-reader values var variable version- version-menu version-switcher vertical via video viewport visible vitesse-dark w w-[0.5rem] w-[0.875rem] w-[1.575rem] w-[16px] w-[280px] w-[var(--zd-sidebar-w)] w-full w-icon-sm w-icon-xs was watching wbr wbr- we what when where whereas whether which while whitespace-nowrap whitespace-pre whole will with without word working worktrees would wrap wrapper wrappers written wrote xl:flex xl:hidden y-scrollbar yet z-dropdown z-sidebar z-toolbar zd-content zd-doc-content-band zd-html-preview-code zd-sidebar-content-wrapper zfb zfb:after-swap zfb:before-preparation zudo-doc-design-tokens/v1 zudo-doc-sidebar-width zudo-doc-theme zudo-doc-theme-bridge");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zudo-doc",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "type": "module",
   "description": "zudo-doc framework primitives layer that sits on top of zfb's engine — sidebar, theme, TOC, breadcrumb, layouts, head injection, View Transitions, SSR-skip wrappers (per ADR-003).",
   "license": "MIT",
@@ -156,7 +156,8 @@
       "default": "./dist/icons/index.js"
     },
     "./safelist.css": "./dist/safelist.css",
-    "./safelist": "./dist/safelist.css"
+    "./safelist": "./dist/safelist.css",
+    "./content.css": "./dist/content.css"
   },
   "files": [
     "dist",
@@ -164,11 +165,11 @@
   ],
   "peerDependencies": {
     "preact": "^10.29.1",
-    "@takazudo/zfb": "^0.1.0-next.47",
-    "@takazudo/zfb-runtime": "^0.1.0-next.47",
+    "@takazudo/zfb": "^0.1.0-next.51",
+    "@takazudo/zfb-runtime": "^0.1.0-next.51",
     "@takazudo/zdtp": "^0.2.3",
     "shiki": "^4.0.2",
-    "@takazudo/zudo-doc-history-server": "^0.2.8"
+    "@takazudo/zudo-doc-history-server": "^0.2.10"
   },
   "peerDependenciesMeta": {
     "@takazudo/zudo-doc-history-server": {
@@ -193,8 +194,8 @@
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
     "vitest": "^4.1.0",
-    "@takazudo/zfb": "0.1.0-next.47",
-    "@takazudo/zfb-runtime": "0.1.0-next.47"
+    "@takazudo/zfb": "0.1.0-next.51",
+    "@takazudo/zfb-runtime": "0.1.0-next.51"
   },
   "scripts": {
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tsup",