@damiro/stylo 0.11.0 → 0.13.0

package/dist/Preview-C5Oi_jpI.js

@@ -0,0 +1,238 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./markdown-BYXs9Tj8.js";
+import { a as s, i as c, o as l, t as u } from "./highlight-DNGJlCDY.js";
+import { a as d, i as f, n as p, o as m, t as h } from "./embed-Dsu6b-MV.js";
+import { useEffect as g, useMemo as _, useState as v } from "react";
+import { LanguageDescription as y } from "@codemirror/language";
+import { highlightTree as b, tagHighlighter as x } from "@lezer/highlight";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/render/highlightCode.ts
+var w = x(u.map(({ tags: e, token: t }) => ({
+	tag: e,
+	class: `stylo-tok-${t}`
+}))), T = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;"
+}, E = (e) => e.replace(/[&<>]/g, (e) => T[e] ?? e);
+function D(e, t) {
+	return typeof t == "function" ? t(e) : y.matchLanguageName(t, e, !0);
+}
+async function O(e, t, n) {
+	let r = /\S*/.exec(t)?.[0] ?? "";
+	if (!r) return null;
+	let i = D(r, n);
+	if (!i) return null;
+	let a;
+	if (i instanceof y) try {
+		a = (await i.load()).language;
+	} catch {
+		return null;
+	}
+	else a = i;
+	let o = a.parser.parse(e), s = "", c = 0;
+	return b(o, w, (t, n, r) => {
+		t > c && (s += E(e.slice(c, t))), s += `<span class="${r}">${E(e.slice(t, n))}</span>`, c = n;
+	}), c < e.length && (s += E(e.slice(c))), s;
+}
+//#endregion
+//#region src/render/CodeBlock.tsx
+function k({ code: e, language: t, codeLanguages: n, className: r }) {
+	let [i, a] = v(null);
+	return g(() => {
+		let r = !0;
+		return a(null), O(e, t, n).then((e) => {
+			r && a(e);
+		}), () => {
+			r = !1;
+		};
+	}, [
+		e,
+		t,
+		n
+	]), i == null ? /* @__PURE__ */ S("code", {
+		className: r,
+		children: e
+	}) : /* @__PURE__ */ S("code", {
+		className: r,
+		dangerouslySetInnerHTML: { __html: i }
+	});
+}
+//#endregion
+//#region src/render/remark-callout.ts
+function A() {
+	return (e) => {
+		r(e, "blockquote", (e) => {
+			let t = e.children[0];
+			if (t?.type !== "paragraph") return;
+			let n = t.children[0];
+			if (n?.type !== "text") return;
+			let r = f.exec(n.value);
+			if (!r) return;
+			n.value = n.value.slice(r[0].length);
+			let i = r[1].toLowerCase();
+			e.data ??= {};
+			let a = e.data.hProperties ??= {};
+			a.className = ["stylo-callout", `stylo-callout-${d(i)}`], a["data-callout"] = i;
+		});
+	};
+}
+//#endregion
+//#region src/render/remark-embed.ts
+function j() {
+	return (e) => {
+		r(e, "paragraph", (e) => {
+			let t = e.children.length === 1 ? e.children[0] : void 0;
+			if (t?.type !== "text" || !p(t.value)) return;
+			h.lastIndex = 0;
+			let n = (h.exec(t.value.trim())?.[1] ?? "").trim();
+			n && (e.children = [], e.data ??= {}, e.data.hName = "div", e.data.hProperties = {
+				className: ["stylo-embed"],
+				"data-stylo-embed": n
+			});
+		}), r(e, "text", (e, t, n) => {
+			if (t == null || n == null || !e.value.includes("![[")) return;
+			let r = [], i = 0;
+			h.lastIndex = 0;
+			for (let t of e.value.matchAll(h)) {
+				let n = (t[1] ?? "").trim();
+				if (!n) continue;
+				let a = t.index ?? 0;
+				a > i && r.push({
+					type: "text",
+					value: e.value.slice(i, a)
+				}), r.push({
+					type: "text",
+					value: "",
+					data: {
+						hName: "span",
+						hProperties: {
+							className: ["stylo-embed"],
+							"data-stylo-embed-inline": n
+						},
+						hChildren: []
+					}
+				}), i = a + t[0].length;
+			}
+			if (r.length) return i < e.value.length && r.push({
+				type: "text",
+				value: e.value.slice(i)
+			}), n.children.splice(t, 1, ...r), [a, t + r.length];
+		});
+	};
+}
+//#endregion
+//#region src/render/remark-wikilink.ts
+function M() {
+	return (e) => {
+		r(e, "text", (e, t, n) => {
+			if (n == null || t == null || !e.value.includes("[[")) return;
+			let r = [], i = 0;
+			for (let t of e.value.matchAll(s)) {
+				let [n = "", a = "", o] = t, s = t.index ?? 0;
+				s > i && r.push({
+					type: "text",
+					value: e.value.slice(i, s)
+				}), r.push({
+					type: "link",
+					url: "#",
+					data: { hProperties: { "data-wikilink": a.trim() } },
+					children: [{
+						type: "text",
+						value: (o ?? a).trim()
+					}]
+				}), i = s + n.length;
+			}
+			if (i !== 0) return i < e.value.length && r.push({
+				type: "text",
+				value: e.value.slice(i)
+			}), n.children.splice(t, 1, ...r), t + r.length;
+		});
+	};
+}
+//#endregion
+//#region src/render/Preview.tsx
+var N = [t];
+function P({ value: t, onWikiLinkClick: r, embedSource: a, onResolveError: s, frontmatter: u = "hidden", codeLanguages: d }) {
+	let f = u === "code" ? c(t) : null, p = _(() => [
+		i,
+		n,
+		o,
+		...a ? [j] : [],
+		M,
+		A
+	], [a]);
+	return /* @__PURE__ */ C("div", {
+		className: l.preview,
+		children: [f && /* @__PURE__ */ S("div", {
+			className: "stylo-frontmatter",
+			children: f.frontmatter
+		}), /* @__PURE__ */ S(e, {
+			remarkPlugins: p,
+			rehypePlugins: N,
+			components: {
+				a({ node: e, children: t, ...n }) {
+					let i = n["data-wikilink"];
+					return typeof i == "string" ? /* @__PURE__ */ S("a", {
+						...n,
+						href: "#",
+						onClick: (e) => {
+							e.preventDefault(), r?.(i);
+						},
+						children: t
+					}) : /* @__PURE__ */ S("a", {
+						...n,
+						rel: "noreferrer",
+						children: t
+					});
+				},
+				div({ node: e, children: t, ...n }) {
+					let r = n["data-stylo-embed"];
+					return typeof r == "string" && a ? /* @__PURE__ */ S("div", {
+						...n,
+						children: /* @__PURE__ */ S(m, {
+							reference: r,
+							source: a,
+							onError: s
+						})
+					}) : /* @__PURE__ */ S("div", {
+						...n,
+						children: t
+					});
+				},
+				span({ node: e, children: t, ...n }) {
+					let r = n["data-stylo-embed-inline"];
+					return typeof r == "string" && a ? /* @__PURE__ */ S("span", {
+						...n,
+						children: /* @__PURE__ */ S(m, {
+							reference: r,
+							source: a,
+							onError: s,
+							inline: !0
+						})
+					}) : /* @__PURE__ */ S("span", {
+						...n,
+						children: t
+					});
+				},
+				code({ node: e, className: t, children: n, ...r }) {
+					let i = /language-(\w+)/.exec(t || "")?.[1];
+					return i && d ? /* @__PURE__ */ S(k, {
+						className: t,
+						language: i,
+						code: String(n).replace(/\n$/, ""),
+						codeLanguages: d
+					}) : /* @__PURE__ */ S("code", {
+						...r,
+						className: t,
+						children: n
+					});
+				}
+			},
+			children: t
+		})]
+	});
+}
+//#endregion
+export { P as Preview };
+
+//# sourceMappingURL=Preview-C5Oi_jpI.js.map

