@damiro/stylo 0.7.0 → 0.9.1

package/dist/Preview-AaGGwLQP.js

@@ -0,0 +1,170 @@
+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 { i as s, n as c, r as l } from "./frontmatter-DGUkb9z-.js";
+import { a as u, i as d, n as f, o as p, t as m } from "./embed-B2Dfkpd_.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/render/remark-callout.ts
+function v() {
+	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 = d.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-${u(i)}`], a["data-callout"] = i;
+		});
+	};
+}
+//#endregion
+//#region src/render/remark-embed.ts
+function y() {
+	return (e) => {
+		r(e, "paragraph", (e) => {
+			let t = e.children.length === 1 ? e.children[0] : void 0;
+			if (t?.type !== "text" || !f(t.value)) return;
+			m.lastIndex = 0;
+			let n = (m.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;
+			m.lastIndex = 0;
+			for (let t of e.value.matchAll(m)) {
+				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 b() {
+	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(l)) {
+				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 x = [t];
+function S({ value: t, onWikiLinkClick: r, embedSource: a, onResolveError: l, frontmatter: u = "hidden" }) {
+	let d = u === "code" ? c(t) : null, f = h(() => [
+		i,
+		n,
+		o,
+		...a ? [y] : [],
+		b,
+		v
+	], [a]);
+	return /* @__PURE__ */ _("div", {
+		className: s.preview,
+		children: [d && /* @__PURE__ */ g("div", {
+			className: "stylo-frontmatter",
+			children: d.frontmatter
+		}), /* @__PURE__ */ g(e, {
+			remarkPlugins: f,
+			rehypePlugins: x,
+			components: {
+				a({ node: e, children: t, ...n }) {
+					let i = n["data-wikilink"];
+					return typeof i == "string" ? /* @__PURE__ */ g("a", {
+						...n,
+						href: "#",
+						onClick: (e) => {
+							e.preventDefault(), r?.(i);
+						},
+						children: t
+					}) : /* @__PURE__ */ g("a", {
+						...n,
+						rel: "noreferrer",
+						children: t
+					});
+				},
+				div({ node: e, children: t, ...n }) {
+					let r = n["data-stylo-embed"];
+					return typeof r == "string" && a ? /* @__PURE__ */ g("div", {
+						...n,
+						children: /* @__PURE__ */ g(p, {
+							reference: r,
+							source: a,
+							onError: l
+						})
+					}) : /* @__PURE__ */ g("div", {
+						...n,
+						children: t
+					});
+				},
+				span({ node: e, children: t, ...n }) {
+					let r = n["data-stylo-embed-inline"];
+					return typeof r == "string" && a ? /* @__PURE__ */ g("span", {
+						...n,
+						children: /* @__PURE__ */ g(p, {
+							reference: r,
+							source: a,
+							onError: l,
+							inline: !0
+						})
+					}) : /* @__PURE__ */ g("span", {
+						...n,
+						children: t
+					});
+				}
+			},
+			children: t
+		})]
+	});
+}
+//#endregion
+export { S as Preview };
+
+//# sourceMappingURL=Preview-AaGGwLQP.js.map

package/dist/Preview-AaGGwLQP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-AaGGwLQP.js","names":[],"sources":["../src/render/remark-callout.ts","../src/render/remark-embed.ts","../src/render/remark-wikilink.ts","../src/render/Preview.tsx"],"sourcesContent":["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 { EmbedSource, FrontmatterDisplay, ResolveErrorInfo } from \"../types\"\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\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}: 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  }\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,5 +1,5 @@
 import type { EditorView } from "@codemirror/view";
-import type { CodeLanguages, FrontmatterDisplay, WikiLinkSource } from "./types";
+import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo, WikiLinkSource } from "./types";
 export interface SplitViewProps {
     value: string;
     onChange: (next: string) => void;
@@ -8,6 +8,8 @@ export interface SplitViewProps {
     placeholder?: string;
     codeLanguages?: CodeLanguages;
     wikiLinkSource?: WikiLinkSource;
+    embedSource?: EmbedSource;
+    onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     frontmatter?: FrontmatterDisplay;
     /** Called with the doc string on `Mod-s`. */
     onSave?: (value: string) => void;
@@ -20,5 +22,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, frontmatter, onSave, onViewChange, }: SplitViewProps): import("react").JSX.Element;
+export declare function SplitView({ value, onChange, onWikiLinkClick, readOnly, placeholder, codeLanguages, wikiLinkSource, embedSource, onResolveError, frontmatter, onSave, onViewChange, }: 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,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlD,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEhF,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,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;CACjD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,MAAM,EACN,YAAY,GACb,EAAE,cAAc,+BAyDhB"}
+{"version":3,"file":"SplitView.d.ts","sourceRoot":"","sources":["../src/SplitView.tsx"],"names":[],"mappings":"AACA,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;CACjD;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,GACb,EAAE,cAAc,+BAgEhB"}

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,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEtD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,oGA4JhB,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,oGAiLhB,CAAA"}

package/dist/editor/SourceView.d.ts

@@ -1,5 +1,5 @@
 import type { EditorView } from "@codemirror/view";
-import type { CodeLanguages, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
 export interface SourceViewProps {
     value: string;
     onChange: (next: string) => void;
@@ -9,11 +9,13 @@ export interface SourceViewProps {
     codeLanguages?: CodeLanguages;
     /** `[[wikilink]]` autocomplete source. Read once. */
     wikiLinkSource?: WikiLinkSource;
+    /** Notified when `wikiLinkSource` rejects. */
+    onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     /** Called with the doc string on `Mod-s`. */
     onSave?: (value: string) => void;
     /** Called with the `EditorView` once created, and with `null` on teardown. */
     onViewChange?: (view: EditorView | null) => void;
 }
 /** Raw CodeMirror 6 Markdown surface bound to the canonical string. */
-export declare function SourceView({ value, onChange, readOnly, placeholder, codeLanguages, wikiLinkSource, onSave, onViewChange, }: SourceViewProps): import("react").JSX.Element;
+export declare function SourceView({ value, onChange, readOnly, placeholder, codeLanguages, wikiLinkSource, onResolveError, onSave, onViewChange, }: 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":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG7D,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,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;CACjD;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,MAAM,EACN,YAAY,GACb,EAAE,eAAe,+BAYjB"}
+{"version":3,"file":"SourceView.d.ts","sourceRoot":"","sources":["../../src/editor/SourceView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG/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;CACjD;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,MAAM,EACN,YAAY,GACb,EAAE,eAAe,+BAajB"}

package/dist/editor/extensions.d.ts

@@ -1,5 +1,5 @@
 import { type Extension } from "@codemirror/state";
-import type { CodeLanguages, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
 /**
  * Static extensions — created once with the view.
  *
@@ -10,7 +10,7 @@ import type { CodeLanguages, 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): Extension;
+export declare function baseExtensions(codeLanguages?: CodeLanguages, wikiLinkSource?: WikiLinkSource, onResolveError?: (error: unknown, info: ResolveErrorInfo) => void): 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,cAAc,EAAE,MAAM,UAAU,CAAA;AAM7D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,aAAa,CAAC,EAAE,aAAa,EAC7B,cAAc,CAAC,EAAE,cAAc,GAC9B,SAAS,CAqBX;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,cAAc,EAAE,MAAM,UAAU,CAAA;AAM/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,CAqBX;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/useCodeMirror.d.ts

@@ -1,6 +1,6 @@
 import { type Extension } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
-import type { CodeLanguages, WikiLinkSource } from "../types";
+import type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from "../types";
 export interface UseCodeMirrorOptions {
     value: string;
     onChange: (next: string) => void;
@@ -19,10 +19,12 @@ export interface UseCodeMirrorOptions {
     codeLanguages?: CodeLanguages;
     /** `[[wikilink]]` autocomplete source. Read once. */
     wikiLinkSource?: WikiLinkSource;
+    /** Notified when `wikiLinkSource` 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, }: UseCodeMirrorOptions): import("react").RefObject<HTMLDivElement | null>;
+export declare function useCodeMirror({ value, onChange, readOnly, placeholder, onSave, onViewChange, extensions, codeLanguages, wikiLinkSource, 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,cAAc,EAAE,MAAM,UAAU,CAAA;AAO7D,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;CAChC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,GACf,EAAE,oBAAoB,oDAwEtB"}
+{"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"}

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

@@ -1,15 +1,17 @@
 import { type CompletionContext, type CompletionResult } from "@codemirror/autocomplete";
 import type { Extension } from "@codemirror/state";
-import type { WikiLinkSource } from "../types";
+import type { ResolveErrorInfo, WikiLinkSource } from "../types";
+type OnResolveError = (error: unknown, info: ResolveErrorInfo) => void;
 /**
  * The completion source. Exposed for unit tests; consumers use
  * `wikilinkCompletion`.
  */
-export declare function wikilinkCompletionSource(source: WikiLinkSource): (ctx: CompletionContext) => Promise<CompletionResult | null>;
+export declare function wikilinkCompletionSource(source: WikiLinkSource, onError?: OnResolveError): (ctx: CompletionContext) => Promise<CompletionResult | null>;
 /**
  * `[[wikilink]]` autocomplete. Off unless the host passes `wikiLinkSource`.
  * 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 wikilinkCompletion(source?: WikiLinkSource): Extension;
+export declare function wikilinkCompletion(source?: WikiLinkSource, onError?: OnResolveError): Extension;
+export {};
 //# sourceMappingURL=wikilink-complete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"wikilink-complete.d.ts","sourceRoot":"","sources":["../../src/editor/wikilink-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,EAAsB,cAAc,EAAE,MAAM,UAAU,CAAA;AAyBlE;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,cAAc,SAC1C,iBAAiB,KAAG,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAiBxE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAMrE"}
+{"version":3,"file":"wikilink-complete.d.ts","sourceRoot":"","sources":["../../src/editor/wikilink-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,EAAsB,cAAc,EAAE,MAAM,UAAU,CAAA;AAEpF,KAAK,cAAc,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;AAyBtE;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,cAAc,SACpE,iBAAiB,KAAG,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CA0BxE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAM/F"}

package/dist/embed-B2Dfkpd_.js

@@ -0,0 +1,124 @@
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/render/embed-cache.ts
+var r = 64, i = /* @__PURE__ */ new WeakMap();
+function a(e) {
+	let t = i.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), i.set(e, t)), t;
+}
+function o(e, t) {
+	let n = a(e).get(t);
+	return n?.settled ? { node: n.node } : void 0;
+}
+function s(e, t) {
+	let n = a(e), i = n.get(t);
+	if (i) return i.promise;
+	let o = Promise.resolve(e(t)).then((e) => {
+		let r = n.get(t);
+		return r && (r.node = e, r.settled = !0), e;
+	}, (e) => {
+		throw n.delete(t), e;
+	});
+	if (n.set(t, {
+		promise: o,
+		settled: !1
+	}), n.size > r) {
+		let e = n.keys().next().value;
+		e !== void 0 && e !== t && n.delete(e);
+	}
+	return o;
+}
+//#endregion
+//#region src/render/Embed.tsx
+function c({ reference: r, source: i, onError: a, inline: c }) {
+	let [l, u] = t(() => {
+		let e = o(i, r);
+		return e ? {
+			status: "ready",
+			node: e.node
+		} : { status: "loading" };
+	});
+	e(() => {
+		let e = !0, t = o(i, r);
+		if (t) {
+			u({
+				status: "ready",
+				node: t.node
+			});
+			return;
+		}
+		return u({ status: "loading" }), s(i, r).then((t) => e && u({
+			status: "ready",
+			node: t
+		}), (t) => {
+			a?.(t, {
+				source: "embedSource",
+				input: r
+			}), e && u({ status: "error" });
+		}), () => {
+			e = !1;
+		};
+	}, [
+		r,
+		i,
+		a
+	]);
+	let d = `![[${r}]]`;
+	return l.status === "loading" ? /* @__PURE__ */ n("span", {
+		"aria-busy": "true",
+		children: d
+	}) : l.status === "ready" && l.node != null ? c ? /* @__PURE__ */ n("span", {
+		className: "stylo-embed-content stylo-embed-inline",
+		children: l.node
+	}) : /* @__PURE__ */ n("div", {
+		className: "stylo-embed-content",
+		children: l.node
+	}) : /* @__PURE__ */ n("span", { children: d });
+}
+//#endregion
+//#region src/callout.ts
+var l = /^\[!(\w+)\][+-]?[ \t]*/, u = /^([\s>]*)(\[!(\w+)\][+-]?[ \t]*)/, d = {
+	note: "note",
+	info: "note",
+	abstract: "note",
+	summary: "note",
+	tldr: "note",
+	tip: "tip",
+	hint: "tip",
+	important: "tip",
+	success: "tip",
+	check: "tip",
+	done: "tip",
+	question: "warn",
+	help: "warn",
+	faq: "warn",
+	warning: "warn",
+	caution: "warn",
+	attention: "warn",
+	todo: "warn",
+	failure: "danger",
+	fail: "danger",
+	missing: "danger",
+	danger: "danger",
+	error: "danger",
+	bug: "danger",
+	example: "example",
+	quote: "example",
+	cite: "example"
+};
+function f(e) {
+	return d[e.toLowerCase()] ?? "note";
+}
+//#endregion
+//#region src/embed.ts
+var p = /!\[\[([^\]\n]+?)\]\]/g;
+function m(e) {
+	let t = e.trim();
+	p.lastIndex = 0;
+	let n = p.exec(t);
+	return n != null && n[0].length === t.length;
+}
+//#endregion
+export { f as a, l as i, m as n, c as o, u as r, p as t };
+
+//# sourceMappingURL=embed-B2Dfkpd_.js.map

package/dist/embed-B2Dfkpd_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-B2Dfkpd_.js","names":[],"sources":["../src/render/embed-cache.ts","../src/render/Embed.tsx","../src/callout.ts","../src/embed.ts"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { EmbedSource } from \"../types\"\n\n/**\n * A process-wide resolution cache for `![[ref]]` embeds, shared by `preview` and\n * the in-place canvas (both render through `Embed`). Without it, an embed\n * scrolled out of the canvas viewport and back — or a `preview` re-render that\n * remounts the subtree — re-invokes `embedSource`, which for a network-backed\n * source is a refetch each time.\n *\n * Keyed first by the `embedSource` identity (a `WeakMap`, so two editors with\n * different resolvers never collide and a changed `embedSource` drops its cache\n * for free — the type doc already asks consumers to keep the reference stable),\n * then by the raw `ref` string.\n *\n * In-flight promises are shared, so two embeds of the same `ref` mounting\n * together call `embedSource` once. A rejection is **not** cached — the next\n * mount retries. `null` (the host chose to keep the reference literal) is a\n * valid cached value; `settled` tells it apart from an absent entry.\n */\n\ninterface Entry {\n  promise: Promise<ReactNode>\n  node?: ReactNode\n  settled: boolean\n}\n\n/** Distinct `ref`s kept per resolver. Eviction only costs a re-resolve. */\nconst MAX_ENTRIES = 64\n\nconst caches = new WeakMap<EmbedSource, Map<string, Entry>>()\n\nfunction bucket(source: EmbedSource): Map<string, Entry> {\n  let m = caches.get(source)\n  if (!m) {\n    m = new Map()\n    caches.set(source, m)\n  }\n  return m\n}\n\n/** A settled result for `ref`, or `undefined` while it is unresolved or absent. */\nexport function peekEmbed(source: EmbedSource, ref: string): { node: ReactNode } | undefined {\n  const entry = bucket(source).get(ref)\n  return entry?.settled ? { node: entry.node } : undefined\n}\n\n/** Resolve `ref` through the cache — reusing an in-flight or settled entry, or\n *  calling `source` on a miss. */\nexport function resolveEmbed(source: EmbedSource, ref: string): Promise<ReactNode> {\n  const m = bucket(source)\n  const existing = m.get(ref)\n  if (existing) return existing.promise\n\n  const promise = Promise.resolve(source(ref)).then(\n    (node) => {\n      const entry = m.get(ref)\n      if (entry) {\n        entry.node = node\n        entry.settled = true\n      }\n      return node\n    },\n    (err) => {\n      m.delete(ref) // never cache a failure\n      throw err\n    },\n  )\n  m.set(ref, { promise, settled: false })\n\n  // Insertion-order cap: drop the oldest distinct ref once over the limit.\n  if (m.size > MAX_ENTRIES) {\n    const oldest = m.keys().next().value\n    if (oldest !== undefined && oldest !== ref) m.delete(oldest)\n  }\n  return promise\n}\n","import { type ReactNode, useEffect, useState } from \"react\"\nimport type { EmbedSource, ResolveErrorInfo } from \"../types\"\nimport { peekEmbed, resolveEmbed } from \"./embed-cache\"\n\ninterface EmbedProps {\n  /** The raw `![[ref]]` reference, trimmed. */\n  reference: string\n  source: EmbedSource\n  /** Notified if `source` rejects; the literal fallback still renders. */\n  onError?: (error: unknown, info: ResolveErrorInfo) => void\n  /**\n   * Render as phrasing content in a `<span>` (a `![[…]]` mid-sentence) rather\n   * than the default block `<div>`. The host node should be inline in this mode.\n   */\n  inline?: boolean\n}\n\ntype State = { status: \"loading\" | \"error\" } | { status: \"ready\"; node: ReactNode }\n\n/**\n * Renders one `![[ref]]` embed. Resolves the reference through `embedSource` —\n * via a shared cache (`embed-cache.ts`), so an embed re-mounted by a scroll or a\n * `preview` re-render is not re-fetched — and drops the result into\n * `<div class=\"stylo-embed-content\">`, or a `<span>` when `inline`. While it\n * resolves — and if it rejects, or resolves to `null` — the literal `![[ref]]`\n * text stands in, so a reference is never silently lost.\n */\nexport function Embed({ reference, source, onError, inline }: EmbedProps) {\n  const [state, setState] = useState<State>(() => {\n    const hit = peekEmbed(source, reference)\n    return hit ? { status: \"ready\", node: hit.node } : { status: \"loading\" }\n  })\n\n  useEffect(() => {\n    let live = true\n    const hit = peekEmbed(source, reference)\n    if (hit) {\n      setState({ status: \"ready\", node: hit.node })\n      return\n    }\n    setState({ status: \"loading\" })\n    resolveEmbed(source, reference).then(\n      (node) => live && setState({ status: \"ready\", node }),\n      (error) => {\n        onError?.(error, { source: \"embedSource\", input: reference })\n        if (live) setState({ status: \"error\" })\n      },\n    )\n    return () => {\n      live = false\n    }\n  }, [reference, source, onError])\n\n  const literal = `![[${reference}]]`\n  if (state.status === \"loading\") return <span aria-busy=\"true\">{literal}</span>\n  if (state.status === \"ready\" && state.node != null) {\n    return inline ? (\n      <span className=\"stylo-embed-content stylo-embed-inline\">{state.node}</span>\n    ) : (\n      <div className=\"stylo-embed-content\">{state.node}</div>\n    )\n  }\n  return <span>{literal}</span>\n}\n","/**\n * Obsidian-style callouts: a blockquote whose first line is `> [!type]`,\n * optionally `> [!type] Title` or `> [!type]- Title` (the `-` / `+` fold marker\n * is parsed but Stylo always renders expanded).\n *\n * Single source of truth for the in-place decoration scanner (`nodes.ts`) and\n * the preview remark plugin (`remark-callout.ts`), so the two never drift. The\n * many Obsidian type names collapse to five colour buckets; the raw type is kept\n * on a `data-callout` attribute for a `::before` label and consumer styling.\n */\n\n/** `[!type]` with an optional fold marker, anchored after any `>` prefix. */\nexport const CALLOUT_TOKEN = /^\\[!(\\w+)\\][+-]?[ \\t]*/\n\n/** A blockquote head line in the in-place canvas: `> ` prefix, then the token. */\nexport const CALLOUT_HEAD_LINE = /^([\\s>]*)(\\[!(\\w+)\\][+-]?[ \\t]*)/\n\nexport type CalloutBucket = \"note\" | \"tip\" | \"warn\" | \"danger\" | \"example\"\n\nconst BUCKET: Record<string, CalloutBucket> = {\n  note: \"note\",\n  info: \"note\",\n  abstract: \"note\",\n  summary: \"note\",\n  tldr: \"note\",\n  tip: \"tip\",\n  hint: \"tip\",\n  important: \"tip\",\n  success: \"tip\",\n  check: \"tip\",\n  done: \"tip\",\n  question: \"warn\",\n  help: \"warn\",\n  faq: \"warn\",\n  warning: \"warn\",\n  caution: \"warn\",\n  attention: \"warn\",\n  todo: \"warn\",\n  failure: \"danger\",\n  fail: \"danger\",\n  missing: \"danger\",\n  danger: \"danger\",\n  error: \"danger\",\n  bug: \"danger\",\n  example: \"example\",\n  quote: \"example\",\n  cite: \"example\",\n}\n\n/** The colour bucket for a callout type; unknown types read as `note`. */\nexport function calloutBucket(type: string): CalloutBucket {\n  return BUCKET[type.toLowerCase()] ?? \"note\"\n}\n","/**\n * `![[ref]]` transclusion. Capture group 1 is the raw reference — everything\n * between `![[` and `]]`, passed to the host verbatim (any `#heading`,\n * `#^blockid`, or `|size` suffix included). The `g` flag is set for\n * `matchAll` / `exec` loops.\n *\n * Deliberately not built on `WIKILINK_PATTERN`: in an embed the `|` is a size\n * hint (`![[image.png|300]]`), not a display label, so Stylo does not split on\n * it — the whole reference goes to `embedSource`.\n */\nexport const EMBED_PATTERN = /!\\[\\[([^\\]\\n]+?)\\]\\]/g\n\n/** True when `text` (trimmed) is exactly one `![[ref]]` and nothing else. */\nexport function isLoneEmbed(text: string): boolean {\n  const trimmed = text.trim()\n  EMBED_PATTERN.lastIndex = 0\n  const m = EMBED_PATTERN.exec(trimmed)\n  return m != null && m[0].length === trimmed.length\n}\n"],"mappings":"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"}

