@damiro/stylo 0.14.0 → 0.15.1

package/dist/{Preview-CmZnIEzi.js → Preview-DKOoZ-vr.js}

@@ -1,46 +1,46 @@
 import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./markdown-DcS6jMel.js";
 import { a as c, i as l, o as u, t as d } from "./highlight-BLVSvron.js";
 import { a as f, i as p, n as m, o as h, t as g } from "./embed-Dsu6b-MV.js";
-import { useEffect as _, useMemo as v, useState as y } from "react";
-import { LanguageDescription as b } from "@codemirror/language";
-import { highlightTree as x, tagHighlighter as S } from "@lezer/highlight";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Children as _, cloneElement as v, isValidElement as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { LanguageDescription as C } from "@codemirror/language";
+import { highlightTree as w, tagHighlighter as T } from "@lezer/highlight";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/render/highlightCode.ts
-var T = S(d.map(({ tags: e, token: t }) => ({
+var O = T(d.map(({ tags: e, token: t }) => ({
 	tag: e,
 	class: `stylo-tok-${t}`
-}))), E = {
+}))), k = {
 	"&": "&",
 	"<": "&lt;",
 	">": "&gt;"
-}, D = (e) => e.replace(/[&<>]/g, (e) => E[e] ?? e);
-function O(e, t) {
-	return typeof t == "function" ? t(e) : b.matchLanguageName(t, e, !0);
+}, A = (e) => e.replace(/[&<>]/g, (e) => k[e] ?? e);
+function j(e, t) {
+	return typeof t == "function" ? t(e) : C.matchLanguageName(t, e, !0);
 }
-async function k(e, t, n) {
+async function M(e, t, n) {
 	let r = /\S*/.exec(t)?.[0] ?? "";
 	if (!r) return null;
-	let i = O(r, n);
+	let i = j(r, n);
 	if (!i) return null;
 	let a;
-	if (i instanceof b) try {
+	if (i instanceof C) try {
 		a = (await i.load()).language;
 	} catch {
 		return null;
 	}
 	else a = i;
 	let o = a.parser.parse(e), s = "", c = 0;
-	return x(o, T, (t, n, r) => {
-		t > c && (s += D(e.slice(c, t))), s += `<span class="${r}">${D(e.slice(t, n))}</span>`, c = n;
-	}), c < e.length && (s += D(e.slice(c))), s;
+	return w(o, O, (t, n, r) => {
+		t > c && (s += A(e.slice(c, t))), s += `<span class="${r}">${A(e.slice(t, n))}</span>`, c = n;
+	}), c < e.length && (s += A(e.slice(c))), s;
 }
 //#endregion
 //#region src/render/CodeBlock.tsx
-function A({ code: e, language: t, codeLanguages: n, className: r }) {
-	let [i, a] = y(null);
-	return _(() => {
+function N({ code: e, language: t, codeLanguages: n, className: r }) {
+	let [i, a] = S(null);
+	return b(() => {
 		let r = !0;
-		return a(null), k(e, t, n).then((e) => {
+		return a(null), M(e, t, n).then((e) => {
 			r && a(e);
 		}), () => {
 			r = !1;
@@ -49,17 +49,17 @@ function A({ code: e, language: t, codeLanguages: n, className: r }) {
 		e,
 		t,
 		n
-	]), i == null ? /* @__PURE__ */ C("code", {
+	]), i == null ? /* @__PURE__ */ E("code", {
 		className: r,
 		children: e
-	}) : /* @__PURE__ */ C("code", {
+	}) : /* @__PURE__ */ E("code", {
 		className: r,
 		dangerouslySetInnerHTML: { __html: i }
 	});
 }
 //#endregion
 //#region src/render/remark-callout.ts
-function j() {
+function P() {
 	return (e) => {
 		o(e, "blockquote", (e) => {
 			let t = e.children[0];
@@ -78,7 +78,7 @@ function j() {
 }
 //#endregion
 //#region src/render/remark-embed.ts
-function M() {
+function F() {
 	return (e) => {
 		o(e, "paragraph", (e) => {
 			let t = e.children.length === 1 ? e.children[0] : void 0;
@@ -121,8 +121,20 @@ function M() {
 	};
 }
 //#endregion
+//#region src/render/taskCheckbox.ts
+var I = /^[ \t]*(?:[-*+]|\d+[.)])[ \t]+\[([ xX])\]/;
+function L(e, t) {
+	let n = e.slice(t, t + 40), r = I.exec(n);
+	if (!r) return null;
+	let i = t + r[0].length - 3;
+	return {
+		start: i,
+		end: i + 3
+	};
+}
+//#endregion
 //#region src/render/remark-wikilink.ts
-function N() {
+function R() {
 	return (e) => {
 		o(e, "text", (e, t, n) => {
 			if (n == null || t == null || !e.value.includes("[[")) return;
@@ -151,36 +163,63 @@ function N() {
 }
 //#endregion
 //#region src/render/Preview.tsx
-var P = [e];
-function F({ value: e, onWikiLinkClick: t, embedSource: o, onResolveError: c, frontmatter: d = "hidden", codeLanguages: f, softBreaks: p }) {
-	let m = d === "code" ? l(e) : null, g = v(() => [
+var z = [e];
+function B(e, t, n, r) {
+	if (!r || typeof t != "string" || !t.includes("task-list-item")) return null;
+	let i = e?.position?.start.offset;
+	if (i === void 0) return null;
+	let a = L(n, i);
+	return a ? (e) => r({
+		...a,
+		checked: e.target.checked
+	}) : null;
+}
+function V(e, t) {
+	if (!y(e)) return { done: !1 };
+	if (e.type === "input") return {
+		done: !0,
+		node: v(e, {
+			disabled: !1,
+			onChange: t
+		})
+	};
+	let n = _.toArray(e.props.children);
+	if (n.length === 0) return { done: !1 };
+	let r = V(n[0], t);
+	return r.done ? {
+		done: !0,
+		node: v(e, {}, [r.node, ...n.slice(1)])
+	} : { done: !1 };
+}
+function H({ value: e, onWikiLinkClick: t, embedSource: o, onResolveError: c, frontmatter: d = "hidden", codeLanguages: f, softBreaks: p, onTaskToggle: m }) {
+	let g = d === "code" ? l(e) : null, v = x(() => [
 		a,
 		r,
 		s,
 		...p ? [n] : [],
-		...o ? [M] : [],
-		N,
-		j
+		...o ? [F] : [],
+		R,
+		P
 	], [o, p]);
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ D("div", {
 		className: u.preview,
-		children: [m && /* @__PURE__ */ C("div", {
+		children: [g && /* @__PURE__ */ E("div", {
 			className: "stylo-frontmatter",
-			children: m.frontmatter
-		}), /* @__PURE__ */ C(i, {
-			remarkPlugins: g,
-			rehypePlugins: P,
+			children: g.frontmatter
+		}), /* @__PURE__ */ E(i, {
+			remarkPlugins: v,
+			rehypePlugins: z,
 			components: {
 				a({ node: e, children: n, ...r }) {
 					let i = r["data-wikilink"];
-					return typeof i == "string" ? /* @__PURE__ */ C("a", {
+					return typeof i == "string" ? /* @__PURE__ */ E("a", {
 						...r,
 						href: "#",
 						onClick: (e) => {
 							e.preventDefault(), t?.(i);
 						},
 						children: n
-					}) : /* @__PURE__ */ C("a", {
+					}) : /* @__PURE__ */ E("a", {
 						...r,
 						rel: "noreferrer",
 						children: n
@@ -188,41 +227,58 @@ function F({ value: e, onWikiLinkClick: t, embedSource: o, onResolveError: c, fr
 				},
 				div({ node: e, children: t, ...n }) {
 					let r = n["data-stylo-embed"];
-					return typeof r == "string" && o ? /* @__PURE__ */ C("div", {
+					return typeof r == "string" && o ? /* @__PURE__ */ E("div", {
 						...n,
-						children: /* @__PURE__ */ C(h, {
+						children: /* @__PURE__ */ E(h, {
 							reference: r,
 							source: o,
 							onError: c
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ E("div", {
 						...n,
 						children: t
 					});
 				},
 				span({ node: e, children: t, ...n }) {
 					let r = n["data-stylo-embed-inline"];
-					return typeof r == "string" && o ? /* @__PURE__ */ C("span", {
+					return typeof r == "string" && o ? /* @__PURE__ */ E("span", {
 						...n,
-						children: /* @__PURE__ */ C(h, {
+						children: /* @__PURE__ */ E(h, {
 							reference: r,
 							source: o,
 							onError: c,
 							inline: !0
 						})
-					}) : /* @__PURE__ */ C("span", {
+					}) : /* @__PURE__ */ E("span", {
 						...n,
 						children: t
 					});
 				},
+				li({ node: t, children: n, ...r }) {
+					let i = B(t, r.className, e, m);
+					if (i) {
+						let e = _.toArray(n), t = e.findIndex((e) => y(e)), a = t === -1 ? null : V(e[t], i);
+						if (a?.done) {
+							let n = e.map((e, n) => n === t ? a.node : e);
+							return /* @__PURE__ */ E("li", {
+								...r,
+								children: n
+							});
+						}
+					}
+					return /* @__PURE__ */ E("li", {
+						...r,
+						children: n
+					});
+				},
 				code({ node: e, className: t, children: n, ...r }) {
 					let i = /language-(\w+)/.exec(t || "")?.[1];
-					return i && f ? /* @__PURE__ */ C(A, {
+					return i && f ? /* @__PURE__ */ E(N, {
 						className: t,
 						language: i,
 						code: String(n).replace(/\n$/, ""),
 						codeLanguages: f
-					}) : /* @__PURE__ */ C("code", {
+					}) : /* @__PURE__ */ E("code", {
 						...r,
 						className: t,
 						children: n
@@ -234,6 +290,6 @@ function F({ value: e, onWikiLinkClick: t, embedSource: o, onResolveError: c, fr
 	});
 }
 //#endregion
-export { F as Preview };
+export { H as Preview };
 
-//# sourceMappingURL=Preview-CmZnIEzi.js.map
+//# sourceMappingURL=Preview-DKOoZ-vr.js.map

package/dist/Preview-DKOoZ-vr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-DKOoZ-vr.js","names":[],"sources":["../src/render/highlightCode.ts","../src/render/CodeBlock.tsx","../src/render/remark-callout.ts","../src/render/remark-embed.ts","../src/render/taskCheckbox.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","/**\n * A task-list item's own `[ ]` / `[x]` marker sits right after its bullet or\n * ordinal and indentation — nothing else can appear before it on the line.\n * Anchoring the match to the very start of the item's raw text (from mdast's\n * `position.start.offset`) makes this safe even when the item's own text\n * could otherwise read as another marker further into the line.\n */\nconst CHECKBOX_PREFIX = /^[ \\t]*(?:[-*+]|\\d+[.)])[ \\t]+\\[([ xX])\\]/\n\n/**\n * Locates the exact `[ ]` / `[x]` substring of a task-list item within\n * `value`, given the raw offset where the item itself starts (a GFM\n * `listItem`'s `position.start.offset`, as parsed by `remark-gfm`).\n * Returns `null` if the prefix doesn't match a checkbox — it always should\n * for a node `remark-gfm` marked `checked`, but a raw markdown edit racing\n * the render is not impossible.\n */\nexport function findCheckboxOffsets(\n  value: string,\n  itemStart: number,\n): { start: number; end: number } | null {\n  const prefix = value.slice(itemStart, itemStart + 40)\n  const match = CHECKBOX_PREFIX.exec(prefix)\n  if (!match) return null\n  const start = itemStart + match[0].length - 3\n  return { start, end: start + 3 }\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 {\n  Children,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  type ChangeEvent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\"\nimport Markdown, { type Components } from \"react-markdown\"\nimport rehypeKatex from \"rehype-katex\"\nimport remarkBreaks from \"remark-breaks\"\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 {\n  CodeLanguages,\n  EmbedSource,\n  FrontmatterDisplay,\n  ResolveErrorInfo,\n  TaskToggleInfo,\n} from \"../types\"\nimport { CodeBlock } from \"./CodeBlock\"\nimport { Embed } from \"./Embed\"\nimport { remarkCallout } from \"./remark-callout\"\nimport { remarkEmbed } from \"./remark-embed\"\nimport { findCheckboxOffsets } from \"./taskCheckbox\"\nimport { remarkWikilink } from \"./remark-wikilink\"\n\nconst REHYPE_PLUGINS = [rehypeKatex]\n\n/**\n * Builds the checkbox's `onChange` handler for a rendered `<li>`, or `null`\n * when it isn't an eligible task item — not a task list item at all,\n * `onTaskToggle` unset, no position data, or (a raw-edit race, effectively\n * never) a marker `findCheckboxOffsets` can't locate.\n */\nfunction makeToggleHandler(\n  node: { position?: { start: { offset?: number } } } | undefined,\n  className: string | undefined,\n  value: string,\n  onTaskToggle: ((info: TaskToggleInfo) => void) | undefined,\n): ((event: ChangeEvent<HTMLInputElement>) => void) | null {\n  if (!onTaskToggle || typeof className !== \"string\" || !className.includes(\"task-list-item\")) {\n    return null\n  }\n  const itemStart = node?.position?.start.offset\n  if (itemStart === undefined) return null\n  const offsets = findCheckboxOffsets(value, itemStart)\n  if (!offsets) return null\n  return (event) => onTaskToggle({ ...offsets, checked: event.target.checked })\n}\n\n/**\n * A task item's checkbox `<input>` is always the leftmost leaf of its `<li>`\n * — `mdast-util-to-hast` unshifts it onto the first paragraph, itself the\n * first result, whether or not GFM kept that paragraph wrapped (a \"loose\"\n * list, blank lines between items) or unwrapped it (a \"tight\" one). Walking\n * only the first-child spine finds it either way without ever wandering into\n * a nested sub-list's own checkbox, which lives as a later sibling, not a\n * descendant of the first child.\n */\nfunction enableLeadingCheckbox(\n  node: ReactNode,\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void,\n): { done: true; node: ReactNode } | { done: false } {\n  if (!isValidElement(node)) return { done: false }\n  if (node.type === \"input\") {\n    return {\n      done: true,\n      node: cloneElement(node as ReactElement<Record<string, unknown>>, {\n        disabled: false,\n        onChange,\n      }),\n    }\n  }\n  const kids = Children.toArray((node.props as { children?: ReactNode }).children)\n  if (kids.length === 0) return { done: false }\n  const result = enableLeadingCheckbox(kids[0], onChange)\n  if (!result.done) return { done: false }\n  return {\n    done: true,\n    node: cloneElement(node as ReactElement<{ children?: ReactNode }>, {}, [\n      result.node,\n      ...kids.slice(1),\n    ]),\n  }\n}\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   * Turn a single line ending into a real line break (`<br>`) instead of\n   * CommonMark's default — a blank line required to start a new paragraph,\n   * otherwise consecutive lines join into one run. Obsidian's Live Preview\n   * reads this way. Off by default: every existing `preview` render keeps\n   * today's paragraph-joining behaviour unless a host opts in. Has no effect\n   * on `in-place` / `source` — CodeMirror already decorates each source line\n   * independently there.\n   */\n  softBreaks?: boolean\n  /**\n   * Makes task-list checkboxes clickable instead of `disabled`. Fired with\n   * raw `value` offsets bracketing the clicked marker and its new state; the\n   * host owns splicing `value` and calling its own `onChange`. Off by\n   * default — every checkbox stays `disabled`, today's behaviour, until a\n   * host opts in.\n   */\n  onTaskToggle?: (info: TaskToggleInfo) => void\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  softBreaks,\n  onTaskToggle,\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      ...(softBreaks ? [remarkBreaks] : []),\n      ...(embedSource ? [remarkEmbed] : []),\n      remarkWikilink,\n      remarkCallout,\n    ],\n    [embedSource, softBreaks],\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    li({ node, children, ...rest }) {\n      const handleToggle = makeToggleHandler(node, rest.className, value, onTaskToggle)\n      if (handleToggle) {\n        // A loose list (blank line between items) keeps the `<li>`'s content\n        // wrapped in a `<p>`, itself preceded by a formatting `\"\\n\"` text\n        // node — skip past that to the first real element.\n        const kids = Children.toArray(children)\n        const firstElementIndex = kids.findIndex((kid) => isValidElement(kid))\n        const enabled =\n          firstElementIndex === -1\n            ? null\n            : enableLeadingCheckbox(kids[firstElementIndex], handleToggle)\n        if (enabled?.done) {\n          const nextKids: ReactNode[] = kids.map((kid, i) =>\n            i === firstElementIndex ? enabled.node : kid,\n          )\n          return <li {...rest}>{nextKids}</li>\n        }\n      }\n      return <li {...rest}>{children}</li>\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, TagSource, WikiLinkSource } from "./types";
+import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo, TagSource, TaskToggleInfo, WikiLinkSource } from "./types";
 export interface SplitViewProps {
     value: string;
     onChange: (next: string) => void;
@@ -14,6 +14,7 @@ export interface SplitViewProps {
     onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     frontmatter?: FrontmatterDisplay;
     softBreaks?: boolean;
+    onTaskToggle?: (info: TaskToggleInfo) => void;
     /** Called with the doc string on `Mod-s`. */
     onSave?: (value: string) => void;
     /** Forwarded the source pane's `EditorView` for the shared toolbar. */
@@ -29,5 +30,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, tagSource, embedSource, onResolveError, frontmatter, softBreaks, onSave, onViewChange, canvasHeader, }: SplitViewProps): import("react").JSX.Element;
+export declare function SplitView({ value, onChange, onWikiLinkClick, readOnly, placeholder, codeLanguages, wikiLinkSource, tagSource, embedSource, onResolveError, frontmatter, softBreaks, onTaskToggle, 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,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,+BAoEhB"}
+{"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,EACd,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,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,UAAU,EACV,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,+BAqEhB"}

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,oGA6LhB,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,oGAgMhB,CAAA"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { Stylo } from "./Stylo";
 export { splitFrontmatter } from "./frontmatter";
-export type { CodeLanguages, EmbedSource, FrontmatterDisplay, InPlaceConfig, InPlaceDecorationToggles, ResolveErrorInfo, RevealMode, SelectionUI, StyloHandle, StyloMode, StyloProps, TableEditing, TagCompletion, TagSource, ToolbarCommandId, ToolbarConfig, ToolbarCustomItem, ToolbarItem, WikiLinkCompletion, WikiLinkSource, } from "./types";
+export type { CodeLanguages, EmbedSource, FrontmatterDisplay, InPlaceConfig, InPlaceDecorationToggles, ResolveErrorInfo, RevealMode, SelectionUI, StyloHandle, StyloMode, StyloProps, TableEditing, TagCompletion, TagSource, TaskToggleInfo, 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,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,wBAAwB,EACxB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,SAAS,EACT,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,aAAa,EACb,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAA"}

package/dist/inplace/theme-table-gizmos.d.ts

@@ -7,6 +7,7 @@ export declare const tableGizmosTheme: {
         position: string;
         display: string;
         maxWidth: string;
+        overflow: string;
         padding: string;
     };
     ".cm-inplace-table-gizmos": {

package/dist/inplace/theme-table-gizmos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-table-gizmos.d.ts","sourceRoot":"","sources":["../../src/inplace/theme-table-gizmos.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,gBAAgB;IAC3B,wBAAwB;QACtB,QAAQ;QACR,OAAO;QACP,QAAQ;QAMR,OAAO;;IAET,0BAA0B;QACxB,QAAQ;QACR,KAAK;QACL,aAAa;;IAMf,qBAAqB;QACnB,QAAQ;QACR,OAAO;QACP,UAAU;QACV,cAAc;QACd,aAAa;QACb,OAAO;QACP,IAAI;QACJ,MAAM;QACN,UAAU;QACV,MAAM;QACN,OAAO;QACP,UAAU;;IAEZ,2BAA2B;QACzB,OAAO;QACP,UAAU;;IAEZ,uBAAuB;QAAI,KAAK;;IAChC,uBAAuB;QAAI,MAAM;;IAKjC,qBAAqB;QACnB,KAAK;QACL,MAAM;QACN,KAAK;QACL,UAAU;QAGV,aAAa;;IAEf,+CAA+C;QAAI,KAAK;;IAGxD,sBAAsB;QACpB,qBAAqB;YAAI,OAAO;;;CAEnC,CAAA"}
+{"version":3,"file":"theme-table-gizmos.d.ts","sourceRoot":"","sources":["../../src/inplace/theme-table-gizmos.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,gBAAgB;IAC3B,wBAAwB;QACtB,QAAQ;QACR,OAAO;QACP,QAAQ;QAIR,QAAQ;QAYR,OAAO;;IAET,0BAA0B;QACxB,QAAQ;QACR,KAAK;QACL,aAAa;;IAMf,qBAAqB;QACnB,QAAQ;QACR,OAAO;QACP,UAAU;QACV,cAAc;QACd,aAAa;QACb,OAAO;QACP,IAAI;QACJ,MAAM;QACN,UAAU;QACV,MAAM;QACN,OAAO;QACP,UAAU;;IAEZ,2BAA2B;QACzB,OAAO;QACP,UAAU;;IAEZ,uBAAuB;QAAI,KAAK;;IAChC,uBAAuB;QAAI,MAAM;;IAKjC,qBAAqB;QACnB,KAAK;QACL,MAAM;QACN,KAAK;QACL,UAAU;QAGV,aAAa;;IAEf,+CAA+C;QAAI,KAAK;;IAGxD,sBAAsB;QACpB,qBAAqB;YAAI,OAAO;;;CAEnC,CAAA"}

package/dist/render/Preview.d.ts

@@ -1,4 +1,4 @@
-import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo } from "../types";
+import type { CodeLanguages, EmbedSource, FrontmatterDisplay, ResolveErrorInfo, TaskToggleInfo } from "../types";
 export interface PreviewProps {
     value: string;
     onWikiLinkClick?: (target: string) => void;
@@ -25,7 +25,15 @@ export interface PreviewProps {
      * independently there.
      */
     softBreaks?: boolean;
+    /**
+     * Makes task-list checkboxes clickable instead of `disabled`. Fired with
+     * raw `value` offsets bracketing the clicked marker and its new state; the
+     * host owns splicing `value` and calling its own `onChange`. Off by
+     * default — every checkbox stays `disabled`, today's behaviour, until a
+     * host opts in.
+     */
+    onTaskToggle?: (info: TaskToggleInfo) => void;
 }
 /** Rendered Markdown + KaTeX view. A pure function of the string. */
-export declare function Preview({ value, onWikiLinkClick, embedSource, onResolveError, frontmatter, codeLanguages, softBreaks, }: PreviewProps): import("react").JSX.Element;
+export declare function Preview({ value, onWikiLinkClick, embedSource, onResolveError, frontmatter, codeLanguages, softBreaks, onTaskToggle, }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=Preview.d.ts.map

package/dist/render/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/render/Preview.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAShG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,mEAAmE;IACnE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,2FAA2F;IAC3F,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,qEAAqE;AACrE,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,eAAe,EACf,WAAW,EACX,cAAc,EACd,WAAsB,EACtB,aAAa,EACb,UAAU,GACX,EAAE,YAAY,+BAgGd"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/render/Preview.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAA;AAoEjB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,mEAAmE;IACnE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,2FAA2F;IAC3F,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;CAC9C;AAED,qEAAqE;AACrE,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,eAAe,EACf,WAAW,EACX,cAAc,EACd,WAAsB,EACtB,aAAa,EACb,UAAU,EACV,YAAY,GACb,EAAE,YAAY,+BAqHd"}

package/dist/render/taskCheckbox.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Locates the exact `[ ]` / `[x]` substring of a task-list item within
+ * `value`, given the raw offset where the item itself starts (a GFM
+ * `listItem`'s `position.start.offset`, as parsed by `remark-gfm`).
+ * Returns `null` if the prefix doesn't match a checkbox — it always should
+ * for a node `remark-gfm` marked `checked`, but a raw markdown edit racing
+ * the render is not impossible.
+ */
+export declare function findCheckboxOffsets(value: string, itemStart: number): {
+    start: number;
+    end: number;
+} | null;
+//# sourceMappingURL=taskCheckbox.d.ts.map

package/dist/render/taskCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"taskCheckbox.d.ts","sourceRoot":"","sources":["../../src/render/taskCheckbox.ts"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMvC"}