@godxjp/markdown 33.20.0 → 33.22.1

package/dist/chunk-RRNN4HLQ.js

@@ -0,0 +1,940 @@
+"use client";
+import {
+  CODE_TOKENS
+} from "./chunk-ANYWBQJT.js";
+import {
+  katexSchema
+} from "./chunk-AKKOCR2Y.js";
+
+// src/headings.ts
+import GithubSlugger from "github-slugger";
+import { visit } from "unist-util-visit";
+var HEADING = /^h([1-6])$/;
+function textOf(node) {
+  if (node.type === "text") return node.value;
+  if ("children" in node) return node.children.map(textOf).join("");
+  return "";
+}
+function rehypeHeadingIds(options = {}) {
+  return (tree) => {
+    const slugger = new GithubSlugger();
+    let index = 0;
+    visit(tree, "element", (node) => {
+      const match = HEADING.exec(node.tagName);
+      if (!match) return;
+      if (node.properties?.id != null) return;
+      const text = textOf(node);
+      const info = { depth: Number(match[1]), text, index: index++ };
+      const id = options.resolve ? options.resolve(info) : slugger.slug(text);
+      if (id) node.properties = { ...node.properties, id };
+    });
+  };
+}
+
+// src/mermaid.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ALLOWED_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "rect",
+  "circle",
+  "ellipse",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "textpath",
+  "marker",
+  "defs",
+  "style",
+  "title",
+  "desc",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "clippath",
+  "mask",
+  "pattern",
+  "symbol",
+  "use",
+  "filter",
+  "fegaussianblur",
+  "feoffset",
+  "feblend",
+  "feflood",
+  "fecomposite",
+  "femerge",
+  "femergenode",
+  "fedropshadow"
+]);
+var URL_REF = /url\s*\(\s*(['"]?)([^'")]*)\1\s*\)/gi;
+var CSS_HAZARD = /@import|expression\s*\(|javascript:|behavior\s*:|-moz-binding|<\//i;
+function urlsAreLocal(value) {
+  for (const match of value.matchAll(URL_REF)) {
+    if (!match[2].trim().startsWith("#")) return false;
+  }
+  return true;
+}
+function checkMermaidSvg(svg) {
+  if (typeof DOMParser === "undefined") return { ok: false, reason: "no DOMParser" };
+  const doc = new DOMParser().parseFromString(svg, "image/svg+xml");
+  if (doc.getElementsByTagName("parsererror").length > 0) return { ok: false, reason: "parse" };
+  const root = doc.documentElement;
+  if (root.localName.toLowerCase() !== "svg") return { ok: false, reason: "root" };
+  const elements = [root, ...Array.from(root.getElementsByTagName("*"))];
+  for (const element2 of elements) {
+    const name = element2.localName.toLowerCase();
+    if (!ALLOWED_ELEMENTS.has(name)) return { ok: false, reason: `element ${name}` };
+    if (name === "style") {
+      const css = element2.textContent ?? "";
+      if (CSS_HAZARD.test(css) || !urlsAreLocal(css)) return { ok: false, reason: "style" };
+    }
+    for (const attribute of Array.from(element2.attributes)) {
+      const attr = attribute.localName.toLowerCase();
+      const value = attribute.value;
+      if (attr.startsWith("on")) return { ok: false, reason: `handler ${attr}` };
+      if ((attr === "href" || attr === "src") && !value.trim().startsWith("#")) {
+        return { ok: false, reason: `ref ${attr}` };
+      }
+      if (attr === "style" && CSS_HAZARD.test(value)) return { ok: false, reason: "style attr" };
+      if (!urlsAreLocal(value)) return { ok: false, reason: `url ${attr}` };
+    }
+  }
+  return { ok: true, svg: root };
+}
+var loading = null;
+var initializedTheme = null;
+async function loadMermaid() {
+  loading ??= import("mermaid").then((module) => module.default).catch(() => null);
+  const api = await loading;
+  const theme = document.documentElement.dataset.theme === "dark" ? "dark" : "default";
+  if (api && theme !== initializedTheme) {
+    api.initialize({
+      startOnLoad: false,
+      securityLevel: "strict",
+      // SVG text labels, not HTML in <foreignObject> — which the gate rejects outright.
+      htmlLabels: false,
+      flowchart: { htmlLabels: false },
+      // Journey wraps its labels in <switch><foreignObject> by default ("element switch" at the
+      // gate, so every journey fell back to code); tspan placement draws them as SVG text.
+      journey: { textPlacement: "tspan" },
+      theme
+    });
+    initializedTheme = theme;
+  }
+  return api;
+}
+function MermaidCode({ source }) {
+  return /* @__PURE__ */ jsx("pre", { "data-mermaid": "code", children: /* @__PURE__ */ jsx("code", { className: "language-mermaid", children: source }) });
+}
+function MermaidDiagram({ source, label }) {
+  const host = React.useRef(null);
+  const id = `godx-mermaid-${React.useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+  const [state, setState] = React.useState("code");
+  React.useEffect(() => {
+    let cancelled = false;
+    setState("code");
+    void (async () => {
+      const api = await loadMermaid();
+      if (!api || cancelled) return;
+      try {
+        const { svg } = await api.render(id, source);
+        const checked = checkMermaidSvg(svg);
+        if (cancelled || !checked.ok || !host.current) return;
+        host.current.replaceChildren(document.importNode(checked.svg, true));
+        setState("diagram");
+      } catch {
+      } finally {
+        document.getElementById(`d${id}`)?.remove();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [id, source]);
+  return /* @__PURE__ */ jsxs("figure", { "data-mermaid": state, "aria-label": state === "diagram" ? label : void 0, children: [
+    /* @__PURE__ */ jsx("div", { ref: host, hidden: state !== "diagram" }),
+    state === "code" ? /* @__PURE__ */ jsx(MermaidCode, { source }) : null
+  ] });
+}
+
+// src/schema.ts
+import { defaultSchema } from "rehype-sanitize";
+var markdownSchema = {
+  ...defaultSchema,
+  tagNames: [...defaultSchema.tagNames ?? [], ...katexSchema.tagNames],
+  clobberPrefix: "",
+  protocols: {
+    ...defaultSchema.protocols,
+    href: ["http", "https", "mailto"],
+    src: ["http", "https"],
+    cite: ["http", "https"]
+  },
+  attributes: {
+    ...defaultSchema.attributes,
+    ...katexSchema.attributes,
+    span: [...katexSchema.attributes.span, ["dataCodeToken", ...CODE_TOKENS]],
+    // Heading anchors (rehype-headings, below) and the code fence language.
+    h1: [...defaultSchema.attributes?.h1 ?? [], "id"],
+    h2: [...defaultSchema.attributes?.h2 ?? [], "id"],
+    h3: [...defaultSchema.attributes?.h3 ?? [], "id"],
+    h4: [...defaultSchema.attributes?.h4 ?? [], "id"],
+    h5: [...defaultSchema.attributes?.h5 ?? [], "id"],
+    h6: [...defaultSchema.attributes?.h6 ?? [], "id"],
+    // Grammar v1 (gh#1156): the renderer's own callout / toggle / column markup. Every value is
+    // pinned — a body cannot mint any other class, kind, role or inline style through these.
+    div: [
+      ...defaultSchema.attributes?.div ?? [],
+      [
+        "className",
+        "ui-prose-callout",
+        "ui-prose-columns",
+        "ui-prose-column",
+        "ui-prose-directive"
+      ],
+      ["dataKind", "note", "tip", "important", "warning", "caution"],
+      ["role", "note"],
+      ["style", /^--prose-column-grow:\d+(?:\.\d+)?$/]
+    ],
+    p: [...defaultSchema.attributes?.p ?? [], ["className", "ui-prose-callout-title"]],
+    details: [...defaultSchema.attributes?.details ?? [], ["className", "ui-prose-toggle"]],
+    summary: [
+      ...defaultSchema.attributes?.summary ?? [],
+      ["className", "ui-prose-toggle-summary"]
+    ]
+  }
+};
+var ruleName = (rule) => Array.isArray(rule) ? rule[0] : rule;
+function extendSchema(extension = {}) {
+  const attributes = { ...markdownSchema.attributes };
+  for (const [tag, list] of Object.entries(extension.attributes ?? {})) {
+    const merged = [...attributes[tag] ?? []];
+    for (const rule of list) {
+      const name = ruleName(rule);
+      const at = merged.findIndex((existing2) => ruleName(existing2) === name);
+      if (at === -1) {
+        merged.push(rule);
+        continue;
+      }
+      const existing = merged[at];
+      if (!Array.isArray(existing)) continue;
+      merged[at] = Array.isArray(rule) ? [name, ...existing.slice(1), ...rule.slice(1)] : rule;
+    }
+    attributes[tag] = merged;
+  }
+  return {
+    ...markdownSchema,
+    tagNames: [...markdownSchema.tagNames ?? [], ...extension.tagNames ?? []],
+    attributes
+  };
+}
+var SAFE_HREF = /^(https?:|mailto:)/i;
+var SAFE_SRC = /^https?:/i;
+var SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+function safeUrl(url, key) {
+  const value = url.trim();
+  const probe = value.replace(/[\x00-\x20\x7f]/g, "");
+  if (!SCHEME.test(probe)) return value;
+  if (key === "src") return SAFE_SRC.test(probe) ? value : "";
+  return SAFE_HREF.test(probe) ? value : "";
+}
+
+// src/core.tsx
+import * as React3 from "react";
+import ReactMarkdown from "react-markdown";
+import rehypeSanitize from "rehype-sanitize";
+import remarkGfm from "remark-gfm";
+import { visit as visit2 } from "unist-util-visit";
+
+// src/table-scroll.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function TableScroll({ children }) {
+  const ref = React2.useRef(null);
+  const [scrolls, setScrolls] = React2.useState(false);
+  React2.useLayoutEffect(() => {
+    const box = ref.current;
+    if (!box || typeof ResizeObserver === "undefined") return void 0;
+    const measure = () => setScrolls(box.scrollWidth > box.clientWidth + 1);
+    const observer = new ResizeObserver(measure);
+    observer.observe(box);
+    if (box.firstElementChild) observer.observe(box.firstElementChild);
+    measure();
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref,
+      className: "ui-prose-table-scroll",
+      "data-slot": "prose-table-scroll",
+      tabIndex: scrolls ? 0 : void 0,
+      children
+    }
+  );
+}
+
+// src/codec/model.ts
+var CALLOUT_KINDS = ["note", "tip", "important", "warning", "caution"];
+var COLUMNS_MIN = 2;
+var COLUMNS_MAX = 4;
+var MODELLED_DIRECTIVES = ["toggle", "columns", "column"];
+
+// src/codec/readers.ts
+var CALLOUT = /^\[!([A-Za-z]+)\](?:[ \t]+([^\n]*))?$/;
+function readCallout(node) {
+  const [first, ...rest] = node.children;
+  if (first?.type !== "paragraph") return null;
+  const [head, ...tail] = first.children;
+  if (head?.type !== "text") return null;
+  const newline = head.value.indexOf("\n");
+  if (newline === -1 && tail.length > 0) return null;
+  const line = newline === -1 ? head.value : head.value.slice(0, newline);
+  const match = CALLOUT.exec(line);
+  const kind = match?.[1]?.toLowerCase();
+  if (!match || !kind || !CALLOUT_KINDS.includes(kind)) return null;
+  const remainder = [
+    ...newline === -1 ? [] : [{ ...head, value: head.value.slice(newline + 1) }],
+    ...tail
+  ].filter((n) => !(n.type === "text" && n.value === ""));
+  return {
+    kind,
+    title: match[2]?.trim() || null,
+    body: [
+      ...remainder.length ? [{ type: "paragraph", children: remainder }] : [],
+      ...rest
+    ]
+  };
+}
+function labelOf(node) {
+  const first = node.children[0];
+  return first?.type === "paragraph" && first.data?.directiveLabel ? first : null;
+}
+function readToggle(node) {
+  if (node.name !== "toggle" || Object.keys(node.attributes ?? {}).length > 0) return null;
+  const label = labelOf(node);
+  return {
+    summary: label?.children ?? [],
+    body: label ? node.children.slice(1) : node.children
+  };
+}
+function readColumns(node, nested) {
+  if (node.name !== "columns" || nested || labelOf(node) || Object.keys(node.attributes ?? {}).length) {
+    return null;
+  }
+  const columns = node.children;
+  if (columns.length < COLUMNS_MIN || columns.length > COLUMNS_MAX) return null;
+  const parts = [];
+  for (const column of columns) {
+    if (column.type !== "containerDirective" || column.name !== "column" || labelOf(column))
+      return null;
+    const attributes = Object.entries(column.attributes ?? {});
+    if (attributes.length > 1) return null;
+    let width = null;
+    if (attributes.length === 1) {
+      const [key, value] = attributes[0];
+      if (key !== "width" || typeof value !== "string" || !/^(?:[1-9]\d?|100)$/.test(value))
+        return null;
+      width = Number(value);
+    }
+    parts.push({ width, body: column.children });
+  }
+  return parts;
+}
+function columnShares(columns) {
+  const explicit = columns.reduce((sum, c) => sum + (c.width ?? 0), 0);
+  const open = columns.filter((c) => c.width == null).length;
+  const each = open ? Math.max(1, (100 - explicit) / open) : 0;
+  return columns.map((c) => c.width ?? Math.round(each * 100) / 100);
+}
+
+// src/codec/syntax.ts
+import { directive } from "micromark-extension-directive";
+import { gfm } from "micromark-extension-gfm";
+import { cjkFriendlyExtension } from "micromark-extension-cjk-friendly";
+import { frontmatter } from "micromark-extension-frontmatter";
+import { math } from "micromark-extension-math";
+import { frontmatterFromMarkdown, frontmatterToMarkdown } from "mdast-util-frontmatter";
+import { mathFromMarkdown, mathToMarkdown } from "mdast-util-math";
+import { directiveFromMarkdown } from "mdast-util-directive";
+import { gfmFromMarkdown, gfmToMarkdown } from "mdast-util-gfm";
+function micromarkExtensions() {
+  const [container] = directive().flow[58];
+  const containerOnly = { flow: { 58: container } };
+  return [gfm(), cjkFriendlyExtension(), frontmatter(["yaml"]), dollarMath(), containerOnly];
+}
+var DOLLAR = 36;
+var isSpace = (code) => code === null || code === void 0 || code < 0 || code === 32;
+var isDigit = (code) => code != null && code >= 48 && code <= 57;
+var BACKSLASH = 92;
+function dollarMath() {
+  const extension = math();
+  const text = extension.text[DOLLAR];
+  const tokenize = function(effects, ok, nok) {
+    const codes = [];
+    let done = false;
+    const finish = (code) => {
+      done = true;
+      const single = codes[1] !== DOLLAR;
+      const after = codes[codes.length - 1];
+      const before = codes[codes.length - 3];
+      const refused = isSpace(codes[1]) || isSpace(before) || before === BACKSLASH || isDigit(after);
+      if (single && refused) return nok(code);
+      return ok(code);
+    };
+    const watch = (state) => (code) => {
+      if (done) return state(code);
+      codes.push(code);
+      const next = state(code);
+      return next && !done ? watch(next) : next;
+    };
+    return watch(
+      text.tokenize.call(this, effects, finish, (code) => {
+        done = true;
+        return nok(code);
+      })
+    );
+  };
+  return { ...extension, text: { [DOLLAR]: { ...text, tokenize } } };
+}
+function fromMarkdownExtensions() {
+  return [
+    gfmFromMarkdown(),
+    directiveFromMarkdown(),
+    frontmatterFromMarkdown(["yaml"]),
+    mathFromMarkdown()
+  ];
+}
+
+// src/directives.ts
+var DEFAULT_CALLOUT_TITLES = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  warning: "Warning",
+  caution: "Caution"
+};
+var element = (hName, hProperties = {}) => ({
+  hName,
+  hProperties
+});
+function remarkKitSyntax(options = {}) {
+  const titles = { ...DEFAULT_CALLOUT_TITLES, ...options.calloutTitles };
+  const registered = new Set(
+    (options.directives ?? []).filter((name) => !MODELLED_DIRECTIVES.includes(name))
+  );
+  return function() {
+    const data = this.data();
+    (data.micromarkExtensions ??= []).push(...micromarkExtensions().slice(1));
+    (data.fromMarkdownExtensions ??= []).push(...fromMarkdownExtensions().slice(1));
+    let text = "";
+    const walk = (node, inColumn) => {
+      if (node.type === "blockquote") callout(node, titles);
+      else if (node.type === "containerDirective") directive2(node, inColumn, registered, text);
+      if (!("children" in node)) return;
+      const isColumn = node.type === "containerDirective" && node.name === "column";
+      for (const child of node.children) walk(child, inColumn || isColumn);
+    };
+    return (tree, file) => {
+      text = typeof file?.value === "string" ? file.value : "";
+      tree.children = tree.children.filter((node) => node.type !== "yaml");
+      walk(tree, false);
+    };
+  };
+}
+function callout(node, titles) {
+  const parts = readCallout(node);
+  if (!parts) return;
+  const title = {
+    type: "paragraph",
+    data: element("p", { className: ["ui-prose-callout-title"] }),
+    children: [{ type: "text", value: parts.title ?? titles[parts.kind] }]
+  };
+  node.data = element("div", {
+    className: ["ui-prose-callout"],
+    dataKind: parts.kind,
+    role: "note"
+  });
+  node.children = [title, ...parts.body];
+}
+function unprefix(line, prefix) {
+  if (!prefix) return line;
+  if (line.startsWith(prefix)) return line.slice(prefix.length);
+  const bare = prefix.trimEnd();
+  return bare && line.startsWith(bare) ? line.slice(bare.length) : line;
+}
+function directiveSlices(node, text) {
+  const attributes = {};
+  for (const [key, value] of Object.entries(node.attributes ?? {})) attributes[key] = value ?? "";
+  const at = (position) => position && position.start.offset != null && position.end.offset != null ? { from: position.start.offset, to: position.end.offset } : null;
+  const whole = at(node.position);
+  if (!whole) return { label: null, attributes, source: "", body: "" };
+  const prefix = text.slice(text.lastIndexOf("\n", whole.from - 1) + 1, whole.from);
+  const slice = (from, to) => text.slice(from, to).split("\n").map((line, i) => i === 0 ? line : unprefix(line, prefix)).join("\n");
+  const [first, ...rest] = node.children;
+  const hasLabel = first?.type === "paragraph" && Boolean(first.data?.directiveLabel);
+  const label = hasLabel ? at(first.position) : null;
+  const body = (hasLabel ? rest : node.children).map((child) => at(child.position));
+  const start = body[0];
+  const end = body[body.length - 1];
+  return {
+    label: label ? slice(label.from + 1, label.to - 1) : hasLabel ? "" : null,
+    attributes,
+    source: slice(whole.from, whole.to),
+    body: start && end ? slice(start.from, end.to) : ""
+  };
+}
+function directive2(node, nested, registered, text) {
+  const toggle = readToggle(node);
+  if (toggle) {
+    const summary = {
+      type: "paragraph",
+      data: element("summary", { className: ["ui-prose-toggle-summary"] }),
+      children: toggle.summary
+    };
+    node.data = element("details", { className: ["ui-prose-toggle"] });
+    node.children = [summary, ...toggle.body];
+    return;
+  }
+  const columns = readColumns(node, nested);
+  if (columns) {
+    const shares = columnShares(columns);
+    node.data = element("div", { className: ["ui-prose-columns"] });
+    node.children = columns.map((column, i) => ({
+      type: "containerDirective",
+      name: "column",
+      attributes: {},
+      data: element("div", {
+        className: ["ui-prose-column"],
+        style: `--prose-column-grow:${shares[i]}`
+      }),
+      children: column.body
+    }));
+    return;
+  }
+  if (registered.has(node.name)) {
+    node.data = element("div", {
+      className: ["ui-prose-directive"],
+      dataDirective: node.name,
+      dataDirectiveBlock: JSON.stringify(directiveSlices(node, text))
+    });
+    return;
+  }
+  if (!node.data?.hName) node.data = element("div", { className: ["ui-prose-directive"] });
+}
+
+// src/core.tsx
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+var MARKDOWN_FORMAT = "md";
+var RENDERER_VERSION = 6;
+var URL_ATTRIBUTES = {
+  a: "href",
+  img: "src",
+  blockquote: "cite",
+  q: "cite"
+};
+function rehypeResolveUrls(options) {
+  return (tree) => {
+    if (!options.resolve) return;
+    visit2(tree, "element", (node) => {
+      const key = URL_ATTRIBUTES[node.tagName];
+      const value = key ? node.properties?.[key] : void 0;
+      if (typeof value !== "string") return;
+      const resolved = options.resolve(value, key);
+      if (resolved !== void 0) node.properties = { ...node.properties, [key]: resolved };
+    });
+  };
+}
+var graphemes = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : void 0;
+function textOf2(node) {
+  let text = "";
+  let hasImage = false;
+  visit2(node, (child) => {
+    if (child.type === "text") text += child.value;
+    else if (child.type === "element" && child.tagName === "img") hasImage = true;
+  });
+  return { text, hasImage };
+}
+function rehypeShortCells(options) {
+  return (tree) => {
+    const { max } = options;
+    if (max === false || max <= 0) return;
+    visit2(tree, "element", (node) => {
+      if (node.tagName !== "td" && node.tagName !== "th") return;
+      const { text, hasImage } = textOf2(node);
+      const token = text.trim();
+      if (hasImage || token === "" || /\s/.test(token)) return;
+      const length = graphemes ? [...graphemes.segment(token)].length : [...token].length;
+      if (length <= max) node.properties = { ...node.properties, dataShort: "" };
+    });
+  };
+}
+function rehypeExternalLinks(options) {
+  return (tree) => {
+    if (options.policy !== "new-tab") return;
+    const origin = options.origin ?? globalThis.location?.origin;
+    visit2(tree, "element", (node) => {
+      if (node.tagName !== "a") return;
+      const href = node.properties?.href;
+      if (typeof href !== "string" || !/^https?:\/\//i.test(href)) return;
+      let target;
+      try {
+        target = new URL(href);
+      } catch {
+        return;
+      }
+      if (origin && target.origin === origin) return;
+      node.properties = { ...node.properties, target: "_blank", rel: ["noopener", "noreferrer"] };
+    });
+  };
+}
+function omitNode(props) {
+  const { node: _node, ...rest } = props;
+  return rest;
+}
+function fenceOf(node) {
+  const code = node?.children?.[0];
+  if (!code || code.type !== "element" || code.tagName !== "code") return void 0;
+  const classes = code.properties?.className ?? [];
+  const language = classes.find((name) => name.startsWith("language-"))?.slice(9);
+  const text = code.children.map((child) => child.type === "text" ? child.value : "").join("");
+  return { language, text };
+}
+var DIRECTIVE_SCHEMA = {
+  attributes: { div: ["dataDirective", "dataDirectiveBlock"] }
+};
+function withoutLabel(node, children) {
+  const at = node?.children.findIndex((child) => child.type === "element") ?? -1;
+  if (at === -1) return children;
+  if (!Array.isArray(children)) return at === 0 ? null : children;
+  return children.filter((_, index) => index !== at);
+}
+function MarkdownCore({
+  children,
+  remarkPlugins = [],
+  rehypePlugins = [],
+  schema,
+  components,
+  resolveUrl,
+  headingId,
+  mermaid = true,
+  highlight = true,
+  allowedElements,
+  disallowedElements,
+  allowElement,
+  unwrapDisallowed,
+  shortCellLength = 24,
+  calloutTitles,
+  externalLinks = "same-tab",
+  origin,
+  directives,
+  runtime
+}) {
+  const directiveNames = React3.useMemo(
+    () => Object.keys(directives ?? {}).sort().join(" "),
+    [directives]
+  );
+  const sanitizeSchema = React3.useMemo(() => {
+    if (!directiveNames) return extendSchema(schema);
+    return extendSchema({
+      tagNames: schema?.tagNames,
+      attributes: {
+        ...schema?.attributes,
+        div: [...schema?.attributes?.div ?? [], ...DIRECTIVE_SCHEMA.attributes.div]
+      }
+    });
+  }, [schema, directiveNames]);
+  const kitSyntax = React3.useMemo(
+    () => remarkKitSyntax({
+      calloutTitles,
+      directives: directiveNames ? directiveNames.split(" ") : []
+    }),
+    [calloutTitles, directiveNames]
+  );
+  const live = React3.useRef(directives);
+  live.current = directives;
+  const merged = React3.useMemo(() => {
+    const HostTable = components?.table;
+    const table = (props) => /* @__PURE__ */ jsx3(TableScroll, { children: HostTable ? typeof HostTable === "string" ? React3.createElement(HostTable, props) : /* @__PURE__ */ jsx3(HostTable, { ...props }) : /* @__PURE__ */ jsx3("table", { ...omitNode(props) }) });
+    const out = { ...components, table };
+    if (directiveNames) {
+      const HostDiv = components?.div;
+      out.div = (props) => {
+        const {
+          "data-directive": name,
+          "data-directive-block": block,
+          ...rest
+        } = props;
+        const registry = live.current;
+        const render = typeof name === "string" && registry && Object.hasOwn(registry, name) ? registry[name] : void 0;
+        if (render && typeof block === "string") {
+          const parts = JSON.parse(block);
+          const drawn = render({
+            name,
+            ...parts,
+            children: parts.label === null ? props.children : withoutLabel(props.node, props.children)
+          });
+          if (drawn !== void 0) return /* @__PURE__ */ jsx3(Fragment, { children: drawn });
+        }
+        if (HostDiv)
+          return typeof HostDiv === "string" ? React3.createElement(HostDiv, rest) : /* @__PURE__ */ jsx3(HostDiv, { ...rest });
+        return /* @__PURE__ */ jsx3("div", { ...omitNode(rest) });
+      };
+    }
+    if (!mermaid) return out;
+    const HostPre = components?.pre;
+    const pre = (props) => {
+      const fence = fenceOf(props.node);
+      if (fence?.language === "mermaid") return /* @__PURE__ */ jsx3(MermaidDiagram, { source: fence.text });
+      if (HostPre)
+        return typeof HostPre === "string" ? React3.createElement(HostPre, props) : /* @__PURE__ */ jsx3(HostPre, { ...props });
+      const { node: _node, children: inner, ...rest } = props;
+      return /* @__PURE__ */ jsx3("pre", { ...rest, children: inner });
+    };
+    return { ...out, pre };
+  }, [components, mermaid, directiveNames]);
+  return /* @__PURE__ */ jsx3(
+    ReactMarkdown,
+    {
+      remarkPlugins: [
+        remarkGfm,
+        kitSyntax,
+        ...remarkPlugins,
+        ...runtime.probe ? [runtime.probe] : []
+      ],
+      rehypePlugins: [
+        [rehypeResolveUrls, { resolve: resolveUrl }],
+        [rehypeHeadingIds, { resolve: headingId }],
+        // Both BEFORE the sanitiser, which judges their output (schema.ts).
+        ...runtime.math ? [runtime.math] : [],
+        ...highlight && runtime.highlight ? [runtime.highlight] : [],
+        [rehypeSanitize, sanitizeSchema],
+        [rehypeShortCells, { max: shortCellLength }],
+        [rehypeExternalLinks, { policy: externalLinks, origin }],
+        ...rehypePlugins
+      ],
+      urlTransform: safeUrl,
+      components: merged,
+      allowedElements,
+      disallowedElements,
+      allowElement,
+      unwrapDisallowed,
+      children
+    }
+  );
+}
+
+// src/fixtures.ts
+var MARKDOWN_FIXTURES = [
+  {
+    name: "headings get GitHub anchors, de-duplicated",
+    markdown: "# \u6982\u8981\n\n## Setup\n\n## Setup",
+    html: '<h1 id="\u6982\u8981">\u6982\u8981</h1>\n<h2 id="setup">Setup</h2>\n<h2 id="setup-1">Setup</h2>'
+  },
+  {
+    name: "emphasis, strong, strikethrough, inline code",
+    markdown: "*em* **strong** ~~gone~~ `code`",
+    html: "<p><em>em</em> <strong>strong</strong> <del>gone</del> <code>code</code></p>"
+  },
+  {
+    name: "GFM table with alignment, in its scroll box",
+    markdown: "| a | b |\n|:--|--:|\n| 1 | 2 |",
+    // Every table sits in its own scroll box (gh#1131, renderer v2); a single short token per
+    // cell carries `data-short` (gh#1150, renderer v3).
+    html: '<div class="ui-prose-table-scroll" data-slot="prose-table-scroll"><table><thead><tr><th data-short="" style="text-align:left">a</th><th data-short="" style="text-align:right">b</th></tr></thead><tbody><tr><td data-short="" style="text-align:left">1</td><td data-short="" style="text-align:right">2</td></tr></tbody></table></div>'
+  },
+  {
+    name: "task list stays read-only",
+    markdown: "- [x] done\n- [ ] todo",
+    html: '<ul class="contains-task-list">\n<li class="task-list-item"><input type="checkbox" disabled="" checked=""/> done</li>\n<li class="task-list-item"><input type="checkbox" disabled=""/> todo</li>\n</ul>'
+  },
+  {
+    name: "fenced code keeps its language class, tokenised (renderer v6)",
+    markdown: "```ts\nconst a = 1;\n```",
+    html: '<pre><code class="language-ts"><span data-code-token="keyword">const</span> a = <span data-code-token="constant">1</span>;\n</code></pre>'
+  },
+  {
+    name: "links and autolinks",
+    markdown: "[docs](https://example.com/a) <https://example.com> mail@example.com",
+    html: '<p><a href="https://example.com/a">docs</a> <a href="https://example.com">https://example.com</a> <a href="mailto:mail@example.com">mail@example.com</a></p>'
+  },
+  {
+    name: "relative and fragment links pass",
+    markdown: "[a](/wiki/Page) [b](#setup) [c](other)",
+    html: '<p><a href="/wiki/Page">a</a> <a href="#setup">b</a> <a href="other">c</a></p>'
+  },
+  {
+    name: "image by URL",
+    markdown: "![chart](https://cdn.example.com/c.png)",
+    html: '<p><img src="https://cdn.example.com/c.png" alt="chart"/></p>'
+  },
+  {
+    name: "footnote link and its target agree",
+    markdown: "Text[^1]\n\n[^1]: Note.",
+    html: '<p>Text<sup><a href="#user-content-fn-1" id="user-content-fnref-1" data-footnote-ref="true" aria-describedby="footnote-label">1</a></sup></p>\n<section data-footnotes="true" class="footnotes"><h2 class="sr-only" id="footnote-label">Footnotes</h2>\n<ol>\n<li id="user-content-fn-1">\n<p>Note. <a href="#user-content-fnref-1" data-footnote-backref="" aria-label="Back to reference 1" class="data-footnote-backref">\u21A9</a></p>\n</li>\n</ol>\n</section>'
+  },
+  {
+    name: "mermaid fence before the diagram has rendered",
+    markdown: "```mermaid\ngraph TD; A-->B\n```",
+    html: '<figure data-mermaid="code"><div hidden=""></div><pre data-mermaid="code"><code class="language-mermaid">graph TD; A--&gt;B\n</code></pre></figure>'
+  },
+  {
+    name: "raw HTML blocks are dropped, never parsed",
+    hostile: true,
+    markdown: '<script>alert(1)</script>\n\n<img src=x onerror="alert(1)">\n\n<div id="app-sidebar">x</div>',
+    html: "\n\n",
+    forbidden: ["<script", "<img", "onerror", "app-sidebar"]
+  },
+  {
+    name: "inline raw HTML is dropped, its text kept",
+    hostile: true,
+    markdown: 'a <b onclick="alert(1)">bold</b> <iframe src="https://evil.example"></iframe> z',
+    html: "<p>a bold  z</p>",
+    forbidden: ["<b", "onclick", "<iframe", "evil.example"]
+  },
+  {
+    name: "javascript: and data: links are dropped",
+    hostile: true,
+    markdown: "[a](javascript:alert(1)) [b](JAVASCRIPT:alert(1)) [c](data:text/html,<script>alert(1)</script>) [d](vbscript:x)",
+    html: "<p><a>a</a> <a>b</a> <a>c</a> <a>d</a></p>",
+    forbidden: ["javascript:", "JAVASCRIPT:", "data:", "vbscript:"]
+  },
+  {
+    name: "a scheme split by control characters is dropped",
+    hostile: true,
+    markdown: "[a](<java	script:alert(1)>)",
+    html: "<p><a>a</a></p>",
+    forbidden: ["script:"]
+  },
+  {
+    name: "data: and javascript: images are dropped",
+    hostile: true,
+    markdown: "![x](data:image/svg+xml;base64,PHN2Zz4=) ![y](javascript:alert(1))",
+    html: '<p><img alt="x"/> <img alt="y"/></p>',
+    forbidden: ["data:", "javascript:"]
+  },
+  // Grammar v1 (gh#1156, renderer v4): the constructs the codec and @godxjp/block-editor model.
+  {
+    name: "CJK-friendly emphasis next to \u3001\u3002\u300C\u300D\uFF08\uFF09",
+    markdown: "\u306E**\u300C\u5F37\u8ABF\u300D**\u3067\u3059\u3002\uFF08*\u6CE8*\uFF09\u300C[\u30EA\u30F3\u30AF](https://example.com/)\u300D\u3001**\u592A\u5B57**\u3002",
+    html: '<p>\u306E<strong>\u300C\u5F37\u8ABF\u300D</strong>\u3067\u3059\u3002\uFF08<em>\u6CE8</em>\uFF09\u300C<a href="https://example.com/">\u30EA\u30F3\u30AF</a>\u300D\u3001<strong>\u592A\u5B57</strong>\u3002</p>'
+  },
+  {
+    name: "callout with a title, and one without",
+    markdown: "> [!WARNING] Careful\n> Body\n\n> [!tip]\n> No title",
+    html: '<div class="ui-prose-callout" data-kind="warning" role="note">\n<p class="ui-prose-callout-title">Careful</p>\n<p>Body</p>\n</div>\n<div class="ui-prose-callout" data-kind="tip" role="note">\n<p class="ui-prose-callout-title">Tip</p>\n<p>No title</p>\n</div>'
+  },
+  {
+    name: "a fold marker or unknown kind stays a quote",
+    markdown: "> [!NOTE]- folded\n\n> [!INFO] unknown",
+    html: "<blockquote>\n<p>[!NOTE]- folded</p>\n</blockquote>\n<blockquote>\n<p>[!INFO] unknown</p>\n</blockquote>"
+  },
+  {
+    name: "toggle with an inline summary",
+    markdown: ":::toggle[Read *more*]\nBody\n:::",
+    html: '<details class="ui-prose-toggle"><summary class="ui-prose-toggle-summary">Read <em>more</em></summary><p>Body</p></details>'
+  },
+  {
+    name: "columns with a width and an equal share",
+    markdown: "::::columns\n:::column{width=40}\nLeft\n:::\n\n:::column\nRight\n:::\n::::",
+    html: '<div class="ui-prose-columns"><div class="ui-prose-column" style="--prose-column-grow:40"><p>Left</p></div><div class="ui-prose-column" style="--prose-column-grow:60"><p>Right</p></div></div>'
+  },
+  {
+    name: "wikilinks, embeds and times stay text",
+    markdown: "See [[Page#Intro|intro]] at 10:30.\n\n![[Diagram]]",
+    html: "<p>See [[Page#Intro|intro]] at 10:30.</p>\n<p>![[Diagram]]</p>"
+  },
+  {
+    // Renderer v5 (gh#1163): YAML front matter is metadata, not body. Before v5 it rendered as an
+    // <hr> plus a setext <h2> holding the YAML text.
+    name: "YAML front matter renders nothing",
+    markdown: "---\ntitle: Spec\ntags: [a]\n---\n\n# Heading\n\nBody",
+    html: '<h1 id="heading">Heading</h1>\n<p>Body</p>',
+    forbidden: ["title: Spec", "<hr"]
+  },
+  // Renderer v6: math (KaTeX, before the sanitiser) and syntax colour (`data-code-token`).
+  {
+    name: "inline and display math are drawn by KaTeX; `\\,` keeps its backslash",
+    markdown: "Inline $a\\,b$ and display:\n\n$$\nx^2\n$$",
+    html: '<p>Inline <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>a</mi><mtext>\u2009</mtext><mi>b</mi></mrow><annotation encoding="application/x-tex">a\\,b</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.6944em"></span><span class="mord mathnormal">a</span><span class="mspace" style="margin-right:0.1667em"></span><span class="mord mathnormal">b</span></span></span></span> and display:</p>\n<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><msup><mi>x</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">x^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8641em"></span><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8641em"><span style="top:-3.113em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></span>'
+  },
+  {
+    name: "a ```math fence is display math",
+    markdown: "```math\n\\frac{1}{2}\n```",
+    html: '<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mfrac><mn>1</mn><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex">\\frac{1}{2}\n</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.0074em;vertical-align:-0.686em"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3214em"><span style="top:-2.314em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">2</span></span></span><span style="top:-3.23em"><span class="pstrut" style="height:3em"></span><span class="frac-line" style="border-bottom-width:0.04em"></span></span><span style="top:-3.677em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">1</span></span></span></span><span class="vlist-s">\u200B</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span>'
+  },
+  {
+    name: "prices stay text: a single `$` follows Pandoc's rule",
+    markdown: "$5 and $10, $5-$10, \\$x\\$",
+    html: "<p>$5 and $10, $5-$10, $x$</p>",
+    forbidden: ["katex"]
+  },
+  {
+    name: "a formula that does not parse shows its source",
+    markdown: "$\\frac{1$",
+    html: '<p><span class="katex-error" title="ParseError: KaTeX parse error: Unexpected end of input in a macro argument, expected &#x27;}&#x27; at end of input: \\frac{1" style="color:#cc0000">\\frac{1</span></p>'
+  },
+  {
+    name: "KaTeX \\href, \\url and \\includegraphics stay text (trust: false)",
+    hostile: true,
+    markdown: "$\\href{javascript:alert(1)}{a}$ $\\url{https://evil.example}$ $\\includegraphics{https://evil.example/i.png}$",
+    html: '<p><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\href</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\href{javascript:alert(1)}{a}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\href</span></span></span></span></span> <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\url</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\url{https://evil.example}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\url</span></span></span></span></span> <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\includegraphics</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\includegraphics{https://evil.example/i.png}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\includegraphics</span></span></span></span></span></p>',
+    forbidden: ["<a ", "href=", "<img", "src="]
+  },
+  {
+    name: "KaTeX \\htmlClass, \\htmlId, \\htmlStyle and \\htmlData stay text",
+    hostile: true,
+    markdown: "$\\htmlClass{ui-pwn}{a}$ $\\htmlId{pwn}{b}$ $\\htmlStyle{background:url(https://evil.example)}{c}$ $\\htmlData{pwn=1}{d}$",
+    html: '<p><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\htmlClass</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\htmlClass{ui-pwn}{a}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\htmlClass</span></span></span></span></span> <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\htmlId</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\htmlId{pwn}{b}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\htmlId</span></span></span></span></span> <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\htmlStyle</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\htmlStyle{background:url(https://evil.example)}{c}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\htmlStyle</span></span></span></span></span> <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mstyle mathcolor="#cc0000"><mtext>\\htmlData</mtext></mstyle></mrow><annotation encoding="application/x-tex">\\htmlData{pwn=1}{d}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em"></span><span class="mord text" style="color:#cc0000"><span class="mord" style="color:#cc0000">\\htmlData</span></span></span></span></span></p>',
+    forbidden: ['class="ui-pwn"', 'id="pwn"', "data-pwn", 'style="background']
+  },
+  {
+    name: "a user-sized KaTeX box is capped at 10em",
+    hostile: true,
+    markdown: "$\\rule{9999em}{9999em}$",
+    html: '<p><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mpadded height="0em" voffset="0em"><mspace mathbackground="black" width="10em" height="10em"></mspace></mpadded></mrow><annotation encoding="application/x-tex">\\rule{9999em}{9999em}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:10em"></span><span class="mord rule" style="border-right-width:10em;border-top-width:10em;bottom:0em"></span></span></span></span></p>',
+    forbidden: ["width:9999em", 'width="9999em"']
+  },
+  {
+    name: "HTML in a highlighted fence stays text",
+    hostile: true,
+    markdown: "```html\n<script>alert(1)</script>\n```",
+    html: '<pre><code class="language-html"><span data-code-token="punctuation">&lt;<span data-code-token="keyword">script</span>&gt;</span>alert(1)<span data-code-token="punctuation">&lt;/<span data-code-token="keyword">script</span>&gt;</span>\n</code></pre>',
+    forbidden: ["<script"]
+  },
+  {
+    name: "a fence in an unknown language stays plain",
+    markdown: "```unknown\nlet a = 1\n```",
+    html: '<pre><code class="language-unknown">let a = 1\n</code></pre>'
+  },
+  // Directive blocks: a container directive the kit does not model renders its content (the
+  // label as a paragraph) until a host registers a renderer for its name (`<Markdown directives>`).
+  {
+    name: "an unregistered :::poll renders its label and body",
+    markdown: ":::poll[Which date works?]{id=launch-date type=single closes=2026-11-10}\n- 11\u670815\u65E5\n- 11\u670822\u65E5 {#d22}\n:::",
+    html: '<div class="ui-prose-directive"><p>Which date works?</p><ul>\n<li>11\u670815\u65E5</li>\n<li>11\u670822\u65E5 {#d22}</li>\n</ul></div>'
+  },
+  {
+    name: "an unregistered ::::form holding :::poll blocks nests",
+    markdown: "::::form[Survey]{id=f}\n:::poll[A?]{id=a}\n- x\n- y\n:::\n\n:::poll{type=ack id=b}\nI agree.\n:::\n::::",
+    html: '<div class="ui-prose-directive"><p>Survey</p><div class="ui-prose-directive"><p>A?</p><ul>\n<li>x</li>\n<li>y</li>\n</ul></div><div class="ui-prose-directive"><p>I agree.</p></div></div>'
+  }
+];
+
+export {
+  rehypeHeadingIds,
+  checkMermaidSvg,
+  MermaidDiagram,
+  markdownSchema,
+  extendSchema,
+  safeUrl,
+  micromarkExtensions,
+  fromMarkdownExtensions,
+  MARKDOWN_FORMAT,
+  RENDERER_VERSION,
+  MarkdownCore,
+  MARKDOWN_FIXTURES
+};