@jianwen-lang/parser 0.1.2 → 0.1.3

package/README.md

@@ -100,6 +100,34 @@ const { ast, errors } = parseJianwenWithErrors(source, {
   - `renderJianwenToHtmlDocument(source, options?) => { html; ast; errors }`
   - `renderJianwenToHtmlDocumentWithBlockMap(source, options?) => { html; ast; errors; groups }`
   - `buildHtmlDocument(bodyHtml, options?) => string`
+  - `composeThemeCss(options?) => string`（`preset: 'default' | 'none'`，支持 `theme` token 对象与 `extraCss` 追加覆盖）
+  - `renderThemeTokenCss(theme) => string`
+  - `JIANWEN_THEME_TOKEN_KEYS` / `JianwenThemeConfig` / `JianwenThemeTokenValues`
+
+## 主题对象（Token）注入
+
+`JianwenThemeConfig` 支持局部覆盖：`light` / `dark` 可只写需要改动的 token，未提供项自动回退到默认主题。
+
+```ts
+import {
+  composeThemeCss,
+} from '@jianwen-lang/parser';
+
+const css = composeThemeCss({
+  preset: 'default',
+  theme: {
+    light: { '--jw-strong-color': '#0b766e' },
+    dark: { '--jw-strong-color': '#79e9dc' },
+    includeAutoDark: true,
+  },
+});
+```
+
+CLI 也支持通过 `--theme-file` 注入 JSON 文件（同样支持局部覆盖）：
+
+```bash
+jw-render input.jw --out out.html --theme-file ./theme.json
+```
 
 ## 规范与扩展
 

package/dist/cli/render.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.runRenderCli = runRenderCli;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
+const theme_1 = require("../html/theme/theme");
 const convert_1 = require("../html/convert");
 const TAB_WIDTH = 4;
 function isCombiningCodePoint(code) {
@@ -89,6 +90,7 @@ function parseCliArgs(argv) {
     let format = false;
     let includeCss = true;
     let cssHref;
+    let themeFilePath;
     let includeRuntime = false;
     let runtimeSrc;
     let includeComments = false;
@@ -128,6 +130,14 @@ function parseCliArgs(argv) {
             includeCss = true;
             continue;
         }
+        if (arg === '--theme-file') {
+            const value = args.shift();
+            if (!value)
+                throw new Error('Missing value for --theme-file');
+            themeFilePath = value;
+            includeCss = true;
+            continue;
+        }
         if (arg === '--runtime') {
             includeRuntime = true;
             continue;
@@ -157,6 +167,7 @@ Options:
   --format                 Beautify output HTML
   --no-css                 Do not inline CSS
   --css-href <href>        Link CSS instead of inlining
+  --theme-file <path>      Load Jianwen theme token JSON for CSS generation
   --runtime                Append runtime <script> tag (default src: ${convert_1.DEFAULT_RUNTIME_SRC})
   --runtime-src <src>      Override runtime <script src=...>
   --comments               Include comment nodes
@@ -173,12 +184,72 @@ Options:
         format,
         includeCss,
         cssHref,
+        themeFilePath,
         includeRuntime,
         runtimeSrc,
         includeComments,
         includeMeta,
     };
 }
+function validateThemeTokenMap(filePath, section, candidate) {
+    if (candidate === undefined) {
+        return undefined;
+    }
+    if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) {
+        throw new Error(`Theme file ${filePath} has invalid "${section}" section (expected object).`);
+    }
+    const expectedKeys = new Set(theme_1.JIANWEN_THEME_TOKEN_KEYS);
+    const tokenMap = candidate;
+    const actualKeys = Object.keys(tokenMap);
+    const unknownKeys = actualKeys.filter((key) => !expectedKeys.has(key));
+    if (unknownKeys.length > 0) {
+        throw new Error(`Theme file ${filePath} has unknown ${section} token(s): ${unknownKeys.join(', ')}`);
+    }
+    for (const key of actualKeys) {
+        if (typeof tokenMap[key] !== 'string') {
+            throw new Error(`Theme file ${filePath} token ${section}.${key} must be a string.`);
+        }
+    }
+    return tokenMap;
+}
+function loadThemeFromFile(themeFilePath) {
+    const absoluteThemePath = path.resolve(process.cwd(), themeFilePath);
+    if (!fs.existsSync(absoluteThemePath)) {
+        throw new Error(`Theme file not found: ${absoluteThemePath}`);
+    }
+    let raw;
+    try {
+        raw = JSON.parse(fs.readFileSync(absoluteThemePath, 'utf-8'));
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        throw new Error(`Invalid theme JSON file ${absoluteThemePath}: ${message}`);
+    }
+    if (!raw || typeof raw !== 'object' || Array.isArray(raw)) {
+        throw new Error(`Theme file ${absoluteThemePath} must contain an object.`);
+    }
+    const parsed = raw;
+    const knownRootKeys = new Set(['light', 'dark', 'includeAutoDark']);
+    const unknownRootKeys = Object.keys(parsed).filter((key) => !knownRootKeys.has(key));
+    if (unknownRootKeys.length > 0) {
+        throw new Error(`Theme file ${absoluteThemePath} has unknown root field(s): ${unknownRootKeys.join(', ')}`);
+    }
+    const lightCandidate = parsed.light;
+    const darkCandidate = parsed.dark;
+    const lightOverrides = validateThemeTokenMap(absoluteThemePath, 'light', lightCandidate);
+    const darkOverrides = validateThemeTokenMap(absoluteThemePath, 'dark', darkCandidate);
+    if (parsed.includeAutoDark !== undefined && typeof parsed.includeAutoDark !== 'boolean') {
+        throw new Error(`Theme file ${absoluteThemePath} field includeAutoDark must be a boolean.`);
+    }
+    if (!lightOverrides && !darkOverrides) {
+        throw new Error(`Theme file ${absoluteThemePath} must provide at least one of "light" or "dark" token overrides.`);
+    }
+    return {
+        light: lightOverrides,
+        dark: darkOverrides,
+        includeAutoDark: parsed.includeAutoDark,
+    };
+}
 function runRenderCli(argv) {
     const options = parseCliArgs(argv);
     const absoluteInput = path.resolve(process.cwd(), options.inputFilePath);
@@ -188,6 +259,9 @@ function runRenderCli(argv) {
     }
     const baseDir = path.dirname(absoluteInput);
     const source = fs.readFileSync(absoluteInput, 'utf-8');
+    const themeConfig = options.includeCss && options.themeFilePath
+        ? loadThemeFromFile(options.themeFilePath)
+        : undefined;
     const sourceLines = source.split(/\r?\n/);
     const includeLineCache = new Map();
     const getIncludeLines = (target) => {
@@ -249,6 +323,7 @@ function runRenderCli(argv) {
     const documentOptions = {
         includeCss: options.includeCss,
         cssHref: options.cssHref,
+        theme: themeConfig,
         includeRuntime: options.includeRuntime,
         runtimeSrc: options.runtimeSrc,
         format: options.format,

package/dist/core/block/runtime.js

@@ -9,6 +9,7 @@ function createBlockParseRuntime() {
     return {
         pending: {
             attrs: undefined,
+            anchorLocation: undefined,
             foldNext: false,
             tagName: undefined,
             isComment: false,
@@ -41,6 +42,7 @@ function buildBlockAttrs(runtime, tabCount) {
 }
 function resetPending(pending) {
     pending.attrs = undefined;
+    pending.anchorLocation = undefined;
     pending.foldNext = false;
     pending.tagName = undefined;
     pending.isComment = false;
@@ -50,10 +52,17 @@ function resetPending(pending) {
 }
 function commitParsedBlock(params) {
     const { runtime, blocks, block, blockAttrs, lineInfo, lineLocation, options } = params;
+    const existingLocation = (0, location_1.getNodeLocation)(block);
+    const shouldReanchor = existingLocation?.line !== lineLocation.line ||
+        existingLocation?.column !== lineLocation.column;
+    const blockToCommit = shouldReanchor ? { ...block } : block;
+    if (!existingLocation || shouldReanchor) {
+        (0, location_1.setNodeLocation)(blockToCommit, lineLocation);
+    }
     const allowTag = options?.allowTag !== false;
     const taggedOrOriginal = allowTag
-        ? wrapTaggedIfNeeded(block, runtime.pending, blockAttrs, lineLocation)
-        : block;
+        ? wrapTaggedIfNeeded(blockToCommit, runtime.pending, blockAttrs, lineLocation)
+        : blockToCommit;
     const finalBlock = wrapCommentIfNeeded(taggedOrOriginal, runtime.pending, lineLocation);
     blocks.push(finalBlock);
     runtime.lastBlockPosition = resolveNextPosition(getBlockAttributes(finalBlock), lineInfo.tabCount, runtime.lastBlockPosition);

package/dist/core/block/types.d.ts

@@ -1,6 +1,8 @@
 import { BlockAttributes } from '../ast';
+import { SourceLocation } from '../location';
 export interface PendingBlockContext {
     attrs?: BlockAttributes;
+    anchorLocation?: SourceLocation;
     foldNext: boolean;
     tagName?: string;
     isComment: boolean;

package/dist/core/block-parser.js

@@ -61,13 +61,14 @@ function parseBlocks(source, errors) {
             continue;
         }
         const commitBlock = (block, blockAttrs, options) => {
+            const commitLocation = runtime.pending.anchorLocation ?? lineLocation;
             (0, runtime_1.commitParsedBlock)({
                 runtime,
                 blocks,
                 block,
                 blockAttrs,
                 lineInfo,
-                lineLocation,
+                lineLocation: commitLocation,
                 options,
             });
         };
@@ -112,6 +113,9 @@ function parseBlocks(source, errors) {
                 tabCount: lineInfo.tabCount,
             });
             if (consumed) {
+                if (!runtime.pending.anchorLocation) {
+                    runtime.pending.anchorLocation = lineLocation;
+                }
                 i += 1;
                 continue;
             }

package/dist/core/parser.js

@@ -73,7 +73,7 @@ function parseInitializationTemplate(source) {
             applyMetaKey(meta, key, value);
         }
     }
-    const bodyLines = lines.slice(0, start).concat(lines.slice(end + 1));
+    const bodyLines = lines.map((line, index) => index >= start && index <= end ? '' : (line ?? ''));
     const body = bodyLines.join('\n');
     if (isMetaEmpty(meta)) {
         return { body };

package/dist/html/convert.d.ts

@@ -3,6 +3,7 @@ import { JianwenDocument } from '../core/ast';
 import { ParseError } from '../core/errors';
 import { RenderedBlockGroup } from './render/html';
 import { RenderHtmlOptions } from './render/utils';
+import { JianwenThemeConfig } from './theme/theme';
 export declare const DEFAULT_RUNTIME_SRC = "dist/html/theme/runtime.js";
 export interface HtmlDocumentOptions {
     title?: string;
@@ -12,6 +13,7 @@ export interface HtmlDocumentOptions {
     includeCss?: boolean;
     cssText?: string;
     cssHref?: string;
+    theme?: JianwenThemeConfig;
     includeRuntime?: boolean;
     runtimeSrc?: string;
     format?: boolean;

package/dist/html/convert.js

@@ -23,7 +23,7 @@ function buildHtmlDocument(bodyHtml, options = {}) {
             headParts.push(`<link rel="stylesheet" href="${(0, utils_1.escapeAttr)(options.cssHref)}">`);
         }
         else {
-            const cssText = options.cssText ?? theme_1.DEFAULT_CSS;
+            const cssText = options.cssText ?? (0, theme_1.composeThemeCss)({ preset: 'default', theme: options.theme });
             headParts.push(`<style>${cssText}</style>`);
         }
     }

package/dist/html/render/blocks.js

@@ -6,6 +6,15 @@ exports.renderBlockToHtml = renderBlockToHtml;
 const utils_1 = require("./utils");
 const inlines_1 = require("./inlines");
 const location_1 = require("../../core/location");
+function nestedRenderOptions(options) {
+    if (!options.emitBlockMeta) {
+        return options;
+    }
+    return {
+        ...options,
+        emitBlockMeta: false,
+    };
+}
 function renderBlocksToHtml(blocks, options = {}) {
     return renderBlocksToHtmlWithGroups(blocks, options).html;
 }
@@ -99,6 +108,7 @@ function renderBlocksToHtmlWithGroups(blocks, options = {}) {
                 if (!prevAttrs?.sameLine) {
                     rowStartIndex = i - 1;
                     result.pop();
+                    groups.pop();
                 }
             }
         }
@@ -214,7 +224,7 @@ function renderContentTitleBlock(block, options) {
     return `<div class="jw-content-title">${inner}</div>${spacer}`;
 }
 function renderQuoteBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-level': String(block.level) },
     });
@@ -253,20 +263,20 @@ function renderListItemBlock(block, options) {
         prefix += `<span class="jw-list-task-marker" data-jw-task-status="${(0, utils_1.escapeAttr)(block.taskStatus)}"></span>`;
     }
     const inner = renderBlocksToHtml(block.children, {
-        ...options,
+        ...nestedRenderOptions(options),
         suppressBlockWrapper: true,
     });
     if (block.kind === 'foldable') {
         const firstChild = block.children[0];
         if (firstChild && firstChild.type === 'paragraph') {
             const summaryContent = renderBlockToHtml(firstChild, {
-                ...options,
+                ...nestedRenderOptions(options),
                 suppressBlockWrapper: true,
             });
             const remainingChildren = block.children.slice(1);
             const detailsContent = remainingChildren.length > 0
                 ? renderBlocksToHtml(remainingChildren, {
-                    ...options,
+                    ...nestedRenderOptions(options),
                     suppressBlockWrapper: true,
                 })
                 : '';
@@ -427,14 +437,14 @@ function renderFootnotesBlock(block, options) {
     return `<section class="jw-footnotes"${attrs}><ol class="jw-footnote-list">${items}</ol></section>`;
 }
 function renderFootnoteDefBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-footnote-id': block.id },
     });
     return `<li class="jw-footnote-def"${attrs}>${inner}</li>`;
 }
 function renderCommentBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-comment': 'true' },
     });
@@ -467,7 +477,7 @@ function renderTaggedBlock(block, options) {
         extraData: { 'data-jw-tag': block.name },
         rawAttrs: [`id="${(0, utils_1.escapeAttr)(id)}"`],
     });
-    const inner = renderBlockToHtml(block.child, options);
+    const inner = renderBlockToHtml(block.child, nestedRenderOptions(options));
     return `<div class="jw-tagged-block"${attrs}>${inner}</div>`;
 }
 function renderRawBlock(block, _options) {

package/dist/html/render/html.js

@@ -69,13 +69,18 @@ function renderDocumentToHtml(doc, options = {}) {
 function finalizeGroups(groups, sourceLineCount) {
     return groups.map((group, index) => {
         const next = groups[index + 1];
-        let endLine = sourceLineCount;
-        if (next?.startLine !== undefined) {
-            endLine = Math.max(1, next.startLine - 1);
+        let endLine;
+        if (group.startLine !== undefined) {
+            if (next?.startLine !== undefined) {
+                endLine = Math.max(group.startLine, 1, next.startLine - 1);
+            }
+            else if (sourceLineCount !== undefined) {
+                endLine = Math.max(group.startLine, 1, sourceLineCount);
+            }
         }
         return {
             ...group,
-            endLine: group.startLine !== undefined ? endLine : undefined,
+            endLine,
         };
     });
 }

package/dist/html/theme/base/css.d.ts

@@ -1,2 +1,2 @@
 export = BASE_CSS;
-declare const BASE_CSS: "\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n.jw-root {\n  background-color: var(--jw-bg-color, transparent);\n  color: var(--jw-text-color, inherit);\n  display: flow-root;\n  min-height: 100vh;\n}\n.jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }\n.jw-root > .jw-block { margin: 0; }\n.jw-table { border-collapse: collapse; }\n.jw-table-cell { border: 1px solid var(--jw-border-color); padding: 0.5em; }\n.jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }\n.jw-link:visited { color: var(--jw-link-color, currentColor); }\n.jw-link:hover { text-decoration: underline; }\n.jw-underline { text-decoration: underline; }\n.jw-strike { text-decoration: line-through; }\n.jw-wave { text-decoration: underline; text-decoration-style: wavy; }\n.jw-heading { font-weight: bold; margin: 0; }\n.jw-heading.level-1 { font-size: 2.5em; }\n.jw-heading.level-2 { font-size: 2em; }\n.jw-heading.level-3 { font-size: 1.75em; }\n.jw-heading.level-4 { font-size: 1.5em; }\n.jw-heading.level-5 { font-size: 1.25em; }\n.jw-foldable-section { margin: 1em 0; }\n.jw-foldable-section > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.jw-foldable-section > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-section > summary::before {\n  content: '';\n  display: block;\n  width: 0.5em;\n  height: 0.5em;\n  margin-right: 0.4em;\n  flex: 0 0 auto;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: rotate(0deg);\n  opacity: 0.74;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-section[open] > summary::before {\n  transform: rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-section > summary .jw-heading {\n  display: inline;\n  margin: 0;\n  min-width: 0;\n}\n\n.jw-content-title {\n  margin-top: 0.1em;\n  margin-bottom: 0;\n  font-size: 0.85em;\n  color: var(--jw-text-muted);\n}\n.jw-content-title-gap {\n  display: block;\n  height: 0.8em;\n  min-height: 8px;\n}\n.jw-quote {\n  margin: 0;\n  border-left: 4px solid var(--jw-quote-border-color);\n  padding: 0 1em;\n  background: var(--jw-quote-background);\n  color: var(--jw-quote-text);\n}\n.jw-quote > .jw-paragraph { margin: var(--jw-quote-gap) 0; }\n.jw-quote > .jw-quote { margin: var(--jw-quote-gap) 0; }\n[data-jw-level=\"2\"].jw-quote { border-left-color: var(--jw-quote-border-color-2); }\n[data-jw-level=\"3\"].jw-quote { border-left-color: var(--jw-quote-border-color-3); }\n.jw-paragraph { white-space: pre-wrap; line-height: var(--jw-line-height-base); }\n.jw-paragraph-block { white-space: normal; }\n.jw-list { padding-left: 1.25em; }\n.jw-list[data-jw-list-kind=\"bullet\"] { list-style-type: disc; }\n.jw-hr { border: none; border-top: 1px solid currentColor; color: var(--jw-border-color); height: 0; background: none; padding: 0; margin: 0; }\n.jw-hr[data-jw-position=\"L\"] { width: 100%; }\n.jw-hr[data-jw-position=\"C\"] { width: 66.67%; }\n.jw-hr[data-jw-position=\"R\"] { width: 33.34%; }\n.jw-hr[data-jw-hr-style=\"dashed\"] { border-top-style: dashed; }\n.jw-hr[data-jw-hr-style=\"bold\"] { border-top-width: 4px; }\n.jw-hr[data-jw-hr-style=\"wavy\"] {\n  border: none;\n  height: 8px;\n  color: var(--jw-border-color);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q 8 0 16 4 T 32 4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-size: 32px 8px;\n  background-repeat: repeat-x;\n  background-position: center bottom;\n  background-color: transparent;\n}\n.jw-highlight-marker { background-color: var(--jw-highlight-marker); padding: 0; }\n.jw-highlight-frame { border: 1px solid var(--jw-border-color); padding: 0; border-radius: 3px; }\n.jw-highlight-block {\n  display: block;\n  padding: 0.75em 1em;\n  white-space: normal;\n}\n.jw-list[data-jw-list-kind=\"task\"] { list-style: none; padding-left: 0; }\n.jw-list-item[data-jw-list-kind=\"task\"] { list-style: none; }\n.jw-list-item[data-jw-list-kind=\"task\"][data-jw-task-status] {\n  position: relative;\n  padding-left: 0;\n  margin: 0.25em 0;\n}\n.jw-list-item {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: flex-start;\n}\n.jw-list-item[data-jw-list-kind=\"bullet\"] {\n  display: list-item;\n}\n.jw-list-ordinal {\n  margin-right: 0.5em;\n  line-height: var(--jw-line-height-base);\n  flex-shrink: 0;\n  color: var(--jw-text-strong);\n  font-variant-numeric: tabular-nums;\n}\n.jw-list-task-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25em;\n  height: 1.25em;\n  border: 1px solid var(--jw-border-color-strong);\n  background: var(--jw-surface-task);\n  border-radius: 2px;\n  font-size: 0.85em;\n  color: transparent;\n  transition: all 0.2s ease;\n  box-sizing: border-box;\n  margin-right: 0.5em;\n  flex-shrink: 0;\n  margin-top: 0.375em;\n  position: relative;\n  line-height: 1;\n}\n.jw-list-task-marker::before,\n.jw-list-task-marker::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: '';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  content: '\u2714';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"]::before {\n  content: '\u2714';\n  color: var(--jw-task-done-text);\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  background: var(--jw-task-done-bg);\n  border-color: var(--jw-task-done-bg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before,\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  width: 0.85em;\n  height: 0.12em;\n  background: var(--jw-task-not-done-cross);\n  border-radius: 999px;\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before {\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"] {\n  background: var(--jw-border-color-strong);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-list-task-marker[data-jw-task-status=\"in_progress\"]::before {\n  width: 0.7em;\n  height: 0.7em;\n  border: 0.12em solid var(--jw-task-in-progress);\n  border-radius: 50%;\n}\n.jw-list-task-marker[data-jw-task-status=\"unknown\"] {\n  /* Empty box */\n}\n.jw-list-item > .jw-paragraph {\n  flex: 1 1 auto;\n  margin: 0;\n  min-width: 0;\n  line-height: var(--jw-line-height-base);\n}\n.jw-list-item > .jw-list {\n  flex-basis: 100%;\n  width: 100%;\n  padding-left: 2em;\n  margin: var(--jw-nested-list-gap) 0 0 0;\n}\n.jw-list-item + .jw-list-item {\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item > .jw-code-block {\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item[data-jw-task-status=\"done\"] > .jw-paragraph {\n  text-decoration: line-through;\n  color: var(--jw-text-faint);\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"] {\n  list-style: none;\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"]::marker {\n  content: none;\n}\n\n.jw-list-item[data-jw-list-kind=\"foldable\"] { list-style: none; }\n.jw-foldable-list-item {\n  display: block;\n}\n.jw-foldable-list-item > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  position: relative;\n  padding-left: 1.2em;\n}\n.jw-foldable-list-item > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-list-item > summary::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 0.45em;\n  height: 0.45em;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: translateY(-50%) rotate(0deg);\n  opacity: 0.68;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-list-item[open] > summary::before {\n  transform: translateY(-50%) rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-list-item > summary .jw-paragraph {\n  display: inline;\n}\n\n.jw-image-figure { }\n.jw-image { max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; }\n.jw-image-caption { margin-top: 0.5em; font-size: 0.9em; color: var(--jw-text-subtle); }\n.jw-image-figure[data-jw-shape=\"rounded\"] .jw-image { border-radius: 8px; }\n.jw-code-block {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  background: var(--jw-surface-code);\n  border: 1px solid var(--jw-border-color-subtle);\n  border-radius: 4px;\n  font-family: \"JetBrains Mono\", \"Fira Code\", Consolas, Menlo, monospace;\n  font-size: 0.9em;\n  line-height: 1.5;\n  margin: 0;\n}\n.jw-code-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5em 0.75em;\n  border-bottom: 1px solid var(--jw-border-color-subtle);\n  background: var(--jw-surface-overlay-1);\n}\n.jw-code-lang {\n  padding: 0.1em 0.4em;\n  background: var(--jw-surface-overlay-2);\n  color: var(--jw-text-subtle);\n  font-size: 0.75em;\n  border-radius: 3px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.jw-code-copy {\n  padding: 0.25em 0.5em;\n  background: transparent;\n  border: 1px solid var(--jw-border-color);\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 0.75em;\n  color: var(--jw-text-subtle);\n  transition: background 0.2s, border-color 0.2s;\n}\n.jw-code-copy:hover {\n  background: var(--jw-surface-overlay-2);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-code-copy:active {\n  background: var(--jw-surface-overlay-3);\n}\n.jw-code-content {\n  display: flex;\n  padding: 1em 1em 1em 0;\n}\n.jw-line-numbers {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  padding: 0 0.75em;\n  border-right: 1px solid var(--jw-border-color-subtle);\n  text-align: right;\n  user-select: none;\n  color: var(--jw-text-faint);\n  font-variant-numeric: tabular-nums;\n}\n.jw-line-number {\n  display: block;\n  min-height: 1.5em;\n}\n.jw-code {\n  flex: 1;\n  display: block;\n  overflow-x: auto;\n  padding: 0 1em;\n  background: transparent;\n  font-family: inherit;\n  white-space: pre;\n}\n.jw-code-line {\n  display: block;\n  white-space: pre;\n  min-height: 1.5em;\n}\n.jw-disabled-block { font-family: inherit; white-space: pre-wrap; line-height: var(--jw-line-height-base); margin: 0; }\n[data-jw-position=\"C\"] { margin-left: 33.33%; }\n[data-jw-position=\"R\"] { margin-left: 66.66%; }\n[data-jw-truncate-left=\"true\"] { margin-left: 0; }\n[data-jw-truncate-right=\"true\"] { max-width: 33.33%; word-wrap: break-word; overflow-wrap: break-word; }\n[data-jw-position=\"C\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n[data-jw-position=\"R\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n.jw-hr[data-jw-truncate-right=\"true\"] { width: 33.33%; max-width: none; }\n[data-jw-align=\"center\"] { text-align: center; }\n[data-jw-align=\"right\"] { text-align: right; }\n.jw-same-line-row { display: flex; flex-wrap: nowrap; gap: 0; align-items: flex-start; max-width: 100%; overflow: hidden; }\n.jw-same-line-row > * { flex-shrink: 1; word-wrap: break-word; overflow-wrap: break-word; min-width: 0; }\n.jw-same-line-row > [data-jw-position=\"L\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"C\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"R\"]:not(:last-child) { flex-basis: 33.33%; max-width: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"L\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"C\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"R\"]:last-child { flex-grow: 1; flex-basis: 0; }\n.jw-same-line-row > [data-jw-position] { margin-left: 0; }\n.jw-same-line-row > [data-jw-position=\"C\"]:first-child { margin-left: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"R\"]:first-child { margin-left: 66.66%; }\n.jw-meta { margin: 0 0 var(--jw-block-spacing); }\n.jw-meta-time,\n.jw-meta-add-info,\n.jw-meta-tags,\n.jw-meta-author {\n  color: var(--jw-quote-text);\n}\n.jw-meta-author-link { text-decoration: none; color: inherit; }\n.jw-meta-author-link:hover { text-decoration: underline; }\n.jw-comment-inline { display: none; }\n.jw-comment-block { display: none; }\n";
+declare const BASE_CSS: "\n.jw-root {\n  background-color: var(--jw-bg-color, transparent);\n  color: var(--jw-text-color, inherit);\n  display: flow-root;\n  min-height: 100vh;\n}\n.jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }\n.jw-root > .jw-block { margin: 0; }\n.jw-table { border-collapse: collapse; width: 100%; }\n.jw-table-cell {\n  border: 1px solid var(--jw-table-border-color, var(--jw-border-color));\n  padding: 0.5em;\n}\n.jw-table thead .jw-table-cell {\n  background: var(--jw-table-header-bg, var(--jw-surface-overlay-1));\n  color: var(--jw-table-header-text, var(--jw-text-strong));\n  font-weight: 600;\n}\n.jw-table tbody .jw-table-row:nth-child(odd) .jw-table-cell {\n  background: var(--jw-table-row-bg, transparent);\n}\n.jw-table tbody .jw-table-row:nth-child(even) .jw-table-cell {\n  background: var(--jw-table-row-alt-bg, transparent);\n}\n.jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }\n.jw-link:visited { color: var(--jw-link-color, currentColor); }\n.jw-link:hover { text-decoration: underline; }\n.jw-root strong {\n  color: var(--jw-strong-color, currentColor);\n  font-weight: var(--jw-strong-weight, 700);\n}\n.jw-underline {\n  text-decoration: underline;\n  text-decoration-color: var(--jw-underline-color, currentColor);\n  text-decoration-thickness: var(--jw-underline-thickness, from-font);\n  text-underline-offset: var(--jw-underline-offset, auto);\n}\n.jw-strike {\n  text-decoration: line-through;\n  text-decoration-color: var(--jw-strike-color, currentColor);\n}\n.jw-wave {\n  text-decoration: underline;\n  text-decoration-style: wavy;\n  text-decoration-color: var(--jw-wave-color, currentColor);\n  text-decoration-thickness: var(--jw-underline-thickness, from-font);\n  text-underline-offset: var(--jw-underline-offset, auto);\n}\n.jw-heading { font-weight: bold; margin: 0; }\n.jw-heading.level-1 { font-size: 2.5em; }\n.jw-heading.level-2 { font-size: 2em; }\n.jw-heading.level-3 { font-size: 1.75em; }\n.jw-heading.level-4 { font-size: 1.5em; }\n.jw-heading.level-5 { font-size: 1.25em; }\n.jw-foldable-section { margin: 1em 0; }\n.jw-foldable-section > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.jw-foldable-section > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-section > summary::before {\n  content: '';\n  display: block;\n  width: 0.5em;\n  height: 0.5em;\n  margin-right: 0.4em;\n  flex: 0 0 auto;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: rotate(0deg);\n  opacity: 0.74;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-section[open] > summary::before {\n  transform: rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-section > summary .jw-heading {\n  display: inline;\n  margin: 0;\n  min-width: 0;\n}\n\n.jw-content-title {\n  margin-top: 0.1em;\n  margin-bottom: 0;\n  font-size: 0.85em;\n  color: var(--jw-text-muted);\n}\n.jw-content-title-gap {\n  display: block;\n  height: 0.8em;\n  min-height: 8px;\n}\n.jw-quote {\n  margin: 0;\n  border-left: 4px solid var(--jw-quote-border-color);\n  padding: 0 1em;\n  background: var(--jw-quote-background);\n  color: var(--jw-quote-text);\n}\n.jw-quote > .jw-paragraph { margin: var(--jw-quote-gap) 0; }\n.jw-quote > .jw-quote { margin: var(--jw-quote-gap) 0; }\n[data-jw-level=\"2\"].jw-quote { border-left-color: var(--jw-quote-border-color-2); }\n[data-jw-level=\"3\"].jw-quote { border-left-color: var(--jw-quote-border-color-3); }\n.jw-paragraph { white-space: pre-wrap; line-height: var(--jw-line-height-base); }\n.jw-paragraph-block { white-space: normal; }\n.jw-list { padding-left: 1.25em; }\n.jw-list[data-jw-list-kind=\"bullet\"] { list-style-type: disc; }\n.jw-hr { border: none; border-top: 1px solid currentColor; color: var(--jw-border-color); height: 0; background: none; padding: 0; margin: 0; }\n.jw-hr[data-jw-position=\"L\"] { width: 100%; }\n.jw-hr[data-jw-position=\"C\"] { width: 66.67%; }\n.jw-hr[data-jw-position=\"R\"] { width: 33.34%; }\n.jw-hr[data-jw-hr-style=\"dashed\"] { border-top-style: dashed; }\n.jw-hr[data-jw-hr-style=\"bold\"] { border-top-width: 4px; }\n.jw-hr[data-jw-hr-style=\"wavy\"] {\n  border: none;\n  height: 8px;\n  color: var(--jw-border-color);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q 8 0 16 4 T 32 4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-size: 32px 8px;\n  background-repeat: repeat-x;\n  background-position: center bottom;\n  background-color: transparent;\n}\n.jw-highlight-marker { background-color: var(--jw-highlight-marker); padding: 0; }\n.jw-highlight-frame { border: 1px solid var(--jw-border-color); padding: 0; border-radius: 3px; }\n.jw-highlight-block {\n  display: block;\n  padding: 0.75em 1em;\n  white-space: normal;\n}\n.jw-list[data-jw-list-kind=\"task\"] { list-style: none; padding-left: 0; }\n.jw-list-item[data-jw-list-kind=\"task\"] { list-style: none; }\n.jw-list-item[data-jw-list-kind=\"task\"][data-jw-task-status] {\n  position: relative;\n  padding-left: 0;\n  margin: 0.25em 0;\n}\n.jw-list-item {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: flex-start;\n}\n.jw-list-item[data-jw-list-kind=\"bullet\"] {\n  display: list-item;\n}\n.jw-list-ordinal {\n  margin-right: 0.5em;\n  line-height: var(--jw-line-height-base);\n  flex-shrink: 0;\n  color: var(--jw-text-strong);\n  font-variant-numeric: tabular-nums;\n}\n.jw-list-task-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25em;\n  height: 1.25em;\n  border: 1px solid var(--jw-border-color-strong);\n  background: var(--jw-surface-task);\n  border-radius: 2px;\n  font-size: 0.85em;\n  color: transparent;\n  transition: all 0.2s ease;\n  box-sizing: border-box;\n  margin-right: 0.5em;\n  flex-shrink: 0;\n  margin-top: 0.375em;\n  position: relative;\n  line-height: 1;\n}\n.jw-list-task-marker::before,\n.jw-list-task-marker::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: '';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  content: '\u2714';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"]::before {\n  content: '\u2714';\n  color: var(--jw-task-done-text);\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  background: var(--jw-task-done-bg);\n  border-color: var(--jw-task-done-bg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before,\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  width: 0.85em;\n  height: 0.12em;\n  background: var(--jw-task-not-done-cross);\n  border-radius: 999px;\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before {\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"] {\n  background: var(--jw-border-color-strong);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-list-task-marker[data-jw-task-status=\"in_progress\"]::before {\n  width: 0.7em;\n  height: 0.7em;\n  border: 0.12em solid var(--jw-task-in-progress);\n  border-radius: 50%;\n}\n.jw-list-task-marker[data-jw-task-status=\"unknown\"] {\n  /* Empty box */\n}\n.jw-list-item > .jw-paragraph {\n  flex: 1 1 auto;\n  margin: 0;\n  min-width: 0;\n  line-height: var(--jw-line-height-base);\n}\n.jw-list-item > .jw-list {\n  flex-basis: 100%;\n  width: 100%;\n  padding-left: 2em;\n  margin: var(--jw-nested-list-gap) 0 0 0;\n}\n.jw-list-item + .jw-list-item {\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item > .jw-code-block {\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item[data-jw-task-status=\"done\"] > .jw-paragraph {\n  text-decoration: line-through;\n  color: var(--jw-text-faint);\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"] {\n  list-style: none;\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"]::marker {\n  content: none;\n}\n\n.jw-list-item[data-jw-list-kind=\"foldable\"] { list-style: none; }\n.jw-foldable-list-item {\n  display: block;\n}\n.jw-foldable-list-item > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  position: relative;\n  padding-left: 1.2em;\n}\n.jw-foldable-list-item > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-list-item > summary::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 0.45em;\n  height: 0.45em;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: translateY(-50%) rotate(0deg);\n  opacity: 0.68;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-list-item[open] > summary::before {\n  transform: translateY(-50%) rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-list-item > summary .jw-paragraph {\n  display: inline;\n}\n\n.jw-image-figure { }\n.jw-image { max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; }\n.jw-image-caption { margin-top: 0.5em; font-size: 0.9em; color: var(--jw-text-subtle); }\n.jw-image-figure[data-jw-shape=\"rounded\"] .jw-image { border-radius: 8px; }\n.jw-code-block {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  background: var(--jw-code-block-bg, var(--jw-surface-code));\n  border: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  border-radius: 4px;\n  font-family: \"JetBrains Mono\", \"Fira Code\", Consolas, Menlo, monospace;\n  font-size: 0.9em;\n  line-height: 1.5;\n  margin: 0;\n}\n.jw-code-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5em 0.75em;\n  border-bottom: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  background: var(--jw-code-header-bg, var(--jw-surface-overlay-1));\n  color: var(--jw-code-header-text, var(--jw-text-subtle));\n}\n.jw-code-lang {\n  padding: 0.1em 0.4em;\n  background: var(--jw-code-lang-bg, var(--jw-surface-overlay-2));\n  color: var(--jw-code-lang-text, var(--jw-text-subtle));\n  font-size: 0.75em;\n  border-radius: 3px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.jw-code-copy {\n  padding: 0.25em 0.5em;\n  background: transparent;\n  border: 1px solid var(--jw-code-copy-border, var(--jw-border-color));\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 0.75em;\n  color: var(--jw-code-header-text, var(--jw-text-subtle));\n  transition: background 0.2s, border-color 0.2s;\n}\n.jw-code-copy:hover {\n  background: var(--jw-code-copy-hover-bg, var(--jw-surface-overlay-2));\n  border-color: var(--jw-code-copy-border, var(--jw-border-color-strong));\n}\n.jw-code-copy:active {\n  background: var(--jw-surface-overlay-3);\n}\n.jw-code-content {\n  display: flex;\n  padding: 1em 1em 1em 0;\n}\n.jw-line-numbers {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  padding: 0 0.75em;\n  border-right: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  text-align: right;\n  user-select: none;\n  color: var(--jw-code-line-number-color, var(--jw-text-faint));\n  font-variant-numeric: tabular-nums;\n}\n.jw-line-number {\n  display: block;\n  min-height: 1.5em;\n}\n.jw-code {\n  flex: 1;\n  display: block;\n  overflow-x: auto;\n  padding: 0 1em;\n  background: transparent;\n  font-family: inherit;\n  white-space: pre;\n}\n.jw-code-line {\n  display: block;\n  white-space: pre;\n  min-height: 1.5em;\n}\n.jw-disabled-block { font-family: inherit; white-space: pre-wrap; line-height: var(--jw-line-height-base); margin: 0; }\n[data-jw-position=\"C\"] { margin-left: 33.33%; }\n[data-jw-position=\"R\"] { margin-left: 66.66%; }\n[data-jw-truncate-left=\"true\"] { margin-left: 0; }\n[data-jw-truncate-right=\"true\"] { max-width: 33.33%; word-wrap: break-word; overflow-wrap: break-word; }\n[data-jw-position=\"C\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n[data-jw-position=\"R\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n.jw-hr[data-jw-truncate-right=\"true\"] { width: 33.33%; max-width: none; }\n[data-jw-align=\"center\"] { text-align: center; }\n[data-jw-align=\"right\"] { text-align: right; }\n.jw-same-line-row { display: flex; flex-wrap: nowrap; gap: 0; align-items: flex-start; max-width: 100%; overflow: hidden; }\n.jw-same-line-row > * { flex-shrink: 1; word-wrap: break-word; overflow-wrap: break-word; min-width: 0; }\n.jw-same-line-row > [data-jw-position=\"L\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"C\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"R\"]:not(:last-child) { flex-basis: 33.33%; max-width: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"L\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"C\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"R\"]:last-child { flex-grow: 1; flex-basis: 0; }\n.jw-same-line-row > [data-jw-position] { margin-left: 0; }\n.jw-same-line-row > [data-jw-position=\"C\"]:first-child { margin-left: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"R\"]:first-child { margin-left: 66.66%; }\n.jw-meta { margin: 0 0 var(--jw-block-spacing); }\n.jw-meta-time,\n.jw-meta-add-info,\n.jw-meta-tags,\n.jw-meta-author {\n  color: var(--jw-quote-text);\n}\n.jw-meta-author-link { text-decoration: none; color: inherit; }\n.jw-meta-author-link:hover { text-decoration: underline; }\n.jw-comment-inline { display: none; }\n.jw-comment-block { display: none; }\n";

package/dist/html/theme/base/css.js

@@ -1,10 +1,5 @@
 "use strict";
 const BASE_CSS = `
-html,
-body {
-  margin: 0;
-  padding: 0;
-}
 .jw-root {
   background-color: var(--jw-bg-color, transparent);
   color: var(--jw-text-color, inherit);
@@ -13,14 +8,46 @@ body {
 }
 .jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }
 .jw-root > .jw-block { margin: 0; }
-.jw-table { border-collapse: collapse; }
-.jw-table-cell { border: 1px solid var(--jw-border-color); padding: 0.5em; }
+.jw-table { border-collapse: collapse; width: 100%; }
+.jw-table-cell {
+  border: 1px solid var(--jw-table-border-color, var(--jw-border-color));
+  padding: 0.5em;
+}
+.jw-table thead .jw-table-cell {
+  background: var(--jw-table-header-bg, var(--jw-surface-overlay-1));
+  color: var(--jw-table-header-text, var(--jw-text-strong));
+  font-weight: 600;
+}
+.jw-table tbody .jw-table-row:nth-child(odd) .jw-table-cell {
+  background: var(--jw-table-row-bg, transparent);
+}
+.jw-table tbody .jw-table-row:nth-child(even) .jw-table-cell {
+  background: var(--jw-table-row-alt-bg, transparent);
+}
 .jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }
 .jw-link:visited { color: var(--jw-link-color, currentColor); }
 .jw-link:hover { text-decoration: underline; }
-.jw-underline { text-decoration: underline; }
-.jw-strike { text-decoration: line-through; }
-.jw-wave { text-decoration: underline; text-decoration-style: wavy; }
+.jw-root strong {
+  color: var(--jw-strong-color, currentColor);
+  font-weight: var(--jw-strong-weight, 700);
+}
+.jw-underline {
+  text-decoration: underline;
+  text-decoration-color: var(--jw-underline-color, currentColor);
+  text-decoration-thickness: var(--jw-underline-thickness, from-font);
+  text-underline-offset: var(--jw-underline-offset, auto);
+}
+.jw-strike {
+  text-decoration: line-through;
+  text-decoration-color: var(--jw-strike-color, currentColor);
+}
+.jw-wave {
+  text-decoration: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: var(--jw-wave-color, currentColor);
+  text-decoration-thickness: var(--jw-underline-thickness, from-font);
+  text-underline-offset: var(--jw-underline-offset, auto);
+}
 .jw-heading { font-weight: bold; margin: 0; }
 .jw-heading.level-1 { font-size: 2.5em; }
 .jw-heading.level-2 { font-size: 2em; }
@@ -271,8 +298,8 @@ body {
   display: flex;
   flex-direction: column;
   padding: 0;
-  background: var(--jw-surface-code);
-  border: 1px solid var(--jw-border-color-subtle);
+  background: var(--jw-code-block-bg, var(--jw-surface-code));
+  border: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
   border-radius: 4px;
   font-family: "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
   font-size: 0.9em;
@@ -284,13 +311,14 @@ body {
   justify-content: space-between;
   align-items: center;
   padding: 0.5em 0.75em;
-  border-bottom: 1px solid var(--jw-border-color-subtle);
-  background: var(--jw-surface-overlay-1);
+  border-bottom: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
+  background: var(--jw-code-header-bg, var(--jw-surface-overlay-1));
+  color: var(--jw-code-header-text, var(--jw-text-subtle));
 }
 .jw-code-lang {
   padding: 0.1em 0.4em;
-  background: var(--jw-surface-overlay-2);
-  color: var(--jw-text-subtle);
+  background: var(--jw-code-lang-bg, var(--jw-surface-overlay-2));
+  color: var(--jw-code-lang-text, var(--jw-text-subtle));
   font-size: 0.75em;
   border-radius: 3px;
   font-weight: 500;
@@ -300,16 +328,16 @@ body {
 .jw-code-copy {
   padding: 0.25em 0.5em;
   background: transparent;
-  border: 1px solid var(--jw-border-color);
+  border: 1px solid var(--jw-code-copy-border, var(--jw-border-color));
   border-radius: 3px;
   cursor: pointer;
   font-size: 0.75em;
-  color: var(--jw-text-subtle);
+  color: var(--jw-code-header-text, var(--jw-text-subtle));
   transition: background 0.2s, border-color 0.2s;
 }
 .jw-code-copy:hover {
-  background: var(--jw-surface-overlay-2);
-  border-color: var(--jw-border-color-strong);
+  background: var(--jw-code-copy-hover-bg, var(--jw-surface-overlay-2));
+  border-color: var(--jw-code-copy-border, var(--jw-border-color-strong));
 }
 .jw-code-copy:active {
   background: var(--jw-surface-overlay-3);
@@ -323,10 +351,10 @@ body {
   display: flex;
   flex-direction: column;
   padding: 0 0.75em;
-  border-right: 1px solid var(--jw-border-color-subtle);
+  border-right: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
   text-align: right;
   user-select: none;
-  color: var(--jw-text-faint);
+  color: var(--jw-code-line-number-color, var(--jw-text-faint));
   font-variant-numeric: tabular-nums;
 }
 .jw-line-number {

package/dist/html/theme/dark/css.js

@@ -40,6 +40,30 @@ const DARK_CSS = `
   --jw-task-not-done-cross: #eef1f7;
   --jw-task-in-progress: #b7bdca;
 
+  --jw-strong-color: #f3f5f8;
+  --jw-strong-weight: 700;
+  --jw-underline-color: #8ab4f8;
+  --jw-underline-thickness: 0.08em;
+  --jw-underline-offset: 0.12em;
+  --jw-wave-color: #8ab4f8;
+  --jw-strike-color: #98a2b3;
+
+  --jw-table-border-color: #374151;
+  --jw-table-header-bg: #1f2937;
+  --jw-table-header-text: #d1d5db;
+  --jw-table-row-bg: #141922;
+  --jw-table-row-alt-bg: #171d28;
+
+  --jw-code-block-bg: #1c1f26;
+  --jw-code-border-color: #313846;
+  --jw-code-header-bg: rgba(255, 255, 255, 0.05);
+  --jw-code-header-text: #b8c2d3;
+  --jw-code-lang-bg: rgba(255, 255, 255, 0.08);
+  --jw-code-lang-text: #d1d8e3;
+  --jw-code-copy-border: #4b5563;
+  --jw-code-copy-hover-bg: rgba(255, 255, 255, 0.12);
+  --jw-code-line-number-color: #8b95a7;
+
   --jw-color-red: ${PRESET_COLORS.red};
   --jw-color-orange: ${PRESET_COLORS.orange};
   --jw-color-yellow: ${PRESET_COLORS.yellow};
@@ -92,6 +116,30 @@ const DARK_CSS = `
     --jw-task-not-done-cross: #eef1f7;
     --jw-task-in-progress: #b7bdca;
 
+    --jw-strong-color: #f3f5f8;
+    --jw-strong-weight: 700;
+    --jw-underline-color: #8ab4f8;
+    --jw-underline-thickness: 0.08em;
+    --jw-underline-offset: 0.12em;
+    --jw-wave-color: #8ab4f8;
+    --jw-strike-color: #98a2b3;
+
+    --jw-table-border-color: #374151;
+    --jw-table-header-bg: #1f2937;
+    --jw-table-header-text: #d1d5db;
+    --jw-table-row-bg: #141922;
+    --jw-table-row-alt-bg: #171d28;
+
+    --jw-code-block-bg: #1c1f26;
+    --jw-code-border-color: #313846;
+    --jw-code-header-bg: rgba(255, 255, 255, 0.05);
+    --jw-code-header-text: #b8c2d3;
+    --jw-code-lang-bg: rgba(255, 255, 255, 0.08);
+    --jw-code-lang-text: #d1d8e3;
+    --jw-code-copy-border: #4b5563;
+    --jw-code-copy-hover-bg: rgba(255, 255, 255, 0.12);
+    --jw-code-line-number-color: #8b95a7;
+
     --jw-color-red: ${PRESET_COLORS.red};
     --jw-color-orange: ${PRESET_COLORS.orange};
     --jw-color-yellow: ${PRESET_COLORS.yellow};

package/dist/html/theme/light/css.js

@@ -40,6 +40,30 @@ const LIGHT_CSS = `
   --jw-task-not-done-cross: #ffffff;
   --jw-task-in-progress: #555555;
 
+  --jw-strong-color: #2b2f39;
+  --jw-strong-weight: 700;
+  --jw-underline-color: #1d4ed8;
+  --jw-underline-thickness: 0.08em;
+  --jw-underline-offset: 0.12em;
+  --jw-wave-color: #1d4ed8;
+  --jw-strike-color: #767676;
+
+  --jw-table-border-color: #d1d5db;
+  --jw-table-header-bg: #f0f3f6;
+  --jw-table-header-text: #3f4654;
+  --jw-table-row-bg: #ffffff;
+  --jw-table-row-alt-bg: #f9fafb;
+
+  --jw-code-block-bg: #f5f5f5;
+  --jw-code-border-color: #dddddd;
+  --jw-code-header-bg: rgba(0, 0, 0, 0.04);
+  --jw-code-header-text: #5f6672;
+  --jw-code-lang-bg: rgba(0, 0, 0, 0.06);
+  --jw-code-lang-text: #4b5563;
+  --jw-code-copy-border: #c9ced6;
+  --jw-code-copy-hover-bg: rgba(0, 0, 0, 0.08);
+  --jw-code-line-number-color: #9aa0ad;
+
   --jw-color-red: ${PRESET_COLORS.red};
   --jw-color-orange: ${PRESET_COLORS.orange};
   --jw-color-yellow: ${PRESET_COLORS.yellow};

package/dist/html/theme/theme.d.ts

@@ -1,9 +1,31 @@
 export type DocumentTheme = 'light' | 'dark' | 'auto';
+export type ThemeCssPreset = 'default' | 'none';
+type PresetColorName = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'purple' | 'black' | 'darkgray' | 'gray';
+export declare const JIANWEN_THEME_TOKEN_KEYS: readonly ["--jw-line-height-base", "--jw-block-spacing", "--jw-nested-list-gap", "--jw-quote-gap", "--jw-bg-color", "--jw-text-color", "--jw-link-color", "--jw-quote-border-color", "--jw-quote-border-color-2", "--jw-quote-border-color-3", "--jw-quote-background", "--jw-quote-text", "--jw-border-color", "--jw-border-color-subtle", "--jw-border-color-strong", "--jw-text-muted", "--jw-text-subtle", "--jw-text-strong", "--jw-text-faint", "--jw-surface-code", "--jw-surface-task", "--jw-surface-overlay-1", "--jw-surface-overlay-2", "--jw-surface-overlay-3", "--jw-highlight-marker", "--jw-task-done-bg", "--jw-task-done-text", "--jw-task-not-done-cross", "--jw-task-in-progress", "--jw-color-red", "--jw-color-orange", "--jw-color-yellow", "--jw-color-green", "--jw-color-cyan", "--jw-color-blue", "--jw-color-purple", "--jw-color-black", "--jw-color-darkgray", "--jw-color-gray", "--jw-strong-color", "--jw-strong-weight", "--jw-underline-color", "--jw-underline-thickness", "--jw-underline-offset", "--jw-wave-color", "--jw-strike-color", "--jw-table-border-color", "--jw-table-header-bg", "--jw-table-header-text", "--jw-table-row-bg", "--jw-table-row-alt-bg", "--jw-code-block-bg", "--jw-code-border-color", "--jw-code-header-bg", "--jw-code-header-text", "--jw-code-lang-bg", "--jw-code-lang-text", "--jw-code-copy-border", "--jw-code-copy-hover-bg", "--jw-code-line-number-color"];
+export type JianwenThemeTokenKey = (typeof JIANWEN_THEME_TOKEN_KEYS)[number];
+export type JianwenThemeTokenValues = Record<JianwenThemeTokenKey, string>;
+export type JianwenThemeTokenOverrides = Partial<JianwenThemeTokenValues>;
+export interface JianwenThemeConfig {
+    light?: JianwenThemeTokenOverrides;
+    dark?: JianwenThemeTokenOverrides;
+    includeAutoDark?: boolean;
+}
 export interface ThemeCssBundle {
     baseCss: string;
     lightCss: string;
     darkCss: string;
 }
+export interface ComposeThemeCssOptions {
+    preset?: ThemeCssPreset;
+    theme?: JianwenThemeConfig;
+    extraCss?: string;
+}
 export declare const DEFAULT_THEME: ThemeCssBundle;
+export declare const PRESET_COLORS: Record<PresetColorName, string> & Record<string, string>;
+export declare const DEFAULT_THEME_TOKENS_LIGHT: JianwenThemeTokenValues;
+export declare const DEFAULT_THEME_TOKENS_DARK: JianwenThemeTokenValues;
+export declare const DEFAULT_THEME_CONFIG: JianwenThemeConfig;
 export declare const DEFAULT_CSS: string;
-export declare const PRESET_COLORS: Record<string, string>;
+export declare function renderThemeTokenCss(theme: JianwenThemeConfig): string;
+export declare function composeThemeCss(options?: ComposeThemeCssOptions): string;
+export {};

package/dist/html/theme/theme.js

@@ -3,19 +3,259 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PRESET_COLORS = exports.DEFAULT_CSS = exports.DEFAULT_THEME = void 0;
+exports.DEFAULT_CSS = exports.DEFAULT_THEME_CONFIG = exports.DEFAULT_THEME_TOKENS_DARK = exports.DEFAULT_THEME_TOKENS_LIGHT = exports.PRESET_COLORS = exports.DEFAULT_THEME = exports.JIANWEN_THEME_TOKEN_KEYS = void 0;
+exports.renderThemeTokenCss = renderThemeTokenCss;
+exports.composeThemeCss = composeThemeCss;
 const css_1 = __importDefault(require("./base/css"));
 const css_2 = __importDefault(require("./dark/css"));
 const css_3 = __importDefault(require("./light/css"));
 const colors_1 = __importDefault(require("./preset/colors"));
+exports.JIANWEN_THEME_TOKEN_KEYS = [
+    '--jw-line-height-base',
+    '--jw-block-spacing',
+    '--jw-nested-list-gap',
+    '--jw-quote-gap',
+    '--jw-bg-color',
+    '--jw-text-color',
+    '--jw-link-color',
+    '--jw-quote-border-color',
+    '--jw-quote-border-color-2',
+    '--jw-quote-border-color-3',
+    '--jw-quote-background',
+    '--jw-quote-text',
+    '--jw-border-color',
+    '--jw-border-color-subtle',
+    '--jw-border-color-strong',
+    '--jw-text-muted',
+    '--jw-text-subtle',
+    '--jw-text-strong',
+    '--jw-text-faint',
+    '--jw-surface-code',
+    '--jw-surface-task',
+    '--jw-surface-overlay-1',
+    '--jw-surface-overlay-2',
+    '--jw-surface-overlay-3',
+    '--jw-highlight-marker',
+    '--jw-task-done-bg',
+    '--jw-task-done-text',
+    '--jw-task-not-done-cross',
+    '--jw-task-in-progress',
+    '--jw-color-red',
+    '--jw-color-orange',
+    '--jw-color-yellow',
+    '--jw-color-green',
+    '--jw-color-cyan',
+    '--jw-color-blue',
+    '--jw-color-purple',
+    '--jw-color-black',
+    '--jw-color-darkgray',
+    '--jw-color-gray',
+    '--jw-strong-color',
+    '--jw-strong-weight',
+    '--jw-underline-color',
+    '--jw-underline-thickness',
+    '--jw-underline-offset',
+    '--jw-wave-color',
+    '--jw-strike-color',
+    '--jw-table-border-color',
+    '--jw-table-header-bg',
+    '--jw-table-header-text',
+    '--jw-table-row-bg',
+    '--jw-table-row-alt-bg',
+    '--jw-code-block-bg',
+    '--jw-code-border-color',
+    '--jw-code-header-bg',
+    '--jw-code-header-text',
+    '--jw-code-lang-bg',
+    '--jw-code-lang-text',
+    '--jw-code-copy-border',
+    '--jw-code-copy-hover-bg',
+    '--jw-code-line-number-color',
+];
 exports.DEFAULT_THEME = {
     baseCss: String(css_1.default),
     lightCss: String(css_3.default),
     darkCss: String(css_2.default),
 };
+exports.PRESET_COLORS = colors_1.default;
+exports.DEFAULT_THEME_TOKENS_LIGHT = {
+    '--jw-line-height-base': '1.7',
+    '--jw-block-spacing': '1em',
+    '--jw-nested-list-gap': '0.35em',
+    '--jw-quote-gap': '0.6em',
+    '--jw-bg-color': '#ffffff',
+    '--jw-text-color': '#222222',
+    '--jw-link-color': '#1d4ed8',
+    '--jw-quote-border-color': '#d0d0d0',
+    '--jw-quote-border-color-2': '#c5c5c5',
+    '--jw-quote-border-color-3': '#b8b8b8',
+    '--jw-quote-background': '#f8f8f8',
+    '--jw-quote-text': '#595959',
+    '--jw-border-color': '#cccccc',
+    '--jw-border-color-subtle': '#dddddd',
+    '--jw-border-color-strong': '#999999',
+    '--jw-text-muted': '#777777',
+    '--jw-text-subtle': '#666666',
+    '--jw-text-strong': '#555555',
+    '--jw-text-faint': '#999999',
+    '--jw-surface-code': '#f5f5f5',
+    '--jw-surface-task': '#eeeeee',
+    '--jw-surface-overlay-1': 'rgba(0, 0, 0, 0.02)',
+    '--jw-surface-overlay-2': 'rgba(0, 0, 0, 0.05)',
+    '--jw-surface-overlay-3': 'rgba(0, 0, 0, 0.1)',
+    '--jw-highlight-marker': '#FFEB3B',
+    '--jw-task-done-bg': '#333333',
+    '--jw-task-done-text': '#ffffff',
+    '--jw-task-not-done-cross': '#ffffff',
+    '--jw-task-in-progress': '#555555',
+    '--jw-color-red': exports.PRESET_COLORS.red,
+    '--jw-color-orange': exports.PRESET_COLORS.orange,
+    '--jw-color-yellow': exports.PRESET_COLORS.yellow,
+    '--jw-color-green': exports.PRESET_COLORS.green,
+    '--jw-color-cyan': exports.PRESET_COLORS.cyan,
+    '--jw-color-blue': exports.PRESET_COLORS.blue,
+    '--jw-color-purple': exports.PRESET_COLORS.purple,
+    '--jw-color-black': exports.PRESET_COLORS.black,
+    '--jw-color-darkgray': exports.PRESET_COLORS.darkgray,
+    '--jw-color-gray': exports.PRESET_COLORS.gray,
+    '--jw-strong-color': '#2b2f39',
+    '--jw-strong-weight': '700',
+    '--jw-underline-color': '#1d4ed8',
+    '--jw-underline-thickness': '0.08em',
+    '--jw-underline-offset': '0.12em',
+    '--jw-wave-color': '#1d4ed8',
+    '--jw-strike-color': '#767676',
+    '--jw-table-border-color': '#d1d5db',
+    '--jw-table-header-bg': '#f0f3f6',
+    '--jw-table-header-text': '#3f4654',
+    '--jw-table-row-bg': '#ffffff',
+    '--jw-table-row-alt-bg': '#f9fafb',
+    '--jw-code-block-bg': '#f5f5f5',
+    '--jw-code-border-color': '#dddddd',
+    '--jw-code-header-bg': 'rgba(0, 0, 0, 0.04)',
+    '--jw-code-header-text': '#5f6672',
+    '--jw-code-lang-bg': 'rgba(0, 0, 0, 0.06)',
+    '--jw-code-lang-text': '#4b5563',
+    '--jw-code-copy-border': '#c9ced6',
+    '--jw-code-copy-hover-bg': 'rgba(0, 0, 0, 0.08)',
+    '--jw-code-line-number-color': '#9aa0ad',
+};
+exports.DEFAULT_THEME_TOKENS_DARK = {
+    '--jw-line-height-base': '1.7',
+    '--jw-block-spacing': '1em',
+    '--jw-nested-list-gap': '0.35em',
+    '--jw-quote-gap': '0.6em',
+    '--jw-bg-color': '#15171c',
+    '--jw-text-color': '#e8e9ed',
+    '--jw-link-color': '#8ab4f8',
+    '--jw-quote-border-color': '#343843',
+    '--jw-quote-border-color-2': '#2c313a',
+    '--jw-quote-border-color-3': '#252a33',
+    '--jw-quote-background': '#1d2028',
+    '--jw-quote-text': '#c9ccd5',
+    '--jw-border-color': '#333844',
+    '--jw-border-color-subtle': '#282d38',
+    '--jw-border-color-strong': '#434958',
+    '--jw-text-muted': '#b3b7c2',
+    '--jw-text-subtle': '#9aa0ad',
+    '--jw-text-strong': '#d7d9e2',
+    '--jw-text-faint': '#7c8494',
+    '--jw-surface-code': '#1c1f26',
+    '--jw-surface-task': '#262b36',
+    '--jw-surface-overlay-1': 'rgba(255, 255, 255, 0.03)',
+    '--jw-surface-overlay-2': 'rgba(255, 255, 255, 0.06)',
+    '--jw-surface-overlay-3': 'rgba(255, 255, 255, 0.1)',
+    '--jw-highlight-marker': '#d2b21f',
+    '--jw-task-done-bg': '#cfd3dd',
+    '--jw-task-done-text': '#1c1f26',
+    '--jw-task-not-done-cross': '#eef1f7',
+    '--jw-task-in-progress': '#b7bdca',
+    '--jw-color-red': exports.PRESET_COLORS.red,
+    '--jw-color-orange': exports.PRESET_COLORS.orange,
+    '--jw-color-yellow': exports.PRESET_COLORS.yellow,
+    '--jw-color-green': exports.PRESET_COLORS.green,
+    '--jw-color-cyan': exports.PRESET_COLORS.cyan,
+    '--jw-color-blue': exports.PRESET_COLORS.blue,
+    '--jw-color-purple': exports.PRESET_COLORS.purple,
+    '--jw-color-black': exports.PRESET_COLORS.black,
+    '--jw-color-darkgray': exports.PRESET_COLORS.darkgray,
+    '--jw-color-gray': exports.PRESET_COLORS.gray,
+    '--jw-strong-color': '#f3f5f8',
+    '--jw-strong-weight': '700',
+    '--jw-underline-color': '#8ab4f8',
+    '--jw-underline-thickness': '0.08em',
+    '--jw-underline-offset': '0.12em',
+    '--jw-wave-color': '#8ab4f8',
+    '--jw-strike-color': '#98a2b3',
+    '--jw-table-border-color': '#374151',
+    '--jw-table-header-bg': '#1f2937',
+    '--jw-table-header-text': '#d1d5db',
+    '--jw-table-row-bg': '#141922',
+    '--jw-table-row-alt-bg': '#171d28',
+    '--jw-code-block-bg': '#1c1f26',
+    '--jw-code-border-color': '#313846',
+    '--jw-code-header-bg': 'rgba(255, 255, 255, 0.05)',
+    '--jw-code-header-text': '#b8c2d3',
+    '--jw-code-lang-bg': 'rgba(255, 255, 255, 0.08)',
+    '--jw-code-lang-text': '#d1d8e3',
+    '--jw-code-copy-border': '#4b5563',
+    '--jw-code-copy-hover-bg': 'rgba(255, 255, 255, 0.12)',
+    '--jw-code-line-number-color': '#8b95a7',
+};
+exports.DEFAULT_THEME_CONFIG = {
+    light: exports.DEFAULT_THEME_TOKENS_LIGHT,
+    dark: exports.DEFAULT_THEME_TOKENS_DARK,
+    includeAutoDark: true,
+};
 exports.DEFAULT_CSS = [
     exports.DEFAULT_THEME.baseCss,
     exports.DEFAULT_THEME.lightCss,
     exports.DEFAULT_THEME.darkCss,
 ].join('\n');
-exports.PRESET_COLORS = colors_1.default;
+function renderTokenDeclarations(tokens) {
+    return exports.JIANWEN_THEME_TOKEN_KEYS.map((key) => `  ${key}: ${tokens[key]};`).join('\n');
+}
+function renderTokenBlock(selector, tokens) {
+    return `${selector} {\n${renderTokenDeclarations(tokens)}\n}`;
+}
+function resolveThemeConfig(theme) {
+    return {
+        light: {
+            ...exports.DEFAULT_THEME_TOKENS_LIGHT,
+            ...(theme.light ?? {}),
+        },
+        dark: {
+            ...exports.DEFAULT_THEME_TOKENS_DARK,
+            ...(theme.dark ?? {}),
+        },
+        includeAutoDark: theme.includeAutoDark ?? true,
+    };
+}
+function renderThemeTokenCss(theme) {
+    const resolved = resolveThemeConfig(theme);
+    const parts = [
+        renderTokenBlock(':where(.jw-root)', resolved.light),
+        renderTokenBlock(':where(.jw-root)[data-jw-theme="dark"]', resolved.dark),
+    ];
+    if (resolved.includeAutoDark) {
+        parts.push(`@media (prefers-color-scheme: dark) {
+  ${renderTokenBlock(':where(.jw-root)[data-jw-theme="auto"]', resolved.dark)}
+}`);
+    }
+    return parts.join('\n');
+}
+function composeThemeCss(options = {}) {
+    const preset = options.preset ?? 'default';
+    const extraCss = options.extraCss?.trim() ?? '';
+    const parts = [];
+    if (preset === 'default') {
+        parts.push(exports.DEFAULT_CSS);
+    }
+    if (options.theme) {
+        parts.push(renderThemeTokenCss(options.theme));
+    }
+    if (extraCss) {
+        parts.push(extraCss);
+    }
+    return parts.join('\n');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jianwen-lang/parser",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "JianWen language parser implemented in TypeScript",
   "main": "dist/parser.js",
   "types": "dist/parser.d.ts",