package/dist/Preview-C5Oi_jpI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-C5Oi_jpI.js","names":[],"sources":["../src/render/highlightCode.ts","../src/render/CodeBlock.tsx","../src/render/remark-callout.ts","../src/render/remark-embed.ts","../src/render/remark-wikilink.ts","../src/render/Preview.tsx"],"sourcesContent":["import { LanguageDescription, type Language } from \"@codemirror/language\"\nimport { highlightTree, tagHighlighter } from \"@lezer/highlight\"\nimport { SYNTAX_TAG_GROUPS } from \"../editor/highlight\"\nimport type { CodeLanguages } from \"../types\"\n\n/**\n * `preview`'s counterpart to `src/editor/highlight.ts`'s `styloHighlightStyle`\n * — same `SYNTAX_TAG_GROUPS`, same tags, but emitting plain `stylo-tok-<token>`\n * classes (styled in `stylo.module.css`) instead of a CodeMirror `StyleModule`,\n * since `highlightTree` here runs outside of any `EditorView`.\n */\nconst previewHighlighter = tagHighlighter(\n  SYNTAX_TAG_GROUPS.map(({ tags, token }) => ({ tag: tags, class: `stylo-tok-${token}` })),\n)\n\nconst ESCAPES: Record<string, string> = { \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }\nconst escapeHtml = (text: string) => text.replace(/[&<>]/g, (c) => ESCAPES[c] ?? c)\n\n/**\n * Resolves a fence's language the same way `@codemirror/lang-markdown`\n * resolves `codeLanguages` for the CodeMirror surfaces, so a name that matches\n * on one matches on the other: the function form is called with the name\n * directly, an array is matched fuzzily by `LanguageDescription.matchLanguageName`.\n */\nfunction resolveLanguage(\n  name: string,\n  codeLanguages: CodeLanguages,\n): Language | LanguageDescription | null {\n  if (typeof codeLanguages === \"function\") return codeLanguages(name)\n  return LanguageDescription.matchLanguageName(codeLanguages, name, true)\n}\n\n/**\n * Tokenizes one fenced code block for `preview`, reusing the exact grammars\n * and colour mapping the in-place canvas's CodeMirror highlighter uses, so a\n * block looks identical whether the note is being read or edited. Returns\n * `null` — the block stays plain, un-highlighted text — when `codeLanguages`\n * has no match for `info`, or the match fails to load.\n */\nexport async function highlightToHtml(\n  code: string,\n  info: string,\n  codeLanguages: CodeLanguages,\n): Promise<string | null> {\n  const name = /\\S*/.exec(info)?.[0] ?? \"\"\n  if (!name) return null\n\n  const match = resolveLanguage(name, codeLanguages)\n  if (!match) return null\n\n  let language: Language\n  if (match instanceof LanguageDescription) {\n    try {\n      language = (await match.load()).language\n    } catch {\n      return null\n    }\n  } else {\n    language = match\n  }\n\n  const tree = language.parser.parse(code)\n  let html = \"\"\n  let pos = 0\n  highlightTree(tree, previewHighlighter, (from, to, classes) => {\n    if (from > pos) html += escapeHtml(code.slice(pos, from))\n    html += `<span class=\"${classes}\">${escapeHtml(code.slice(from, to))}</span>`\n    pos = to\n  })\n  if (pos < code.length) html += escapeHtml(code.slice(pos))\n  return html\n}\n","import { useEffect, useState } from \"react\"\nimport type { CodeLanguages } from \"../types\"\nimport { highlightToHtml } from \"./highlightCode\"\n\ninterface CodeBlockProps {\n  code: string\n  language: string\n  codeLanguages: CodeLanguages\n  className?: string\n}\n\n/**\n * One fenced code block in `preview`. Renders plain text immediately — so\n * there is never a loading flash for something this small — then swaps in\n * `--stylo-syntax-*`-coloured spans once `codeLanguages` resolves and the\n * block's grammar parses. Per-language grammars stay exactly as lazy as they\n * already are for the CodeMirror surfaces (`codeLanguages` is host-supplied),\n * so a `preview`-only consumer never pays for one it never shows.\n */\nexport function CodeBlock({ code, language, codeLanguages, className }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null)\n\n  useEffect(() => {\n    let live = true\n    setHtml(null)\n    highlightToHtml(code, language, codeLanguages).then((result) => {\n      if (live) setHtml(result)\n    })\n    return () => {\n      live = false\n    }\n  }, [code, language, codeLanguages])\n\n  if (html == null) return <code className={className}>{code}</code>\n  // `html` is built in highlightCode.ts from the parsed source text (HTML-escaped)\n  // and fixed `stylo-tok-*` class names only — no host or document input reaches it.\n  return <code className={className} dangerouslySetInnerHTML={{ __html: html }} />\n}\n","import type { Blockquote, Root } from \"mdast\"\nimport { visit } from \"unist-util-visit\"\nimport { CALLOUT_TOKEN, calloutBucket } from \"../callout\"\n\n/**\n * Turns an Obsidian callout blockquote (`> [!note] Title`) into a\n * `<blockquote class=\"stylo-callout stylo-callout-<bucket>\" data-callout=\"note\">`.\n * The `[!type]` token is stripped from the first line; a `::before` label keyed\n * off `data-callout` stands in for it (matching the in-place canvas). The\n * `-` / `+` fold marker is accepted and ignored — the box always renders open.\n */\nexport function remarkCallout() {\n  return (tree: Root) => {\n    visit(tree, \"blockquote\", (node: Blockquote) => {\n      const para = node.children[0]\n      if (para?.type !== \"paragraph\") return\n      const first = para.children[0]\n      if (first?.type !== \"text\") return\n\n      const m = CALLOUT_TOKEN.exec(first.value)\n      if (!m) return\n\n      first.value = first.value.slice(m[0].length)\n      const type = m[1]!.toLowerCase()\n      node.data ??= {}\n      const props = (node.data.hProperties ??= {}) as Record<string, unknown>\n      props.className = [\"stylo-callout\", `stylo-callout-${calloutBucket(type)}`]\n      props[\"data-callout\"] = type\n    })\n  }\n}\n","import type { Paragraph, PhrasingContent, Root, Text } from \"mdast\"\nimport { SKIP, visit } from \"unist-util-visit\"\nimport { EMBED_PATTERN, isLoneEmbed } from \"../embed\"\n\n/**\n * Turns `![[ref]]` transclusion syntax into empty carrier elements the `Embed`\n * component (wired in `Preview`) fills from the host's `embedSource`.\n *\n * - A **lone** `![[ref]]` — the whole paragraph, trimmed — becomes a block\n *   `<div class=\"stylo-embed\" data-stylo-embed=\"ref\">`.\n * - A `![[ref]]` **inside other text** becomes an inline\n *   `<span class=\"stylo-embed\" data-stylo-embed-inline=\"ref\">`, and the\n *   surrounding text is preserved around it. The host node should be phrasing\n *   content in this case.\n *\n * `![[…]]` inside inline or fenced code is left literal (it is not a `text`\n * node). Must run before `remarkWikilink`, or the inner `[[ref]]` is rewritten\n * to a link first. Off unless the consumer passes `embedSource` — `Preview` only\n * adds this plugin then.\n */\nexport function remarkEmbed() {\n  return (tree: Root) => {\n    visit(tree, \"paragraph\", (node: Paragraph) => {\n      const only = node.children.length === 1 ? node.children[0] : undefined\n      if (only?.type !== \"text\" || !isLoneEmbed(only.value)) return\n\n      EMBED_PATTERN.lastIndex = 0\n      const ref = (EMBED_PATTERN.exec(only.value.trim())?.[1] ?? \"\").trim()\n      if (!ref) return\n\n      node.children = []\n      node.data ??= {}\n      node.data.hName = \"div\"\n      node.data.hProperties = { className: [\"stylo-embed\"], \"data-stylo-embed\": ref }\n    })\n\n    visit(tree, \"text\", (node: Text, index, parent) => {\n      if (index == null || parent == null || !node.value.includes(\"![[\")) return\n\n      const parts: PhrasingContent[] = []\n      let cursor = 0\n      // `matchAll` seeds its internal copy from the shared regex's `lastIndex`;\n      // reset it so the scan starts at 0 (the lone-paragraph pass above left it\n      // mid-string).\n      EMBED_PATTERN.lastIndex = 0\n      for (const match of node.value.matchAll(EMBED_PATTERN)) {\n        const ref = (match[1] ?? \"\").trim()\n        if (!ref) continue\n        const start = match.index ?? 0\n        if (start > cursor) parts.push({ type: \"text\", value: node.value.slice(cursor, start) })\n        parts.push({\n          type: \"text\",\n          value: \"\",\n          data: {\n            hName: \"span\",\n            hProperties: { className: [\"stylo-embed\"], \"data-stylo-embed-inline\": ref },\n            hChildren: [],\n          },\n        })\n        cursor = start + match[0].length\n      }\n\n      if (!parts.length) return\n      if (cursor < node.value.length) parts.push({ type: \"text\", value: node.value.slice(cursor) })\n      parent.children.splice(index, 1, ...parts)\n      return [SKIP, index + parts.length]\n    })\n  }\n}\n","import type { Link, Root, Text } from \"mdast\"\nimport { visit } from \"unist-util-visit\"\nimport { WIKILINK_PATTERN } from \"../wikilink\"\n\n/**\n * Rewrites `[[target]]` and `[[target|label]]` inside text into link nodes that\n * carry a `data-wikilink` attribute holding the target. The rendered href is\n * inert (`#`); navigation is the host's job via `onWikiLinkClick`.\n */\nexport function remarkWikilink() {\n  return (tree: Root) => {\n    visit(tree, \"text\", (node: Text, index, parent) => {\n      if (parent == null || index == null || !node.value.includes(\"[[\")) return\n\n      const out: Array<Text | Link> = []\n      let cursor = 0\n\n      for (const match of node.value.matchAll(WIKILINK_PATTERN)) {\n        const [raw = \"\", rawTarget = \"\", rawLabel] = match\n        const start = match.index ?? 0\n        if (start > cursor) {\n          out.push({ type: \"text\", value: node.value.slice(cursor, start) })\n        }\n        out.push({\n          type: \"link\",\n          url: \"#\",\n          data: { hProperties: { \"data-wikilink\": rawTarget.trim() } },\n          children: [{ type: \"text\", value: (rawLabel ?? rawTarget).trim() }],\n        })\n        cursor = start + raw.length\n      }\n\n      if (cursor === 0) return\n      if (cursor < node.value.length) {\n        out.push({ type: \"text\", value: node.value.slice(cursor) })\n      }\n\n      parent.children.splice(index, 1, ...out)\n      return index + out.length\n    })\n  }\n}\n","import { useMemo } from \"react\"\nimport Markdown, { type Components } from \"react-markdown\"\nimport rehypeKatex from \"rehype-katex\"\nimport remarkFrontmatter from \"remark-frontmatter\"\nimport remarkGfm from \"remark-gfm\"\nimport remarkMath from \"remark-math\"\nimport { splitFrontmatter } from \"../frontmatter\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo } from \"../types\"\nimport { CodeBlock } from \"./CodeBlock\"\nimport { Embed } from \"./Embed\"\nimport { remarkCallout } from \"./remark-callout\"\nimport { remarkEmbed } from \"./remark-embed\"\nimport { remarkWikilink } from \"./remark-wikilink\"\n\nconst REHYPE_PLUGINS = [rehypeKatex]\n\nexport interface PreviewProps {\n  value: string\n  onWikiLinkClick?: (target: string) => void\n  /** Resolves `![[ref]]` embeds. Omit and `![[…]]` stays literal. */\n  embedSource?: EmbedSource\n  /** Notified when `embedSource` rejects; the literal fallback still renders. */\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  /** `\"code\"` renders the `---` block as a styled `<pre>`; `\"hidden\"` (default) drops it. */\n  frontmatter?: FrontmatterDisplay\n  /**\n   * Grammars for fenced-code syntax highlighting, matching the CodeMirror\n   * surfaces' `codeLanguages` prop exactly (same resolution rules, same\n   * `--stylo-syntax-*` colours). Omit and fenced code renders as plain,\n   * un-highlighted text — today's behaviour.\n   */\n  codeLanguages?: CodeLanguages\n}\n\n/** Rendered Markdown + KaTeX view. A pure function of the string. */\nexport function Preview({\n  value,\n  onWikiLinkClick,\n  embedSource,\n  onResolveError,\n  frontmatter = \"hidden\",\n  codeLanguages,\n}: PreviewProps) {\n  const fm = frontmatter === \"code\" ? splitFrontmatter(value) : null\n\n  // `remarkEmbed` must precede `remarkWikilink` (it consumes the `![[…]]` before\n  // the inner `[[…]]` is rewritten) and is only in the pipeline when the host\n  // opts in, so a bare `![[x]]` renders unchanged otherwise.\n  const remarkPlugins = useMemo(\n    () => [\n      remarkFrontmatter,\n      remarkGfm,\n      remarkMath,\n      ...(embedSource ? [remarkEmbed] : []),\n      remarkWikilink,\n      remarkCallout,\n    ],\n    [embedSource],\n  )\n\n  const components: Components = {\n    a({ node: _node, children, ...rest }) {\n      const target = (rest as Record<string, unknown>)[\"data-wikilink\"]\n      if (typeof target === \"string\") {\n        return (\n          <a\n            {...rest}\n            href=\"#\"\n            onClick={(event) => {\n              event.preventDefault()\n              onWikiLinkClick?.(target)\n            }}\n          >\n            {children}\n          </a>\n        )\n      }\n      return (\n        <a {...rest} rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    },\n    div({ node: _node, children, ...rest }) {\n      const reference = (rest as Record<string, unknown>)[\"data-stylo-embed\"]\n      if (typeof reference === \"string\" && embedSource) {\n        return (\n          <div {...rest}>\n            <Embed reference={reference} source={embedSource} onError={onResolveError} />\n          </div>\n        )\n      }\n      return <div {...rest}>{children}</div>\n    },\n    span({ node: _node, children, ...rest }) {\n      const reference = (rest as Record<string, unknown>)[\"data-stylo-embed-inline\"]\n      if (typeof reference === \"string\" && embedSource) {\n        return (\n          <span {...rest}>\n            <Embed reference={reference} source={embedSource} onError={onResolveError} inline />\n          </span>\n        )\n      }\n      return <span {...rest}>{children}</span>\n    },\n    code({ node: _node, className, children, ...rest }) {\n      const language = /language-(\\w+)/.exec(className || \"\")?.[1]\n      if (language && codeLanguages) {\n        return (\n          <CodeBlock\n            className={className}\n            language={language}\n            code={String(children).replace(/\\n$/, \"\")}\n            codeLanguages={codeLanguages}\n          />\n        )\n      }\n      return (\n        <code {...rest} className={className}>\n          {children}\n        </code>\n      )\n    },\n  }\n\n  return (\n    <div className={styles.preview}>\n      {fm && <div className=\"stylo-frontmatter\">{fm.frontmatter}</div>}\n      <Markdown\n        remarkPlugins={remarkPlugins}\n        rehypePlugins={REHYPE_PLUGINS}\n        components={components}\n      >\n        {value}\n      </Markdown>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/SplitView.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { EditorView } from "@codemirror/view";
-import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo, WikiLinkSource } from "./types";
+import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo, TagSource, WikiLinkSource } from "./types";
 export interface SplitViewProps {
     value: string;
     onChange: (next: string) => void;
@@ -9,6 +9,7 @@ export interface SplitViewProps {
     placeholder?: string;
     codeLanguages?: CodeLanguages;
     wikiLinkSource?: WikiLinkSource;
+    tagSource?: TagSource;
     embedSource?: EmbedSource;
     onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     frontmatter?: FrontmatterDisplay;
@@ -27,5 +28,5 @@ export interface SplitViewProps {
  * Stylo root to have a bounded height — otherwise both panes grow and the page
  * scrolls instead.
  */
-export declare function SplitView({ value, onChange, onWikiLinkClick, readOnly, placeholder, codeLanguages, wikiLinkSource, embedSource, onResolveError, frontmatter, onSave, onViewChange, canvasHeader, }: SplitViewProps): import("react").JSX.Element;
+export declare function SplitView({ value, onChange, onWikiLinkClick, readOnly, placeholder, codeLanguages, wikiLinkSource, tagSource, embedSource, onResolveError, frontmatter, onSave, onViewChange, canvasHeader, }: SplitViewProps): import("react").JSX.Element;
 //# sourceMappingURL=SplitView.d.ts.map

package/dist/SplitView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitView.d.ts","sourceRoot":"","sources":["../src/SplitView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlD,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/D;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,+BAiEhB"}
+{"version":3,"file":"SplitView.d.ts","sourceRoot":"","sources":["../src/SplitView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlD,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/D;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,+BAmEhB"}

package/dist/Stylo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stylo.d.ts","sourceRoot":"","sources":["../src/Stylo.tsx"],"names":[],"mappings":"AAUA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAoB,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAExE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,oGAqLhB,CAAA"}
+{"version":3,"file":"Stylo.d.ts","sourceRoot":"","sources":["../src/Stylo.tsx"],"names":[],"mappings":"AAUA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAoB,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAExE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,oGA0LhB,CAAA"}

package/dist/editor/SourceView.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { EditorView } from "@codemirror/view";
-import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, TagSource, WikiLinkSource } from "../types";
 export interface SourceViewProps {
     value: string;
     onChange: (next: string) => void;
@@ -10,7 +10,9 @@ export interface SourceViewProps {
     codeLanguages?: CodeLanguages;
     /** `[[wikilink]]` autocomplete source. Read once. */
     wikiLinkSource?: WikiLinkSource;
-    /** Notified when `wikiLinkSource` rejects. */
+    /** `#tag` autocomplete source. Read once. */
+    tagSource?: TagSource;
+    /** Notified when `wikiLinkSource` or `tagSource` rejects. */
     onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     /** Called with the doc string on `Mod-s`. */
     onSave?: (value: string) => void;
@@ -22,5 +24,5 @@ export interface SourceViewProps {
     }) => ReactNode;
 }
 /** Raw CodeMirror 6 Markdown surface bound to the canonical string. */
-export declare function SourceView({ value, onChange, readOnly, placeholder, codeLanguages, wikiLinkSource, onResolveError, onSave, onViewChange, canvasHeader, }: SourceViewProps): import("react").JSX.Element;
+export declare function SourceView({ value, onChange, readOnly, placeholder, codeLanguages, wikiLinkSource, tagSource, onResolveError, onSave, onViewChange, canvasHeader, }: SourceViewProps): import("react").JSX.Element;
 //# sourceMappingURL=SourceView.d.ts.map

package/dist/editor/SourceView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceView.d.ts","sourceRoot":"","sources":["../../src/editor/SourceView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO/E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,qDAAqD;IACrD,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/D;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,eAAe,+BAwCjB"}
+{"version":3,"file":"SourceView.d.ts","sourceRoot":"","sources":["../../src/editor/SourceView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO1F,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,qDAAqD;IACrD,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/D;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAc,EACd,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,eAAe,+BAyCjB"}

package/dist/editor/extensions.d.ts

@@ -1,5 +1,5 @@
 import { type Extension } from "@codemirror/state";
-import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, TagSource, WikiLinkSource } from "../types";
 /**
  * Static extensions — created once with the view.
  *
@@ -10,7 +10,7 @@ import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
  * consumer opts in with exactly the set they want. See the 2026-09-01 journal
  * note and the ADR-001 amendment.
  */
-export declare function baseExtensions(codeLanguages?: CodeLanguages, wikiLinkSource?: WikiLinkSource, onResolveError?: (error: unknown, info: ResolveErrorInfo) => void): Extension;
+export declare function baseExtensions(codeLanguages?: CodeLanguages, wikiLinkSource?: WikiLinkSource, onResolveError?: (error: unknown, info: ResolveErrorInfo) => void, tagSource?: TagSource): Extension;
 /** Extensions that depend on props and are swapped via a compartment on change. */
 export declare function dynamicConfig(opts: {
     readOnly: boolean;

package/dist/editor/extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../src/editor/extensions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAA;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO/E;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,aAAa,CAAC,EAAE,aAAa,EAC7B,cAAc,CAAC,EAAE,cAAc,EAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAChE,SAAS,CAuBX;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,GAAG,SAAS,CAOZ"}
+{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../src/editor/extensions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAA;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAQ1F;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,aAAa,CAAC,EAAE,aAAa,EAC7B,cAAc,CAAC,EAAE,cAAc,EAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,EACjE,SAAS,CAAC,EAAE,SAAS,GACpB,SAAS,CAyBX;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,GAAG,SAAS,CAOZ"}

package/dist/editor/highlight.d.ts

@@ -1,4 +1,24 @@
 import { HighlightStyle } from "@codemirror/language";
+import { type Tag } from "@lezer/highlight";
+/**
+ * One row per `--stylo-syntax-*` token: which Lezer tags map to it, and
+ * whether it reads italic. This is the single source of truth for fenced-code
+ * colour — `styloHighlightStyle` below builds the live CodeMirror extension
+ * from it, and `src/render/highlightCode.ts` builds `preview`'s tree-walking
+ * highlighter (a `tagHighlighter` emitting `stylo-tok-<token>` classes,
+ * styled in `stylo.module.css`) from the same list, so both surfaces agree by
+ * construction rather than by two hand-kept mappings staying in sync.
+ *
+ * `token` doubles as the `--stylo-syntax-<token>` suffix and the
+ * `stylo-tok-<token>` class suffix. `meta` shares its colour with `comment`
+ * but isn't italic, so it gets its own row rather than merging into it.
+ */
+export interface SyntaxTagGroup {
+    token: string;
+    tags: Tag[];
+    italic?: boolean;
+}
+export declare const SYNTAX_TAG_GROUPS: SyntaxTagGroup[];
 /**
  * Token colours for fenced code and any other embedded-language grammar.
  *

package/dist/editor/highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/editor/highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAA;AAGzE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,gBAiC9B,CAAA;AAEF,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,uCAA0C,CAAA"}
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/editor/highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,cAAc,EA8B7C,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,gBAM/B,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,uCAA0C,CAAA"}

package/dist/editor/tag-complete.d.ts

@@ -0,0 +1,16 @@
+import { type CompletionContext, type CompletionResult } from "@codemirror/autocomplete";
+import type { Extension } from "@codemirror/state";
+import type { ResolveErrorInfo, TagSource } from "../types";
+type OnResolveError = (error: unknown, info: ResolveErrorInfo) => void;
+/**
+ * The completion source. Exposed for unit tests; consumers use `tagCompletion`.
+ */
+export declare function tagCompletionSource(source: TagSource, onError?: OnResolveError): (ctx: CompletionContext) => Promise<CompletionResult | null>;
+/**
+ * `#tag` autocomplete. Off unless the host passes `tagSource`. Registered
+ * through the Markdown language data, so it is inert inside a fenced code
+ * block and leaves any embedded-language completions intact.
+ */
+export declare function tagCompletion(source?: TagSource, onError?: OnResolveError): Extension;
+export {};
+//# sourceMappingURL=tag-complete.d.ts.map

package/dist/editor/tag-complete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-complete.d.ts","sourceRoot":"","sources":["../../src/editor/tag-complete.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAiB,SAAS,EAAE,MAAM,UAAU,CAAA;AAE1E,KAAK,cAAc,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;AAyBtE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,SAC1D,iBAAiB,KAAG,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CA8BxE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAMrF"}

package/dist/editor/useCodeMirror.d.ts

@@ -1,6 +1,6 @@
 import { type Extension } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
-import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, TagSource, WikiLinkSource } from "../types";
 export interface UseCodeMirrorOptions {
     value: string;
     onChange: (next: string) => void;
@@ -19,12 +19,17 @@ export interface UseCodeMirrorOptions {
     codeLanguages?: CodeLanguages;
     /** `[[wikilink]]` autocomplete source. Read once. */
     wikiLinkSource?: WikiLinkSource;
-    /** Notified when `wikiLinkSource` rejects. Reached through a stable wrapper. */
+    /** `#tag` autocomplete source. Read once. */
+    tagSource?: TagSource;
+    /**
+     * Notified when `wikiLinkSource` or `tagSource` rejects. Reached through a
+     * stable wrapper.
+     */
     onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
 }
 /**
  * Owns a CodeMirror `EditorView` for the lifetime of the host element and keeps
  * it in sync with a controlled Markdown string. Returns a ref for the container.
  */
-export declare function useCodeMirror({ value, onChange, readOnly, placeholder, onSave, onViewChange, extensions, codeLanguages, wikiLinkSource, onResolveError, }: UseCodeMirrorOptions): import("react").RefObject<HTMLDivElement | null>;
+export declare function useCodeMirror({ value, onChange, readOnly, placeholder, onSave, onViewChange, extensions, codeLanguages, wikiLinkSource, tagSource, onResolveError, }: UseCodeMirrorOptions): import("react").RefObject<HTMLDivElement | null>;
 //# sourceMappingURL=useCodeMirror.d.ts.map

package/dist/editor/useCodeMirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/editor/useCodeMirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAwC,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAA;AAC9F,OAAO,EAAE,UAAU,EAAU,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO/E,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qFAAqF;IACrF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,oFAAoF;IACpF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,qDAAqD;IACrD,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,EACd,cAAc,GACf,EAAE,oBAAoB,oDA8EtB"}
+{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/editor/useCodeMirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAwC,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAA;AAC9F,OAAO,EAAE,UAAU,EAAU,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO1F,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qFAAqF;IACrF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,oFAAoF;IACpF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,qDAAqD;IACrD,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAc,GACf,EAAE,oBAAoB,oDA8EtB"}

package/dist/highlight-DNGJlCDY.js

@@ -0,0 +1,133 @@
+import { HighlightStyle as e, syntaxHighlighting as t } from "@codemirror/language";
+import { tags as n } from "@lezer/highlight";
+var r = {
+	root: "_root_113cr_1",
+	source: "_source_113cr_42",
+	inplace: "_inplace_113cr_57",
+	toolbar: "_toolbar_113cr_63",
+	toolbarGroup: "_toolbarGroup_113cr_75",
+	toolbarButton: "_toolbarButton_113cr_81",
+	toolbarSep: "_toolbarSep_113cr_140",
+	toolbarSticky: "_toolbarSticky_113cr_150",
+	toolbarStickyBottom: "_toolbarStickyBottom_113cr_150",
+	toolbarStickyTop: "_toolbarStickyTop_113cr_150",
+	toolbarStickyHidden: "_toolbarStickyHidden_113cr_219",
+	stickyToolbarRootBottom: "_stickyToolbarRootBottom_113cr_230",
+	stickyToolbarRootTop: "_stickyToolbarRootTop_113cr_235",
+	split: "_split_113cr_249",
+	splitPane: "_splitPane_113cr_256",
+	preview: "_preview_113cr_282"
+}, i = /\[\[([^\]|\n]+?)(?:\|([^\]\n]+?))?\]\]/g;
+//#endregion
+//#region src/frontmatter.ts
+function a(e) {
+	if (e.lines < 2 || e.line(1).text.trim() !== "---") return null;
+	for (let t = 2; t <= e.lines; t++) if (e.line(t).text.trim() === "---") return {
+		from: 0,
+		to: e.line(t).to
+	};
+	return null;
+}
+var o = /^---\r?\n(?:([\s\S]*?)\r?\n)?---[ \t]*(?:\r?\n|$)/;
+function s(e) {
+	let t = o.exec(e);
+	return t ? {
+		frontmatter: t[1] ?? "",
+		body: e.slice(t[0].length)
+	} : null;
+}
+//#endregion
+//#region src/editor/highlight.ts
+var c = [
+	{
+		token: "keyword",
+		tags: [
+			n.keyword,
+			n.modifier,
+			n.controlKeyword,
+			n.operatorKeyword,
+			n.definitionKeyword,
+			n.moduleKeyword
+		]
+	},
+	{
+		token: "string",
+		tags: [
+			n.string,
+			n.special(n.string),
+			n.regexp,
+			n.attributeValue
+		]
+	},
+	{
+		token: "escape",
+		tags: [n.escape, n.character]
+	},
+	{
+		token: "comment",
+		tags: [
+			n.comment,
+			n.lineComment,
+			n.blockComment,
+			n.docComment
+		],
+		italic: !0
+	},
+	{
+		token: "number",
+		tags: [
+			n.number,
+			n.integer,
+			n.float
+		]
+	},
+	{
+		token: "constant",
+		tags: [
+			n.bool,
+			n.null,
+			n.atom,
+			n.constant(n.name)
+		]
+	},
+	{
+		token: "function",
+		tags: [
+			n.function(n.variableName),
+			n.function(n.propertyName),
+			n.macroName
+		]
+	},
+	{
+		token: "type",
+		tags: [
+			n.typeName,
+			n.className,
+			n.namespace
+		]
+	},
+	{
+		token: "property",
+		tags: [n.propertyName, n.attributeName]
+	},
+	{
+		token: "tag",
+		tags: [n.tagName]
+	},
+	{
+		token: "meta",
+		tags: [n.meta, n.annotation]
+	},
+	{
+		token: "invalid",
+		tags: [n.invalid]
+	}
+], l = e.define(c.map(({ tags: e, token: t, italic: n }) => ({
+	tag: e,
+	color: `var(--stylo-syntax-${t === "meta" ? "comment" : t})`,
+	...n ? { fontStyle: "italic" } : {}
+}))), u = t(l);
+//#endregion
+export { i as a, s as i, u as n, r as o, a as r, c as t };
+
+//# sourceMappingURL=highlight-DNGJlCDY.js.map