@nuucognition/ncm-ui 0.1.0-dev.1

package/dist/blocks/spoiler/index.js

@@ -0,0 +1,1713 @@
+"use client";
+import { createContext, createElement, useContext, useRef, Component, useState, useEffect, useMemo, useCallback, useId } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { extractExtension, embedTypeFromExtension } from '@nuucognition/mesh-core';
+import { serializeInlineContent, isTypedNestedList } from '@nuucognition/ncm';
+
+// src/components/block-shell.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function defaultTitle(type) {
+  return type.charAt(0).toUpperCase() + type.slice(1);
+}
+function AdmonitionBlock({ block, className }) {
+  const title = block.title ?? defaultTitle(block.admonitionType);
+  const classes = cn("rounded-lg border border-border bg-card p-4", className);
+  if (block.collapsible) {
+    return /* @__PURE__ */ jsxs(
+      BlockShell,
+      {
+        as: "details",
+        block,
+        "data-ncm-admonition": "",
+        "data-ncm-admonition-type": block.admonitionType,
+        open: !block.collapsed,
+        className: classes,
+        children: [
+          /* @__PURE__ */ jsx("summary", { className: "cursor-pointer font-medium", "data-ncm-admonition-title": "", children: title }),
+          /* @__PURE__ */ jsx(ChildBlocks, { blocks: block.children, className: "mt-2 space-y-2" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      block,
+      "data-ncm-admonition": "",
+      "data-ncm-admonition-type": block.admonitionType,
+      className: classes,
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-2 font-medium", "data-ncm-admonition-title": "", children: title }),
+        /* @__PURE__ */ jsx(ChildBlocks, { blocks: block.children, className: "space-y-2" })
+      ]
+    }
+  );
+}
+function AsideBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    BlockShell,
+    {
+      as: "aside",
+      block,
+      "data-ncm-aside": "",
+      className: cn("border-l-2 border-border pl-4 text-muted-foreground", className),
+      children: /* @__PURE__ */ jsx(ChildBlocks, { blocks: block.content, className: "space-y-2" })
+    }
+  );
+}
+function AttributionBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-attribution": "",
+      className: cn("text-sm text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2014 " }),
+        block.url ? /* @__PURE__ */ jsx("a", { href: block.url, className: "hover:underline", children: /* @__PURE__ */ jsx("cite", { children: block.source }) }) : /* @__PURE__ */ jsx("cite", { children: block.source }),
+        block.date ? /* @__PURE__ */ jsxs("span", { children: [
+          ", ",
+          block.date
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/inline/parser.ts
+function splitOnce(input, delimiter) {
+  const idx = input.indexOf(delimiter);
+  if (idx === -1) {
+    return [input, null];
+  }
+  return [input.slice(0, idx), input.slice(idx + delimiter.length)];
+}
+function parseWikiTarget(rawInside) {
+  const inside = rawInside.trim();
+  const [targetPlusAnchor, displayRaw] = splitOnce(inside, "|");
+  const [targetRaw, anchorRaw] = splitOnce(targetPlusAnchor, "#");
+  const target = targetRaw.trim();
+  const display = displayRaw !== null ? displayRaw.trim() || null : null;
+  const anchor = anchorRaw !== null ? anchorRaw.trim() || null : null;
+  return { target, display, anchor };
+}
+var INLINE_REF_KIND_RE = /^\s*(ref|footnote)\s*:\s*([\s\S]*)$/i;
+function tryParseInlineRef(input) {
+  let depth = 1;
+  let i = 2;
+  for (; i < input.length; i++) {
+    const ch = input[i];
+    if (ch === "[") {
+      depth++;
+    } else if (ch === "]") {
+      depth--;
+      if (depth === 0) break;
+    }
+  }
+  if (depth !== 0) return null;
+  const inner = input.slice(2, i);
+  const length = i + 1;
+  const match = INLINE_REF_KIND_RE.exec(inner);
+  if (match && match[1]) {
+    const kind = match[1].toLowerCase() === "ref" ? "ref" : "footnote";
+    return { token: { type: "inline_ref", kind, content: (match[2] ?? "").trim() }, length };
+  }
+  return { token: { type: "inline_ref", kind: "footnote", content: inner.trim() }, length };
+}
+function parseInline(content) {
+  if (!content) return [];
+  const tokens = [];
+  let remaining = content;
+  while (remaining.length > 0) {
+    const codeMatch = remaining.match(/^`([^`]+)`/);
+    if (codeMatch && codeMatch[1] !== void 0) {
+      tokens.push({ type: "code", content: codeMatch[1] });
+      remaining = remaining.slice(codeMatch[0].length);
+      continue;
+    }
+    const latexMatch = remaining.match(/^\$(?!\s)([^$\n]+?)(?<!\s)\$/);
+    if (latexMatch && latexMatch[1] !== void 0) {
+      tokens.push({ type: "latex", content: latexMatch[1] });
+      remaining = remaining.slice(latexMatch[0].length);
+      continue;
+    }
+    if (remaining.startsWith("^[")) {
+      const inlineRef = tryParseInlineRef(remaining);
+      if (inlineRef) {
+        tokens.push(inlineRef.token);
+        remaining = remaining.slice(inlineRef.length);
+        continue;
+      }
+    }
+    const wikiEmbedMatch = remaining.match(/^!\[\[([^\]]+)\]\]/);
+    if (wikiEmbedMatch && wikiEmbedMatch[1] !== void 0) {
+      const parsed = parseWikiTarget(wikiEmbedMatch[1]);
+      tokens.push({
+        type: "wiki_embed",
+        target: parsed.target,
+        display: parsed.display,
+        anchor: parsed.anchor
+      });
+      remaining = remaining.slice(wikiEmbedMatch[0].length);
+      continue;
+    }
+    const wikiLinkMatch = remaining.match(/^\[\[([^\]]+)\]\]/);
+    if (wikiLinkMatch && wikiLinkMatch[1] !== void 0) {
+      const parsed = parseWikiTarget(wikiLinkMatch[1]);
+      tokens.push({
+        type: "wiki_link",
+        target: parsed.target,
+        display: parsed.display,
+        anchor: parsed.anchor
+      });
+      remaining = remaining.slice(wikiLinkMatch[0].length);
+      continue;
+    }
+    const imageMatch = remaining.match(/^!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]+)")?\)/);
+    if (imageMatch && imageMatch[1] !== void 0 && imageMatch[2] !== void 0) {
+      tokens.push({
+        type: "image",
+        alt: imageMatch[1],
+        src: imageMatch[2],
+        title: imageMatch[3]
+      });
+      remaining = remaining.slice(imageMatch[0].length);
+      continue;
+    }
+    const linkMatch = remaining.match(/^\[([^\]]+)\]\(([^)\s]+)(?:\s+"([^"]+)")?\)/);
+    if (linkMatch && linkMatch[1] !== void 0 && linkMatch[2] !== void 0) {
+      tokens.push({
+        type: "link",
+        href: linkMatch[2],
+        title: linkMatch[3],
+        children: parseInline(linkMatch[1])
+      });
+      remaining = remaining.slice(linkMatch[0].length);
+      continue;
+    }
+    const boldMatch = remaining.match(/^\*\*(.+?)\*\*|^__(.+?)__/);
+    if (boldMatch) {
+      const innerContent = boldMatch[1] ?? boldMatch[2];
+      if (innerContent !== void 0) {
+        tokens.push({
+          type: "bold",
+          children: parseInline(innerContent)
+        });
+        remaining = remaining.slice(boldMatch[0].length);
+        continue;
+      }
+    }
+    const strikeMatch = remaining.match(/^~~(.+?)~~/);
+    if (strikeMatch && strikeMatch[1] !== void 0) {
+      tokens.push({
+        type: "strikethrough",
+        children: parseInline(strikeMatch[1])
+      });
+      remaining = remaining.slice(strikeMatch[0].length);
+      continue;
+    }
+    const italicMatch = remaining.match(/^\*([^*]+)\*|^_([^_]+)_/);
+    if (italicMatch) {
+      const innerContent = italicMatch[1] ?? italicMatch[2];
+      if (innerContent !== void 0) {
+        tokens.push({
+          type: "italic",
+          children: parseInline(innerContent)
+        });
+        remaining = remaining.slice(italicMatch[0].length);
+        continue;
+      }
+    }
+    const nextSpecial = findNextSpecialChar(remaining);
+    if (nextSpecial > 0) {
+      tokens.push({ type: "text", content: remaining.slice(0, nextSpecial) });
+      remaining = remaining.slice(nextSpecial);
+    } else {
+      tokens.push({ type: "text", content: remaining });
+      remaining = "";
+    }
+  }
+  return mergeAdjacentText(tokens);
+}
+function findNextSpecialChar(content) {
+  const specialChars = ["`", "$", "!", "[", "*", "_", "~", "^"];
+  let minIndex = -1;
+  for (const char of specialChars) {
+    const index = content.indexOf(char);
+    if (index > 0 && (minIndex === -1 || index < minIndex)) {
+      minIndex = index;
+    }
+  }
+  return minIndex;
+}
+function mergeAdjacentText(tokens) {
+  const result = [];
+  for (const token of tokens) {
+    const last = result[result.length - 1];
+    if (token.type === "text" && last?.type === "text") {
+      last.content += token.content;
+    } else {
+      result.push(token);
+    }
+  }
+  return result;
+}
+var NcmContext = createContext(null);
+function useNcmConfig() {
+  return useContext(NcmContext) ?? {};
+}
+function clipBounds(el) {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const s = getComputedStyle(node);
+    if (/(auto|scroll|hidden)/.test(s.overflowX) || /(auto|scroll|hidden)/.test(s.overflowY)) {
+      const r = node.getBoundingClientRect();
+      return { left: r.left, right: r.right, top: r.top, bottom: r.bottom };
+    }
+  }
+  return { left: 0, right: window.innerWidth, top: 0, bottom: window.innerHeight };
+}
+function ReferenceMarker({ kind, number, children }) {
+  const config = useNcmConfig();
+  const popoverEnabled = config.inline?.referencePopover !== false && children != null;
+  const popoverId = useId();
+  const isRef = kind === "ref";
+  const popoverRef = useRef(null);
+  const positionPopover = useCallback(() => {
+    const el = popoverRef.current;
+    if (!el) return;
+    el.style.transform = "";
+    el.style.top = "";
+    el.style.bottom = "";
+    const margin = 8;
+    const bounds = clipBounds(el);
+    const rect = el.getBoundingClientRect();
+    if (rect.bottom > bounds.bottom - margin && rect.height < rect.top - bounds.top) {
+      el.style.top = "auto";
+      el.style.bottom = "1.6em";
+    }
+    let dx = 0;
+    if (rect.right > bounds.right - margin) dx = bounds.right - margin - rect.right;
+    if (rect.left + dx < bounds.left + margin) dx = bounds.left + margin - rect.left;
+    if (dx) el.style.transform = `translateX(${Math.round(dx)}px)`;
+  }, []);
+  const describedBy = popoverEnabled ? popoverId : void 0;
+  const label = `${isRef ? "Reference" : "Footnote"} ${number}`;
+  const marker = isRef ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-ncm-ref-marker": "",
+      tabIndex: 0,
+      role: "note",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      children: `[${number}]`
+    }
+  ) : /* @__PURE__ */ jsx(
+    "sup",
+    {
+      "data-ncm-ref-marker": "",
+      tabIndex: 0,
+      role: "note",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      children: number
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-ncm-token": isRef ? "reference" : "footnote",
+      "data-ncm-ref-kind": kind,
+      "data-ncm-ref-number": number,
+      onMouseEnter: popoverEnabled ? positionPopover : void 0,
+      onFocus: popoverEnabled ? positionPopover : void 0,
+      children: [
+        marker,
+        popoverEnabled ? /* @__PURE__ */ jsx("span", { id: popoverId, ref: popoverRef, role: "tooltip", "data-ncm-ref-popover": "", children }) : null
+      ]
+    }
+  );
+}
+var ReferenceBasesContext = createContext(null);
+var BlockReferenceScopeContext = createContext(null);
+function BlockReferenceScope({ blockId, children }) {
+  const bases = useContext(ReferenceBasesContext);
+  const base = (blockId ? bases?.get(blockId) : void 0) ?? { ref: 0, footnote: 0 };
+  const counter = useRef({ ref: 0, footnote: 0 });
+  counter.current = { ref: 0, footnote: 0 };
+  const value = {
+    next(kind) {
+      counter.current[kind] += 1;
+      return base[kind] + counter.current[kind];
+    }
+  };
+  return /* @__PURE__ */ jsx(BlockReferenceScopeContext.Provider, { value, children });
+}
+function useBlockReferenceScope() {
+  return useContext(BlockReferenceScopeContext);
+}
+var INERT_SCOPE = { next: () => 0 };
+function InertReferenceScope({ children }) {
+  return /* @__PURE__ */ jsx(BlockReferenceScopeContext.Provider, { value: INERT_SCOPE, children });
+}
+var katexPromise = null;
+function loadKatex() {
+  if (!katexPromise) {
+    katexPromise = Promise.all([
+      import('katex'),
+      import('katex/dist/katex.min.css')
+    ]).then(([module]) => module.default).catch(() => null);
+  }
+  return katexPromise;
+}
+function useKatexHtml(content, displayMode, enabled = true) {
+  const [katexModule, setKatexModule] = useState(null);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    let active = true;
+    loadKatex().then((loaded) => {
+      if (active) {
+        setKatexModule(loaded);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [enabled]);
+  return useMemo(() => {
+    if (!enabled || !katexModule) {
+      return null;
+    }
+    try {
+      return katexModule.renderToString(content, {
+        throwOnError: false,
+        displayMode
+      });
+    } catch {
+      return null;
+    }
+  }, [content, displayMode, enabled, katexModule]);
+}
+function InlineContent({
+  content,
+  className,
+  disableBionic,
+  disableBeeline
+}) {
+  const tokens = useMemo(() => parseInline(content), [content]);
+  const hasScope = useBlockReferenceScope() != null;
+  const rendered = tokens.map((token, index) => /* @__PURE__ */ jsx(
+    TokenRenderer,
+    {
+      token,
+      disableBionic,
+      disableBeeline
+    },
+    index
+  ));
+  const body = className ? /* @__PURE__ */ jsx("span", { "data-ncm-inline": "", className, children: rendered }) : /* @__PURE__ */ jsx(Fragment, { children: rendered });
+  return hasScope ? body : /* @__PURE__ */ jsx(BlockReferenceScope, { children: body });
+}
+function TokenRenderer({ token, disableBionic, disableBeeline }) {
+  const config = useNcmConfig();
+  const refScope = useBlockReferenceScope();
+  const bionicOn = !disableBionic && Boolean(config.reading?.bionic);
+  const beelineOn = !disableBeeline && Boolean(config.reading?.beeline);
+  const latexContent = token.type === "latex" ? token.content : "";
+  const latexHtml = useKatexHtml(latexContent, false, token.type === "latex");
+  switch (token.type) {
+    case "text":
+      if (bionicOn || beelineOn) {
+        return renderReadingText(token.content, {
+          bionic: bionicOn,
+          bionicRatio: config.reading?.bionicRatio,
+          beeline: beelineOn
+        });
+      }
+      return /* @__PURE__ */ jsx(Fragment, { children: token.content });
+    case "bold":
+      return /* @__PURE__ */ jsx("strong", { "data-ncm-token": "bold", children: token.children.map((child, i) => /* @__PURE__ */ jsx(
+        TokenRenderer,
+        {
+          token: child,
+          disableBionic,
+          disableBeeline
+        },
+        i
+      )) });
+    case "italic":
+      return /* @__PURE__ */ jsx("em", { "data-ncm-token": "italic", children: token.children.map((child, i) => /* @__PURE__ */ jsx(
+        TokenRenderer,
+        {
+          token: child,
+          disableBionic,
+          disableBeeline
+        },
+        i
+      )) });
+    case "code":
+      return /* @__PURE__ */ jsx("code", { "data-ncm-token": "code", children: token.content });
+    case "link": {
+      const handleClick = (e) => {
+        config.inline?.onLinkClick?.(token.href, e);
+      };
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          "data-ncm-token": "link",
+          href: token.href,
+          title: token.title,
+          onClick: handleClick,
+          children: token.children.map((child, i) => /* @__PURE__ */ jsx(
+            TokenRenderer,
+            {
+              token: child,
+              disableBionic,
+              disableBeeline
+            },
+            i
+          ))
+        }
+      );
+    }
+    case "wiki_link": {
+      const result = config.mesh?.resolveLink(token.target) ?? {
+        status: "missing",
+        target: token.target,
+        resolved: null,
+        candidates: []
+      };
+      const href = config.inline?.resolveWikiLinkHref?.(token.target, result) ?? null;
+      const label = token.display ?? token.target;
+      if (href) {
+        const handleClick = (e) => {
+          config.inline?.onWikiLinkClick?.(token.target, result, e);
+        };
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            "data-ncm-token": "wiki_link",
+            "data-ncm-wikilink-status": result.status,
+            href,
+            onClick: handleClick,
+            children: label
+          }
+        );
+      }
+      if (config.inline?.onWikiLinkClick) {
+        const handleClick = (e) => {
+          config.inline?.onWikiLinkClick?.(token.target, result, e);
+        };
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-ncm-token": "wiki_link",
+            "data-ncm-wikilink-status": result.status,
+            onClick: handleClick,
+            children: label
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx("span", { "data-ncm-token": "wiki_link", "data-ncm-wikilink-status": result.status, children: label });
+    }
+    case "latex": {
+      const CustomRenderer = config.inline?.customLatexRenderer;
+      if (CustomRenderer) {
+        return /* @__PURE__ */ jsx(CustomRenderer, { content: token.content, display: false });
+      }
+      if (latexHtml) {
+        return /* @__PURE__ */ jsx("span", { "data-ncm-token": "latex", dangerouslySetInnerHTML: { __html: latexHtml } });
+      }
+      return /* @__PURE__ */ jsx("code", { "data-ncm-token": "latex", children: token.content });
+    }
+    case "strikethrough":
+      return /* @__PURE__ */ jsx("del", { "data-ncm-token": "strikethrough", children: token.children.map((child, i) => /* @__PURE__ */ jsx(
+        TokenRenderer,
+        {
+          token: child,
+          disableBionic,
+          disableBeeline
+        },
+        i
+      )) });
+    case "image": {
+      const src = config.inline?.resolveAssetPath?.(token.src) ?? token.src;
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          "data-ncm-token": "image",
+          src,
+          alt: token.alt,
+          title: token.title
+        }
+      );
+    }
+    case "wiki_embed": {
+      const extension = extractExtension(token.target);
+      const embedType = embedTypeFromExtension(extension);
+      const result = config.mesh?.resolveEmbed(token.target) ?? null;
+      const url = config.embeddings?.resolveUrl?.(token.target, embedType) ?? token.target;
+      if (result?.status === "missing") {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-ncm-token": "wiki_embed",
+            "data-ncm-wikiembed-status": "missing",
+            children: `![[${token.target}]]`
+          }
+        );
+      }
+      if (result?.status === "ambiguous") {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-ncm-token": "wiki_embed",
+            "data-ncm-wikiembed-status": "ambiguous",
+            children: `![[${token.target}]]`
+          }
+        );
+      }
+      if (embedType === "image") {
+        return /* @__PURE__ */ jsx(
+          "img",
+          {
+            "data-ncm-token": "wiki_embed",
+            "data-ncm-wikiembed-type": embedType,
+            src: url,
+            alt: token.display ?? token.target,
+            className: config.embeddings?.imageClassName
+          }
+        );
+      }
+      if (embedType === "video") {
+        return /* @__PURE__ */ jsx(
+          "video",
+          {
+            "data-ncm-token": "wiki_embed",
+            "data-ncm-wikiembed-type": embedType,
+            src: url,
+            controls: true,
+            className: config.embeddings?.videoClassName
+          }
+        );
+      }
+      if (embedType === "audio") {
+        return /* @__PURE__ */ jsx(
+          "audio",
+          {
+            "data-ncm-token": "wiki_embed",
+            "data-ncm-wikiembed-type": embedType,
+            src: url,
+            controls: true,
+            className: config.embeddings?.audioClassName
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          "data-ncm-token": "wiki_embed",
+          "data-ncm-wikiembed-type": embedType,
+          href: url,
+          children: token.display ?? token.target
+        }
+      );
+    }
+    case "inline_ref": {
+      const number = refScope?.next(token.kind) ?? 0;
+      return /* @__PURE__ */ jsx(ReferenceMarker, { kind: token.kind, number, children: token.content ? /* @__PURE__ */ jsx(InertReferenceScope, { children: /* @__PURE__ */ jsx(InlineContent, { content: token.content, disableBionic: true, disableBeeline: true }) }) : null });
+    }
+    default:
+      return null;
+  }
+}
+function renderReadingText(content, opts) {
+  if (!content) return /* @__PURE__ */ jsx(Fragment, { children: content });
+  const { bionic = false, beeline = false } = opts;
+  if (!bionic && !beeline) return /* @__PURE__ */ jsx(Fragment, { children: content });
+  const ratio = Math.min(1, Math.max(0.05, opts.bionicRatio ?? 0.5));
+  const pieces = [];
+  const regex = /[\p{L}\p{N}][\p{L}\p{N}\p{M}'’-]*/gu;
+  let match;
+  let key = 0;
+  let cursor = 0;
+  while ((match = regex.exec(content)) !== null) {
+    if (match.index > cursor) pieces.push(content.slice(cursor, match.index));
+    const segment = match[0];
+    const wrapperProps = {};
+    if (bionic) wrapperProps["data-ncm-bionic"] = "";
+    if (beeline) wrapperProps["data-ncm-beeline-word"] = "";
+    if (bionic) {
+      const headLen = Math.max(1, Math.ceil(segment.length * ratio));
+      pieces.push(
+        /* @__PURE__ */ jsxs("span", { ...wrapperProps, children: [
+          /* @__PURE__ */ jsx("span", { "data-ncm-bionic-bold": "", style: { fontWeight: 600 }, children: segment.slice(0, headLen) }),
+          segment.slice(headLen)
+        ] }, key++)
+      );
+    } else {
+      pieces.push(
+        /* @__PURE__ */ jsx("span", { ...wrapperProps, children: segment }, key++)
+      );
+    }
+    cursor = match.index + segment.length;
+  }
+  if (cursor < content.length) pieces.push(content.slice(cursor));
+  return /* @__PURE__ */ jsx(Fragment, { children: pieces });
+}
+function BlockquoteBlock({ block, className }) {
+  const lines = block.content.split("\n").filter((line) => line.trim() !== "");
+  return /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-blockquote": "",
+      className,
+      children: lines.length <= 1 ? /* @__PURE__ */ jsx(InlineContent, { content: block.content }) : lines.map((line, index) => /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(InlineContent, { content: line }) }, index))
+    }
+  );
+}
+function ChartBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-chart": "",
+      "data-ncm-chart-type": block.chartType ?? "unknown",
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+var highlighterPromise = import('shiki/bundle/web').then(async (shiki) => {
+  const highlighter = await shiki.createHighlighter({
+    themes: ["github-light", "github-dark"],
+    langs: Object.keys(shiki.bundledLanguages)
+  });
+  return highlighter;
+}).catch(() => null);
+function useIsDark() {
+  const [isDark, setIsDark] = useState(false);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    const update = () => setIsDark(root.classList.contains("dark"));
+    update();
+    const observer = new MutationObserver(update);
+    observer.observe(root, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  return isDark;
+}
+function DefaultShikiRenderer({
+  code,
+  language
+}) {
+  const isDark = useIsDark();
+  const [highlighter, setHighlighter] = useState(null);
+  const shikiTheme = isDark ? "github-dark" : "github-light";
+  useEffect(() => {
+    let active = true;
+    highlighterPromise.then((h) => {
+      if (active) setHighlighter(h);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  const tokens = useMemo(() => {
+    if (!highlighter) return null;
+    const loaded = highlighter.getLoadedLanguages();
+    const lang = language && loaded.includes(language) ? language : "text";
+    try {
+      return highlighter.codeToTokens(code, { lang, theme: shikiTheme }).tokens;
+    } catch {
+      return null;
+    }
+  }, [code, language, highlighter, shikiTheme]);
+  if (!tokens) {
+    return /* @__PURE__ */ jsx(Fragment, { children: code });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: tokens.map((line, lineIndex) => /* @__PURE__ */ jsx("span", { className: "block whitespace-pre", children: line.length === 0 ? " " : line.map((token, tokenIndex) => /* @__PURE__ */ jsx("span", { style: { color: token.color || "inherit" }, children: token.content }, tokenIndex)) }, lineIndex)) });
+}
+function CopyButton({ content }) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      const textarea = document.createElement("textarea");
+      textarea.value = content;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  }, [content]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied!" : "Copy code",
+      "data-ncm-copy-button": "",
+      className: "absolute right-2 top-2 rounded-md bg-background/80 px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-background hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+      children: copied ? "Copied!" : "Copy"
+    }
+  );
+}
+function LineNumbers({ count }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      "data-ncm-line-numbers": "",
+      className: "select-none pr-4 text-right text-muted-foreground/60",
+      children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx("div", { children: i + 1 }, i + 1))
+    }
+  );
+}
+function CodeBlock({ block, className }) {
+  const config = useNcmConfig();
+  const { code: codeConfig } = config;
+  const lineCount = block.content.split("\n").length;
+  const languageLabel = block.language ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-ncm-code-language": "",
+      className: "absolute right-2 bottom-2 text-xs text-muted-foreground/60",
+      children: block.language
+    }
+  ) : null;
+  if (codeConfig?.renderer) {
+    const CustomRenderer = codeConfig.renderer;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "region",
+        "aria-label": block.language ? `Code block: ${block.language}` : "Code block",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-language": block.language,
+        className: cn("relative", className),
+        children: [
+          codeConfig.copyButton !== false && /* @__PURE__ */ jsx(CopyButton, { content: block.content }),
+          /* @__PURE__ */ jsx(CustomRenderer, { code: block.content, language: block.language }),
+          languageLabel
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-label": block.language ? `Code block: ${block.language}` : "Code block",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-language": block.language,
+      className: cn("relative", className),
+      children: [
+        codeConfig?.copyButton !== false && /* @__PURE__ */ jsx(CopyButton, { content: block.content }),
+        /* @__PURE__ */ jsx("pre", { "data-ncm-code-pre": "", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          codeConfig?.lineNumbers && /* @__PURE__ */ jsx(LineNumbers, { count: lineCount }),
+          /* @__PURE__ */ jsx("code", { "data-ncm-code": "", className: "flex-1", children: /* @__PURE__ */ jsx(DefaultShikiRenderer, { code: block.content, language: block.language }) })
+        ] }) }),
+        languageLabel
+      ]
+    }
+  );
+}
+function ContainerBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      block,
+      "data-ncm-container": "",
+      "data-ncm-directive": block.directive,
+      className: cn("rounded-lg border border-border bg-card p-4", className),
+      children: [
+        block.directive && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: block.directive }) }),
+        /* @__PURE__ */ jsx(InlineContent, { content: block.innerContent })
+      ]
+    }
+  );
+}
+function DataviewBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-dataview": "",
+      "data-ncm-query-type": block.queryType,
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.query })
+    }
+  );
+}
+function DefinitionBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      as: "dl",
+      block,
+      "data-ncm-definition": "",
+      className: cn("space-y-1", className),
+      children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-medium", children: /* @__PURE__ */ jsx(InlineContent, { content: serializeInlineContent(block.term) }) }),
+        /* @__PURE__ */ jsx(ChildBlocks, { as: "dd", blocks: block.definition, className: "ml-4 space-y-2" })
+      ]
+    }
+  );
+}
+function toEmbeddingConfigType(embedType) {
+  switch (embedType) {
+    case "image":
+      return "image";
+    case "document":
+      return "pdf";
+    case "file":
+    default:
+      return "generic_file";
+  }
+}
+function dataAttrs(block) {
+  return {
+    "data-ncm-block": block.id,
+    "data-ncm-stable": block.stableId,
+    "data-ncm-type": block.type,
+    "data-block-id": block.id,
+    "data-ncm-embed": "",
+    "data-ncm-embed-type": block.embedType
+  };
+}
+function EmbedBlock({ block, className }) {
+  const config = useNcmConfig();
+  const configEmbedType = toEmbeddingConfigType(block.embedType);
+  const resolvedUrl = config.embeddings?.resolveUrl?.(block.src, configEmbedType) ?? block.src;
+  if (block.embedType === "image") {
+    return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx("img", { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
+  }
+  return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className, children: /* @__PURE__ */ jsx("a", { href: resolvedUrl, title: block.title ?? void 0, children: block.alt || block.src }) });
+}
+var embedFrameStyle = {
+  display: "block",
+  width: "100%",
+  maxWidth: "100%",
+  height: "min(80vh, 900px)",
+  minHeight: "min(360px, 80vh)"
+};
+var embedMediaStyle = {
+  display: "block",
+  maxWidth: "100%",
+  height: "auto"
+};
+function EmbeddingBlock({ block, className }) {
+  const config = useNcmConfig();
+  const resolvedUrl = config.embeddings?.resolveUrl?.(block.target, block.embed_type) ?? block.target;
+  const CustomRenderer = config.embeddings?.renderers?.[block.embed_type];
+  if (CustomRenderer) {
+    return /* @__PURE__ */ jsx(CustomRenderer, { block, className, resolvedUrl });
+  }
+  switch (block.embed_type) {
+    case "image":
+      return /* @__PURE__ */ jsx(
+        ImageEmbed,
+        {
+          block,
+          resolvedUrl,
+          className: cn(config.embeddings?.imageClassName, className)
+        }
+      );
+    case "video":
+      return /* @__PURE__ */ jsx(
+        VideoEmbed,
+        {
+          block,
+          resolvedUrl,
+          className: cn(config.embeddings?.videoClassName, className)
+        }
+      );
+    case "audio":
+      return /* @__PURE__ */ jsx(
+        AudioEmbed,
+        {
+          block,
+          resolvedUrl,
+          className: cn(config.embeddings?.audioClassName, className)
+        }
+      );
+    case "pdf":
+      return /* @__PURE__ */ jsx(PdfEmbed, { block, resolvedUrl, className });
+    case "ncm_embed":
+      return /* @__PURE__ */ jsx(NcmEmbed, { block, resolvedUrl, className });
+    case "iframe":
+      return /* @__PURE__ */ jsx(IframeEmbed, { block, resolvedUrl, className });
+    case "generic_file":
+    default:
+      return /* @__PURE__ */ jsx(GenericFileEmbed, { block, resolvedUrl, className });
+  }
+}
+function dataAttrs2(block, embedType) {
+  return {
+    "data-ncm-block": block.id,
+    "data-ncm-stable": block.stableId,
+    "data-ncm-type": block.type,
+    "data-block-id": block.id,
+    "data-ncm-embedding": "",
+    "data-ncm-embed-type": embedType
+  };
+}
+function ImageEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "image"), className, children: [
+    /* @__PURE__ */ jsx("img", { src: resolvedUrl, alt: block.caption ?? "" }),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function VideoEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "video"), className, children: [
+    /* @__PURE__ */ jsx("video", { src: resolvedUrl, controls: true }),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function AudioEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "audio"), className, children: [
+    /* @__PURE__ */ jsx("audio", { src: resolvedUrl, controls: true, className: "w-full" }),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function PdfEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "pdf"), className: cn("w-full max-w-full", className), children: [
+    /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: resolvedUrl,
+        title: block.caption ?? "PDF document",
+        className: "rounded-lg border border-border",
+        style: embedFrameStyle
+      }
+    ),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function IframeEmbed({ block, resolvedUrl, className }) {
+  const [useFrame, setUseFrame] = useState(false);
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "iframe"), className: cn("w-full max-w-full", className), children: [
+    useFrame ? /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: resolvedUrl,
+        title: block.caption ?? block.alt ?? block.target,
+        className: "rounded-lg border border-border",
+        style: embedFrameStyle
+      }
+    ) : /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: resolvedUrl,
+        alt: block.alt || block.caption || block.target,
+        style: embedMediaStyle,
+        onError: () => setUseFrame(true)
+      }
+    ),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function NcmEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...dataAttrs2(block, "ncm_embed"),
+      className: cn("rounded-lg border border-dashed border-border bg-muted p-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+          "Embedded: ",
+          /* @__PURE__ */ jsx("code", { className: "rounded bg-background px-1", children: block.target }),
+          resolvedUrl !== block.target && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx("a", { href: resolvedUrl, className: "underline underline-offset-4", children: "open" })
+          ] })
+        ] }),
+        block.caption && /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+      ]
+    }
+  );
+}
+function GenericFileEmbed({ block, resolvedUrl, className }) {
+  return /* @__PURE__ */ jsxs("figure", { ...dataAttrs2(block, "generic_file"), className, children: [
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: resolvedUrl,
+        download: true,
+        className: "flex items-center gap-2 rounded-lg border border-border bg-muted p-4 hover:bg-background",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: block.target }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "(",
+            block.file_format.toUpperCase(),
+            ")"
+          ] })
+        ]
+      }
+    ),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: /* @__PURE__ */ jsx(InlineContent, { content: block.caption }) })
+  ] });
+}
+function FigureBlock({ block, className }) {
+  const { embed, caption, number } = block;
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      as: "figure",
+      block,
+      "data-ncm-figure": "",
+      className: cn("space-y-2", className),
+      children: [
+        embed.embedType === "image" ? /* @__PURE__ */ jsx("img", { src: embed.src, alt: embed.alt, title: embed.title ?? void 0 }) : /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: embed.src,
+            title: embed.title ?? void 0,
+            "data-ncm-embed-type": embed.embedType,
+            children: embed.alt || embed.src
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "figcaption",
+          {
+            className: "text-sm text-muted-foreground",
+            "data-ncm-figure-number": number,
+            children: [
+              typeof number === "number" ? /* @__PURE__ */ jsxs("span", { "data-ncm-figure-label": "", children: [
+                "Figure ",
+                number,
+                ". "
+              ] }) : null,
+              /* @__PURE__ */ jsx(InlineContent, { content: serializeInlineContent(caption.content) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function FootnoteBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      id: block.stableId,
+      block,
+      "data-ncm-footnote": "",
+      "data-ncm-footnote-label": block.label,
+      className: cn("flex gap-2 text-sm text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxs("span", { "data-ncm-footnote-marker": "", className: "font-medium", children: [
+          block.label,
+          "."
+        ] }),
+        /* @__PURE__ */ jsx(ChildBlocks, { blocks: block.content, className: "space-y-2" })
+      ]
+    }
+  );
+}
+function formatValue(value) {
+  if (Array.isArray(value)) return value.map((v) => String(v)).join(", ");
+  if (value === null || value === void 0) return "";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function FrontmatterBlock({ block, className }) {
+  const entries = Object.entries(block.data ?? {});
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-frontmatter": "",
+      className: cn(
+        "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 rounded-lg border border-border bg-muted/30 p-4 text-sm",
+        className
+      ),
+      children: entries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "contents", children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: key }),
+        /* @__PURE__ */ jsx("dd", { className: "text-foreground", children: formatValue(value) })
+      ] }, key))
+    }
+  );
+}
+function HeaderBlock({ block, className }) {
+  const Tag = `h${block.level}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      id: block.stableId ?? block.id,
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-level": block.level,
+      className,
+      children: /* @__PURE__ */ jsx(InlineContent, { content: block.content, disableBionic: true, disableBeeline: true })
+    }
+  );
+}
+function HorizontalRuleBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-horizontal-rule": "",
+      className
+    }
+  );
+}
+function HtmlBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-html": "",
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+function LatexDisplayBlock({ block, className }) {
+  const config = useNcmConfig();
+  const CustomRenderer = config.inline?.customLatexRenderer;
+  const html = useKatexHtml(block.content, true, !CustomRenderer);
+  if (CustomRenderer) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-latex-display": "",
+        className,
+        children: /* @__PURE__ */ jsx(CustomRenderer, { content: block.content, display: true })
+      }
+    );
+  }
+  if (html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-latex-display": "",
+        className: cn("overflow-x-auto", className),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      role: "region",
+      "aria-label": "Mathematical expression (source)",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-latex-display": "",
+      className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+function LinkBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-link": "",
+      href: block.url,
+      title: block.title ?? void 0,
+      className: cn("block text-primary hover:underline", className),
+      children: block.text || block.url
+    }
+  );
+}
+function ListBlock({ block, className }) {
+  const isOrdered = block.type === "list_ordered";
+  const Tag = isOrdered ? "ol" : "ul";
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      role: "list",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-list": "",
+      "data-ncm-list-type": isOrdered ? "ordered" : "unordered",
+      className,
+      children: /* @__PURE__ */ jsx(ListItems, { items: block.items, itemIds: block.itemIds, ordered: isOrdered })
+    }
+  );
+}
+function nestedItemIdKey(id) {
+  if (!id) {
+    return void 0;
+  }
+  if (typeof id === "string") {
+    return id;
+  }
+  if (Array.isArray(id)) {
+    return id.map(nestedItemIdKey).filter(Boolean).join(".");
+  }
+  return `${id.kind}:${id.items.map(nestedItemIdKey).filter(Boolean).join(".")}`;
+}
+function ListItems({ items, itemIds, ordered }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => {
+    const key = nestedItemIdKey(itemIds?.[index]) ?? `item-${index}`;
+    if (typeof item === "string") {
+      return /* @__PURE__ */ jsx("li", { "data-ncm-list-item": "", children: /* @__PURE__ */ jsx(InlineContent, { content: item }) }, key);
+    }
+    if (isTypedNestedList(item)) {
+      return /* @__PURE__ */ jsx(NestedTypedList, { list: item }, key);
+    }
+    if (Array.isArray(item) && item.length > 0) {
+      const [first, ...rest] = item;
+      const content = typeof first === "string" ? first : "";
+      const nestedContent = processNestedItems(rest, ordered);
+      return /* @__PURE__ */ jsxs("li", { "data-ncm-list-item": "", children: [
+        /* @__PURE__ */ jsx(InlineContent, { content }),
+        nestedContent
+      ] }, key);
+    }
+    return null;
+  }) });
+}
+function processNestedItems(items, parentOrdered) {
+  if (items.length === 0) return null;
+  const groups = [];
+  for (const item of items) {
+    if (isTypedNestedList(item)) {
+      const isOrdered = item.kind === "ordered";
+      const lastGroup = groups[groups.length - 1];
+      if (lastGroup && lastGroup.ordered === isOrdered) {
+        lastGroup.items.push(...item.items);
+      } else {
+        groups.push({ ordered: isOrdered, items: [...item.items] });
+      }
+    } else {
+      const lastGroup = groups[groups.length - 1];
+      if (lastGroup && lastGroup.ordered === parentOrdered) {
+        lastGroup.items.push(item);
+      } else {
+        groups.push({ ordered: parentOrdered, items: [item] });
+      }
+    }
+  }
+  return groups.map((group, index) => {
+    const Tag = group.ordered ? "ol" : "ul";
+    return /* @__PURE__ */ jsx(Tag, { "data-ncm-list-nested": "", children: /* @__PURE__ */ jsx(ListItems, { items: group.items, ordered: group.ordered }) }, index);
+  });
+}
+function NestedTypedList({ list }) {
+  const Tag = list.kind === "ordered" ? "ol" : "ul";
+  return /* @__PURE__ */ jsx(Tag, { "data-ncm-list-nested": "", children: /* @__PURE__ */ jsx(ListItems, { items: list.items, ordered: list.kind === "ordered" }) });
+}
+function MathBlock({ block, className }) {
+  const html = useKatexHtml(block.content, true);
+  if (html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-math": "",
+        className: cn("overflow-x-auto", className),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      role: "region",
+      "aria-label": "Mathematical expression (source)",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-math": "",
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+function MermaidBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-mermaid": "",
+      "data-ncm-diagram-type": block.diagramType,
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+function PageBreakerBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-page": block.page,
+      "aria-hidden": "true",
+      className,
+      style: { height: 0, margin: 0, padding: 0, border: 0 }
+    }
+  );
+}
+function ParagraphBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-paragraph": "",
+      className,
+      children: /* @__PURE__ */ jsx(InlineContent, { content: block.content })
+    }
+  );
+}
+function TableBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-table": "",
+      className: cn("w-full overflow-x-auto", className),
+      children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
+          const rowKey = block.rowIds?.[rowIndex] ?? `${block.id}.${rowIndex + 1}`;
+          return /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { "data-ncm-table-cell": "", children: /* @__PURE__ */ jsx(InlineContent, { content: cell }) }, `${rowKey}.${cellIndex + 1}`)) }, rowKey);
+        }) })
+      ] })
+    }
+  );
+}
+function TaskItems({ items }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => {
+    const status = item.checked ? "Completed" : "Incomplete";
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-ncm-task-item": "",
+        "data-block-id": item.id,
+        "data-ncm-checked": item.checked ? "true" : "false",
+        className: "flex flex-col",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: item.checked,
+                disabled: true,
+                readOnly: true,
+                "aria-label": `${status} task`,
+                className: "size-4 shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsxs("span", { "data-ncm-task-status": "", className: "sr-only", children: [
+                status,
+                ":",
+                " "
+              ] }),
+              /* @__PURE__ */ jsx(InlineContent, { content: serializeInlineContent(item.content) })
+            ] })
+          ] }),
+          item.children ? /* @__PURE__ */ jsx("ul", { role: "list", "data-ncm-list-nested": "", className: "ml-6 list-none", children: /* @__PURE__ */ jsx(TaskItems, { items: item.children.items }) }) : null
+        ]
+      },
+      item.stableId ?? item.id
+    );
+  }) });
+}
+function TaskListBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    BlockShell,
+    {
+      as: "ul",
+      block,
+      role: "list",
+      "data-ncm-task-list": "",
+      className: cn("list-none space-y-1", className),
+      children: /* @__PURE__ */ jsx(TaskItems, { items: block.items })
+    }
+  );
+}
+
+// src/lib/defaults.ts
+function fallbackSource(block) {
+  const maybeSource = block;
+  if (typeof maybeSource.raw === "string" && maybeSource.raw.length > 0) {
+    return maybeSource.raw;
+  }
+  if (typeof maybeSource.content === "string" && maybeSource.content.length > 0) {
+    return maybeSource.content;
+  }
+  return JSON.stringify(block, null, 2);
+}
+function FallbackBlock({ block, className }) {
+  return createElement(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-fallback": "",
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      )
+    },
+    createElement("code", null, fallbackSource(block))
+  );
+}
+var defaultRenderers = {
+  // Standard blocks
+  paragraph: ParagraphBlock,
+  header: HeaderBlock,
+  blockquote: BlockquoteBlock,
+  code: CodeBlock,
+  container: ContainerBlock,
+  frontmatter: FrontmatterBlock,
+  html: HtmlBlock,
+  list_ordered: ListBlock,
+  list_unordered: ListBlock,
+  table: TableBlock,
+  embed: EmbedBlock,
+  embedding: EmbeddingBlock,
+  latex_display: LatexDisplayBlock,
+  horizontal_rule: HorizontalRuleBlock,
+  page_breaker: PageBreakerBlock,
+  // Promoted blocks
+  link: LinkBlock,
+  figure: FigureBlock,
+  // Extension blocks
+  admonition: AdmonitionBlock,
+  footnote: FootnoteBlock,
+  task_list: TaskListBlock,
+  definition: DefinitionBlock,
+  spoiler: SpoilerBlock,
+  aside: AsideBlock,
+  attribution: AttributionBlock,
+  // Promoted code blocks
+  mermaid: MermaidBlock,
+  dataview: DataviewBlock,
+  math: MathBlock,
+  chart: ChartBlock,
+  // custom_code is handled separately by language (see NcmBlock dispatch)
+  custom_code: {},
+  fallback: FallbackBlock
+};
+function CustomCodeBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-label": `Custom code block: ${block.language}`,
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-custom-code": "",
+      "data-ncm-language": block.language,
+      className: cn("overflow-x-auto", className),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
+        /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
+      ]
+    }
+  );
+}
+var NcmBlockErrorBoundary = class extends Component {
+  state = {
+    error: null
+  };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.warn(
+      `[ncm-ui] Renderer for block '${this.props.block.type}' failed; rendering fallback.`,
+      { block: this.props.block, error, info }
+    );
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsx(FallbackBlock, { block: this.props.block, className: this.props.className });
+    }
+    return this.props.children;
+  }
+};
+function warnMissingRenderer(block) {
+  console.warn(
+    `[ncm-ui] No renderer registered for block type '${block.type}'; rendering fallback.`,
+    { block }
+  );
+}
+function NcmBlock({ block, className, renderers }) {
+  const contextRenderers = useNcmConfig().renderers;
+  const mergedRenderers = { ...defaultRenderers, ...contextRenderers, ...renderers };
+  let content = null;
+  if (block.type === "custom_code") {
+    const customCodeBlock = block;
+    const customCodeRenderers = {
+      ...defaultRenderers.custom_code,
+      ...contextRenderers?.custom_code,
+      ...renderers?.custom_code
+    };
+    const LanguageRenderer = customCodeRenderers[customCodeBlock.language];
+    content = LanguageRenderer ? /* @__PURE__ */ jsx(LanguageRenderer, { block: customCodeBlock, className }) : (
+      // Fallback: use default CustomCodeBlock renderer
+      /* @__PURE__ */ jsx(CustomCodeBlock, { block: customCodeBlock, className })
+    );
+  } else {
+    const blockType = block.type;
+    const Renderer = mergedRenderers[blockType];
+    if (Renderer) {
+      content = /* @__PURE__ */ jsx(Renderer, { block, className });
+    } else if (mergedRenderers.fallback) {
+      warnMissingRenderer(block);
+      content = /* @__PURE__ */ jsx(mergedRenderers.fallback, { block, className });
+    }
+  }
+  return /* @__PURE__ */ jsx(BlockReferenceScope, { blockId: block.id, children: /* @__PURE__ */ jsx(NcmBlockErrorBoundary, { block, className, children: content }) });
+}
+function blockKey(block) {
+  return block.stableId ? `${block.id}:${block.stableId}` : block.id;
+}
+function blockDataAttributes(block) {
+  return {
+    "data-ncm-block": block.id,
+    "data-ncm-stable": block.stableId,
+    "data-ncm-type": block.type,
+    "data-block-id": block.id
+  };
+}
+function BlockShell({
+  as = "div",
+  block,
+  children,
+  ...props
+}) {
+  return createElement(as, {
+    ...blockDataAttributes(block),
+    ...props
+  }, children);
+}
+function ChildBlocks({
+  as = "div",
+  blocks,
+  ...props
+}) {
+  return createElement(
+    as,
+    props,
+    blocks.map((block) => /* @__PURE__ */ jsx(NcmBlock, { block }, blockKey(block)))
+  );
+}
+function SpoilerBlock({ block, className }) {
+  return /* @__PURE__ */ jsxs(
+    BlockShell,
+    {
+      as: "details",
+      block,
+      "data-ncm-spoiler": "",
+      open: block.open,
+      className: cn("rounded-lg border border-border bg-card p-4", className),
+      children: [
+        /* @__PURE__ */ jsx("summary", { className: "cursor-pointer font-medium", children: block.summary }),
+        /* @__PURE__ */ jsx(ChildBlocks, { blocks: block.children, className: "mt-2 space-y-2" })
+      ]
+    }
+  );
+}
+
+export { SpoilerBlock };