@vespercms/admin 0.0.0-stage → 0.1.0-next.0

package/dist/BodyEditor-CAGNfofv.js

@@ -0,0 +1,3047 @@
+import { t as e } from "./checks-C-0xDu-I.js";
+import { $ as t, B as n, C as r, F as i, J as a, O as o, Q as s, R as c, S as l, V as u, Z as d, at as f, b as p, c as m, et as h, ft as ee, it as g, k as _, m as v, n as y, nt as te, o as b, ot as x, pt as S, r as C, s as w, st as T, t as E, ut as ne, x as D, z as O } from "./shortcuts-B_JMAvF9.js";
+import { Fragment as re, createContext as k, useContext as A, useEffect as j, useId as M, useMemo as N, useRef as P, useState as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { assembleBody as z, deepEqual as B, editJsxTag as ie, editMarkdocTag as V, editTable as ae, escapePipes as H, humanize as oe, jsxClosing as se, jsxOpening as ce, jsxTagLayout as le, markdocClosing as ue, markdocOpening as de, markdocTagLayout as fe, markdocTags as pe, mediaReference as me, parseBody as he, tableValue as ge, unescapePipes as _e } from "@vespercms/core";
+import { Extension as U, Node as W } from "@tiptap/core";
+import ve from "@tiptap/extension-image";
+import { Markdown as ye } from "@tiptap/markdown";
+import { NodeSelection as G, Plugin as be, PluginKey as xe, Selection as Se, TextSelection as Ce } from "@tiptap/pm/state";
+import { EditorContent as we, NodeViewContent as Te, NodeViewWrapper as K, ReactNodeViewRenderer as q, useEditor as Ee, useEditorState as J } from "@tiptap/react";
+import De from "@tiptap/starter-kit";
+import { Fragment as Oe } from "@tiptap/pm/model";
+import { closeHistory as ke } from "@tiptap/pm/history";
+//#region src/body/catalog.ts
+var Ae = {
+	path: ["file"],
+	kind: "string",
+	required: !0,
+	label: "File",
+	description: "The partial’s file, shown here as part of this page."
+};
+function je(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	if (t === "mdoc") {
+		for (let t of e.markdoc?.tags ?? []) {
+			let e = t.inline === !0 ? null : t.selfClosing ? "card" : "container", r = t.inline === !0 || t.inline === void 0 && !t.selfClosing && !t.children;
+			n.set(`markdoc:${t.name}`, {
+				key: `markdoc:${t.name}`,
+				syntax: "markdoc",
+				name: t.name,
+				label: t.label,
+				...t.summary ? { summary: t.summary } : {},
+				...t.description ? { description: t.description } : {},
+				block: e,
+				inline: r,
+				selfClosing: t.selfClosing,
+				...t.children ? { children: t.children } : {},
+				fields: t.fields,
+				order: t.attributes.map((e) => e.name)
+			});
+		}
+		n.has("markdoc:partial") || n.set("markdoc:partial", {
+			key: "markdoc:partial",
+			syntax: "markdoc",
+			name: "partial",
+			label: "Partial",
+			summary: "file",
+			description: "Text kept in its own file and shown here.",
+			block: "card",
+			inline: !1,
+			selfClosing: !0,
+			fields: [Ae],
+			order: ["file", "variables"],
+			builtin: "partial"
+		}), n.set("markdoc:if", {
+			key: "markdoc:if",
+			syntax: "markdoc",
+			name: "if",
+			label: "Conditional content",
+			block: "container",
+			inline: !1,
+			selfClosing: !1,
+			fields: [],
+			order: [],
+			builtin: "if"
+		}), n.set("markdoc:else", {
+			key: "markdoc:else",
+			syntax: "markdoc",
+			name: "else",
+			label: "Otherwise",
+			block: "card",
+			inline: !1,
+			selfClosing: !0,
+			fields: [],
+			order: [],
+			builtin: "else"
+		});
+	}
+	if (t === "mdx") for (let t of e.mdx?.components ?? []) n.set(`mdx:${t.name}`, {
+		key: `mdx:${t.name}`,
+		syntax: "mdx",
+		name: t.name,
+		label: t.label,
+		...t.summary ? { summary: t.summary } : {},
+		...t.description ? { description: t.description } : {},
+		block: t.inline ? null : t.children ? "container" : "card",
+		inline: t.inline,
+		selfClosing: !t.children,
+		fields: t.fields ?? [],
+		order: (t.fields ?? []).map((e) => e.path[0] ?? "")
+	});
+	return {
+		format: t,
+		kinds: n,
+		find: (e, t) => n.get(`${e}:${t}`)
+	};
+}
+var Me = {
+	key: "table",
+	syntax: "markdoc",
+	name: "table",
+	label: "Table",
+	block: "card",
+	inline: !1,
+	selfClosing: !0,
+	fields: [],
+	order: [],
+	builtin: "table"
+};
+function Ne(e) {
+	return [...[...e.kinds.values()].filter((e) => e.builtin !== "if" && e.builtin !== "else"), Me];
+}
+function Pe(e, t, n, r = "") {
+	let i = e.order.map((e) => [e, t[e]]), a = n === "card" || n === "inline" && e.selfClosing;
+	if (e.syntax === "markdoc") {
+		let t = de(e.name, i, a), o = a ? "" : ue(e.name);
+		return {
+			open: t,
+			close: o,
+			whole: n === "inline" ? t + r + o : t
+		};
+	}
+	let o = ce(e.name, i, a), s = a ? "" : se(e.name);
+	return {
+		open: o,
+		close: s,
+		whole: n === "inline" ? o + r + s : o
+	};
+}
+function Y(e, t) {
+	return e === "mdx" ? t : oe(t);
+}
+//#endregion
+//#region src/body/chips.ts
+var Fe = "", Ie = "", Le = /([0-9a-f]*)/g, Re = new TextEncoder(), ze = new TextDecoder();
+function Be(e) {
+	let t = "";
+	for (let n of Re.encode(e)) t += n.toString(16).padStart(2, "0");
+	return `${Fe}${t}${Ie}`;
+}
+function Ve(e) {
+	let t = new Uint8Array(e.length / 2);
+	for (let n = 0; n < t.length; n++) t[n] = parseInt(e.slice(n * 2, n * 2 + 2), 16);
+	return ze.decode(t);
+}
+function He(e) {
+	return e.replace(Le, (e, t) => Ve(t));
+}
+function Ue(e, t) {
+	let n = "", r = 0;
+	for (let i of t) n += e.slice(r, i.start) + Be(e.slice(i.start, i.end)), r = i.end;
+	return n + e.slice(r);
+}
+function We(e) {
+	return e.includes(Fe) || e.includes(Ie);
+}
+function Ge(e, t) {
+	let n = {}, r = {};
+	if (e === "markdoc") {
+		let [e] = pe(t);
+		for (let t of e?.attributes ?? []) t.type === "attribute" && t.name !== "primary" && (Ke(t.value) ? r[t.name] = qe(t.value) : n[t.name] = t.value);
+		return {
+			values: n,
+			code: r
+		};
+	}
+	let i = le(t);
+	for (let e of i?.attributes ?? []) e.name && (e.readable ? n[e.name] = e.value : r[e.name] = t.slice(e.start, e.end));
+	return {
+		values: n,
+		code: r
+	};
+}
+function Ke(e) {
+	return typeof e != "object" || !e ? !1 : "$$mdtype" in e || Object.values(e).some(Ke);
+}
+function qe(e) {
+	let t = e;
+	return t.$$mdtype === "Variable" && Array.isArray(t.path) ? `$${t.path.join(".")}` : t.$$mdtype === "Function" && t.name ? `${t.name}(…)` : "a value set by code";
+}
+function Je(e) {
+	if (e.startsWith("{%")) {
+		let t = pe(e), n = t[0], r = t.at(-1);
+		if (!n || n.kind === "variable") return {
+			syntax: "markdoc",
+			kind: "variable"
+		};
+		if (n.kind === "annotation") return {
+			syntax: "markdoc",
+			kind: "annotation"
+		};
+		let i = n.name;
+		if (n.kind === "tag") return {
+			syntax: "markdoc",
+			kind: "tag",
+			...i ? { name: i } : {},
+			open: e,
+			inner: "",
+			close: ""
+		};
+		let a = r && r.kind === "tag_close" && r.end === e.length ? r.start : e.length;
+		return {
+			syntax: "markdoc",
+			kind: "tag",
+			...i ? { name: i } : {},
+			open: e.slice(0, n.end),
+			inner: e.slice(n.end, a),
+			close: e.slice(a)
+		};
+	}
+	if (e.startsWith("<")) {
+		let t = le(e);
+		if (!t) return {
+			syntax: "mdx",
+			kind: "component"
+		};
+		let n = t.selfClosing ? "" : /<\/[^>]*>$/.exec(e)?.[0] ?? "";
+		return {
+			syntax: "mdx",
+			kind: "component",
+			name: t.name,
+			open: e.slice(0, t.openEnd),
+			inner: e.slice(t.openEnd, e.length - n.length),
+			close: n
+		};
+	}
+	return {
+		syntax: "mdx",
+		kind: "expression"
+	};
+}
+//#endregion
+//#region src/body/table.ts
+var Ye = /* @__PURE__ */ new Set([
+	"text",
+	"image",
+	"vesperInline"
+]), Xe = /&(?!(?:lt|gt|quot|amp);)[A-Za-z][A-Za-z0-9]*;/;
+function Ze(e) {
+	let t = /^(\d{1,9})[.)](\s|$)/.exec(e);
+	return t?.[1] ? `${t[1]}\\${e.slice(t[1].length)}` : /^(#{1,6}(\s|$)|[-+*](\s|$)|>|([-*_][ \t]*){3,}$|`{3}|~{3})/.test(e) ? `\\${e}` : e;
+}
+function Qe(e, t) {
+	try {
+		let n = e.parse(Ze(_e(t))).content ?? [];
+		if (n.length === 0) return [];
+		let [r] = n;
+		if (n.length !== 1 || r?.type !== "paragraph") return null;
+		let i = r.content ?? [];
+		return i.every((e) => Ye.has(e.type ?? "")) ? i : null;
+	} catch {
+		return null;
+	}
+}
+function $e(e, t) {
+	if (t.length === 0) return "";
+	let n = {
+		type: "doc",
+		content: [{
+			type: "paragraph",
+			content: [...t]
+		}]
+	};
+	return H(e.serialize(n).trim());
+}
+function et(e, t) {
+	let n = Qe(e, t);
+	if (!n || n.some((e) => e.type === "text" && Xe.test(e.text ?? ""))) return null;
+	let r = Qe(e, $e(e, n));
+	return JSON.stringify(r) === JSON.stringify(n) ? n : null;
+}
+function tt(e, t) {
+	let n = ge(e, t), r = [t.header, ...t.rows];
+	return {
+		...n,
+		rows: n.rows.map((e, t) => ({
+			...e,
+			cells: e.cells.map((e, n) => {
+				let i = r[t]?.cells[n], a = i?.contentStart ?? 0;
+				return Ue(e, (i?.chips ?? []).map((e) => ({
+					start: e.start - a,
+					end: e.end - a
+				})));
+			})
+		}))
+	};
+}
+function nt(e) {
+	return {
+		...e,
+		rows: e.rows.map((e) => ({
+			...e,
+			cells: e.cells.map(He)
+		}))
+	};
+}
+function rt() {
+	return {
+		align: [null, null],
+		columns: [null, null],
+		rows: [{
+			from: null,
+			cells: ["", ""]
+		}, {
+			from: null,
+			cells: ["", ""]
+		}]
+	};
+}
+function it(e, t, n, r) {
+	return {
+		...e,
+		rows: e.rows.map((e, i) => i === t ? {
+			...e,
+			cells: e.cells.map((e, t) => t === n ? r : e)
+		} : e)
+	};
+}
+function at(e, t) {
+	let n = [...e.rows];
+	return n.splice(Math.max(1, t), 0, {
+		from: null,
+		cells: e.columns.map(() => "")
+	}), {
+		...e,
+		rows: n
+	};
+}
+function ot(e, t) {
+	let n = (e, n) => [
+		...e.slice(0, t),
+		n,
+		...e.slice(t)
+	];
+	return {
+		align: n(e.align, null),
+		columns: n(e.columns, null),
+		rows: e.rows.map((e) => ({
+			...e,
+			cells: n(e.cells, "")
+		}))
+	};
+}
+function st(e, t, n) {
+	if (t < 1 || n < 1 || n >= e.rows.length || t >= e.rows.length) return e;
+	let r = [...e.rows], [i] = r.splice(t, 1);
+	return i && r.splice(n, 0, i), {
+		...e,
+		rows: r
+	};
+}
+function ct(e, t, n) {
+	let r = e.columns.length;
+	if (t < 0 || n < 0 || t >= r || n >= r) return e;
+	let i = (e) => {
+		let r = [...e], [i] = r.splice(t, 1);
+		return i !== void 0 && r.splice(n, 0, i), r;
+	};
+	return {
+		align: i(e.align),
+		columns: i(e.columns),
+		rows: e.rows.map((e) => ({
+			...e,
+			cells: i(e.cells)
+		}))
+	};
+}
+function lt(e, t) {
+	return t < 1 ? e : {
+		...e,
+		rows: e.rows.filter((e, n) => n !== t)
+	};
+}
+function ut(e, t) {
+	if (e.columns.length <= 1) return e;
+	let n = (e) => e.filter((e, n) => n !== t);
+	return {
+		align: n(e.align),
+		columns: n(e.columns),
+		rows: e.rows.map((e) => ({
+			...e,
+			cells: n(e.cells)
+		}))
+	};
+}
+function dt(e, t, n) {
+	return {
+		...e,
+		align: e.align.map((e, r) => r === t ? n : e)
+	};
+}
+//#endregion
+//#region src/body/commands.ts
+function ft(e, t) {
+	return e === "vesperCard" || e === "vesperInline" || e === "vesperTable" || e === "sourceBlock" || t.kindOf(e) !== void 0;
+}
+function pt(e, t) {
+	let { selection: n } = e.state;
+	return n instanceof G && ft(n.node.type.name, t) ? {
+		pos: n.from,
+		type: n.node.type.name
+	} : null;
+}
+function mt(e, t) {
+	let { $from: n } = e.state.selection;
+	for (let e = n.depth; e > 0; e--) if (t.kindOf(n.node(e).type.name)) return n.before(e);
+	return null;
+}
+function ht(e, t) {
+	let n = e.state.tr.setSelection(G.create(e.state.doc, t));
+	e.view.dispatch(n.scrollIntoView()), e.view.focus();
+}
+function gt(e, t, n) {
+	let { state: r } = e, i = r.doc.resolve(t), a = r.doc.nodeAt(t);
+	if (!a || a.isInline) return null;
+	let o = i.parent, s = i.index() + n;
+	if (s < 0 || s >= o.childCount) return null;
+	let c = o.child(s), l = r.tr, u;
+	if (n === -1) {
+		let e = t - c.nodeSize;
+		l.delete(t, t + a.nodeSize).insert(e, a), u = e;
+	} else {
+		l.delete(t, t + a.nodeSize);
+		let e = t + c.nodeSize;
+		l.insert(e, a), u = e;
+	}
+	return l.setSelection(G.create(l.doc, u)).scrollIntoView(), e.view.dispatch(l), e.view.focus(), u;
+}
+function _t(e, t) {
+	let n = e.state.doc.nodeAt(t);
+	if (!n) return;
+	let r = e.state.tr.delete(t, t + n.nodeSize), i = Math.min(t, r.doc.content.size);
+	r.setSelection(Ce.near(r.doc.resolve(i))), e.view.dispatch(r.scrollIntoView()), e.view.focus();
+}
+function vt(e, t, n, r = {}, i = "") {
+	if (e.builtin === "table") return {
+		type: "vesperTable",
+		attrs: { value: rt() }
+	};
+	let a = Pe(e, r, t, i);
+	if (t === "inline") return {
+		type: "vesperInline",
+		attrs: { source: a.whole }
+	};
+	let o = t === "container" ? n.typeOf(e) : void 0;
+	return o ? {
+		type: o,
+		attrs: {
+			syntax: e.syntax,
+			name: e.name,
+			open: a.open,
+			close: a.close
+		},
+		content: [{ type: "paragraph" }]
+	} : {
+		type: "vesperCard",
+		attrs: {
+			syntax: e.syntax,
+			name: e.name,
+			source: a.whole
+		}
+	};
+}
+function yt(e, t, n) {
+	let { $from: r } = e.selection, i = r.parent;
+	if (!i.isTextblock) return null;
+	let a = i.type.name === "paragraph" && /^\/?[^\s]*$/.test(i.textContent);
+	if (t.block && (a || !t.inline) && ((i) => {
+		let o = r.depth - 1;
+		if (o < 0) return !1;
+		let s = e.schema.nodeFromJSON(vt(t, i, n)), c = r.node(o), l = r.index(o);
+		return a ? c.canReplace(l, l + 1, Oe.from(s)) : c.canReplaceWith(l + 1, l + 1, s.type);
+	})(t.block)) return t.block;
+	let o = e.schema.nodes.vesperInline;
+	return t.inline && o && i.canReplaceWith(r.index(), r.index(), o) ? "inline" : null;
+}
+function bt(e, t, n, r, i, a = {}) {
+	let o = vt(t, n, r, a), s = e.chain().focus();
+	i && (s = s.deleteRange(i));
+	let c = i ? i.from : e.state.selection.from;
+	if (!s.insertContent(o).run()) return null;
+	let l = { pos: null };
+	return e.state.doc.nodesBetween(Math.max(0, c - 2), e.state.doc.content.size, (e, t) => l.pos === null ? e.type.name === o.type && JSON.stringify(e.attrs.source ?? e.attrs.open) === JSON.stringify(o.attrs?.source ?? o.attrs?.open) ? (l.pos = t, !1) : !0 : !1), l.pos !== null && n === "container" && e.commands.setTextSelection(l.pos + 2), l.pos;
+}
+//#endregion
+//#region src/body/nodes.ts
+var xt = /* @__PURE__ */ new Set([
+	"paragraph",
+	"heading",
+	"bulletList",
+	"orderedList",
+	"blockquote",
+	"codeBlock",
+	"horizontalRule"
+]), St = {
+	default: null,
+	keepOnSplit: !1,
+	rendered: !1
+}, Ct = U.create({
+	name: "vesperBlockIndex",
+	addGlobalAttributes() {
+		return [{
+			types: [...xt],
+			attributes: { vesperBlock: St }
+		}];
+	}
+}), wt = W.create({
+	name: "sourceBlock",
+	group: "block",
+	atom: !0,
+	selectable: !0,
+	draggable: !1,
+	addAttributes() {
+		return {
+			vesperBlock: St,
+			text: {
+				default: "",
+				rendered: !1
+			},
+			blockType: {
+				default: "",
+				rendered: !1
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "div[data-vesper-source]",
+			getAttrs: (e) => ({
+				text: e.getAttribute("data-text") ?? "",
+				blockType: e.getAttribute("data-block-type") ?? ""
+			})
+		}];
+	},
+	renderHTML({ node: e }) {
+		return ["div", {
+			"data-vesper-source": "",
+			"data-text": String(e.attrs.text ?? ""),
+			"data-block-type": String(e.attrs.blockType ?? "")
+		}];
+	}
+}), Tt = W.create({
+	name: "vesperCard",
+	group: "block vesperTag",
+	atom: !0,
+	selectable: !0,
+	draggable: !1,
+	addAttributes() {
+		return {
+			vesperBlock: St,
+			syntax: {
+				default: "markdoc",
+				rendered: !1
+			},
+			name: {
+				default: "",
+				rendered: !1
+			},
+			source: {
+				default: "",
+				rendered: !1
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "div[data-vesper-card]",
+			getAttrs: (e) => ({
+				syntax: e.getAttribute("data-syntax") ?? "markdoc",
+				name: e.getAttribute("data-name") ?? "",
+				source: e.getAttribute("data-source") ?? ""
+			})
+		}];
+	},
+	renderHTML({ node: e }) {
+		return ["div", {
+			"data-vesper-card": "",
+			"data-syntax": String(e.attrs.syntax),
+			"data-name": String(e.attrs.name),
+			"data-source": String(e.attrs.source)
+		}];
+	}
+}), Et = W.create({
+	name: "vesperTable",
+	group: "block",
+	atom: !0,
+	selectable: !0,
+	draggable: !1,
+	addAttributes() {
+		return {
+			vesperBlock: St,
+			value: {
+				default: null,
+				rendered: !1
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "div[data-vesper-table]",
+			getAttrs: (e) => {
+				try {
+					return { value: JSON.parse(e.getAttribute("data-value") ?? "null") };
+				} catch {
+					return !1;
+				}
+			}
+		}];
+	},
+	renderHTML({ node: e }) {
+		return ["div", {
+			"data-vesper-table": "",
+			"data-value": JSON.stringify(e.attrs.value)
+		}];
+	}
+}), Dt = W.create({
+	name: "vesperInline",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	selectable: !0,
+	draggable: !1,
+	addAttributes() {
+		return { source: {
+			default: "",
+			rendered: !1
+		} };
+	},
+	parseHTML() {
+		return [{
+			tag: "span[data-vesper-chip]",
+			getAttrs: (e) => ({ source: e.getAttribute("data-source") ?? "" })
+		}];
+	},
+	renderHTML({ node: e }) {
+		return ["span", {
+			"data-vesper-chip": "",
+			"data-source": String(e.attrs.source)
+		}];
+	},
+	markdownTokenizer: {
+		name: "vesperInline",
+		level: "inline",
+		start: (e) => e.indexOf(""),
+		tokenize: (e) => {
+			let t = /^([0-9a-f]*)/.exec(e);
+			return t ? {
+				type: "vesperInline",
+				raw: t[0],
+				hex: t[1]
+			} : void 0;
+		}
+	},
+	parseMarkdown: (e, t) => t.createNode("vesperInline", { source: Ve(String(e.hex ?? "")) }),
+	renderMarkdown: (e) => Be(String(e.attrs?.source ?? ""))
+}), Ot = {
+	paragraph: ["paragraph"],
+	list: ["bulletList", "orderedList"],
+	heading: ["heading"],
+	blockquote: ["blockquote"],
+	fence: ["codeBlock"],
+	hr: ["horizontalRule"],
+	image: ["paragraph"],
+	table: ["vesperTable"],
+	tag: ["vesperTag"]
+};
+function kt(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = [], a = 0;
+	for (let o of e.kinds.values()) {
+		if (o.block !== "container") continue;
+		let e = `vesperTag${String(a++)}_${o.name.replace(/[^A-Za-z0-9]/g, "")}`;
+		t.set(e, o), n.set(o.key, e);
+		let s = o.children?.flatMap((e) => Ot[e] ?? []), c = s ? /* @__PURE__ */ new Set([...s, "sourceBlock"]) : null;
+		r.set(o.key, c);
+		let l = c ? `(${[...c].join(" | ")})+` : "block+";
+		i.push(At(e, l, o));
+	}
+	return {
+		extensions: i,
+		typeOf: (e) => n.get(e.key),
+		kindOf: (e) => t.get(e),
+		allows: (e, n) => {
+			let i = r.get(e.key);
+			return i == null || i.has(n) ? !0 : i.has("vesperTag") && (n === "vesperCard" || t.has(n));
+		}
+	};
+}
+function At(e, t, n) {
+	return W.create({
+		name: e,
+		group: "block vesperTag",
+		content: t,
+		defining: !0,
+		isolating: !0,
+		draggable: !1,
+		selectable: !0,
+		addAttributes() {
+			return {
+				vesperBlock: St,
+				syntax: {
+					default: n.syntax,
+					rendered: !1
+				},
+				name: {
+					default: n.name,
+					rendered: !1
+				},
+				open: {
+					default: "",
+					rendered: !1
+				},
+				close: {
+					default: "",
+					rendered: !1
+				}
+			};
+		},
+		parseHTML() {
+			return [{
+				tag: `div[data-vesper-container="${e}"]`,
+				getAttrs: (e) => ({
+					open: e.getAttribute("data-open") ?? "",
+					close: e.getAttribute("data-close") ?? ""
+				})
+			}];
+		},
+		renderHTML({ node: t }) {
+			return [
+				"div",
+				{
+					"data-vesper-container": e,
+					"data-open": String(t.attrs.open),
+					"data-close": String(t.attrs.close)
+				},
+				0
+			];
+		}
+	});
+}
+//#endregion
+//#region src/body/document.ts
+function jt(e, t) {
+	let n = he(e, t.format, t.markdoc ? { markdoc: t.markdoc } : {}), r = Nt(n.text, n.blocks, null, "", t, null);
+	return {
+		parsed: n,
+		doc: {
+			type: "doc",
+			content: r.length > 0 ? r : [{ type: "paragraph" }]
+		}
+	};
+}
+var Mt = (e, t) => e === null ? String(t) : `${e}.${String(t)}`;
+function Nt(e, t, n, r, i, a) {
+	return t.map((t, o) => {
+		let s = Mt(n, o), c = Ft(e, t, s, r, i);
+		return a && !a(c.type ?? "") ? Pt(e, t, s) : c;
+	});
+}
+function Pt(e, t, n) {
+	return {
+		type: "sourceBlock",
+		attrs: {
+			vesperBlock: n,
+			text: e.slice(t.start, t.end),
+			blockType: t.type
+		}
+	};
+}
+function Ft(e, t, n, r, i) {
+	let a = e.slice(t.start, t.end);
+	if (t.kind === "markdown" && !We(a)) {
+		let o = It(Ue(a, (t.chips ?? []).map((e) => ({
+			start: e.start - t.start,
+			end: e.end - t.start
+		}))), r), s = o === null ? null : Lt(i.markdown, o);
+		return s ? {
+			...s,
+			attrs: {
+				...s.attrs,
+				vesperBlock: n
+			}
+		} : Pt(e, t, n);
+	}
+	if (t.kind === "table" && t.table) {
+		let r = tt(e, t.table);
+		return r.rows.every((e) => e.cells.every((e) => !We(He(e)) && et(i.markdown, e))) ? {
+			type: "vesperTable",
+			attrs: {
+				vesperBlock: n,
+				value: r
+			}
+		} : Pt(e, t, n);
+	}
+	let o = t.tag, s = t.kind === "tag" && o ? i.catalog.find(o.syntax, o.name) : void 0;
+	if (!o || !s) return Pt(e, t, n);
+	let c = i.containers.typeOf(s);
+	if (c && o.children && o.closeStart !== void 0) {
+		let r = Nt(e, o.children, n, o.indent ?? "", i, (e) => i.containers.allows(s, e));
+		return {
+			type: c,
+			attrs: {
+				vesperBlock: n,
+				syntax: o.syntax,
+				name: o.name,
+				open: e.slice(t.start, o.openEnd),
+				close: e.slice(o.closeStart, t.end)
+			},
+			content: r.length > 0 ? r : [{ type: "paragraph" }]
+		};
+	}
+	return {
+		type: "vesperCard",
+		attrs: {
+			vesperBlock: n,
+			syntax: o.syntax,
+			name: o.name,
+			source: a
+		}
+	};
+}
+function It(e, t) {
+	if (t === "") return e;
+	let n = e.split("\n"), r = [];
+	for (let [e, i] of n.entries()) if (e === 0) r.push(i);
+	else if (i.trim() === "") r.push(i.trim());
+	else if (i.startsWith(t)) r.push(i.slice(t.length));
+	else return null;
+	return r.join("\n");
+}
+function Lt(e, t) {
+	try {
+		let n = e.parse(t).content ?? [], [r] = n;
+		if (n.length !== 1 || !r?.type || !xt.has(r.type)) return null;
+		let i = e.parse(e.serialize({
+			type: "doc",
+			content: [r]
+		})).content ?? [];
+		return i.length === 1 && JSON.stringify(i[0]) === JSON.stringify(r) ? r : null;
+	} catch {
+		return null;
+	}
+}
+var Rt = (e, t) => e.type !== void 0 && t.kindOf(e.type) !== void 0;
+function zt(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = (e) => {
+		for (let i of e ?? []) {
+			let e = i.attrs?.vesperBlock;
+			typeof e == "string" && !n.has(e) && n.set(e, Rt(i, t) ? JSON.stringify({ open: i.attrs?.open }) : JSON.stringify(i)), Rt(i, t) && r(i.content);
+		}
+	};
+	return r(e.content), n;
+}
+function Bt(e, t) {
+	if (typeof e != "string") return null;
+	let n = e.lastIndexOf(".");
+	return (n === -1 ? null : e.slice(0, n)) === t ? Number(e.slice(n + 1)) : null;
+}
+function Vt(e, t, n) {
+	return Gt(e.content, null, t, n);
+}
+function Ht(e, t) {
+	let n = e.blocks, r = "", i = t.split(".");
+	for (let [e, t] of i.entries()) {
+		let a = n[Number(t)];
+		if (!a) return null;
+		if (e === i.length - 1) return {
+			block: a,
+			indent: r
+		};
+		if (!a.tag?.children) return null;
+		n = a.tag.children, r = a.tag.indent ?? "";
+	}
+	return null;
+}
+function Ut(e) {
+	let t = [], n = (e) => e.type === "vesperInline" ? (t.push(String(e.attrs?.source ?? "")), {
+		...e,
+		attrs: {
+			...e.attrs,
+			source: ""
+		}
+	}) : e.content ? {
+		...e,
+		content: e.content.map(n)
+	} : e;
+	return {
+		sources: t,
+		shape: JSON.stringify(n(e))
+	};
+}
+function Wt(e, t, n, r) {
+	let i = n.get(t), a = r ? Ht(r, t) : null;
+	if (!i || !r || !a?.block.chips) return null;
+	let o = Ut(JSON.parse(i)), s = Ut(e), c = a.block.chips;
+	if (o.shape !== s.shape || s.sources.length !== c.length) return null;
+	let l = r.text.slice(a.block.start, a.block.end);
+	for (let e = c.length - 1; e >= 0; e--) {
+		let t = c[e];
+		if (!t) return null;
+		let n = t.start - a.block.start, r = t.end - a.block.start;
+		l = l.slice(0, n) + (s.sources[e] ?? "") + l.slice(r);
+	}
+	return It(l, a.indent);
+}
+function Gt(e, t, n, r) {
+	let i = [];
+	for (let a of e ?? []) {
+		let e = a.attrs?.vesperBlock, o = Bt(e, t);
+		if (Rt(a, r.containers)) {
+			let t = String(a.attrs?.open ?? "");
+			if (o !== null && typeof e == "string") {
+				let s = n.get(e), c = Gt(a.content, e, n, r);
+				i.push({
+					replaces: o,
+					...s === JSON.stringify({ open: t }) ? {} : { open: t },
+					children: c
+				});
+			} else i.push({
+				open: t,
+				close: String(a.attrs?.close ?? ""),
+				children: Gt(a.content, null, n, r)
+			});
+			continue;
+		}
+		if (o !== null && typeof e == "string" && n.get(e) === JSON.stringify(a)) {
+			i.push({ keep: o });
+			continue;
+		}
+		if (a.type === "vesperTable") {
+			let t = Kt(typeof e == "string" ? e : null, a.attrs?.value, r);
+			if (!t.ok) throw Error(t.reason);
+			i.push(o === null ? { text: t.text } : {
+				text: t.text,
+				replaces: o
+			});
+			continue;
+		}
+		let s = (o !== null && typeof e == "string" ? Wt(a, e, n, r.parsed) : null) ?? qt(a, r.markdown);
+		(s !== "" || o !== null) && i.push(o === null ? { text: s } : {
+			text: s,
+			replaces: o
+		});
+	}
+	return i;
+}
+function Kt(e, t, n) {
+	if (!n.format) throw Error("Saving a table needs the body’s format.");
+	let r = {
+		format: n.format,
+		...n.markdoc ? { markdoc: n.markdoc } : {}
+	}, i = e !== null && n.parsed ? Ht(n.parsed, e) : null, a = i?.block.table, o = i && a && n.parsed ? {
+		text: n.parsed.text,
+		table: a,
+		indent: i.indent
+	} : null;
+	return ae(o, nt(t), r);
+}
+function qt(e, t) {
+	if (e.type === "sourceBlock") return String(e.attrs?.text ?? "");
+	if (e.type === "vesperCard") return String(e.attrs?.source ?? "");
+	let { vesperBlock: n, ...r } = e.attrs ?? {};
+	return He(t.serialize({
+		type: "doc",
+		content: [{
+			...e,
+			attrs: r
+		}]
+	}).replace(/\s+$/, ""));
+}
+function Jt(e) {
+	return {
+		mdxjsEsm: "Import",
+		mdxJsxFlowElement: "Component",
+		mdxFlowExpression: "Expression",
+		html: "HTML",
+		html_block: "HTML",
+		comment: "Comment",
+		definition: "Link reference",
+		footnoteDefinition: "Footnote",
+		table: "Table",
+		tag: "Markdoc tag",
+		unparsed: "Body that couldn’t be read"
+	}[e] ?? "Formatted text";
+}
+//#endregion
+//#region src/body/insert.tsx
+var X = new xe("vesperSlash");
+function Yt(e, t, n) {
+	return Ne(t).flatMap((t) => {
+		let r = yt(e, t, n);
+		return r ? [{
+			kind: t,
+			shape: r
+		}] : [];
+	}).sort((e, t) => e.kind.label.localeCompare(t.kind.label));
+}
+function Xt(e) {
+	let t = X.getState(e);
+	return t?.active ? e.doc.textBetween(t.from + 1, e.selection.from, "\n") : null;
+}
+function Zt(e, t) {
+	let n = t.toLowerCase();
+	return e.filter((e) => e.kind.label.toLowerCase().includes(n) || e.kind.name.toLowerCase().includes(n));
+}
+function Qt(e) {
+	return U.create({
+		name: "vesperSlash",
+		priority: 1e3,
+		addProseMirrorPlugins() {
+			return [new be({
+				key: X,
+				state: {
+					init: () => ({ active: !1 }),
+					apply(e, t, n, r) {
+						let i = e.getMeta(X), a = t, o = i !== void 0 && "active" in i;
+						if (o ? a = i : i && a.active && (a = {
+							...a,
+							index: i.index
+						}), !a.active) return a;
+						let s = o ? a.from : e.mapping.map(a.from, -1), { selection: c } = r, l = r.doc.textBetween(s, Math.max(s, c.from), "\n");
+						return c.empty && c.from > s && r.doc.resolve(s).parent === c.$from.parent && l.startsWith("/") && !/\s/.test(l) ? {
+							...a,
+							from: s
+						} : { active: !1 };
+					}
+				},
+				props: {
+					handleTextInput(t, n, r, i) {
+						if (i !== "/" || e.disabled()) return !1;
+						let a = t.state.doc.resolve(n);
+						if (a.parent.type.name !== "paragraph") return !1;
+						let o = a.parent.textBetween(0, a.parentOffset, "\n");
+						return o !== "" && !/\s$/.test(o) ? !1 : (t.dispatch(t.state.tr.insertText("/", n, r).setMeta(X, {
+							active: !0,
+							from: n,
+							index: 0
+						})), !0);
+					},
+					handleKeyDown(t, n) {
+						let r = X.getState(t.state);
+						if (!r?.active) return !1;
+						let i = Xt(t.state) ?? "", a = Zt(e.choices(t.state), i);
+						if (n.key === "Escape") return t.dispatch(t.state.tr.setMeta(X, { active: !1 })), !0;
+						if (a.length === 0) return !1;
+						if (n.key === "ArrowDown" || n.key === "ArrowUp") {
+							let e = n.key === "ArrowDown" ? 1 : -1, i = (r.index + e + a.length) % a.length;
+							return t.dispatch(t.state.tr.setMeta(X, { index: i })), !0;
+						}
+						if (n.key === "Enter" || n.key === "Tab") {
+							let n = a[Math.min(r.index, a.length - 1)];
+							if (!n) return !1;
+							let i = {
+								from: r.from,
+								to: t.state.selection.from
+							};
+							return t.dispatch(t.state.tr.setMeta(X, { active: !1 })), e.choose(n, i), !0;
+						}
+						return !1;
+					}
+				}
+			})];
+		}
+	});
+}
+function $t(e, t) {
+	let n = X.getState(e);
+	if (!n?.active) return {
+		role: "textbox",
+		"aria-multiline": "true"
+	};
+	let r = t.count(Xt(e) ?? "");
+	return {
+		role: "combobox",
+		"aria-expanded": "true",
+		"aria-controls": t.listboxId,
+		"aria-autocomplete": "list",
+		...r > 0 ? { "aria-activedescendant": t.optionId(Math.min(n.index, r - 1)) } : {}
+	};
+}
+function en({ editor: e, listboxId: t, optionId: n, choices: r, onChoose: i }) {
+	let a = J({
+		editor: e,
+		selector: ({ editor: e }) => {
+			let t = X.getState(e.state);
+			return t?.active ? {
+				from: t.from,
+				to: e.state.selection.from,
+				index: t.index,
+				query: Xt(e.state) ?? "",
+				place: tn(e, t.from)
+			} : null;
+		},
+		equalityFn: (e, t) => JSON.stringify(e) === JSON.stringify(t)
+	});
+	if (!a) return null;
+	let { place: o } = a, s = Zt(r(e.state), a.query), c = Math.min(a.index, Math.max(0, s.length - 1));
+	return /* @__PURE__ */ L("div", {
+		id: t,
+		role: "listbox",
+		"aria-label": "Insert a block",
+		style: o ? {
+			top: o.top,
+			left: o.left
+		} : void 0,
+		className: S("fixed z-40 max-h-64 min-w-56 overflow-y-auto", g),
+		children: s.length === 0 ? /* @__PURE__ */ L("div", {
+			role: "option",
+			tabIndex: -1,
+			"aria-selected": "false",
+			"aria-disabled": "true",
+			className: "px-3 py-2 text-small text-content-muted",
+			children: "Nothing fits here"
+		}) : s.map((e, t) => /* @__PURE__ */ R("div", {
+			id: n(t),
+			role: "option",
+			tabIndex: -1,
+			"aria-selected": t === c,
+			className: S("flex min-h-9 cursor-default items-center rounded-md px-3 text-body text-content", t === c && "bg-accent-subtle"),
+			onMouseDown: (t) => {
+				t.preventDefault(), i(e, {
+					from: a.from,
+					to: a.to
+				});
+			},
+			children: [e.kind.label, e.shape === "inline" && /* @__PURE__ */ L("span", {
+				className: "text-content-muted",
+				children: " (in this line)"
+			})]
+		}, e.kind.key))
+	});
+}
+function tn(e, t) {
+	try {
+		let n = e.view.coordsAtPos(t);
+		return {
+			top: n.bottom + 4,
+			left: n.left
+		};
+	} catch {
+		return null;
+	}
+}
+function nn({ editor: e, choices: t, onChoose: n, disabled: r }) {
+	let i = J({
+		editor: e,
+		selector: ({ editor: e }) => t(e.state).map((e) => `${e.kind.key}|${e.shape}`).join(",")
+	}), a = t(e.state);
+	return r || i === "" || a.length === 0 ? null : /* @__PURE__ */ L(te, {
+		label: "Insert a block",
+		triggerText: "Insert",
+		triggerIcon: "add",
+		items: a.map((e) => ({
+			id: `${e.kind.key}|${e.shape}`,
+			label: e.shape === "inline" ? `${e.kind.label} (in this line)` : e.kind.label
+		})),
+		onAction: (e) => {
+			let t = a.find((t) => `${t.kind.key}|${t.shape}` === e);
+			t && n(t);
+		}
+	});
+}
+function rn() {
+	let e = M().replace(/:/g, "");
+	return {
+		listboxId: `${e}-insert`,
+		optionId: (t) => `${e}-insert-${String(t)}`
+	};
+}
+//#endregion
+//#region src/body/reveal.ts
+function an(e, t) {
+	let n = [], r = e;
+	for (; r.length > 0;) {
+		let e = r.findIndex((e) => t >= e.start && t <= e.end);
+		e === -1 && (e = Math.max(0, r.findLastIndex((e) => e.start <= t))), n.push(e);
+		let i = r[e]?.tag?.children ?? [];
+		if (!i.some((e) => t >= e.start && t <= e.end)) break;
+		r = i;
+	}
+	return n;
+}
+function on(e, t) {
+	let n = e, r = 0, i = null;
+	for (let e of t) {
+		if (n.childCount === 0) break;
+		let t = Math.min(e, n.childCount - 1), a = r;
+		for (let e = 0; e < t; e++) a += n.child(e).nodeSize;
+		let o = n.child(t);
+		if (i = {
+			node: o,
+			pos: a
+		}, o.isTextblock || o.isAtom) break;
+		n = o, r = a + 1;
+	}
+	return i;
+}
+function sn(e, t, n, r) {
+	let i = he(t, r.format, r.markdoc ? { markdoc: r.markdoc } : {}), a = on(e.state.doc, an(i.blocks, n));
+	if (e.view.focus(), !a) return;
+	let { doc: o } = e.state, s;
+	s = a.node.isTextblock ? Ce.create(o, a.pos + 1) : ft(a.node.type.name, r.containers) ? G.create(o, a.pos) : Ce.near(o.resolve(a.pos + 1)), e.view.dispatch(e.state.tr.setSelection(s).scrollIntoView());
+}
+function cn(e, t, n) {
+	e.setSelectionRange(t, n), e.blur(), e.focus();
+}
+//#endregion
+//#region src/body/scroll.ts
+var ln = "sticky top-[var(--sticky-top,0px)] z-1 rounded-t-md border-b border-border bg-surface-raised p-1", un = 4;
+function dn(e, t) {
+	if (!t) return !1;
+	let { selection: n } = e.state, r;
+	try {
+		r = e.coordsAtPos(n instanceof G ? n.from : n.head).top;
+	} catch {
+		return !1;
+	}
+	let i = t.getBoundingClientRect().bottom + un;
+	return r >= i || r < e.dom.getBoundingClientRect().top || fn(e.dom).scrollBy(0, r - i), !1;
+}
+function fn(e) {
+	for (let t = e.parentElement; t; t = t.parentElement) {
+		let { overflowY: e } = getComputedStyle(t);
+		if ((e === "auto" || e === "scroll") && t.scrollHeight > t.clientHeight) return t;
+	}
+	return window;
+}
+//#endregion
+//#region src/body/ui.ts
+var pn = k(null);
+function Z() {
+	let e = A(pn);
+	if (!e) throw Error("useBodyUi() must be used inside the body editor.");
+	return e;
+}
+function mn(e) {
+	let { checks: t } = Z(), n = N(() => t.validateSync(e), [t, e]), [r, i] = F([]);
+	return j(() => {
+		if (n !== null) return;
+		let r = !0;
+		return t.validate(e).then((e) => {
+			r && i(e);
+		}), () => {
+			r = !1;
+		};
+	}, [
+		t,
+		e,
+		n
+	]), n ?? r;
+}
+function hn(e, t) {
+	if (!e) return "";
+	let n = e.summary ?? (e.builtin === "partial" ? "file" : void 0);
+	if (!n) return "";
+	let r = t[n], i = e.fields.find((e) => e.path[0] === n), a = r === void 0 ? i?.default : r;
+	if (a == null || a === "") return "";
+	let o = i?.constraints?.options?.find((e) => e.value === a)?.label ?? (typeof a == "string" ? a : JSON.stringify(a));
+	return o.length > 60 ? `${o.slice(0, 57)}…` : o;
+}
+//#endregion
+//#region src/body/settings.tsx
+var Q = (e) => typeof e == "string" ? e : "";
+function gn({ editor: e, pos: t, onClose: n }) {
+	let r = Z(), i = J({
+		editor: e,
+		selector: ({ editor: e }) => {
+			if (t === null) return null;
+			let n = e.state.doc.nodeAt(t);
+			return n ? {
+				pos: t,
+				type: n.type.name,
+				attrs: n.attrs,
+				inline: n.isInline
+			} : null;
+		},
+		equalityFn: (e, t) => JSON.stringify(e) === JSON.stringify(t)
+	}), a = i ? vn(i, r) : null;
+	return /* @__PURE__ */ L(h, {
+		title: a?.title ?? "Settings",
+		isOpen: t !== null && i !== null,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: i && a && /* @__PURE__ */ R(_n, {
+			className: "flex flex-col gap-6",
+			children: [
+				a.mode === "tag" && a.kind && /* @__PURE__ */ L(xn, {
+					editor: e,
+					target: i,
+					kind: a.kind
+				}),
+				a.mode === "condition" && /* @__PURE__ */ L(En, {
+					editor: e,
+					target: i
+				}),
+				a.mode === "raw" && /* @__PURE__ */ L(Dn, {
+					editor: e,
+					target: i,
+					label: a.label
+				}),
+				/* @__PURE__ */ L(On, {
+					editor: e,
+					target: i,
+					onClose: n
+				})
+			]
+		})
+	});
+}
+function _n({ className: e, children: t }) {
+	let n = P(null);
+	return j(() => {
+		let e = setTimeout(() => {
+			let e = n.current?.querySelector("input:not([type=hidden]):not([disabled]), textarea:not([disabled]), button:not([disabled])");
+			((e?.type === "radio" ? n.current?.querySelector(`input[type=radio][name="${CSS.escape(e.name)}"]:checked`) : null) ?? e)?.focus();
+		}, 0);
+		return () => {
+			clearTimeout(e);
+		};
+	}, []), /* @__PURE__ */ L("div", {
+		ref: n,
+		className: e,
+		children: t
+	});
+}
+function vn(e, t) {
+	if (e.type === "sourceBlock") {
+		let t = Jt(Q(e.attrs.blockType));
+		return {
+			mode: "raw",
+			title: `Edit ${t.toLowerCase()} as text`,
+			label: t
+		};
+	}
+	let n = t.containers.kindOf(e.type);
+	if (n) return n.builtin === "if" ? {
+		mode: "condition",
+		title: "Conditional content",
+		label: n.label
+	} : {
+		mode: "tag",
+		title: `${n.label} settings`,
+		label: n.label,
+		kind: n
+	};
+	if (e.type === "vesperCard") {
+		let n = e.attrs.syntax, r = Q(e.attrs.name), i = t.catalog.find(n, r);
+		if (i && !i.builtin) return {
+			mode: "tag",
+			title: `${i.label} settings`,
+			label: i.label,
+			kind: i
+		};
+		if (i?.builtin === "partial") return {
+			mode: "tag",
+			title: "Partial settings",
+			label: i.label,
+			kind: i
+		};
+		let a = i?.label ?? Y(n, r);
+		return {
+			mode: "raw",
+			title: `Edit ${a} as text`,
+			label: a
+		};
+	}
+	let r = Je(Q(e.attrs.source)), i = r.name ? t.catalog.find(r.syntax, r.name) : void 0;
+	if (i && !i.builtin && (r.kind === "tag" || r.kind === "component")) return {
+		mode: "tag",
+		title: `${i.label} settings`,
+		label: i.label,
+		kind: i
+	};
+	let a = r.kind === "variable" ? "Variable" : r.kind === "annotation" ? "Annotation" : r.kind === "expression" ? "Expression" : r.name ? Y(r.syntax, r.name) : "Tag";
+	return {
+		mode: "raw",
+		title: `Edit ${a.toLowerCase()} as text`,
+		label: a
+	};
+}
+function yn(e) {
+	if (e.type === "vesperInline") {
+		let t = Q(e.attrs.source), n = Je(t);
+		return {
+			syntax: n.syntax,
+			open: n.open ?? t,
+			rest: t.slice((n.open ?? t).length),
+			inner: n.inner ?? "",
+			close: n.close ?? ""
+		};
+	}
+	let t = e.attrs.syntax;
+	if (e.type === "vesperCard") {
+		let n = Q(e.attrs.source), r = t === "markdoc" ? pe(n)[0]?.end ?? n.length : le(n)?.openEnd ?? n.length;
+		return {
+			syntax: t,
+			open: n.slice(0, r),
+			rest: n.slice(r)
+		};
+	}
+	return {
+		syntax: t,
+		open: Q(e.attrs.open),
+		rest: ""
+	};
+}
+function $(e, t, n) {
+	let r = e.state.tr.setNodeMarkup(t.pos, void 0, {
+		...t.attrs,
+		...n
+	});
+	e.view.dispatch(r);
+}
+function bn(e, t, n) {
+	let r = yn(t);
+	t.type === "vesperInline" || t.type === "vesperCard" ? $(e, t, { source: n + r.rest }) : $(e, t, { open: n });
+}
+function xn({ editor: e, target: t, kind: n }) {
+	let i = Z(), a = r(), s = yn(t), { values: c, code: u } = Ge(s.syntax, s.open), [d, f] = F(null), p = mn(t.type === "vesperInline" || t.type === "vesperCard" ? Q(t.attrs.source) : s.syntax === "mdx" ? `${s.open}\n\n${Q(t.attrs.close)}` : `${s.open}\n${Q(t.attrs.close)}`), m = N(() => {
+		let e = {};
+		for (let t of n.fields) {
+			let n = t.path[0] ?? "", r = n in c ? c[n] : t.default;
+			r !== void 0 && (e[n] = r);
+		}
+		return e;
+	}, [n.fields, c]), h = N(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of p) {
+			if (!t.attribute || t.level !== "error") continue;
+			let n = o([t.attribute]), r = t.message.replace(/^[^:]+: /, "");
+			e.set(n, [...e.get(n) ?? [], r]);
+		}
+		return e;
+	}, [p]), ee = n.builtin === "partial" ? n.fields.filter((e) => e.path[0] !== "file") : n.fields, g = {
+		...a,
+		values: m,
+		issues: h,
+		disabled: i.disabled,
+		idPrefix: `block${String(t.pos)}`,
+		setValue: (r, i) => {
+			let a = String(r[0]), o = r.length > 1 ? _(m, r, i)[a] ?? null : i, c = n.fields.find((e) => e.path[0] === a), l = c?.default !== void 0 && B(o, c.default) ? void 0 : o, u = (s.syntax === "markdoc" ? V : ie)(s.open, [[a, l]], n.order);
+			u === null ? f("This tag is written in a way the form can’t change. Edit it as Markdoc instead.") : (f(null), bn(e, t, u));
+		}
+	};
+	return /* @__PURE__ */ R(l.Provider, {
+		value: g,
+		children: [
+			n.description && /* @__PURE__ */ L("p", {
+				className: "text-small text-content-muted",
+				children: n.description
+			}),
+			d && /* @__PURE__ */ L("p", {
+				role: "alert",
+				className: "text-small text-danger",
+				children: d
+			}),
+			n.builtin === "partial" && /* @__PURE__ */ L(Sn, {
+				value: typeof c.file == "string" ? c.file : "",
+				message: p.find((e) => e.code === "partial-missing")?.message,
+				onChange: (r) => {
+					let i = V(s.open, [["file", r]], n.order);
+					i && bn(e, t, i);
+				}
+			}),
+			ee.map((e) => /* @__PURE__ */ L(C, {
+				field: e,
+				path: e.path
+			}, e.path.join("."))),
+			t.type === "vesperInline" && s.close !== "" && /* @__PURE__ */ L(x, {
+				label: "Text",
+				description: "What the reader sees.",
+				value: s.inner ?? "",
+				isDisabled: i.disabled,
+				onChange: (n) => {
+					$(e, t, { source: s.open + n + (s.close ?? "") });
+				}
+			}),
+			Object.keys(u).length > 0 && /* @__PURE__ */ R("div", {
+				className: "text-small text-content-muted",
+				children: [/* @__PURE__ */ L("p", { children: "Set in the page’s code, so kept as written:" }), /* @__PURE__ */ L("ul", {
+					className: "list-disc pl-6",
+					children: Object.entries(u).map(([e, t]) => /* @__PURE__ */ R("li", { children: [
+						/* @__PURE__ */ L("code", {
+							className: "font-mono",
+							children: e
+						}),
+						": ",
+						/* @__PURE__ */ L("code", {
+							className: "font-mono",
+							children: t
+						})
+					] }, e))
+				})]
+			})
+		]
+	});
+}
+function Sn({ value: e, message: t, onChange: n }) {
+	let r = Z(), i = Cn(r.partials ?? [], r.entryPath, e);
+	return /* @__PURE__ */ L(d, {
+		label: "File",
+		description: "Text kept in its own file and shown here. Files whose names start with an underscore, or that sit in a partials folder, are listed.",
+		options: i,
+		value: e === "" ? null : e,
+		onChange: (e) => {
+			e !== null && n(e);
+		},
+		isInvalid: t !== void 0,
+		errorMessage: t?.replace(/^[^:]+: /, ""),
+		isRequired: !0,
+		isDisabled: r.disabled
+	});
+}
+function Cn(e, t, n) {
+	let r = wn(e, t).map((e) => ({
+		value: Tn(t, e),
+		label: e
+	}));
+	return n !== "" && !r.some((e) => e.value === n) && r.unshift({
+		value: n,
+		label: `${n} (as written)`
+	}), r;
+}
+function wn(e, t) {
+	let n = (e) => Tn(t, e).split("/").length - 1;
+	return e.filter((e) => e !== t && e.endsWith(".mdoc")).filter((e) => /(^|\/)_[^/]+$/.test(e) || /(^|\/)_?partials\//.test(e)).sort((e, t) => n(e) - n(t) || e.localeCompare(t));
+}
+function Tn(e, t) {
+	let n = e.split("/").slice(0, -1), r = t.split("/"), i = 0;
+	for (; i < n.length && i < r.length - 1 && n[i] === r[i];) i++;
+	return [...Array(n.length - i).fill(".."), ...r.slice(i)].join("/");
+}
+function En({ editor: e, target: t }) {
+	let n = Z(), r = Q(t.attrs.open), i = fe(r), a = i?.attributes.find((e) => e.kind === "primary"), [o, s] = F(a ? r.slice(a.valueStart, a.valueEnd) : ""), [c, l] = F(!1);
+	return !i || !a ? /* @__PURE__ */ L(Dn, {
+		editor: e,
+		target: t,
+		label: "Condition",
+		field: "open"
+	}) : /* @__PURE__ */ L(x, {
+		label: "Shown when",
+		description: "A Markdoc condition, such as $product.beta or equals($tier, \"free\"). The content inside is shown only when it’s true.",
+		value: o,
+		isDisabled: n.disabled,
+		isInvalid: c,
+		errorMessage: "That isn’t a condition Markdoc can read, so it wasn’t changed.",
+		inputClassName: "font-mono",
+		onChange: (n) => {
+			s(n);
+			let i = r.slice(0, a.valueStart) + n + r.slice(a.valueEnd), o = n.trim() !== "" && fe(i)?.attributes.some((e) => e.kind === "primary");
+			l(!o), o && $(e, t, { open: i });
+		}
+	});
+}
+function Dn({ editor: e, target: t, label: n, field: r }) {
+	let i = Z(), a = r ?? (t.type === "sourceBlock" ? "text" : "source"), o = Q(t.attrs[a]);
+	return /* @__PURE__ */ L(f, {
+		label: n,
+		description: "Kept exactly as written: Vesper never reformats it. Change it with care; the site reads it as code.",
+		value: o,
+		rows: Math.min(12, o.split("\n").length + 1),
+		isDisabled: i.disabled,
+		inputClassName: "font-mono text-small",
+		onChange: (n) => {
+			$(e, t, { [a]: n });
+		}
+	});
+}
+function On({ editor: e, target: t, onClose: n }) {
+	let r = Z(), i = e.state.doc.resolve(t.pos), a = i.index(), o = i.parent.childCount;
+	return /* @__PURE__ */ R("div", {
+		className: "flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4",
+		children: [/* @__PURE__ */ R("div", {
+			className: "flex flex-wrap gap-2",
+			children: [!t.inline && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(T, {
+				isDisabled: r.disabled || a === 0,
+				onPress: () => {
+					r.move(t.pos, -1);
+				},
+				children: "Move up"
+			}), /* @__PURE__ */ L(T, {
+				isDisabled: r.disabled || a >= o - 1,
+				onPress: () => {
+					r.move(t.pos, 1);
+				},
+				children: "Move down"
+			})] }), /* @__PURE__ */ L(T, {
+				variant: "quiet",
+				isDisabled: r.disabled,
+				onPress: () => {
+					n(), r.remove(t.pos);
+				},
+				children: "Remove"
+			})]
+		}), /* @__PURE__ */ L(T, {
+			variant: "primary",
+			onPress: n,
+			children: "Done"
+		})]
+	});
+}
+//#endregion
+//#region src/body/TableView.tsx
+var kn = S("in-[.ProseMirror-focused]:outline-2 in-[.ProseMirror-focused]:outline-solid in-[.ProseMirror-focused]:outline-offset-2 in-[.ProseMirror-focused]:outline-focus", "in-[.ProseMirror-focused]:ring-6 in-[.ProseMirror-focused]:ring-(color:--glow-focus)"), An = [
+	{
+		id: "left",
+		label: "Left",
+		align: "left"
+	},
+	{
+		id: "center",
+		label: "Centre",
+		align: "center"
+	},
+	{
+		id: "right",
+		label: "Right",
+		align: "right"
+	},
+	{
+		id: "none",
+		label: "As written",
+		align: null
+	}
+], jn = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function Mn(e, t) {
+	let n = Je(t), r = (n.name ? e.catalog.find(n.syntax, n.name) : void 0)?.label ?? (n.name && (n.kind === "tag" || n.kind === "component") ? Y(n.syntax, n.name) : null);
+	if (r === null) return t.length > 40 ? `${t.slice(0, 37)}…` : t;
+	let i = n.inner ?? "";
+	return i && !/[{<*_`[\]\\]/.test(i) ? `${r} · ${i}` : r;
+}
+function Nn(e, t) {
+	return t.map((t) => t.type === "text" ? t.text ?? "" : t.type === "image" ? String(t.attrs?.alt ?? "") : t.type === "vesperInline" ? Mn(e, String(t.attrs?.source ?? "")) : "").join("").trim();
+}
+function Pn({ inline: e }) {
+	let t = Z();
+	return e.map((e, n) => {
+		if (e.type === "image") {
+			let t = String(e.attrs?.alt ?? "");
+			return /* @__PURE__ */ L("span", {
+				className: "text-content-muted",
+				children: t ? `Image: ${t}` : "Image"
+			}, n);
+		}
+		if (e.type === "vesperInline") return /* @__PURE__ */ L("span", {
+			className: "mx-0.5 rounded-sm border border-border-strong bg-surface-sunken px-1 py-0.5 text-small",
+			children: Mn(t, String(e.attrs?.source ?? ""))
+		}, n);
+		let r = e.text ?? "";
+		for (let t of e.marks ?? []) t.type === "bold" ? r = /* @__PURE__ */ L("strong", {
+			className: "font-semibold",
+			children: r
+		}) : t.type === "italic" ? r = /* @__PURE__ */ L("em", { children: r }) : t.type === "strike" ? r = /* @__PURE__ */ L("s", { children: r }) : t.type === "code" ? r = /* @__PURE__ */ L("code", {
+			className: "font-mono text-small",
+			children: r
+		}) : t.type === "link" && (r = /* @__PURE__ */ L("span", {
+			className: "text-accent underline",
+			children: r
+		}));
+		return /* @__PURE__ */ L(re, { children: r }, n);
+	});
+}
+var Fn = class {
+	done = !1;
+	changed = !1;
+	linkOpen = !1;
+	onFinish = () => void 0;
+	openLink = () => void 0;
+	update(e) {
+		this.onFinish = e.onFinish, this.linkOpen = e.linkOpen, this.openLink = e.openLink;
+	}
+	finish(e, t) {
+		return this.done || (this.done = !0, this.onFinish(this.changed ? e.getJSON().content[0]?.content ?? [] : null, t)), !0;
+	}
+}, In = W.create({
+	name: "doc",
+	topNode: !0,
+	content: "paragraph"
+});
+function Ln({ inline: e, label: t, describedBy: n, chipName: r, onFinish: i }) {
+	let [a, o] = F(!1), [s] = F(() => new Fn());
+	j(() => {
+		s.update({
+			onFinish: i,
+			linkOpen: a,
+			openLink: () => {
+				o(!0);
+			}
+		});
+	});
+	let [c] = F(() => [
+		In,
+		De.configure({
+			document: !1,
+			heading: !1,
+			blockquote: !1,
+			codeBlock: !1,
+			horizontalRule: !1,
+			bulletList: !1,
+			orderedList: !1,
+			listItem: !1,
+			listKeymap: !1,
+			hardBreak: !1,
+			underline: !1,
+			trailingNode: !1,
+			link: {
+				openOnClick: !1,
+				autolink: !0,
+				defaultProtocol: "https"
+			}
+		}),
+		ve.configure({ inline: !0 }),
+		Dt.extend({ addNodeView() {
+			return ({ node: e }) => {
+				let t = document.createElement("span");
+				return t.className = "mx-0.5 rounded-sm border border-border-strong bg-surface-sunken px-1 py-0.5 text-small", t.textContent = r(String(e.attrs.source)), { dom: t };
+			};
+		} }),
+		ye,
+		U.create({
+			name: "vesperCellKeys",
+			addKeyboardShortcuts() {
+				let e = this.editor;
+				return {
+					Enter: () => s.finish(e, "stay"),
+					"Shift-Enter": () => !0,
+					Escape: () => s.finish(e, "stay"),
+					Tab: () => s.finish(e, "next"),
+					"Shift-Tab": () => s.finish(e, "previous"),
+					"Mod-k": () => (s.openLink(), !0)
+				};
+			}
+		}),
+		U.create({
+			name: "vesperCellBlur",
+			onUpdate() {
+				s.changed = !0;
+			},
+			onBlur() {
+				let e = this.editor;
+				setTimeout(() => {
+					e.isDestroyed || e.view.hasFocus() || s.linkOpen || s.finish(e, "leave");
+				}, 0);
+			}
+		})
+	]), l = Ee({
+		immediatelyRender: !0,
+		shouldRerenderOnTransaction: !1,
+		extensions: c,
+		content: {
+			type: "doc",
+			content: [{
+				type: "paragraph",
+				content: [...e]
+			}]
+		},
+		editorProps: { attributes: {
+			role: "textbox",
+			"aria-multiline": "false",
+			"aria-label": t,
+			"aria-describedby": n,
+			class: "vesper-body min-h-6 w-full min-w-24 text-body text-content outline-none"
+		} }
+	});
+	return j(() => {
+		let e = () => {
+			l.commands.setTextSelection(l.state.doc.content.size - 1), l.view.focus();
+		};
+		e();
+		let t = requestAnimationFrame(() => {
+			!l.isDestroyed && !s.done && !l.view.hasFocus() && e();
+		});
+		return () => {
+			cancelAnimationFrame(t);
+		};
+	}, [l, s]), /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(we, { editor: l }), /* @__PURE__ */ L(dr, {
+		editor: l,
+		isOpen: a,
+		onOpenChange: (e) => {
+			o(e);
+		}
+	})] });
+}
+function Rn({ node: e, getPos: t, selected: n, editor: r }) {
+	let i = Z(), a = e.attrs.value, o = e.attrs.vesperBlock ?? null, s = r.markdown, c = a.rows.length, l = a.columns.length, u = M(), d = M(), f = M(), [p, m] = F({
+		row: 0,
+		col: 0
+	}), [h, ee] = F(null), [g, _] = F(null), [v, b] = F(!1), [x, C] = F(null), w = P(/* @__PURE__ */ new Map()), T = {
+		row: Math.min(p.row, c - 1),
+		col: Math.min(p.col, l - 1)
+	}, D = P({
+		at: T,
+		editing: h
+	});
+	j(() => {
+		D.current = {
+			at: T,
+			editing: h
+		};
+	});
+	let O = N(() => a.rows.map((e) => e.cells.map((e) => Qe(s, e) ?? [])), [a, s]), re = (O[0] ?? []).map((e, t) => Nn(i, e) || `column ${String(t + 1)}`), k = (e) => re[e] ?? `column ${String(e + 1)}`, A = () => {
+		setTimeout(() => {
+			let { at: e, editing: t } = D.current;
+			t || w.current.get(`${String(e.row)}:${String(e.col)}`)?.focus();
+		}, 0);
+	}, I = (e, t, n = a) => {
+		let r = {
+			row: Math.max(0, Math.min(n.rows.length - 1, e)),
+			col: Math.max(0, Math.min(n.columns.length - 1, t))
+		};
+		D.current = {
+			...D.current,
+			at: r
+		}, m(r), A();
+	}, z = (e) => {
+		D.current = {
+			at: e ?? D.current.at,
+			editing: e
+		}, e && m(e), ee(e);
+	};
+	j(() => {
+		i.takeNewTable() && z({
+			row: 0,
+			col: 0
+		});
+	}, []);
+	let B = (e, n) => {
+		let a = i.checkTable(o, e);
+		if (!a.ok) return C(a.reason), i.announce(a.reason), !1;
+		let s = t(), c = typeof s == "number" ? r.state.doc.nodeAt(s) : null;
+		return typeof s != "number" || c?.type.name !== "vesperTable" ? !1 : (C(null), r.view.dispatch(ke(r.state.tr.setNodeMarkup(s, void 0, {
+			...c.attrs,
+			value: e
+		}))), n && i.announce(n), !0);
+	}, ie = () => {
+		let e = t();
+		typeof e == "number" && ht(r, e);
+	}, V = (e) => e === 0 ? "the header row" : `row ${String(e + 1)}`, ae = (e, { row: t, col: n }) => {
+		let r = k(n), i = String(t + 1);
+		return e === "row-above" && t > 0 ? [
+			at(a, t),
+			`Row added above ${V(t)}.`,
+			{
+				row: t,
+				col: n
+			}
+		] : e === "row-below" ? [
+			at(a, t + 1),
+			`Row added below ${V(t)}.`,
+			{
+				row: t + 1,
+				col: n
+			}
+		] : e === "column-left" ? [
+			ot(a, n),
+			`Column added left of ${r}.`,
+			{
+				row: t,
+				col: n
+			}
+		] : e === "column-right" ? [
+			ot(a, n + 1),
+			`Column added right of ${r}.`,
+			{
+				row: t,
+				col: n + 1
+			}
+		] : e === "row-up" && t > 1 ? [
+			st(a, t, t - 1),
+			`Row ${i} moved up.`,
+			{
+				row: t - 1,
+				col: n
+			}
+		] : e === "row-down" && t > 0 && t < c - 1 ? [
+			st(a, t, t + 1),
+			`Row ${i} moved down.`,
+			{
+				row: t + 1,
+				col: n
+			}
+		] : e === "column-move-left" && n > 0 ? [
+			ct(a, n, n - 1),
+			`Column ${r} moved left.`,
+			{
+				row: t,
+				col: n - 1
+			}
+		] : e === "column-move-right" && n < l - 1 ? [
+			ct(a, n, n + 1),
+			`Column ${r} moved right.`,
+			{
+				row: t,
+				col: n + 1
+			}
+		] : e === "row-delete" && t > 0 ? [
+			lt(a, t),
+			`Row ${i} deleted.`,
+			{
+				row: t,
+				col: n
+			}
+		] : e === "column-delete" && l > 1 ? [
+			ut(a, n),
+			`Column ${r} deleted.`,
+			{
+				row: t,
+				col: n
+			}
+		] : null;
+	}, H = (e) => {
+		let t = ae(e, T);
+		t && B(t[0], t[1]) ? I(t[2].row, t[2].col, t[0]) : I(T.row, T.col);
+	}, oe = (e) => {
+		let t = An.find((t) => t.id === e), { col: n } = T;
+		if (!t || a.align[n] === t.align) return;
+		let r = t.align === null ? "as written" : t.id === "center" ? "centre" : t.id;
+		B(dt(a, n, t.align), `Column ${k(n)} aligned ${r}.`);
+	}, se = (e) => (t, n) => {
+		z(null);
+		let r = a, o;
+		if (t) {
+			let n = $e(s, t), o = Qe(s, n);
+			if (!o || $e(s, o) !== n) {
+				let t = "That can’t be written in a table cell, so the cell wasn’t changed.";
+				C(t), i.announce(t), I(e.row, e.col);
+				return;
+			}
+			n !== a.rows[e.row]?.cells[e.col] && (r = it(r, e.row, e.col, n));
+		}
+		let u = e.row === c - 1 && e.col === l - 1, d = null;
+		n === "next" && u ? (r = at(r, c), o = "Row added.", d = {
+			row: c,
+			col: 0
+		}) : n === "next" ? d = e.col < l - 1 ? {
+			row: e.row,
+			col: e.col + 1
+		} : {
+			row: e.row + 1,
+			col: 0
+		} : n === "previous" && (d = e.col > 0 ? {
+			row: e.row,
+			col: e.col - 1
+		} : e.row > 0 ? {
+			row: e.row - 1,
+			col: l - 1
+		} : null), r !== a && !B(r, o) ? I(e.row, e.col) : n !== "leave" && (d ? z(d) : I(e.row, e.col));
+	}, ce = (e) => {
+		if (h) return;
+		let { row: t, col: n } = T, a = E ? e.metaKey : e.ctrlKey, o = e.key, s = !i.disabled;
+		if (e.altKey && s && o === "ArrowUp") H("row-up");
+		else if (e.altKey && s && o === "ArrowDown") H("row-down");
+		else if (e.altKey && s && o === "ArrowLeft") H("column-move-left");
+		else if (e.altKey && s && o === "ArrowRight") H("column-move-right");
+		else if (o === "ArrowUp") I(t - 1, n);
+		else if (o === "ArrowDown") I(t + 1, n);
+		else if (o === "ArrowLeft") I(t, n - 1);
+		else if (o === "ArrowRight") I(t, n + 1);
+		else if (o === "Home") I(e.ctrlKey || e.metaKey ? 0 : t, 0);
+		else if (o === "End") I(e.ctrlKey || e.metaKey ? c - 1 : t, l - 1);
+		else if ((o === "Enter" || o === "F2") && s) z({
+			row: t,
+			col: n
+		});
+		else if (o === "Escape") ie();
+		else if ((o === "F10" && e.shiftKey || o === "ContextMenu") && s) _("cell");
+		else if (a && o.toLowerCase() === "z") e.shiftKey ? r.commands.redo() : r.commands.undo();
+		else if (a && o.toLowerCase() === "y") r.commands.redo();
+		else return;
+		e.preventDefault(), e.stopPropagation();
+	}, le = [
+		{
+			id: "row-above",
+			label: "Insert row above",
+			isDisabled: T.row === 0
+		},
+		{
+			id: "row-below",
+			label: "Insert row below"
+		},
+		{
+			id: "column-left",
+			label: "Insert column left"
+		},
+		{
+			id: "column-right",
+			label: "Insert column right"
+		},
+		{
+			id: "row-up",
+			label: "Move row up",
+			isDisabled: T.row <= 1
+		},
+		{
+			id: "row-down",
+			label: "Move row down",
+			isDisabled: T.row === 0 || T.row === c - 1
+		},
+		{
+			id: "column-move-left",
+			label: "Move column left",
+			isDisabled: T.col === 0
+		},
+		{
+			id: "column-move-right",
+			label: "Move column right",
+			isDisabled: T.col === l - 1
+		},
+		{
+			id: "row-delete",
+			label: "Delete row",
+			isDanger: !0,
+			isDisabled: T.row === 0
+		},
+		{
+			id: "column-delete",
+			label: "Delete column",
+			isDanger: !0,
+			isDisabled: l <= 1
+		}
+	], ue = An.find((e) => e.align === (a.align[T.col] ?? null)) ?? An[3], de = l === 1 ? "column" : "columns";
+	return /* @__PURE__ */ R(K, {
+		as: "div",
+		role: "group",
+		"aria-labelledby": u,
+		"aria-describedby": x ? d : void 0,
+		onFocus: () => {
+			b(!0);
+		},
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || b(!1);
+		},
+		className: S("my-3", n && kn),
+		children: [
+			/* @__PURE__ */ R("div", {
+				"data-vesper-table-ui": "",
+				className: "mb-1 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ R("p", {
+					id: u,
+					className: "text-label text-content-muted",
+					children: [
+						"Table · ",
+						l,
+						" ",
+						de
+					]
+				}), !i.disabled && /* @__PURE__ */ L(te, {
+					label: "Table actions",
+					trigger: /* @__PURE__ */ L(ne, {
+						icon: "more",
+						label: "Table actions",
+						excludeFromTabOrder: !v,
+						className: "size-8"
+					}),
+					items: le,
+					onAction: H,
+					choice: {
+						title: "Align column",
+						options: An.map((e) => ({
+							id: e.id,
+							label: e.label
+						})),
+						selected: ue?.id ?? "none",
+						onChange: oe
+					},
+					isOpen: g !== null,
+					onOpenChange: (e) => {
+						let t = g;
+						_(e ? t ?? "button" : null), !e && t === "cell" && A();
+					}
+				})]
+			}),
+			/* @__PURE__ */ L("div", {
+				"data-vesper-table-ui": "",
+				className: "overflow-x-auto rounded-md border border-border bg-surface-raised",
+				children: /* @__PURE__ */ L("table", {
+					role: "grid",
+					"aria-label": `Table: ${re.join(", ")}`,
+					"aria-rowcount": c,
+					"aria-colcount": l,
+					"aria-describedby": f,
+					onKeyDown: ce,
+					className: "w-full border-collapse text-body",
+					children: [a.rows.slice(0, 1), a.rows.slice(1)].map((e, t) => {
+						let n = e.map((e, n) => {
+							let r = t === 0 ? n : n + 1;
+							return /* @__PURE__ */ L("tr", {
+								"aria-rowindex": r + 1,
+								children: e.cells.map((e, t) => {
+									let n = T.row === r && T.col === t, o = h?.row === r && h.col === t;
+									return /* @__PURE__ */ L(r === 0 ? "th" : "td", {
+										ref: (e) => {
+											let n = `${String(r)}:${String(t)}`;
+											e ? w.current.set(n, e) : w.current.delete(n);
+										},
+										role: r === 0 ? "columnheader" : "gridcell",
+										"aria-colindex": t + 1,
+										tabIndex: n && v && !o ? 0 : -1,
+										"data-vesper-active": n ? "" : void 0,
+										onFocus: (e) => {
+											if (o) return;
+											m({
+												row: r,
+												col: t
+											});
+											let n = window.getSelection();
+											n?.anchorNode && !e.currentTarget.contains(n.anchorNode) && n.removeAllRanges();
+										},
+										onDoubleClick: () => {
+											i.disabled || z({
+												row: r,
+												col: t
+											});
+										},
+										className: S("border border-border px-3 py-2 align-top outline-none", r === 0 ? "bg-surface-sunken text-label text-content" : "text-content", jn[a.align[t] ?? ""] ?? "text-left", "focus-visible:outline-2 focus-visible:outline-solid focus-visible:-outline-offset-2 focus-visible:outline-focus", o && "outline-2 outline-solid -outline-offset-2 outline-focus"),
+										children: o ? /* @__PURE__ */ L(Ln, {
+											inline: O[r]?.[t] ?? [],
+											label: `${k(t)}, ${V(r)}`,
+											describedBy: f,
+											chipName: (e) => Mn(i, e),
+											onFinish: se({
+												row: r,
+												col: t
+											})
+										}) : /* @__PURE__ */ L(Pn, { inline: O[r]?.[t] ?? [] })
+									}, t);
+								})
+							}, r);
+						});
+						return t === 0 ? /* @__PURE__ */ L("thead", { children: n }, "head") : /* @__PURE__ */ L("tbody", { children: n }, "body");
+					})
+				})
+			}),
+			/* @__PURE__ */ L("p", {
+				id: f,
+				className: "sr-only",
+				children: h ? `Enter or Escape keeps the cell, Tab goes to the next. ${y("Mod", "B").text} bold, ${y("Mod", "I").text} italic, ${y("Mod", "E").text} code, ${y("Mod", "K").text} link.` : "Enter edits the cell. Shift+F10 for row and column actions. Escape returns to the text."
+			}),
+			x && /* @__PURE__ */ L("p", {
+				id: d,
+				className: "mt-2 text-small text-danger",
+				children: x
+			})
+		]
+	});
+}
+//#endregion
+//#region src/body/views.tsx
+var zn = S("in-[.ProseMirror-focused]:outline-2 in-[.ProseMirror-focused]:outline-solid in-[.ProseMirror-focused]:outline-offset-2 in-[.ProseMirror-focused]:outline-focus", "in-[.ProseMirror-focused]:ring-6 in-[.ProseMirror-focused]:ring-(color:--glow-focus)");
+function Bn({ id: e, issues: t }) {
+	return t.length === 0 ? null : /* @__PURE__ */ L("ul", {
+		id: e,
+		className: "mt-2 flex flex-col gap-1 text-small",
+		children: t.map((e) => /* @__PURE__ */ L("li", {
+			className: e.level === "error" ? "text-danger" : "text-content-muted",
+			children: e.level === "error" ? e.message : `Note: ${e.message}`
+		}, `${String(e.line)}${e.message}`))
+	});
+}
+function Vn(e, t) {
+	return t ? `${e} · ${t}` : e;
+}
+function Hn({ node: e, getPos: t, selected: n, editor: r }) {
+	let i = Z(), a = M(), o = M(), s = e.attrs.syntax, c = String(e.attrs.name), l = String(e.attrs.open), u = String(e.attrs.close), d = i.catalog.find(s, c), f = d?.label ?? Y(s, c), p = d?.builtin === "if" ? `shown when ${Gn(l)}` : hn(d, Ge(s, l).values), m = mn(s === "mdx" ? `${l}\n\n${u}` : `${l}\n${u}`), h = J({
+		editor: r,
+		selector: ({ editor: n }) => {
+			let r = t();
+			if (typeof r != "number") return !1;
+			let { from: i, to: a } = n.state.selection;
+			return i > r && a < r + e.nodeSize;
+		}
+	});
+	return /* @__PURE__ */ R(K, {
+		as: "div",
+		role: "group",
+		"aria-labelledby": a,
+		"aria-describedby": m.length > 0 ? o : void 0,
+		className: S("my-3 rounded-md border border-border p-3", m.some((e) => e.level === "error") && "border-danger", n && zn),
+		children: [
+			/* @__PURE__ */ R("div", {
+				contentEditable: !1,
+				className: "mb-2 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ L("p", {
+					id: a,
+					className: "text-label text-content-muted",
+					children: Vn(f, p)
+				}), /* @__PURE__ */ L(Un, {
+					label: f,
+					getPos: t,
+					inTabOrder: h
+				})]
+			}),
+			/* @__PURE__ */ L(Te, { className: "vesper-container-content" }),
+			/* @__PURE__ */ L("div", {
+				contentEditable: !1,
+				children: /* @__PURE__ */ L(Bn, {
+					id: o,
+					issues: m
+				})
+			})
+		]
+	});
+}
+function Un({ label: e, getPos: t, inTabOrder: n }) {
+	let r = Z();
+	return /* @__PURE__ */ L(T, {
+		variant: "quiet",
+		excludeFromTabOrder: !n,
+		"aria-label": `Settings for ${e}`,
+		isDisabled: r.disabled,
+		onPress: () => {
+			let e = t();
+			typeof e == "number" && r.openSettings(e);
+		},
+		className: "min-h-8 px-2 text-small",
+		children: "Settings"
+	});
+}
+function Wn({ node: e, getPos: t, selected: n }) {
+	let r = Z(), i = M(), a = M(), o = e.attrs.syntax, s = String(e.attrs.name), c = String(e.attrs.source), l = r.catalog.find(o, s), u = l?.label ?? Y(o, s), d = l?.builtin === "else" ? Gn(c) : l?.builtin === "if" ? "" : hn(l, Ge(o, c).values), f = mn(c);
+	return /* @__PURE__ */ R(K, {
+		as: "div",
+		contentEditable: !1,
+		role: "group",
+		"aria-labelledby": i,
+		"aria-describedby": f.length > 0 ? a : void 0,
+		className: S("my-3 rounded-md border border-border bg-surface p-3", f.some((e) => e.level === "error") && "border-danger", n && zn),
+		children: [/* @__PURE__ */ R("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ L("p", {
+				id: i,
+				className: "text-label text-content",
+				children: Vn(u, d)
+			}), /* @__PURE__ */ L(Un, {
+				label: u,
+				getPos: t,
+				inTabOrder: !1
+			})]
+		}), /* @__PURE__ */ L(Bn, {
+			id: a,
+			issues: f
+		})]
+	});
+}
+function Gn(e) {
+	return e.replace(/^\{%\s*(if|else)\b/, "").replace(/\/?%\}$/, "").trim();
+}
+function Kn({ node: e, selected: t }) {
+	let n = Z(), r = String(e.attrs.source), i = Je(r), a = i.name ? n.catalog.find(i.syntax, i.name) : void 0, o = i.kind === "tag" || i.kind === "component", s = mn(o ? r : "").filter((e) => e.level === "error"), c = a && o, l = c ? Vn(a.label, qn(i.inner) || hn(a, Ge(i.syntax, i.open ?? "").values)) : r.length > 80 ? `${r.slice(0, 77)}…` : r;
+	return /* @__PURE__ */ R(K, {
+		as: "span",
+		className: S("mx-0.5 rounded-sm border border-border-strong bg-surface-sunken px-1 py-0.5 text-small", !c && "font-mono", s.length > 0 && "border-danger", t && zn),
+		children: [l, s.length > 0 && /* @__PURE__ */ R("span", {
+			className: "text-danger",
+			children: [
+				" (",
+				s.map((e) => e.message).join(" "),
+				")"
+			]
+		})]
+	});
+}
+function qn(e) {
+	return !e || /[{<*_`[\]\\]/.test(e) ? "" : e;
+}
+function Jn({ node: e, getPos: t, selected: n }) {
+	let r = Z(), i = String(e.attrs.text ?? "").split("\n"), a = Jt(String(e.attrs.blockType ?? ""));
+	return /* @__PURE__ */ R(K, {
+		as: "div",
+		contentEditable: !1,
+		className: S("my-3 rounded-md border border-dashed border-border-strong bg-surface-sunken p-3", n && zn),
+		children: [/* @__PURE__ */ R("div", {
+			className: "mb-1 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ R("p", {
+				className: "text-label text-content-muted",
+				children: [a, ", kept as written."]
+			}), /* @__PURE__ */ L(T, {
+				variant: "quiet",
+				excludeFromTabOrder: !0,
+				"aria-label": `Edit as text: ${a}`,
+				isDisabled: r.disabled,
+				onPress: () => {
+					let e = t();
+					typeof e == "number" && r.openSettings(e);
+				},
+				className: "min-h-8 px-2 text-small",
+				children: "Edit as text"
+			})]
+		}), /* @__PURE__ */ R("pre", {
+			className: "overflow-x-auto font-mono text-small whitespace-pre-wrap text-content",
+			children: [i.slice(0, 6).join("\n"), i.length > 6 ? `\n… ${String(i.length - 6)} more lines` : ""]
+		})]
+	});
+}
+//#endregion
+//#region src/body/BodyEditor.tsx
+var Yn = {
+	md: "Markdown",
+	mdx: "MDX",
+	mdoc: "Markdoc"
+};
+function Xn(e) {
+	let [t, n] = F("writing"), [r, i] = F(0), a = Yn[e.format], o = (e.issues ?? []).filter((e) => e.level === "error"), s = e.notes ?? [], c = P(null), l = P(t);
+	j(() => {
+		l.current = t;
+	}, [t]);
+	let u = (e) => {
+		if (e.target.kind !== "body") return;
+		let t = document.getElementById("entry-body");
+		l.current === "source" && t instanceof HTMLTextAreaElement ? cn(t, e.target.start, e.target.end) : c.current?.(e.target.start);
+	}, d = P(u);
+	j(() => {
+		d.current = u;
+	});
+	let { apiRef: f } = e;
+	return j(() => {
+		if (f) return f.current = { reveal: (e) => {
+			d.current(e);
+		} }, () => {
+			f.current = null;
+		};
+	}, [f]), /* @__PURE__ */ R("section", {
+		"aria-labelledby": "entry-body-label",
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ R("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ L("span", {
+					id: "entry-body-label",
+					className: "text-label text-content",
+					children: "Body"
+				}), /* @__PURE__ */ L(T, {
+					variant: "quiet",
+					onPress: () => {
+						t === "source" && i((e) => e + 1), n(t === "writing" ? "source" : "writing");
+					},
+					children: t === "writing" ? `Edit as ${a}` : "Back to the writing view"
+				})]
+			}),
+			t === "writing" ? /* @__PURE__ */ L(cr, {
+				...e,
+				revealRef: c
+			}, r) : /* @__PURE__ */ R(I, { children: [
+				/* @__PURE__ */ L("textarea", {
+					id: "entry-body",
+					"aria-labelledby": "entry-body-label",
+					"aria-describedby": S("entry-body-source-help", o.length > 0 && "entry-body-issues"),
+					"aria-invalid": o.length > 0 || void 0,
+					value: e.value,
+					onChange: (t) => {
+						e.onChange(t.target.value);
+					},
+					rows: 20,
+					spellCheck: !1,
+					disabled: e.disabled,
+					className: S(D, "resize-y font-mono text-small leading-relaxed")
+				}),
+				/* @__PURE__ */ R("p", {
+					id: "entry-body-source-help",
+					className: "text-small text-content-muted",
+					children: [
+						"The whole body as ",
+						a,
+						", exactly as it’s saved."
+					]
+				}),
+				o.length > 0 && /* @__PURE__ */ L("ul", {
+					id: "entry-body-issues",
+					className: "flex flex-col gap-1 text-small text-danger",
+					children: o.map((e) => /* @__PURE__ */ R("li", { children: [
+						"Line ",
+						e.line,
+						": ",
+						e.message
+					] }, `${String(e.line)}${e.message}`))
+				})
+			] }),
+			/* @__PURE__ */ L(Zn, {
+				notes: s,
+				lines: t === "source",
+				onShow: u
+			})
+		]
+	});
+}
+function Zn({ notes: e, lines: t, onShow: n }) {
+	return e.length === 0 ? null : /* @__PURE__ */ R("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ L("p", {
+			id: "entry-body-a11y-label",
+			className: "text-label text-content",
+			children: "Accessibility notes in the body"
+		}), /* @__PURE__ */ L("ul", {
+			"aria-labelledby": "entry-body-a11y-label",
+			className: "m-0 flex list-none flex-col gap-2 p-0",
+			children: e.map((e, r) => {
+				let i = `entry-body-a11y-${String(r)}`;
+				return /* @__PURE__ */ R("li", {
+					className: "flex flex-wrap items-start justify-between gap-2 text-small text-content",
+					children: [/* @__PURE__ */ R("p", {
+						id: i,
+						className: "m-0 flex min-w-0 flex-1 gap-2",
+						children: [/* @__PURE__ */ L(ee, {
+							name: "warning",
+							size: 16,
+							className: "mt-0.5 text-warning"
+						}), /* @__PURE__ */ R("span", { children: [t && e.target.kind === "body" ? `Line ${String(e.target.line)}. ` : "", /* @__PURE__ */ L(v, { note: e })] })]
+					}), /* @__PURE__ */ L(T, {
+						variant: "quiet",
+						"aria-describedby": i,
+						onPress: () => {
+							n(e);
+						},
+						children: "Show"
+					})]
+				}, i);
+			})
+		})]
+	});
+}
+var Qn = wt.extend({ addNodeView() {
+	return q(Jn);
+} }), $n = Tt.extend({ addNodeView() {
+	return q(Wn);
+} }), er = Dt.extend({ addNodeView() {
+	return q(Kn, { as: "span" });
+} }), tr = Et.extend({ addNodeView() {
+	return q(Rn, { stopEvent: ({ event: e }) => e.target instanceof Element && e.target.closest("[data-vesper-table-ui]") !== null });
+} }), nr = class {
+	actions = {
+		open: () => void 0,
+		insert: () => void 0,
+		disabled: !0
+	};
+	update(e) {
+		this.actions = e;
+	}
+};
+function rr(e) {
+	let { containers: t, actions: n } = e, r = (e, r) => {
+		if (n().disabled) return !1;
+		let i = pt(e, t), a = i && i.type !== "vesperInline" ? i.pos : mt(e, t);
+		return a !== null && (gt(e, a, r), !0);
+	};
+	return U.create({
+		name: "vesperShortcuts",
+		addKeyboardShortcuts() {
+			let i = this.editor;
+			return {
+				"Mod-k": () => (e.onLink(), !0),
+				Escape: () => {
+					if (!pt(i, t)) {
+						let e = mt(i, t);
+						if (e !== null) return ht(i, e), !0;
+					}
+					return i.view.dom.closest("[data-vesper-body]")?.querySelector("[role=\"toolbar\"] button")?.focus(), !0;
+				},
+				Enter: () => {
+					let e = pt(i, t);
+					return !e || n().disabled ? !1 : (n().open(e.pos), !0);
+				},
+				"Alt-ArrowUp": () => r(i, -1),
+				"Alt-ArrowDown": () => r(i, 1),
+				[E ? "Mod-ArrowUp" : "Mod-Home"]: () => ir(i, "start"),
+				[E ? "Mod-ArrowDown" : "Mod-End"]: () => ir(i, "end")
+			};
+		},
+		addProseMirrorPlugins() {
+			return [new be({ props: { handleDOMEvents: { keydown: (e, t) => ar(e, t) } } })];
+		}
+	});
+}
+function ir(e, t) {
+	let { doc: n } = e.state, r = t === "start" ? Se.atStart(n) : Se.atEnd(n);
+	return e.view.dispatch(e.state.tr.setSelection(r).scrollIntoView()), !0;
+}
+function ar(e, t) {
+	if (!E || !t.shiftKey || !t.metaKey || t.altKey || t.ctrlKey || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return !1;
+	let { selection: n } = e.state;
+	if (!(n instanceof Ce)) return !1;
+	let r = t.key === "ArrowLeft" == (getComputedStyle(e.dom).direction === "rtl") ? n.$head.nodeAfter : n.$head.nodeBefore;
+	return r !== null && !r.isText && r.isLeaf;
+}
+function or(e) {
+	(e.querySelector("[data-vesper-active]") ?? e.querySelector("[role=\"grid\"] [aria-colindex]"))?.focus();
+}
+function sr(e, t) {
+	if (!e.isFocused) return "";
+	let n = pt(e, t.containers);
+	if (!n) return "";
+	let r = e.state.doc.nodeAt(n.pos);
+	if (!r) return "";
+	if (r.type.name === "vesperTable") {
+		let e = r.attrs.value, t = e.columns.length, n = e.rows.length;
+		return `Table, ${String(t)} ${t === 1 ? "column" : "columns"} and ${String(n)} ${n === 1 ? "row" : "rows"}, selected. Press Enter to edit its cells.`;
+	}
+	let i;
+	if (r.type.name === "sourceBlock") i = Jt(String(r.attrs.blockType ?? ""));
+	else if (r.type.name === "vesperInline") {
+		let e = Je(String(r.attrs.source));
+		i = (e.name ? t.catalog.find(e.syntax, e.name) : void 0)?.label ?? (e.kind === "variable" ? "Variable" : e.kind === "annotation" ? "Annotation" : "Tag");
+	} else {
+		let e = r.attrs.syntax, n = String(r.attrs.name);
+		i = t.catalog.find(e, n)?.label ?? Y(e, n);
+	}
+	return `${i} selected. Press Enter for its settings.`;
+}
+function cr({ value: t, onChange: n, format: r, disabled: a, entryPath: o, imageFolder: s, partials: c = null, headingStart: l = 2, revealRef: u }) {
+	let { manifest: d, loadMdxProps: f } = i(), h = P(null), ee = P(n);
+	j(() => {
+		ee.current = n;
+	});
+	let [g, _] = F(!1), v = P(null), [y, te] = F(!1), [b, x] = F(null), C = p(b), [w, T] = F(null), E = rn(), [ne, D] = F(""), O = P(!1), [re] = F(() => {
+		let e = je(d, r);
+		return {
+			catalog: e,
+			containers: kt(e)
+		};
+	}), { catalog: k, containers: A } = re, [M] = F(() => new nr()), [I] = F(() => {
+		let e = (e) => Yt(e, k, A);
+		return [
+			De.configure({
+				underline: !1,
+				trailingNode: !1,
+				link: {
+					openOnClick: !1,
+					autolink: !0,
+					defaultProtocol: "https"
+				}
+			}),
+			ve.configure({ inline: !0 }),
+			ye,
+			Ct,
+			Qn,
+			$n,
+			er,
+			tr,
+			...A.extensions.map((e) => e.extend({ addNodeView() {
+				return q(Hn);
+			} })),
+			Qt({
+				...E,
+				choices: e,
+				choose: (e, t) => {
+					M.actions.insert(e, t);
+				},
+				disabled: () => M.actions.disabled
+			}),
+			rr({
+				containers: A,
+				actions: () => M.actions,
+				onLink: () => {
+					_(!0);
+				}
+			})
+		];
+	}), B = Ee({
+		immediatelyRender: !0,
+		shouldRerenderOnTransaction: !1,
+		editable: !a,
+		extensions: I,
+		editorProps: {
+			handleScrollToSelection: (e) => dn(e, v.current),
+			attributes: (e) => ({
+				id: "entry-body",
+				"aria-labelledby": "entry-body-label",
+				"aria-describedby": "entry-body-help",
+				class: "vesper-body min-h-72 resize-y overflow-y-auto px-4 py-3 text-body outline-none",
+				...$t(e, {
+					...E,
+					count: (t) => Zt(Yt(e, k, A), t).length
+				})
+			})
+		},
+		onCreate: ({ editor: e }) => {
+			let n = jt(t, {
+				format: r,
+				markdown: e.markdown,
+				catalog: k,
+				containers: A,
+				...d.markdoc ? { markdoc: d.markdoc.options } : {}
+			});
+			e.commands.setContent(n.doc, { emitUpdate: !1 });
+			let i = Se.findFrom(e.state.doc.resolve(0), 1, !0);
+			i && e.view.dispatch(e.state.tr.setSelection(i)), h.current = {
+				built: n,
+				initial: zt(e.getJSON(), A)
+			};
+		},
+		onUpdate: ({ editor: e }) => {
+			if (!h.current) return;
+			let t = Vt(e.getJSON(), h.current.initial, {
+				markdown: e.markdown,
+				containers: A,
+				parsed: h.current.built.parsed,
+				format: r,
+				...d.markdoc ? { markdoc: d.markdoc.options } : {}
+			});
+			ee.current(z(h.current.built.parsed, t));
+		}
+	});
+	function ie(e, t) {
+		O.current = e.kind.builtin === "table";
+		let n = bt(B, e.kind, e.shape, A, t, V(e));
+		n !== null && (e.kind.fields.length > 0 || e.shape === "inline") && T(n);
+	}
+	function V(e) {
+		if (e.kind.builtin !== "partial") return {};
+		let [t] = wn(c ?? [], o);
+		return t ? { file: Tn(o, t) } : {};
+	}
+	j(() => {
+		M.update({
+			open: (e) => {
+				if (B.state.doc.nodeAt(e)?.type.name === "vesperTable") {
+					let t = B.view.nodeDOM(e);
+					t instanceof HTMLElement && or(t);
+				} else T(e);
+			},
+			insert: ie,
+			disabled: a
+		});
+	});
+	let ae = N(() => e({
+		manifest: d,
+		format: r,
+		loadMdxProps: f,
+		partials: c,
+		entryPath: o
+	}), [
+		d,
+		r,
+		f,
+		c,
+		o
+	]), H = N(() => ({
+		catalog: k,
+		containers: A,
+		disabled: a,
+		checks: ae,
+		partials: c,
+		entryPath: o,
+		openSettings: (e) => {
+			T(e);
+		},
+		move: (e, t) => {
+			let n = gt(B, e, t);
+			n !== null && T((e) => e === null ? null : n);
+		},
+		remove: (e) => {
+			_t(B, e);
+		},
+		announce: (e) => {
+			D((t) => t === e ? `${e}\u00a0` : e);
+		},
+		checkTable: (e, t) => Kt(e, t, {
+			markdown: B.markdown,
+			containers: A,
+			format: r,
+			...h.current ? { parsed: h.current.built.parsed } : {},
+			...d.markdoc ? { markdoc: d.markdoc.options } : {}
+		}),
+		takeNewTable: () => {
+			let e = O.current;
+			return O.current = !1, e;
+		}
+	}), [
+		k,
+		A,
+		a,
+		ae,
+		c,
+		o,
+		B,
+		r,
+		d.markdoc
+	]), oe = P(t);
+	j(() => {
+		oe.current = t;
+	}), j(() => (u.current = (e) => {
+		sn(B, oe.current, e, {
+			format: r,
+			containers: A,
+			...d.markdoc ? { markdoc: d.markdoc.options } : {}
+		});
+	}, () => {
+		u.current = null;
+	}), [
+		B,
+		r,
+		A,
+		d.markdoc,
+		u
+	]);
+	let se = J({
+		editor: B,
+		selector: ({ editor: e }) => sr(e, {
+			catalog: k,
+			containers: A
+		})
+	}), ce = k.kinds.size > 0;
+	return /* @__PURE__ */ L(pn.Provider, {
+		value: H,
+		children: /* @__PURE__ */ R("div", {
+			"data-vesper-body": "",
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ R("div", {
+					className: S("rounded-md border border-border-strong bg-surface-raised", "has-[#entry-body:focus-visible]:outline-2 has-[#entry-body:focus-visible]:outline-solid has-[#entry-body:focus-visible]:outline-offset-2 has-[#entry-body:focus-visible]:outline-focus", "has-[#entry-body:focus-visible]:ring-6 has-[#entry-body:focus-visible]:ring-(color:--glow-focus)"),
+					children: [/* @__PURE__ */ L("div", {
+						ref: v,
+						className: ln,
+						children: /* @__PURE__ */ L(lr, {
+							editor: B,
+							disabled: a,
+							headingStart: l,
+							onLink: () => {
+								_(!0);
+							},
+							onImage: () => {
+								te(!0);
+							},
+							insert: /* @__PURE__ */ L(nn, {
+								editor: B,
+								choices: (e) => Yt(e, k, A),
+								onChoose: (e) => {
+									ie(e);
+								},
+								disabled: a
+							})
+						})
+					}), /* @__PURE__ */ L(we, { editor: B })]
+				}),
+				/* @__PURE__ */ L(en, {
+					editor: B,
+					...E,
+					choices: (e) => Yt(e, k, A),
+					onChoose: (e, t) => {
+						ie(e, t);
+					}
+				}),
+				/* @__PURE__ */ L("p", {
+					className: "sr-only",
+					role: "status",
+					children: se
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "sr-only",
+					role: "status",
+					children: ne
+				}),
+				/* @__PURE__ */ R("p", {
+					id: "entry-body-help",
+					className: "text-small text-content-muted",
+					children: [
+						"Ctrl+B bold, Ctrl+I italic, Ctrl+K link.",
+						ce ? " Type / to insert a block or a table. Arrow onto a block and press Enter for its settings, or onto a table for its cells; Alt+↑ and Alt+↓ move it." : " Type / to insert a table. Arrow onto a table and press Enter for its cells; Alt+↑ and Alt+↓ move it.",
+						" ",
+						"Escape leaves a block, then the text. Dashed boxes are kept exactly as written."
+					]
+				}),
+				/* @__PURE__ */ L(gn, {
+					editor: B,
+					pos: w,
+					onClose: () => {
+						let e = w;
+						T(null);
+						let t = B.view.dom, n = !1, r = () => {
+							if (n || B.isDestroyed) return;
+							n = !0, t.removeEventListener("focusin", i), B.view.focus();
+							let r = e === null ? null : B.state.doc.nodeAt(e);
+							e !== null && r && ft(r.type.name, A) && B.view.dispatch(B.state.tr.setSelection(G.create(B.state.doc, e)));
+						}, i = () => setTimeout(r, 0);
+						t.addEventListener("focusin", i), setTimeout(r, 500);
+					}
+				}),
+				/* @__PURE__ */ L(dr, {
+					editor: B,
+					isOpen: g,
+					onOpenChange: _
+				}),
+				/* @__PURE__ */ L(m, {
+					isOpen: y,
+					onOpenChange: te,
+					kind: "image",
+					folder: s,
+					onChoose: (e) => {
+						x(e);
+					}
+				}),
+				/* @__PURE__ */ L(pr, {
+					path: b,
+					previewUrl: C,
+					onCancel: () => {
+						x(null), B.commands.focus();
+					},
+					onInsert: (e) => {
+						b && (B.chain().focus().setImage({
+							src: me(b, o),
+							alt: e
+						}).run(), x(null));
+					}
+				})
+			]
+		})
+	});
+}
+function lr({ editor: e, disabled: t, headingStart: r, onLink: i, onImage: a, insert: o }) {
+	let s = J({
+		editor: e,
+		selector: ({ editor: e }) => ({
+			bold: e.isActive("bold"),
+			italic: e.isActive("italic"),
+			code: e.isActive("code"),
+			level: e.isActive("heading") ? Number(e.getAttributes("heading").level) : 0,
+			bullets: e.isActive("bulletList"),
+			numbers: e.isActive("orderedList"),
+			quote: e.isActive("blockquote"),
+			link: e.isActive("link")
+		})
+	}), l = () => e.chain().focus();
+	return /* @__PURE__ */ R(n, {
+		label: "Formatting",
+		children: [
+			/* @__PURE__ */ L(c, {
+				icon: "bold",
+				label: "Bold",
+				shortcut: y("Mod", "B"),
+				isDisabled: t,
+				isSelected: s.bold,
+				onChange: () => l().toggleBold().run()
+			}),
+			/* @__PURE__ */ L(c, {
+				icon: "italic",
+				label: "Italic",
+				shortcut: y("Mod", "I"),
+				isDisabled: t,
+				isSelected: s.italic,
+				onChange: () => l().toggleItalic().run()
+			}),
+			/* @__PURE__ */ L(u, {}),
+			/* @__PURE__ */ L(ur, {
+				editor: e,
+				level: s.level,
+				start: r,
+				disabled: t
+			}),
+			/* @__PURE__ */ L(u, {}),
+			/* @__PURE__ */ L(c, {
+				icon: "bullets",
+				label: "Bullets",
+				shortcut: y("Mod", "Shift", "8"),
+				isDisabled: t,
+				isSelected: s.bullets,
+				onChange: () => l().toggleBulletList().run()
+			}),
+			/* @__PURE__ */ L(c, {
+				icon: "numbers",
+				label: "Numbers",
+				shortcut: y("Mod", "Shift", "7"),
+				isDisabled: t,
+				isSelected: s.numbers,
+				onChange: () => l().toggleOrderedList().run()
+			}),
+			/* @__PURE__ */ L(c, {
+				icon: "quote",
+				label: "Quote",
+				shortcut: y("Mod", "Shift", "B"),
+				isDisabled: t,
+				isSelected: s.quote,
+				onChange: () => l().toggleBlockquote().run()
+			}),
+			/* @__PURE__ */ L(c, {
+				icon: "code",
+				label: "Code",
+				shortcut: y("Mod", "E"),
+				isDisabled: t,
+				isSelected: s.code,
+				onChange: () => l().toggleCode().run()
+			}),
+			/* @__PURE__ */ L(u, {}),
+			/* @__PURE__ */ L(O, {
+				icon: "link",
+				label: s.link ? "Edit link" : "Link",
+				shortcut: y("Mod", "K"),
+				isDisabled: t,
+				onPress: i
+			}),
+			/* @__PURE__ */ L(O, {
+				icon: "image",
+				label: "Image",
+				isDisabled: t,
+				onPress: a
+			}),
+			o
+		]
+	});
+}
+function ur({ editor: e, level: n, start: r, disabled: i }) {
+	let a = n === 0 ? "Paragraph" : `Heading ${String(n)}`, o = [{
+		id: "0",
+		label: "Paragraph"
+	}, ...[
+		1,
+		2,
+		3,
+		4,
+		5,
+		6
+	].filter((e) => e >= Math.min(r, 6)).map((e) => ({
+		id: String(e),
+		label: `Heading ${String(e)}`
+	}))];
+	return /* @__PURE__ */ L(te, {
+		label: "Text style",
+		items: [],
+		onAction: () => void 0,
+		trigger: /* @__PURE__ */ R(O, {
+			"aria-label": `Text style: ${a}`,
+			isDisabled: i,
+			className: "w-28 gap-1",
+			children: [/* @__PURE__ */ L("span", {
+				className: "min-w-0 flex-1 truncate text-left",
+				children: a
+			}), /* @__PURE__ */ L(t, {})]
+		}),
+		choice: {
+			title: "Text style",
+			options: o,
+			selected: String(n),
+			onChange: (t) => {
+				let n = Number(t);
+				n === 0 ? e.chain().setParagraph().run() : e.chain().setHeading({ level: n }).run();
+			},
+			onClosed: () => {
+				e.commands.focus();
+			}
+		}
+	});
+}
+function dr({ editor: e, isOpen: t, onOpenChange: n }) {
+	let r = e.getAttributes("link").href, i = () => {
+		n(!1), e.commands.focus();
+	};
+	return /* @__PURE__ */ L(h, {
+		title: r ? "Edit link" : "Add a link",
+		isOpen: t,
+		onOpenChange: (e) => {
+			e ? n(!0) : i();
+		},
+		children: t && /* @__PURE__ */ L(fr, {
+			editor: e,
+			current: r,
+			onDone: i
+		})
+	});
+}
+function fr({ editor: e, current: t, onDone: n }) {
+	let [r, i] = F(t ?? ""), a = w(), o = N(() => b(a), [a]);
+	return /* @__PURE__ */ R("form", {
+		className: "flex flex-col gap-4",
+		onSubmit: (t) => {
+			t.preventDefault();
+			let i = r.trim();
+			i === "" ? e.chain().focus().extendMarkRange("link").unsetLink().run() : e.chain().focus().extendMarkRange("link").setLink({ href: i }).run(), n();
+		},
+		children: [/* @__PURE__ */ L(s, {
+			label: "Page or web address",
+			description: "Search pages by title, or type an address such as https://example.com.",
+			value: r,
+			onChange: i,
+			suggestions: o,
+			inputMode: "url"
+		}), /* @__PURE__ */ R("div", {
+			className: "flex flex-wrap justify-end gap-3",
+			children: [t && /* @__PURE__ */ L(T, {
+				variant: "quiet",
+				onPress: () => {
+					e.chain().focus().extendMarkRange("link").unsetLink().run(), n();
+				},
+				children: "Remove link"
+			}), /* @__PURE__ */ L(T, {
+				type: "submit",
+				variant: "primary",
+				children: t ? "Update link" : "Add link"
+			})]
+		})]
+	});
+}
+function pr({ path: e, previewUrl: t, onCancel: n, onInsert: r }) {
+	let [i, o] = F(""), [s, c] = F(!1), [l, u] = F(!1);
+	return /* @__PURE__ */ L(h, {
+		title: "Describe the image",
+		isOpen: e !== null,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ R("form", {
+			className: "flex flex-col gap-4",
+			onSubmit: (e) => {
+				e.preventDefault(), !s && i.trim() === "" ? u(!0) : (r(s ? "" : i.trim()), o(""), c(!1), u(!1));
+			},
+			children: [
+				t && /* @__PURE__ */ L("img", {
+					src: t,
+					alt: "",
+					className: "max-h-40 self-start rounded-md object-contain"
+				}),
+				e && /* @__PURE__ */ L("p", {
+					className: "text-small text-content-muted",
+					children: e.slice(e.lastIndexOf("/") + 1)
+				}),
+				!s && /* @__PURE__ */ L(f, {
+					label: "Alt text",
+					isRequired: !0,
+					description: "Describe what this image communicates here.",
+					value: i,
+					onChange: (e) => {
+						o(e), u(!1);
+					},
+					isInvalid: l,
+					errorMessage: "Describe the image, or mark it decorative.",
+					rows: 2
+				}),
+				/* @__PURE__ */ L(a, {
+					isSelected: s,
+					onChange: c,
+					children: "Decorative image (it adds nothing a reader needs)"
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ L(T, {
+						type: "submit",
+						variant: "primary",
+						children: "Insert image"
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { Xn as BodyEditor, dr as LinkDialog, ln as n, dn as t };