@texonom/nreact 1.6.5 → 1.6.7

package/build/index.js

@@ -1,58 +1,62 @@
-import { o as e, t } from "./rolldown-runtime-CEFd7nDs.js";
-import { A as n, C as r, D as i, E as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, g as m, h, i as g, j as _, k as v, l as y, m as b, n as x, o as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "./asset-wrapper-BjCXzGmC.js";
-import { n as ee, r as j, t as M } from "./collection-column-title-Bw3sXBSk.js";
-import N from "react";
-import P from "@fisch0920/medium-zoom";
-import { getBlockCollectionId as te, getBlockIcon as ne, getBlockParentPage as F, getPageTableOfContents as I, getTextContent as L, isEditableBlock as re, uuidToId as R } from "@texonom/nutils";
+import { n as e, r as t, s as n, t as r } from "./objectSpread2-DfFXoz5f.js";
+import { A as i, C as a, D as o, E as s, O as c, S as l, T as u, _ as d, a as f, b as p, c as m, d as h, g, h as _, i as v, k as y, l as b, m as x, n as S, o as C, r as w, s as T, t as E, u as D, v as O, w as ee, x as te, y as k } from "./asset-wrapper-saop46mm.js";
+import { n as A, r as j, t as ne } from "./collection-column-title-B2x01rzc.js";
+import M from "react";
+import re from "@fisch0920/medium-zoom";
+import { getBlockCollectionId as ie, getBlockIcon as ae, getBlockParentPage as N, getPageTableOfContents as P, getTextContent as F, isEditableInPlace as oe, parsePageId as I, uuidToId as L } from "@texonom/nutils";
 //#region src/components/audio.tsx
-var ie = ({ block: e, className: t }) => {
+var se = ({ block: e, className: t }) => {
 	var n;
-	let { recordMap: r } = w(), i = r.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
-	return /* @__PURE__ */ N.createElement("div", { className: `notion-audio ${t || ""}` }, /* @__PURE__ */ N.createElement("audio", {
+	let { recordMap: r } = T(), i = r.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
+	return /* @__PURE__ */ M.createElement("div", { className: `notion-audio ${t || ""}` }, /* @__PURE__ */ M.createElement("audio", {
 		controls: !0,
 		preload: "none",
 		src: i
 	}));
-}, z = ["className"], B = (e) => {
-	let { className: t } = e, n = v(e, z);
-	return /* @__PURE__ */ N.createElement("svg", _(_({ className: t }, n), {}, { viewBox: "0 0 30 30" }), /* @__PURE__ */ N.createElement("path", { d: "M22,8v12c0,3.866-3.134,7-7,7s-7-3.134-7-7V8c0-2.762,2.238-5,5-5s5,2.238,5,5v12c0,1.657-1.343,3-3,3s-3-1.343-3-3V8h-2v12c0,2.762,2.238,5,5,5s5-2.238,5-5V8c0-3.866-3.134-7-7-7S6,4.134,6,8v12c0,4.971,4.029,9,9,9s9-4.029,9-9V8H22z" }));
-}, ae = ({ block: e, className: t }) => {
+};
+//#endregion
+//#region src/icons/file-icon.tsx
+e();
+var ce = ["className"], le = (e) => {
+	let { className: t } = e, n = y(e, ce);
+	return /* @__PURE__ */ M.createElement("svg", r(r({ className: t }, n), {}, { viewBox: "0 0 30 30" }), /* @__PURE__ */ M.createElement("path", { d: "M22,8v12c0,3.866-3.134,7-7,7s-7-3.134-7-7V8c0-2.762,2.238-5,5-5s5,2.238,5,5v12c0,1.657-1.343,3-3,3s-3-1.343-3-3V8h-2v12c0,2.762,2.238,5,5,5s5-2.238,5-5V8c0-3.866-3.134-7-7-7S6,4.134,6,8v12c0,4.971,4.029,9,9,9s9-4.029,9-9V8H22z" }));
+}, ue = ({ block: e, className: t }) => {
 	var n, r, i;
-	let { components: a, recordMap: o } = w(), s = o.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
-	return /* @__PURE__ */ N.createElement("div", { className: `notion-file ${t || ""}` }, /* @__PURE__ */ N.createElement(a.Link, {
+	let { components: a, recordMap: o } = T(), s = o.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
+	return /* @__PURE__ */ M.createElement("div", { className: `notion-file ${t || ""}` }, /* @__PURE__ */ M.createElement(a.Link, {
 		className: "notion-file-link",
 		href: s,
 		target: "_blank",
 		rel: "noopener noreferrer"
-	}, /* @__PURE__ */ N.createElement(B, { className: "notion-file-icon" }), /* @__PURE__ */ N.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ N.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ N.createElement(m, {
+	}, /* @__PURE__ */ M.createElement(le, { className: "notion-file-icon" }), /* @__PURE__ */ M.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ M.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ M.createElement(g, {
 		value: ((r = e.properties) == null ? void 0 : r.title) || [["File"]],
 		block: e
-	})), ((i = e.properties) == null ? void 0 : i.size) && /* @__PURE__ */ N.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ N.createElement(m, {
+	})), ((i = e.properties) == null ? void 0 : i.size) && /* @__PURE__ */ M.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ M.createElement(g, {
 		value: e.properties.size,
 		block: e
 	})))));
-}, oe = ({ block: e, className: t }) => {
+}, de = ({ block: e, className: t }) => {
 	var n;
-	let { components: r, mapImageUrl: i } = w(), a = (n = e.format) == null ? void 0 : n.drive_properties;
+	let { components: r, mapImageUrl: i } = T(), a = (n = e.format) == null ? void 0 : n.drive_properties;
 	if (!a) return null;
 	let o;
 	try {
 		o = new URL(a.url).hostname;
 	} catch (e) {}
-	return /* @__PURE__ */ N.createElement("div", { className: `notion-google-drive ${t || ""}` }, /* @__PURE__ */ N.createElement(r.Link, {
+	return /* @__PURE__ */ M.createElement("div", { className: `notion-google-drive ${t || ""}` }, /* @__PURE__ */ M.createElement(r.Link, {
 		className: "notion-google-drive-link",
 		href: a.url,
 		target: "_blank",
 		rel: "noopener noreferrer"
-	}, /* @__PURE__ */ N.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ N.createElement(l, {
+	}, /* @__PURE__ */ M.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ M.createElement(d, {
 		src: i(a.thumbnail, e),
 		alt: a.title || "Google Drive Document",
 		loading: "lazy"
-	})), /* @__PURE__ */ N.createElement("div", { className: "notion-google-drive-body" }, a.title && /* @__PURE__ */ N.createElement("div", { className: "notion-google-drive-body-title" }, a.title), a.icon && o && /* @__PURE__ */ N.createElement("div", { className: "notion-google-drive-body-source" }, a.icon && /* @__PURE__ */ N.createElement("div", {
+	})), /* @__PURE__ */ M.createElement("div", { className: "notion-google-drive-body" }, a.title && /* @__PURE__ */ M.createElement("div", { className: "notion-google-drive-body-title" }, a.title), a.icon && o && /* @__PURE__ */ M.createElement("div", { className: "notion-google-drive-body-source" }, a.icon && /* @__PURE__ */ M.createElement("div", {
 		className: "notion-google-drive-body-source-icon",
 		style: { backgroundImage: `url(${a.icon})` }
-	}), o && /* @__PURE__ */ N.createElement("div", { className: "notion-google-drive-body-source-domain" }, o)))));
-}, V = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	}), o && /* @__PURE__ */ M.createElement("div", { className: "notion-google-drive-body-source-domain" }, o)))));
+}, R = /* @__PURE__ */ n((/* @__PURE__ */ t(((e, t) => {
 	var n = "Expected a function", r = NaN, i = /^\s+|\s+$/g, a = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, s = /^0o[0-7]+$/i, c = parseInt, l = typeof global == "object" && global && global.Object === Object && global, u = typeof self == "object" && self && self.Object === Object && self, d = l || u || Function("return this")(), f = Object.prototype.toString, p = Math.max, m = Math.min, h = function() {
 		return d.Date.now();
 	};
@@ -131,8 +135,8 @@ var ie = ({ block: e, className: t }) => {
 		return n || s.test(e) ? c(e.slice(2), n ? 2 : 8) : a.test(e) ? r : +e;
 	}
 	t.exports = _;
-})))(), 1), se = ({ toc: e, activeSection: t, setActiveSection: n, pageAside: r, hasToc: i, hasAside: a, className: o }) => {
-	let s = N.useMemo(() => (0, V.default)(() => {
+})))(), 1), fe = ({ toc: e, activeSection: t, setActiveSection: n, pageAside: r, hasToc: i, hasAside: a, className: o }) => {
+	let s = M.useMemo(() => (0, R.default)(() => {
 		let e = document.getElementsByClassName("notion-h"), r = null, i = t;
 		for (let t = 0; t < e.length; ++t) {
 			let n = e[t];
@@ -144,19 +148,19 @@ var ie = ({ block: e, className: t }) => {
 		}
 		n(i);
 	}, 100), [n]);
-	return N.useEffect(() => {
+	return M.useEffect(() => {
 		if (i) return window.addEventListener("scroll", s), s(), () => {
 			window.removeEventListener("scroll", s);
 		};
-	}, [i, s]), a ? /* @__PURE__ */ N.createElement("aside", { className: `notion-aside ${o || ""}` }, i && /* @__PURE__ */ N.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ N.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ N.createElement("nav", { className: "notion-table-of-contents" }, e.map((e) => {
-		let n = R(e.id);
-		return /* @__PURE__ */ N.createElement("a", {
+	}, [i, s]), a ? /* @__PURE__ */ M.createElement("aside", { className: `notion-aside ${o || ""}` }, i && /* @__PURE__ */ M.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ M.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ M.createElement("nav", { className: "notion-table-of-contents" }, e.map((e) => {
+		let n = L(e.id);
+		return /* @__PURE__ */ M.createElement("a", {
 			key: n,
 			href: `#${n}`,
 			className: `notion-table-of-contents-item
                     notion-table-of-contents-item-indent-level-${e.indentLevel}
                     ${t === n && "notion-table-of-contents-active-item"}`
-		}, /* @__PURE__ */ N.createElement("span", {
+		}, /* @__PURE__ */ M.createElement("span", {
 			className: "notion-table-of-contents-item-body",
 			style: {
 				display: "inline-block",
@@ -164,176 +168,355 @@ var ie = ({ block: e, className: t }) => {
 			}
 		}, e.text));
 	}))), r) : null;
-}, ce = ({ block: e, level: t }) => {
+}, pe = ({ block: e, level: t }) => {
 	var n;
 	if (!e) return process.env.NODE_ENV !== "production" && console.warn("missing sync pointer block", e.id), null;
 	let r = e, i = r == null || (n = r.format) == null || (n = n.transclusion_reference_pointer) == null ? void 0 : n.id;
-	return i ? /* @__PURE__ */ N.createElement(q, {
+	return i ? /* @__PURE__ */ M.createElement(Z, {
 		key: i,
 		level: t,
 		blockId: i
 	}) : null;
-}, le = ({ block: e }) => {
-	var t, n;
-	let { onChangeBlock: r } = w(), i = N.useRef(null), a = L((t = (n = e.properties) == null ? void 0 : n.title) == null ? [] : t), o = N.useRef(null);
-	return N.useEffect(() => {
-		let e = i.current;
-		e && a !== o.current && e !== document.activeElement && (e.innerText = a, o.current = a);
-	}, [a]), /* @__PURE__ */ N.createElement("span", {
-		ref: i,
+}, me = /* @__PURE__ */ new Set([
+	"b",
+	"i",
+	"s",
+	"c",
+	"_",
+	"h"
+]), z = (e, t) => (e[0] === "/" || !!t && e.includes(t)) && !!I(e.substring(1), { uuid: !0 });
+function B(e, t) {
+	let [n, r] = e;
+	return !r || r.length === 0 ? n === "," : !r.every((e) => me.has(e[0]) || e[0] === "a" && typeof e[1] == "string" && !z(e[1], t));
+}
+var he = ({ title: e, block: t, holdsLine: n }) => {
+	let { rootDomain: r } = T();
+	return n ? /* @__PURE__ */ M.createElement("br", null) : /* @__PURE__ */ M.createElement(M.Fragment, null, e.map((e, n) => B(e, r) ? /* @__PURE__ */ M.createElement("span", {
+		key: n,
+		contentEditable: !1,
+		"data-segment": JSON.stringify(e)
+	}, /* @__PURE__ */ M.createElement(g, {
+		value: [e],
+		block: t
+	})) : /* @__PURE__ */ M.createElement(g, {
+		key: n,
+		value: [e],
+		block: t
+	})));
+}, ge = ({ block: e }) => {
+	var t, n, r, i;
+	let a = (t = (n = e.properties) == null ? void 0 : n.title) == null ? [] : t, o = a.length === 0 && (e.type === "text" && !e.properties && !((r = e.content) != null && r.length) || Array.isArray((i = e.properties) == null ? void 0 : i.title)), s = JSON.stringify(a), c = M.useRef(null), l = M.useRef({
+		json: s,
+		version: 0
+	});
+	if (l.current.json !== s) {
+		var u;
+		l.current = {
+			json: s,
+			version: ((u = c.current) == null ? void 0 : u.getAttribute("data-title")) === s ? l.current.version : l.current.version + 1
+		};
+	}
+	let { version: d } = l.current, f = M.useMemo(() => /* @__PURE__ */ M.createElement(he, {
+		title: a,
+		block: e,
+		holdsLine: o
+	}), [d]);
+	return /* @__PURE__ */ M.createElement("span", {
+		key: d,
+		ref: c,
 		className: "notion-text-editable",
-		role: "textbox",
-		"aria-multiline": "true",
+		"data-block-id": e.id,
+		"data-title": s,
 		contentEditable: !0,
 		suppressContentEditableWarning: !0,
-		spellCheck: !0,
-		onBlur: (t) => {
-			let n = t.currentTarget.innerText.replace(/\n+$/, "");
-			n !== o.current && (o.current = n, r == null || r(e.id, n));
+		spellCheck: !0
+	}, f);
+}, _e = /* @__PURE__ */ new Set([
+	"default",
+	"gray",
+	"brown",
+	"orange",
+	"yellow",
+	"teal",
+	"green",
+	"blue",
+	"purple",
+	"pink",
+	"red"
+]), ve = (e) => {
+	if (!e.startsWith("notion-")) return;
+	let t = e.slice(7);
+	return _e.has(t.replace(/_background$/, "")) ? t : void 0;
+};
+function V(e) {
+	switch (e.tagName) {
+		case "B":
+		case "STRONG": return ["b"];
+		case "EM":
+		case "I": return ["i"];
+		case "S":
+		case "STRIKE":
+		case "DEL": return ["s"];
+		case "CODE": return ["c"];
+		case "U": return ["_"];
+		case "A": {
+			let t = e.getAttribute("href");
+			return t ? ["a", t] : void 0;
 		}
-	});
-}, ue = ["className"], de = (e) => {
-	let { className: t } = e, n = v(e, ue);
-	return /* @__PURE__ */ N.createElement("svg", _(_({ className: t }, n), {}, {
+		case "SPAN":
+			if (e.classList.contains("notion-inline-underscore")) return ["_"];
+			for (let t of Array.from(e.classList)) {
+				let e = ve(t);
+				if (e) return ["h", e];
+			}
+			return;
+		default: return;
+	}
+}
+var H = (e) => e.nodeType === Node.ELEMENT_NODE && e.dataset.segment !== void 0 ? e : void 0;
+function U(e) {
+	let t = e;
+	for (; t.lastChild && !H(t);) t = t.lastChild;
+	return t !== e && t.nodeName === "BR" ? t : void 0;
+}
+function W(e) {
+	let t = [], n = U(e), r = (e, n) => {
+		if (!e) return;
+		let r = t[t.length - 1];
+		r && "text" in r && JSON.stringify(r.formats) === JSON.stringify(n) ? r.text += e : t.push({
+			text: e,
+			formats: n
+		});
+	}, i = (e, a) => {
+		if (e.nodeType === Node.TEXT_NODE) {
+			r(e.data.replace(/ /g, " "), a);
+			return;
+		}
+		let o = H(e);
+		if (o) {
+			t.push({ island: JSON.parse(o.dataset.segment) });
+			return;
+		}
+		if (e.nodeType !== Node.ELEMENT_NODE) return;
+		let s = e;
+		if (s.tagName === "BR") {
+			s !== n && r("\n", a);
+			return;
+		}
+		(s.tagName === "DIV" || s.tagName === "P") && s.previousSibling && r("\n", a);
+		let c = V(s), l = c ? [...a, c] : a;
+		for (let e of Array.from(s.childNodes)) i(e, l);
+	};
+	for (let t of Array.from(e.childNodes)) i(t, []);
+	return t.map((e) => "island" in e ? e.island : e.formats.length > 0 ? [e.text, [...e.formats].reverse()] : [e.text]);
+}
+function G(e) {
+	let t = [], n = (e) => {
+		if (e.nodeType === Node.TEXT_NODE || H(e) || e.nodeName === "BR") t.push(e);
+		else if (e.nodeType === Node.ELEMENT_NODE) for (let t of Array.from(e.childNodes)) n(t);
+	};
+	for (let t of Array.from(e.childNodes)) n(t);
+	return t;
+}
+function K(e, t) {
+	if (e.nodeType === Node.TEXT_NODE) return e.data.length;
+	let n = H(e);
+	return n ? JSON.parse(n.dataset.segment)[0].length : e === t ? 0 : 1;
+}
+var q = (e) => Array.prototype.indexOf.call(e.parentNode.childNodes, e);
+function ye(e, t, n) {
+	var r;
+	let i = (r = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement) == null ? void 0 : r.closest("[data-segment]");
+	i && i !== e && e.contains(i) && (t = i.parentNode, n = q(i) + 1);
+	let a = U(e), o = 0;
+	for (let r of G(e)) {
+		if (r === t) return o + Math.min(n, K(r, a));
+		let i = e.ownerDocument.createRange();
+		if (i.selectNode(r), !(i.comparePoint(t, n) > 0 || t === i.endContainer && n === i.endOffset)) return o;
+		o += K(r, a);
+	}
+	return o;
+}
+function J(e, t) {
+	let n = U(e), r = Math.max(0, t), i;
+	for (let t of G(e)) {
+		let e = K(t, n);
+		if (t.nodeType === Node.TEXT_NODE) {
+			if (r <= e) return {
+				node: t,
+				offset: r
+			};
+		} else if (r === 0) return {
+			node: t.parentNode,
+			offset: q(t)
+		};
+		r -= e, t !== n && (i = t);
+	}
+	return i ? {
+		node: i.parentNode,
+		offset: q(i) + 1
+	} : {
+		node: e,
+		offset: 0
+	};
+}
+function be(e, t, n = t) {
+	let r = e.ownerDocument.getSelection();
+	if (!r) return;
+	let i = J(e, t), a = n === t ? i : J(e, n), o = e.ownerDocument.createRange();
+	o.setStart(i.node, i.offset), o.setEnd(a.node, a.offset), r.removeAllRanges(), r.addRange(o);
+}
+//#endregion
+//#region src/icons/link-icon.tsx
+e();
+var xe = ["className"], Se = (e) => {
+	let { className: t } = e, n = y(e, xe);
+	return /* @__PURE__ */ M.createElement("svg", r(r({ className: t }, n), {}, {
 		viewBox: "0 0 16 16",
 		width: "16",
 		height: "16"
-	}), /* @__PURE__ */ N.createElement("path", {
+	}), /* @__PURE__ */ M.createElement("path", {
 		fillRule: "evenodd",
 		d: "M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"
 	}));
-}, H = {}, fe = {}, U = (e) => {
-	let t = w(), { components: n, fullPage: r, recordMap: i, mapPageUrl: a, mapImageUrl: s, showTableOfContents: l, minTableOfContentsItems: u, defaultPageIcon: d, defaultPageCover: f, defaultPageCoverPosition: p, editable: h } = t, [g, v] = N.useState(null), { block: y, children: x, level: S, className: C, bodyClassName: E, header: O, footer: ee, pageHeader: j, pageFooter: M, pageTitle: P, pageAside: z, pageCover: B, pageBody: V, hideBlockId: ue, disableHeader: U } = e;
+};
+//#endregion
+//#region src/block.tsx
+e();
+var Ce = {}, we = {}, Y = (e) => {
+	let t = T(), { components: n, fullPage: i, recordMap: a, mapPageUrl: o, mapImageUrl: s, showTableOfContents: l, minTableOfContentsItems: d, defaultPageIcon: f, defaultPageCover: p, defaultPageCoverPosition: m, editable: h } = t, [_, v] = M.useState(null), { block: y, children: b, level: S, className: C, bodyClassName: w, header: D, footer: ee, pageHeader: A, pageFooter: j, pageTitle: ne, pageAside: re, pageCover: I, hideBlockId: ce, disableHeader: le } = e;
 	if (!y) return null;
 	if (S === 0 && y.type === "collection_view") {
 		let e = y;
 		e.type = "collection_view_page";
 	}
-	let W = ue ? "notion-block" : `notion-block-${R(y.id)}`, G = () => h && re(y) ? /* @__PURE__ */ N.createElement(le, { block: y }) : /* @__PURE__ */ N.createElement(m, {
-		value: y.properties.title,
-		block: y
-	});
+	let R = ce ? "notion-block" : `notion-block-${L(y.id)}`, me = h && oe(y), z = () => {
+		var e;
+		return me ? /* @__PURE__ */ M.createElement(ge, { block: y }) : /* @__PURE__ */ M.createElement(g, {
+			value: (e = y.properties) == null ? void 0 : e.title,
+			block: y
+		});
+	};
 	switch (y.type) {
 		case "collection_view_page":
 		case "page":
 			if (S === 0) {
-				let { page_icon: e = d, page_cover: a = f, page_cover_position: c = p, page_full_width: h, page_small_text: _ } = y.format || {};
-				if (r) {
-					var K, q;
-					let r = y.type === "page" ? y.properties : { title: (K = i.collection[te(y, i)]) == null || (K = K.value) == null ? void 0 : K.name }, f = `center ${(1 - (c || .5)) * 100}%`, p = fe[f];
-					p || (p = fe[f] = { objectPosition: f });
-					let b = (q = ne(y, i)) == null ? d : q, S = b && o(b), w = I(y, i), T = l && w.length >= u, D = (T || z) && !h, F = B || a;
-					return /* @__PURE__ */ N.createElement("div", { className: `notion notion-app ${W} ${C || ""}` }, /* @__PURE__ */ N.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ N.createElement("div", { className: "notion-frame" }, !U && /* @__PURE__ */ N.createElement(n.Header, { block: y }), O, /* @__PURE__ */ N.createElement("div", { className: "notion-page-scroller" }, F && (B || /* @__PURE__ */ N.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ N.createElement(k, {
-						src: s(a, y),
-						alt: L(r == null ? void 0 : r.title),
+				let { page_icon: e = f, page_cover: r = p, page_cover_position: o = m, page_full_width: u, page_small_text: h } = y.format || {};
+				if (i) {
+					var B, he;
+					let i = y.type === "page" ? y.properties : { title: (B = a.collection[ie(y, a)]) == null || (B = B.value) == null ? void 0 : B.name }, p = `center ${(1 - (o || .5)) * 100}%`, m = we[p];
+					m || (m = we[p] = { objectPosition: p });
+					let x = (he = ae(y, a)) == null ? f : he, S = x && c(x), T = P(y, a), E = l && T.length >= d, O = (E || re) && !u, N = I || r;
+					return /* @__PURE__ */ M.createElement("div", { className: `notion notion-app ${R} ${C || ""}` }, /* @__PURE__ */ M.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ M.createElement("div", { className: "notion-frame" }, !le && /* @__PURE__ */ M.createElement(n.Header, { block: y }), D, /* @__PURE__ */ M.createElement("div", { className: "notion-page-scroller" }, N && (I || /* @__PURE__ */ M.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ M.createElement(te, {
+						src: s(r, y),
+						alt: F(i == null ? void 0 : i.title),
 						priority: !0,
 						className: "notion-page-cover",
-						style: p
-					}))), /* @__PURE__ */ N.createElement("main", { className: `notion-page
-                      ${F ? "notion-page-has-cover" : "notion-page-no-cover"}
+						style: m
+					}))), /* @__PURE__ */ M.createElement("main", { className: `notion-page
+                      ${N ? "notion-page-has-cover" : "notion-page-no-cover"}
                       ${e ? "notion-page-has-icon" : "notion-page-no-icon"}
                       ${S ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
                       notion-full-page
-                      ${h && "notion-full-width"}
-                      ${_ && "notion-small-text"}
-                      ${E}` }, e && /* @__PURE__ */ N.createElement(A, {
+                      ${u && "notion-full-width"}
+                      ${h && "notion-small-text"}
+                      ${w}` }, e && /* @__PURE__ */ M.createElement(k, {
 						block: y,
-						defaultIcon: d,
+						defaultIcon: f,
 						inline: !1
-					}), j, /* @__PURE__ */ N.createElement("h1", { className: "notion-title" }, P == null ? /* @__PURE__ */ N.createElement(m, {
-						value: r == null ? void 0 : r.title,
+					}), A, /* @__PURE__ */ M.createElement("h1", { className: "notion-title" }, ne == null ? /* @__PURE__ */ M.createElement(g, {
+						value: i == null ? void 0 : i.title,
 						block: y
-					}) : P), (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ N.createElement(n.Collection, {
+					}) : ne), (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ M.createElement(n.Collection, {
 						block: y,
 						ctx: t
-					}), y.type !== "collection_view_page" && /* @__PURE__ */ N.createElement("div", { className: `notion-page-content
-                          ${D && "notion-page-content-has-aside"}
-                          ${T && "notion-page-content-has-toc"}` }, /* @__PURE__ */ N.createElement("article", { className: "notion-page-content-inner" }, V == null ? x : V), D && /* @__PURE__ */ N.createElement(se, {
-						toc: w,
-						activeSection: g,
+					}), y.type !== "collection_view_page" && /* @__PURE__ */ M.createElement("div", { className: `notion-page-content
+                          ${O && "notion-page-content-has-aside"}
+                          ${E && "notion-page-content-has-toc"}` }, /* @__PURE__ */ M.createElement("article", { className: "notion-page-content-inner" }, b), O && /* @__PURE__ */ M.createElement(fe, {
+						toc: T,
+						activeSection: _,
 						setActiveSection: v,
-						hasToc: T,
-						hasAside: D,
-						pageAside: z
-					})), M), ee)));
+						hasToc: E,
+						hasAside: O,
+						pageAside: re
+					})), j), ee)));
 				}
-				return /* @__PURE__ */ N.createElement("main", { className: `notion
+				return /* @__PURE__ */ M.createElement("main", { className: `notion
                 notion-page
-                ${h && "notion-full-width"}
-                ${_ && "notion-small-text"}
-                ${W}
+                ${u && "notion-full-width"}
+                ${h && "notion-small-text"}
+                ${R}
                 ${C || ""}
-                ${E}` }, /* @__PURE__ */ N.createElement("div", { className: "notion-viewport" }), j, (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ N.createElement(n.Collection, {
+                ${w}` }, /* @__PURE__ */ M.createElement("div", { className: "notion-viewport" }), A, (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ M.createElement(n.Collection, {
 					block: y,
 					ctx: t
-				}), y.type !== "collection_view_page" && (V == null ? x : V), M);
+				}), y.type !== "collection_view_page" && b, j);
 			}
 			{
-				var J;
-				let e = (J = y.format) == null ? void 0 : J.block_color;
-				return /* @__PURE__ */ N.createElement(n.PageLink, {
-					className: `notion-page-link ${e && `notion-${e}`} ${W}`,
-					href: a(y.id)
-				}, /* @__PURE__ */ N.createElement(b, { block: y }));
+				var _e;
+				let e = (_e = y.format) == null ? void 0 : _e.block_color;
+				return /* @__PURE__ */ M.createElement(n.PageLink, {
+					className: `notion-page-link ${e && `notion-${e}`} ${R}`,
+					href: o(y.id)
+				}, /* @__PURE__ */ M.createElement(x, { block: y }));
 			}
 		case "header":
 		case "sub_header":
 		case "sub_sub_header": {
-			var pe, me, he;
+			var ve, V, H;
 			if (!y.properties) return null;
-			let e = (pe = y.format) == null ? void 0 : pe.block_color, t = R(y.id), n = L(y.properties.title) || `Notion Header ${t}`, r = H[y.id], a;
+			let e = (ve = y.format) == null ? void 0 : ve.block_color, t = L(y.id), n = F(y.properties.title) || `Notion Header ${t}`, r = Ce[y.id], i;
 			if (r === void 0) {
-				let e = F(y, i);
+				let e = N(y, a);
 				if (e) {
-					let t = I(e, i).find((e) => e.id === y.id);
-					t && (r = t.indentLevel, H[y.id] = r);
+					let t = P(e, a).find((e) => e.id === y.id);
+					t && (r = t.indentLevel, Ce[y.id] = r);
 				}
 			}
-			r !== void 0 && (a = `notion-h-indent-${r}`);
+			r !== void 0 && (i = `notion-h-indent-${r}`);
 			let o = y.type === "header", s = y.type === "sub_header", c = y.type === "sub_sub_header", l = `${o && "notion-h notion-h1"}
         ${s && "notion-h notion-h2"}
         ${c && "notion-h notion-h3"}
         ${e && `notion-${e}`}
-        ${a},
-        ${W}`, u = /* @__PURE__ */ N.createElement("span", null, /* @__PURE__ */ N.createElement("div", {
+        ${i},
+        ${R}`, u = /* @__PURE__ */ M.createElement("span", null, /* @__PURE__ */ M.createElement("div", {
 				id: t,
 				className: "notion-header-anchor"
-			}), !((me = y.format) != null && me.toggleable) && /* @__PURE__ */ N.createElement("a", {
+			}), !((V = y.format) != null && V.toggleable) && /* @__PURE__ */ M.createElement("a", {
 				className: "notion-hash-link",
 				href: `#${t}`,
 				title: n
-			}, /* @__PURE__ */ N.createElement(de, null)), /* @__PURE__ */ N.createElement("span", { className: "notion-h-title" }, G())), d = null;
-			return d = o ? /* @__PURE__ */ N.createElement("h2", {
+			}, /* @__PURE__ */ M.createElement(Se, null)), /* @__PURE__ */ M.createElement("span", { className: "notion-h-title" }, z())), d = null;
+			return d = o ? /* @__PURE__ */ M.createElement("h2", {
 				className: l,
 				"data-id": t
-			}, u) : s ? /* @__PURE__ */ N.createElement("h3", {
+			}, u) : s ? /* @__PURE__ */ M.createElement("h3", {
 				className: l,
 				"data-id": t
-			}, u) : /* @__PURE__ */ N.createElement("h4", {
+			}, u) : /* @__PURE__ */ M.createElement("h4", {
 				className: l,
 				"data-id": t
-			}, u), (he = y.format) != null && he.toggleable ? /* @__PURE__ */ N.createElement("details", { className: `notion-toggle ${W}` }, /* @__PURE__ */ N.createElement("summary", null, d), /* @__PURE__ */ N.createElement("div", null, x)) : d;
+			}, u), (H = y.format) != null && H.toggleable ? /* @__PURE__ */ M.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ M.createElement("summary", null, d), /* @__PURE__ */ M.createElement("div", null, b)) : d;
 		}
-		case "divider": return /* @__PURE__ */ N.createElement("hr", { className: `notion-hr ${W}` });
+		case "divider": return /* @__PURE__ */ M.createElement("hr", { className: `notion-hr ${R}` });
 		case "text": {
-			var ge, _e, ve;
-			if (!y.properties && !((ge = y.content) != null && ge.length)) return /* @__PURE__ */ N.createElement("div", { className: `notion-blank ${W}` }, "\xA0");
-			let e = (_e = y.format) == null ? void 0 : _e.block_color;
-			return /* @__PURE__ */ N.createElement("div", { className: `notion-text ${e && `notion-${e}`} ${W}` }, ((ve = y.properties) == null ? void 0 : ve.title) && G(), x && /* @__PURE__ */ N.createElement("div", { className: "notion-text-children" }, x));
+			var U, W, G;
+			let e = !y.properties && !((U = y.content) != null && U.length), t = (W = y.format) == null ? void 0 : W.block_color, n = e ? `notion-blank ${R}` : `notion-text ${t && `notion-${t}`} ${R}`;
+			return me ? /* @__PURE__ */ M.createElement("div", { className: n }, z(), b && /* @__PURE__ */ M.createElement("div", { className: "notion-text-children" }, b)) : e ? /* @__PURE__ */ M.createElement("div", { className: n }, "\xA0") : /* @__PURE__ */ M.createElement("div", { className: n }, ((G = y.properties) == null ? void 0 : G.title) && z(), b && /* @__PURE__ */ M.createElement("div", { className: "notion-text-children" }, b));
 		}
 		case "bulleted_list":
 		case "numbered_list": {
-			var Y;
-			let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */ N.createElement("ul", { className: `notion-list notion-list-disc ${W}` }, e) : /* @__PURE__ */ N.createElement("ol", {
+			var K;
+			let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */ M.createElement("ul", { className: `notion-list notion-list-disc ${R}` }, e) : /* @__PURE__ */ M.createElement("ol", {
 				start: t,
-				className: `notion-list notion-list-numbered ${W}`
+				className: `notion-list notion-list-numbered ${R}`
 			}, e), t = null;
-			t = y.content ? /* @__PURE__ */ N.createElement(N.Fragment, null, y.properties && /* @__PURE__ */ N.createElement("li", null, G()), e(x)) : y.properties ? /* @__PURE__ */ N.createElement("li", null, G()) : null;
-			let n = y.type !== ((Y = i.block[y.parent_id]) == null || (Y = Y.value) == null ? void 0 : Y.type), r = c(y.id, i.block);
+			t = y.content ? /* @__PURE__ */ M.createElement(M.Fragment, null, y.properties && /* @__PURE__ */ M.createElement("li", { "data-block-id": h ? y.id : void 0 }, z()), e(b)) : y.properties ? /* @__PURE__ */ M.createElement("li", { "data-block-id": h ? y.id : void 0 }, z()) : null;
+			let n = y.type !== ((K = a.block[y.parent_id]) == null || (K = K.value) == null ? void 0 : K.type), r = u(y.id, a.block);
 			return n ? e(t, r) : t;
 		}
-		case "embed": return /* @__PURE__ */ N.createElement(n.Embed, {
-			blockId: W,
+		case "embed": return /* @__PURE__ */ M.createElement(n.Embed, {
+			blockId: R,
 			block: y
 		});
 		case "tweet":
@@ -345,102 +528,99 @@ var ie = ({ block: e, className: t }) => {
 		case "excalidraw":
 		case "image":
 		case "gist":
-		case "video": return /* @__PURE__ */ N.createElement(T, {
-			blockId: W,
+		case "video": return /* @__PURE__ */ M.createElement(E, {
+			blockId: R,
 			block: y
 		});
 		case "drive":
-			var ye;
-			if (!((ye = y.format) != null && ye.drive_properties)) {
-				var be;
-				if ((be = y.format) != null && be.display_source) return /* @__PURE__ */ N.createElement(T, {
-					blockId: W,
+			var q;
+			if (!((q = y.format) != null && q.drive_properties)) {
+				var ye;
+				if ((ye = y.format) != null && ye.display_source) return /* @__PURE__ */ M.createElement(E, {
+					blockId: R,
 					block: y
 				});
 			}
-			return /* @__PURE__ */ N.createElement(oe, {
+			return /* @__PURE__ */ M.createElement(de, {
 				block: y,
-				className: W
+				className: R
 			});
-		case "audio": return /* @__PURE__ */ N.createElement(ie, {
+		case "audio": return /* @__PURE__ */ M.createElement(se, {
 			block: y,
-			className: W
+			className: R
 		});
-		case "file": return /* @__PURE__ */ N.createElement(ae, {
+		case "file": return /* @__PURE__ */ M.createElement(ue, {
 			block: y,
-			className: W
+			className: R
 		});
-		case "equation": return /* @__PURE__ */ N.createElement(n.Equation, {
+		case "equation": return /* @__PURE__ */ M.createElement(n.Equation, {
 			block: y,
 			inline: !1,
-			className: W
+			className: R
 		});
-		case "code": return /* @__PURE__ */ N.createElement(n.Code, { block: y });
-		case "column_list": return /* @__PURE__ */ N.createElement("div", { className: `notion-row ${W}` }, x);
+		case "code": return /* @__PURE__ */ M.createElement(n.Code, { block: y });
+		case "column_list": return /* @__PURE__ */ M.createElement("div", { className: `notion-row ${R}` }, b);
 		case "column": {
-			var xe, Se, Ce;
-			let e = ((xe = y.format) == null ? void 0 : xe.column_ratio) || .5, t = (Se = i.block[y.parent_id]) == null ? void 0 : Se.value, n = { width: `calc((100% - (${((t == null || (Ce = t.content) == null ? void 0 : Ce.length) || Math.max(2, Math.ceil(1 / e))) - 1} * min(32px, 4vw))) * ${e})` };
-			return /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement("div", {
-				className: `notion-column ${W}`,
+			var J, be, xe;
+			let e = ((J = y.format) == null ? void 0 : J.column_ratio) || .5, t = (be = a.block[y.parent_id]) == null ? void 0 : be.value, n = { width: `calc((100% - (${((t == null || (xe = t.content) == null ? void 0 : xe.length) || Math.max(2, Math.ceil(1 / e))) - 1} * min(32px, 4vw))) * ${e})` };
+			return /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("div", {
+				className: `notion-column ${R}`,
 				style: n
-			}, x), /* @__PURE__ */ N.createElement("div", { className: "notion-spacer" }));
+			}, b), /* @__PURE__ */ M.createElement("div", { className: "notion-spacer" }));
 		}
 		case "quote": {
-			var we;
+			var Y;
 			if (!y.properties) return null;
-			let e = (we = y.format) == null ? void 0 : we.block_color;
-			return /* @__PURE__ */ N.createElement("blockquote", { className: `notion-quote ${e && `notion-${e}`} ${W}` }, /* @__PURE__ */ N.createElement("div", null, /* @__PURE__ */ N.createElement(m, {
-				value: y.properties.title,
-				block: y
-			})), x);
+			let e = (Y = y.format) == null ? void 0 : Y.block_color;
+			return /* @__PURE__ */ M.createElement("blockquote", { className: `notion-quote ${e && `notion-${e}`} ${R}` }, /* @__PURE__ */ M.createElement("div", null, z()), b);
 		}
-		case "collection_view": return /* @__PURE__ */ N.createElement(n.Collection, {
+		case "collection_view": return /* @__PURE__ */ M.createElement(n.Collection, {
 			block: y,
-			className: W,
+			className: R,
 			ctx: t
 		});
 		case "callout":
-			var Te, Ee, De;
-			return n.Callout ? /* @__PURE__ */ N.createElement(n.Callout, {
+			var Te, X, Ee;
+			return n.Callout ? /* @__PURE__ */ M.createElement(n.Callout, {
 				block: y,
-				className: W
-			}) : /* @__PURE__ */ N.createElement("div", { className: `notion-callout ${((Te = y.format) == null ? void 0 : Te.block_color) && `notion-${(Ee = y.format) == null ? void 0 : Ee.block_color}_co`} ${W}` }, /* @__PURE__ */ N.createElement(A, { block: y }), /* @__PURE__ */ N.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ N.createElement(m, {
-				value: (De = y.properties) == null ? void 0 : De.title,
+				className: R
+			}) : /* @__PURE__ */ M.createElement("div", { className: `notion-callout ${((Te = y.format) == null ? void 0 : Te.block_color) && `notion-${(X = y.format) == null ? void 0 : X.block_color}_co`} ${R}` }, /* @__PURE__ */ M.createElement(k, { block: y }), /* @__PURE__ */ M.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ M.createElement(g, {
+				value: (Ee = y.properties) == null ? void 0 : Ee.title,
 				block: y
-			}), x));
+			}), b));
 		case "bookmark": {
-			var Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie;
+			var Z, De, Oe, ke, Ae, je, Me, Ne, Pe;
 			if (!y.properties) return null;
 			let e = y.properties.link;
-			if (!e || !((Oe = e[0]) != null && Oe[0])) return null;
-			let t = L(y.properties.title);
-			if (t || (t = L(e)), t && t.startsWith("http")) try {
+			if (!e || !((Z = e[0]) != null && Z[0])) return null;
+			let t = F(y.properties.title);
+			if (t || (t = F(e)), t && t.startsWith("http")) try {
 				t = new URL(t).hostname;
 			} catch (e) {}
-			return /* @__PURE__ */ N.createElement("div", { className: "notion-row" }, /* @__PURE__ */ N.createElement(n.Link, {
+			return /* @__PURE__ */ M.createElement("div", { className: "notion-row" }, /* @__PURE__ */ M.createElement(n.Link, {
 				target: "_blank",
 				rel: "noopener noreferrer",
-				className: `notion-bookmark ${(ke = y.format) != null && ke.block_color ? `notion-${y.format.block_color}` : ""} ${W}`,
+				className: `notion-bookmark ${(De = y.format) != null && De.block_color ? `notion-${y.format.block_color}` : ""} ${R}`,
 				href: e[0][0]
-			}, /* @__PURE__ */ N.createElement("div", null, t && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ N.createElement(m, {
+			}, /* @__PURE__ */ M.createElement("div", null, t && /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ M.createElement(g, {
 				value: [[t]],
 				block: y
-			})), ((Ae = y.properties) == null ? void 0 : Ae.description) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ N.createElement(m, {
-				value: (je = y.properties) == null ? void 0 : je.description,
+			})), ((Oe = y.properties) == null ? void 0 : Oe.description) && /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ M.createElement(g, {
+				value: (ke = y.properties) == null ? void 0 : ke.description,
 				block: y
-			})), /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-link" }, ((Me = y.format) == null ? void 0 : Me.bookmark_icon) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ N.createElement(k, {
-				src: s((Ne = y.format) == null ? void 0 : Ne.bookmark_icon, y),
+			})), /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-link" }, ((Ae = y.format) == null ? void 0 : Ae.bookmark_icon) && /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ M.createElement(te, {
+				src: s((je = y.format) == null ? void 0 : je.bookmark_icon, y),
 				alt: t,
 				onError: (e) => {
 					let t = e.currentTarget.closest(".notion-bookmark-link-icon");
 					t && (t.style.display = "none");
 				}
-			})), /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ N.createElement(m, {
+			})), /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ M.createElement(g, {
 				value: e,
 				block: y
-			})))), ((Pe = y.format) == null ? void 0 : Pe.bookmark_cover) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ N.createElement(k, {
-				src: s((Fe = y.format) == null ? void 0 : Fe.bookmark_cover, y).replace(/(\/\/i\.ytimg\.com\/.*?)maxresdefault/, "$1hqdefault"),
-				alt: L((Ie = y.properties) == null ? void 0 : Ie.title),
+			})))), ((Me = y.format) == null ? void 0 : Me.bookmark_cover) && /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ M.createElement(te, {
+				src: s((Ne = y.format) == null ? void 0 : Ne.bookmark_cover, y).replace(/(\/\/i\.ytimg\.com\/.*?)maxresdefault/, "$1hqdefault"),
+				alt: F((Pe = y.properties) == null ? void 0 : Pe.title),
 				style: { objectFit: "cover" },
 				onError: (e) => {
 					let t = e.currentTarget.closest(".notion-bookmark-image");
@@ -448,22 +628,17 @@ var ie = ({ block: e, className: t }) => {
 				}
 			}))));
 		}
-		case "toggle":
-			var Le;
-			return /* @__PURE__ */ N.createElement("details", { className: `notion-toggle ${W}` }, /* @__PURE__ */ N.createElement("summary", null, /* @__PURE__ */ N.createElement(m, {
-				value: (Le = y.properties) == null ? void 0 : Le.title,
-				block: y
-			})), /* @__PURE__ */ N.createElement("div", null, x));
+		case "toggle": return /* @__PURE__ */ M.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ M.createElement("summary", null, z()), /* @__PURE__ */ M.createElement("div", null, b));
 		case "table_of_contents": {
-			var X;
-			let e = F(y, i);
+			var Fe;
+			let e = N(y, a);
 			if (!e) return null;
-			let t = I(e, i), n = (X = y.format) == null ? void 0 : X.block_color;
-			return /* @__PURE__ */ N.createElement("div", { className: `notion-table-of-contents ${n && `notion-${n}`} ${W}` }, t.map((e) => /* @__PURE__ */ N.createElement("a", {
+			let t = P(e, a), n = (Fe = y.format) == null ? void 0 : Fe.block_color;
+			return /* @__PURE__ */ M.createElement("div", { className: `notion-table-of-contents ${n && `notion-${n}`} ${R}` }, t.map((e) => /* @__PURE__ */ M.createElement("a", {
 				key: e.id,
-				href: `#${R(e.id)}`,
+				href: `#${L(e.id)}`,
 				className: "notion-table-of-contents-item"
-			}, /* @__PURE__ */ N.createElement("span", {
+			}, /* @__PURE__ */ M.createElement("span", {
 				className: "notion-table-of-contents-item-body",
 				style: {
 					display: "inline-block",
@@ -472,53 +647,54 @@ var ie = ({ block: e, className: t }) => {
 			}, e.text))));
 		}
 		case "to_do": {
-			var Z, Re;
-			let e = ((Z = y.properties) == null || (Z = Z.checked) == null || (Z = Z[0]) == null ? void 0 : Z[0]) === "Yes";
-			return /* @__PURE__ */ N.createElement("div", { className: `notion-to-do ${W}` }, /* @__PURE__ */ N.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ N.createElement(n.Checkbox, {
-				blockId: W,
+			var Q;
+			let e = ((Q = y.properties) == null || (Q = Q.checked) == null || (Q = Q[0]) == null ? void 0 : Q[0]) === "Yes";
+			return /* @__PURE__ */ M.createElement("div", { className: `notion-to-do ${R}` }, /* @__PURE__ */ M.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ M.createElement(n.Checkbox, {
+				blockId: R,
 				isChecked: e
-			}), /* @__PURE__ */ N.createElement("div", { className: `notion-to-do-body ${e && "notion-to-do-checked"}` }, /* @__PURE__ */ N.createElement(m, {
-				value: (Re = y.properties) == null ? void 0 : Re.title,
-				block: y
-			}))), /* @__PURE__ */ N.createElement("div", { className: "notion-to-do-children" }, x));
+			}), /* @__PURE__ */ M.createElement("div", { className: `notion-to-do-body ${e && "notion-to-do-checked"}` }, z())), /* @__PURE__ */ M.createElement("div", { className: "notion-to-do-children" }, b));
 		}
-		case "transclusion_container": return /* @__PURE__ */ N.createElement("div", { className: `notion-sync-block ${W}` }, x);
-		case "transclusion_reference": return /* @__PURE__ */ N.createElement(ce, _({
+		case "transclusion_container": return /* @__PURE__ */ M.createElement("div", { className: `notion-sync-block ${R}` }, b);
+		case "transclusion_reference": return /* @__PURE__ */ M.createElement(pe, r({
 			block: y,
 			level: S + 1
 		}, e));
 		case "alias": {
-			var Q, ze;
-			let e = y == null || (Q = y.format) == null || (Q = Q.alias_pointer) == null ? void 0 : Q.id, t = (ze = i.block[e]) == null ? void 0 : ze.value;
-			return t ? /* @__PURE__ */ N.createElement(n.PageLink, {
+			var $, Ie;
+			let e = y == null || ($ = y.format) == null || ($ = $.alias_pointer) == null ? void 0 : $.id, t = (Ie = a.block[e]) == null ? void 0 : Ie.value;
+			return t ? /* @__PURE__ */ M.createElement(n.PageLink, {
 				className: `notion-page-link ${e}}`,
-				href: a(e)
-			}, /* @__PURE__ */ N.createElement(b, { block: t })) : (console.debug("\"alias\" missing block", e), null);
+				href: o(e)
+			}, /* @__PURE__ */ M.createElement(x, { block: t })) : (console.debug("\"alias\" missing block", e), null);
 		}
-		case "table": return /* @__PURE__ */ N.createElement("table", { className: `notion-simple-table ${W}` }, /* @__PURE__ */ N.createElement("tbody", null, x));
+		case "table": return /* @__PURE__ */ M.createElement("table", { className: `notion-simple-table ${R}` }, /* @__PURE__ */ M.createElement("tbody", null, b));
 		case "table_row": {
-			var Be, Ve, He, $;
-			let e = (Be = i.block[y.parent_id]) == null ? void 0 : Be.value, t = (Ve = e.format) == null ? void 0 : Ve.table_block_column_order, n = (He = e.format) == null ? void 0 : He.table_block_column_format, r = ($ = y.format) == null ? void 0 : $.block_color;
-			return !e || !t ? null : /* @__PURE__ */ N.createElement("tr", { className: `notion-simple-table-row ${r && `notion-${r}`} ${W}` }, t.map((e) => {
+			var Le, Re, ze, Be;
+			let e = (Le = a.block[y.parent_id]) == null ? void 0 : Le.value, t = (Re = e.format) == null ? void 0 : Re.table_block_column_order, n = (ze = e.format) == null ? void 0 : ze.table_block_column_format, r = (Be = y.format) == null ? void 0 : Be.block_color;
+			return !e || !t ? null : /* @__PURE__ */ M.createElement("tr", { className: `notion-simple-table-row ${r && `notion-${r}`} ${R}` }, t.map((e) => {
 				var t, r, i;
 				let a = n == null || (t = n[e]) == null ? void 0 : t.color;
-				return /* @__PURE__ */ N.createElement("td", {
+				return /* @__PURE__ */ M.createElement("td", {
 					key: e,
 					className: a ? `notion-${a}` : "",
 					style: { width: (n == null || (r = n[e]) == null ? void 0 : r.width) || 120 }
-				}, /* @__PURE__ */ N.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ N.createElement(m, {
+				}, /* @__PURE__ */ M.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ M.createElement(g, {
 					value: ((i = y.properties) == null ? void 0 : i[e]) || [["ㅤ"]],
 					block: y
 				})));
 			}));
 		}
-		case "external_object_instance": return /* @__PURE__ */ N.createElement(D, {
+		case "external_object_instance": return /* @__PURE__ */ M.createElement(O, {
 			block: y,
-			className: W
+			className: R
 		});
-		default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */ N.createElement("div", null);
+		default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */ M.createElement("div", null);
 	}
-}, W = [
+};
+//#endregion
+//#region src/renderer.tsx
+e();
+var Te = [
 	"components",
 	"recordMap",
 	"mapPageUrl",
@@ -542,15 +718,14 @@ var ie = ({ block: e, className: t }) => {
 	"defaultPageIcon",
 	"defaultPageCover",
 	"defaultPageCoverPosition",
-	"editable",
-	"onChangeBlock"
-], G = ["level", "blockId"], K = (e) => {
-	let { components: t, recordMap: n, mapPageUrl: r, mapImageUrl: i, searchNotion: a, isShowingSearch: o, onHideSearch: s, fullPage: c, rootPageId: l, rootDomain: d, rootSpaceId: f, darkMode: p, previewImages: m, forceCustomImages: h, showCollectionViewDropdown: g, linkTableTitleProperties: _, isLinkCollectionToUrlProperty: y, isImageZoomable: b = !0, showTableOfContents: x, minTableOfContentsItems: S, defaultPageIcon: C, defaultPageCover: w, defaultPageCoverPosition: T, editable: E, onChangeBlock: D } = e, O = v(e, W), k = N.useMemo(() => typeof window < "u" && P({
+	"editable"
+], X = ["level", "blockId"], Ee = (e) => {
+	let { components: t, recordMap: n, mapPageUrl: r, mapImageUrl: i, searchNotion: a, isShowingSearch: o, onHideSearch: s, fullPage: c, rootPageId: l, rootDomain: u, rootSpaceId: d, darkMode: p, previewImages: m, forceCustomImages: h, showCollectionViewDropdown: g, linkTableTitleProperties: _, isLinkCollectionToUrlProperty: v, isImageZoomable: b = !0, showTableOfContents: x, minTableOfContentsItems: S, defaultPageIcon: C, defaultPageCover: w, defaultPageCoverPosition: T, editable: E } = e, D = y(e, Te), O = M.useMemo(() => typeof window < "u" && re({
 		background: "rgba(0, 0, 0, 0.8)",
 		minZoomScale: 2,
-		margin: J()
+		margin: De()
 	}), []);
-	return /* @__PURE__ */ N.createElement(u, {
+	return /* @__PURE__ */ M.createElement(f, {
 		components: t,
 		recordMap: n,
 		mapPageUrl: r,
@@ -560,41 +735,40 @@ var ie = ({ block: e, className: t }) => {
 		onHideSearch: s,
 		fullPage: c,
 		rootPageId: l,
-		rootDomain: d,
-		rootSpaceId: f,
+		rootDomain: u,
+		rootSpaceId: d,
 		darkMode: p,
 		previewImages: m,
 		forceCustomImages: h,
 		showCollectionViewDropdown: g,
 		linkTableTitleProperties: _,
-		isLinkCollectionToUrlProperty: y,
+		isLinkCollectionToUrlProperty: v,
 		showTableOfContents: x,
 		minTableOfContentsItems: S,
 		defaultPageIcon: C,
 		defaultPageCover: w,
 		defaultPageCoverPosition: T,
 		editable: E,
-		onChangeBlock: D,
-		zoom: b ? k : null
-	}, /* @__PURE__ */ N.createElement(q, O));
-}, q = (e) => {
+		zoom: b ? O : null
+	}, /* @__PURE__ */ M.createElement(Z, D));
+}, Z = (e) => {
 	var t, n;
-	let { level: r = 0, blockId: i } = e, a = v(e, G), { recordMap: o } = w(), s = i || Object.keys(o.block)[0], c = (t = o.block[s]) == null ? void 0 : t.value;
-	return c ? /* @__PURE__ */ N.createElement(U, _({
-		key: s,
-		level: r,
-		block: c
-	}, a), c == null || (n = c.content) == null ? void 0 : n.map((e) => /* @__PURE__ */ N.createElement(q, _({
+	let { level: i = 0, blockId: a } = e, o = y(e, X), { recordMap: s } = T(), c = a || Object.keys(s.block)[0], l = (t = s.block[c]) == null ? void 0 : t.value;
+	return l ? /* @__PURE__ */ M.createElement(Y, r({
+		key: c,
+		level: i,
+		block: l
+	}, o), l == null || (n = l.content) == null ? void 0 : n.map((e) => /* @__PURE__ */ M.createElement(Z, r({
 		key: e,
 		blockId: e,
-		level: r + 1
-	}, a)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", i), null);
+		level: i + 1
+	}, o)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", a), null);
 };
-function J() {
+function De() {
 	let e = window.innerWidth;
 	return e < 500 ? 8 : e < 800 ? 20 : e < 1280 ? 30 : e < 1600 ? 40 : e < 1920 ? 48 : 72;
 }
 //#endregion
-export { x as Asset, T as AssetWrapper, ie as Audio, U as Block, f as Breadcrumbs, n as Checkbox, M as CollectionColumnTitle, D as EOI, ae as File, oe as GoogleDrive, l as GracefulImage, y as Header, C as LiteYouTubeEmbed, q as NotionBlockRenderer, g as NotionContextConsumer, u as NotionContextProvider, K as NotionRenderer, se as PageAside, A as PageIcon, d as PageIconImpl, b as PageTitle, h as PageTitleImpl, ee as PropertyIcon, E as Search, p as SearchDialog, ce as SyncPointerBlock, m as Text, S as dummyLink, s as formatDate, r as formatNotionDateTime, O as getHashFragmentValue, c as getListNumber, a as getYoutubeId, j as iconMap, i as isBrowser, o as isUrl, w as useNotionContext };
+export { S as Asset, E as AssetWrapper, se as Audio, Y as Block, m as Breadcrumbs, i as Checkbox, ne as CollectionColumnTitle, O as EOI, ge as EditableText, ue as File, de as GoogleDrive, d as GracefulImage, b as Header, w as LiteYouTubeEmbed, Z as NotionBlockRenderer, v as NotionContextConsumer, f as NotionContextProvider, Ee as NotionRenderer, fe as PageAside, k as PageIcon, p as PageIconImpl, x as PageTitle, _ as PageTitleImpl, A as PropertyIcon, D as Search, h as SearchDialog, pe as SyncPointerBlock, g as Text, C as dummyLink, l as formatDate, a as formatNotionDateTime, ee as getHashFragmentValue, u as getListNumber, s as getYoutubeId, j as iconMap, o as isBrowser, B as isTitleIsland, c as isUrl, W as readTitle, be as selectTitle, ye as titleOffset, J as titlePosition, T as useNotionContext };
 
 //# sourceMappingURL=index.js.map