package/dist/embed.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `![[ref]]` transclusion. Capture group 1 is the raw reference — everything
+ * between `![[` and `]]`, passed to the host verbatim (any `#heading`,
+ * `#^blockid`, or `|size` suffix included). The `g` flag is set for
+ * `matchAll` / `exec` loops.
+ *
+ * Deliberately not built on `WIKILINK_PATTERN`: in an embed the `|` is a size
+ * hint (`![[image.png|300]]`), not a display label, so Stylo does not split on
+ * it — the whole reference goes to `embedSource`.
+ */
+export declare const EMBED_PATTERN: RegExp;
+/** True when `text` (trimmed) is exactly one `![[ref]]` and nothing else. */
+export declare function isLoneEmbed(text: string): boolean;
+//# sourceMappingURL=embed.d.ts.map

package/dist/embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed.d.ts","sourceRoot":"","sources":["../src/embed.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,QAA0B,CAAA;AAEpD,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAKjD"}

package/dist/frontmatter-DGUkb9z-.js

@@ -0,0 +1,39 @@
+var e = {
+	root: "_root_1y1lh_1",
+	source: "_source_1y1lh_42",
+	inplace: "_inplace_1y1lh_57",
+	toolbar: "_toolbar_1y1lh_63",
+	toolbarButton: "_toolbarButton_1y1lh_73",
+	toolbarSep: "_toolbarSep_1y1lh_132",
+	toolbarSticky: "_toolbarSticky_1y1lh_142",
+	toolbarStickyBottom: "_toolbarStickyBottom_1y1lh_142",
+	toolbarStickyTop: "_toolbarStickyTop_1y1lh_142",
+	toolbarStickyHidden: "_toolbarStickyHidden_1y1lh_211",
+	stickyToolbarRootBottom: "_stickyToolbarRootBottom_1y1lh_222",
+	stickyToolbarRootTop: "_stickyToolbarRootTop_1y1lh_227",
+	split: "_split_1y1lh_241",
+	splitPane: "_splitPane_1y1lh_248",
+	preview: "_preview_1y1lh_268"
+}, t = /\[\[([^\]|\n]+?)(?:\|([^\]\n]+?))?\]\]/g;
+//#endregion
+//#region src/frontmatter.ts
+function n(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 r = /^---\r?\n(?:([\s\S]*?)\r?\n)?---[ \t]*(?:\r?\n|$)/;
+function i(e) {
+	let t = r.exec(e);
+	return t ? {
+		frontmatter: t[1] ?? "",
+		body: e.slice(t[0].length)
+	} : null;
+}
+//#endregion
+export { e as i, i as n, t as r, n as t };
+
+//# sourceMappingURL=frontmatter-DGUkb9z-.js.map

package/dist/frontmatter-DGUkb9z-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontmatter-DGUkb9z-.js","names":[],"sources":["../src/styles/stylo.module.css","../src/wikilink.ts","../src/frontmatter.ts"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  color: var(--stylo-text);\n  background: var(--stylo-bg);\n  border: 1px solid var(--stylo-border);\n  border-radius: var(--stylo-radius);\n  overflow: hidden;\n}\n\n/* The editing surface's own scroll container (source, in-place, and the source\n   pane of split all resolve to `.cm-scroller`). Thin, token-tinted bars so the\n   editor doesn't fall back to a heavier native scrollbar than the app chrome\n   around it. A host's own `.cm-scroller` rules load after and win. */\n.root :global(.cm-scroller) {\n  scrollbar-width: thin;\n  scrollbar-color: color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent;\n}\n\n.root :global(.cm-scroller)::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n\n.root :global(.cm-scroller)::-webkit-scrollbar-thumb {\n  border: 3px solid transparent;\n  border-radius: 6px;\n  background: color-mix(in srgb, var(--stylo-border) 90%, transparent);\n  background-clip: padding-box;\n}\n\n.root :global(.cm-scroller)::-webkit-scrollbar-thumb:hover {\n  background: color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);\n  background-clip: padding-box;\n}\n\n.root :global(.cm-scroller)::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n.source {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n}\n\n.source :global(.cm-editor) {\n  height: 100%;\n}\n\n.source :global(.cm-editor.cm-focused) {\n  outline: 2px solid var(--stylo-ring);\n  outline-offset: -2px;\n}\n\n.inplace {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n}\n\n.toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 2px;\n  padding: 4px 6px;\n  background: var(--stylo-bg);\n  border-bottom: 1px solid var(--stylo-border);\n}\n\n.toolbarButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 5px;\n  border: 0;\n  border-radius: calc(var(--stylo-radius) - 3px);\n  background: none;\n  color: var(--stylo-text-muted);\n  font: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.toolbarButton:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--stylo-border) 45%, transparent);\n  color: var(--stylo-text);\n}\n\n.toolbarButton[data-active] {\n  background: color-mix(in srgb, var(--stylo-accent) 12%, transparent);\n  color: var(--stylo-text);\n}\n\n.toolbarButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.toolbarButton:focus-visible {\n  outline: 2px solid var(--stylo-ring);\n  outline-offset: -2px;\n}\n\n.toolbarButton svg {\n  display: block;\n  width: 16px;\n  height: 16px;\n}\n\n/* Text glyphs that stand in for an icon (e.g. `fm`) — monospace to read as syntax. */\n.toolbarButton code {\n  font-family: var(\n    --stylo-font-family-mono,\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Consolas,\n    monospace\n  );\n  font-size: 0.8125rem;\n  font-weight: 500;\n}\n\n.toolbarSep {\n  align-self: stretch;\n  width: 1px;\n  margin: 4px 3px;\n  background: var(--stylo-border);\n}\n\n/* `toolbar={{ sticky: \"top\" | \"bottom\" | true }}` — pins the bar to an edge\n   instead of wherever `<Stylo>` sits on the page. One row, no wrapping: it\n   scrolls horizontally instead, and its buttons grow to a comfortable touch\n   size. Shared by both edges; `.toolbarStickyTop` / `.toolbarStickyBottom`\n   below pick the positioning mechanism and the edge itself. */\n.toolbarSticky {\n  z-index: 50;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  transition: opacity 0.15s ease;\n  /* The base `.toolbar` deliberately leaves font-family to inherit from\n     wherever the host mounts `<Stylo>`. Both sticky edges are\n     `position: fixed` against the window, so neither can safely lean on\n     that — the prose-font token (or its default stack) instead of the\n     browser's serif default. */\n  font-family: var(\n    --stylo-font-family,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif\n  );\n}\n\n.toolbarSticky::-webkit-scrollbar {\n  display: none;\n}\n\n.toolbarSticky .toolbarButton {\n  min-width: 40px;\n  height: 40px;\n  flex: 0 0 auto;\n}\n\n/* `\"bottom\"` (or `true`) — has to be `position: fixed`: nothing about a\n   mobile keyboard opening is a \"scroll\", so `position: sticky` has nothing to\n   react to. Toolbar.tsx nudges it up from `bottom: 0` with\n   `transform: translateY()`, tracking `useKeyboardInset`. */\n.toolbarStickyBottom {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-bottom: none;\n  border-top: 1px solid var(--stylo-border);\n  box-shadow: 0 -2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);\n}\n\n/* `\"top\"` — `position: fixed`, always pinned rather than waiting for a scroll\n   threshold like `\"bottom\"`. Nothing ever eats into the top of the screen, so\n   there's no keyboard to react to and no accessory bar to collide with — the\n   two problems `\"bottom\"` has. `Toolbar.tsx`'s `useFloatingWatchdog` (a\n   `requestAnimationFrame` loop, not CSS) is what actually keeps it visible on\n   iOS Safari: earlier rounds tried a static `translateZ(0)`, then real\n   `position: sticky`, and the disappear-on-scroll bug outlived both — a value\n   that's set once and never re-touched gives the browser's compositor nothing\n   to recompute if it drifts, so the watchdog re-asserts a `transform` every\n   frame instead of trusting a one-time fix to hold. */\n.toolbarStickyTop {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);\n}\n\n/* `stickyVisibility: \"dynamic\"` — faded out while nothing is focused. */\n.toolbarStickyHidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* `\"bottom\"` is `position: fixed`, out of flow entirely — reserve its resting\n   height so it doesn't sit over the document's last line. Static, not\n   keyboard-aware: while the keyboard is open the bar rides up to meet it (see\n   `useKeyboardInset`), but the browser's own scroll-into-view around the\n   caret is what keeps typing visible above both — this padding only covers\n   the keyboard-closed resting state. */\n.stickyToolbarRootBottom .source,\n.stickyToolbarRootBottom .inplace {\n  padding-bottom: 52px;\n}\n\n.stickyToolbarRootTop .source,\n.stickyToolbarRootTop .inplace {\n  padding-top: 52px;\n}\n\n.inplace :global(.cm-editor) {\n  height: 100%;\n}\n\n.inplace :global(.cm-editor.cm-focused) {\n  outline: 2px solid var(--stylo-ring);\n  outline-offset: -2px;\n}\n\n.split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  flex: 1;\n  min-height: 0;\n}\n\n.splitPane {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  overflow: auto;\n  box-sizing: border-box;\n}\n\n.splitPane + .splitPane {\n  border-left: 1px solid var(--stylo-border);\n}\n\n.splitPane > .source {\n  flex: 1;\n  min-height: 0;\n}\n\n/* Vertical rhythm follows Tailwind's `prose` (@tailwindcss/typography) as a\n   visual reference — the em-based scale only, no plugin bundled. Consumer CSS\n   wins: `.stylo p`, `.stylo h2`, … load after and match our specificity. */\n.preview {\n  padding: 0.75rem 1rem;\n  font-size: 0.9375rem;\n  line-height: 1.75;\n  overflow-wrap: break-word;\n}\n\n.preview > :first-child {\n  margin-top: 0;\n}\n\n.preview > :last-child {\n  margin-bottom: 0;\n}\n\n.preview :is(h1, h2, h3, h4, h5, h6) {\n  font-weight: 600;\n}\n\n.preview h1 {\n  margin: 0 0 0.8888889em;\n  font-size: 2.25em;\n  line-height: 1.1111111;\n}\n\n.preview h2 {\n  margin: 2em 0 1em;\n  font-size: 1.5em;\n  line-height: 1.3333333;\n}\n\n.preview h3 {\n  margin: 1.6em 0 0.6em;\n  font-size: 1.25em;\n  line-height: 1.6;\n}\n\n.preview :is(h4, h5, h6) {\n  margin: 1.5em 0 0.5em;\n  line-height: 1.5;\n}\n\n.preview p {\n  margin: 1.25em 0;\n}\n\n.preview :is(ul, ol) {\n  margin: 1.25em 0;\n  padding-left: 1.625em;\n}\n\n.preview li {\n  margin: 0.5em 0;\n}\n\n.preview li > :is(ul, ol) {\n  margin: 0.75em 0;\n}\n\n.preview a {\n  color: var(--stylo-link);\n  text-decoration: none;\n}\n\n.preview code {\n  font-family: var(\n    --stylo-font-family-mono,\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Consolas,\n    monospace\n  );\n  font-size: 0.9em;\n  padding: 0.1em 0.35em;\n  border-radius: calc(var(--stylo-radius) - 3px);\n  background: color-mix(in srgb, var(--stylo-border) 45%, transparent);\n}\n\n.preview pre {\n  margin: 1.7142857em 0;\n  padding: 0.75rem 0.9rem;\n  border-radius: var(--stylo-radius);\n  background: color-mix(in srgb, var(--stylo-border) 35%, transparent);\n  overflow-x: auto;\n}\n\n.preview pre code {\n  padding: 0;\n  font-size: 0.85em;\n  background: none;\n}\n\n/* frontmatter=\"code\": the raw `---` block, recessed. `.stylo-frontmatter` is a\n   plain (unscoped) class so a consumer's own CSS overrides it at equal\n   specificity — restyle the block, or rename / remove the label:\n     .stylo-frontmatter::before { content: \"Meta\" }\n     .stylo-frontmatter::before { content: none } */\n:global(.stylo-frontmatter) {\n  margin: 0 0 1.2em;\n  padding: 0.7rem 0.9rem;\n  border-left: 3px solid var(--stylo-border);\n  border-radius: calc(var(--stylo-radius) - 3px);\n  background: color-mix(in srgb, var(--stylo-border) 22%, transparent);\n  color: var(--stylo-text-muted);\n  font-family: var(\n    --stylo-font-family-mono,\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Consolas,\n    monospace\n  );\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-x: auto;\n}\n\n:global(.stylo-frontmatter)::before {\n  content: \"Frontmatter\";\n  display: block;\n  margin-bottom: 0.5em;\n  font-family: var(\n    --stylo-font-family,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif\n  );\n  font-size: 0.7rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.preview blockquote {\n  margin: 1.6em 0;\n  padding-left: 1em;\n  border-left: 0.25rem solid var(--stylo-border);\n  color: var(--stylo-text-muted);\n}\n\n/* Obsidian callouts (`> [!note]`) — mirrors the in-place canvas. `remark-callout`\n   adds `stylo-callout stylo-callout-<bucket>` + `data-callout`. Override\n   `--stylo-callout-<bucket>` (or `--stylo-callout-accent` per type) to reskin. */\n.preview :global(.stylo-callout) {\n  margin: 1.6em 0;\n  padding: 0.6em 1em;\n  border-left: 0.25rem solid var(--stylo-callout-accent, var(--stylo-border));\n  border-radius: var(--stylo-radius);\n  background: color-mix(in srgb, var(--stylo-callout-accent, var(--stylo-border)) 10%, transparent);\n  color: var(--stylo-text);\n}\n.preview :global(.stylo-callout)::before {\n  content: attr(data-callout);\n  display: block;\n  margin-bottom: 0.2em;\n  font-size: 0.8em;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--stylo-callout-accent, var(--stylo-text-muted));\n}\n.preview :global(.stylo-callout-note) {\n  --stylo-callout-accent: var(--stylo-callout-note, #3b82f6);\n}\n.preview :global(.stylo-callout-tip) {\n  --stylo-callout-accent: var(--stylo-callout-tip, #22c55e);\n}\n.preview :global(.stylo-callout-warn) {\n  --stylo-callout-accent: var(--stylo-callout-warn, #f59e0b);\n}\n.preview :global(.stylo-callout-danger) {\n  --stylo-callout-accent: var(--stylo-callout-danger, #ef4444);\n}\n.preview :global(.stylo-callout-example) {\n  --stylo-callout-accent: var(--stylo-callout-example, #a855f7);\n}\n\n/* `![[embed]]` transclusion. `remark-embed` swaps a lone-`![[ref]]` paragraph\n   for `<div class=\"stylo-embed\">`, and `Embed` nests the host-rendered content\n   in `.stylo-embed-content`. Both classes are stable override points; set\n   `--stylo-embed-accent` to reskin the rail, or zero the padding / border to\n   opt out of the frame entirely. */\n.preview :global(.stylo-embed) {\n  margin: 1.6em 0;\n  padding-left: 1em;\n  border-left: 0.25rem solid var(--stylo-embed-accent, var(--stylo-border));\n}\n.preview :global(.stylo-embed-content) > :first-child {\n  margin-top: 0;\n}\n.preview :global(.stylo-embed-content) > :last-child {\n  margin-bottom: 0;\n}\n\n.preview table {\n  display: block;\n  margin: 2em 0;\n  border-collapse: collapse;\n  overflow-x: auto;\n}\n\n.preview :is(th, td) {\n  padding: 0.35em 0.6em;\n  border: 1px solid var(--stylo-table-border);\n  text-align: left;\n}\n\n.preview thead th {\n  background: var(--stylo-table-header-bg);\n  font-weight: 600;\n}\n\n/* Opt-in zebra striping — no-op until the host sets `--stylo-table-stripe-bg`. */\n.preview tbody tr:nth-child(even) td {\n  background: var(--stylo-table-stripe-bg);\n}\n\n/* prose sets `hr { margin: 3em 0 }`, which reads as a page break, not a rule.\n   GitHub / VS Code render it tight; `1em` each side matches that. */\n.preview hr {\n  margin: 1em 0;\n  border: none;\n  border-top: 1px solid var(--stylo-border);\n}\n\n.preview :global(.katex-display) {\n  padding: 0.25em 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n","/**\n * `[[target]]` or `[[target|label]]`. Capture group 1 is the target, group 2 the\n * optional display label. The `g` flag is set for `matchAll` / `exec` loops;\n * callers that keep the regex across calls must reset `lastIndex` (or use\n * `matchAll`, which is stateless).\n *\n * Single source of truth for both the render-side plugin (`remark-wikilink`) and\n * the in-place decoration scanner, so the two never drift.\n */\nexport const WIKILINK_PATTERN = /\\[\\[([^\\]|\\n]+?)(?:\\|([^\\]\\n]+?))?\\]\\]/g\n","import type { Text } from \"@codemirror/state\"\n\n/**\n * The leading `---` … `---` YAML block, if present. The CodeMirror Markdown\n * grammar has no frontmatter node — it parses the fences as two thematic breaks\n * — so the region is located by hand. Shared by the in-place decoration layer\n * and the toolbar's frontmatter command.\n */\nexport function frontmatterRange(doc: Text): { from: number; to: number } | null {\n  if (doc.lines < 2 || doc.line(1).text.trim() !== \"---\") return null\n  for (let n = 2; n <= doc.lines; n++) {\n    if (doc.line(n).text.trim() === \"---\") return { from: 0, to: doc.line(n).to }\n  }\n  return null\n}\n\nconst FRONTMATTER_BLOCK = /^---\\r?\\n(?:([\\s\\S]*?)\\r?\\n)?---[ \\t]*(?:\\r?\\n|$)/\n\n/**\n * Split a leading `---` … `---` block off a Markdown string. `frontmatter` is\n * the inner text (`\"\"` for an empty block); `body` is everything after the\n * closing fence. Used by `preview` to render the block instead of dropping it.\n */\nexport function splitFrontmatter(md: string): { frontmatter: string; body: string } | null {\n  const m = FRONTMATTER_BLOCK.exec(md)\n  return m ? { frontmatter: m[1] ?? \"\", body: md.slice(m[0].length) } : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;GCSa,IAAmB;;;ACDhC,SAAgB,EAAiB,GAAgD;CAC/E,IAAI,EAAI,QAAQ,KAAK,EAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,OAAO,OAAO;CAC/D,KAAK,IAAI,IAAI,GAAG,KAAK,EAAI,OAAO,KAC9B,IAAI,EAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,OAAO,OAAO;EAAE,MAAM;EAAG,IAAI,EAAI,KAAK,CAAC,CAAC,CAAC;CAAG;CAE9E,OAAO;AACT;AAEA,IAAM,IAAoB;AAO1B,SAAgB,EAAiB,GAA0D;CACzF,IAAM,IAAI,EAAkB,KAAK,CAAE;CACnC,OAAO,IAAI;EAAE,aAAa,EAAE,MAAM;EAAI,MAAM,EAAG,MAAM,EAAE,EAAE,CAAC,MAAM;CAAE,IAAI;AACxE"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { Stylo } from "./Stylo";
 export { splitFrontmatter } from "./frontmatter";
-export type { CodeLanguages, FrontmatterDisplay, InPlaceConfig, InPlaceDecorationToggles, RevealMode, SelectionUI, StyloHandle, StyloMode, StyloProps, TableEditing, ToolbarCommandId, ToolbarConfig, ToolbarCustomItem, ToolbarItem, WikiLinkCompletion, WikiLinkSource, } from "./types";
+export type { CodeLanguages, EmbedSource, FrontmatterDisplay, InPlaceConfig, InPlaceDecorationToggles, ResolveErrorInfo, RevealMode, SelectionUI, StyloHandle, StyloMode, StyloProps, TableEditing, ToolbarCommandId, ToolbarConfig, ToolbarCustomItem, ToolbarItem, WikiLinkCompletion, WikiLinkSource, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,YAAY,EACV,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,wBAAwB,EACxB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAA"}