@texonom/nreact 1.6.6 → 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 te, t as ne } from "./collection-column-title-Bw3sXBSk.js";
-import j from "react";
+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 M, getPageTableOfContents as N, getTextContent as P, isEditableInPlace as oe, parsePageId as F, uuidToId as I } from "@texonom/nutils";
+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 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__ */ j.createElement("div", { className: `notion-audio ${t || ""}` }, /* @__PURE__ */ j.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
 	}));
-}, L = ["className"], ce = (e) => {
-	let { className: t } = e, n = v(e, L);
-	return /* @__PURE__ */ j.createElement("svg", _(_({ className: t }, n), {}, { viewBox: "0 0 30 30" }), /* @__PURE__ */ j.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" }));
-}, le = ({ 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__ */ j.createElement("div", { className: `notion-file ${t || ""}` }, /* @__PURE__ */ j.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__ */ j.createElement(ce, { className: "notion-file-icon" }), /* @__PURE__ */ j.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ j.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ j.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__ */ j.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ j.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
 	})))));
-}, ue = ({ 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__ */ j.createElement("div", { className: `notion-google-drive ${t || ""}` }, /* @__PURE__ */ j.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__ */ j.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ j.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__ */ j.createElement("div", { className: "notion-google-drive-body" }, a.title && /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body-title" }, a.title), a.icon && o && /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body-source" }, a.icon && /* @__PURE__ */ j.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__ */ j.createElement("div", { className: "notion-google-drive-body-source-domain" }, o)))));
-}, de = /* @__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();
 	};
@@ -132,7 +136,7 @@ var se = ({ block: e, className: t }) => {
 	}
 	t.exports = _;
 })))(), 1), fe = ({ toc: e, activeSection: t, setActiveSection: n, pageAside: r, hasToc: i, hasAside: a, className: o }) => {
-	let s = j.useMemo(() => (0, de.default)(() => {
+	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 se = ({ block: e, className: t }) => {
 		}
 		n(i);
 	}, 100), [n]);
-	return j.useEffect(() => {
+	return M.useEffect(() => {
 		if (i) return window.addEventListener("scroll", s), s(), () => {
 			window.removeEventListener("scroll", s);
 		};
-	}, [i, s]), a ? /* @__PURE__ */ j.createElement("aside", { className: `notion-aside ${o || ""}` }, i && /* @__PURE__ */ j.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ j.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ j.createElement("nav", { className: "notion-table-of-contents" }, e.map((e) => {
-		let n = I(e.id);
-		return /* @__PURE__ */ j.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__ */ j.createElement("span", {
+		}, /* @__PURE__ */ M.createElement("span", {
 			className: "notion-table-of-contents-item-body",
 			style: {
 				display: "inline-block",
@@ -168,40 +172,40 @@ var se = ({ block: e, className: 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__ */ j.createElement(Z, {
+	return i ? /* @__PURE__ */ M.createElement(Z, {
 		key: i,
 		level: t,
 		blockId: i
 	}) : null;
-}, R = /* @__PURE__ */ new Set([
+}, me = /* @__PURE__ */ new Set([
 	"b",
 	"i",
 	"s",
 	"c",
 	"_",
 	"h"
-]), z = (e, t) => (e[0] === "/" || !!t && e.includes(t)) && !!F(e.substring(1), { uuid: !0 });
+]), 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) => R.has(e[0]) || e[0] === "a" && typeof e[1] == "string" && !z(e[1], t));
+	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 V = ({ title: e, block: t, holdsLine: n }) => {
-	let { rootDomain: r } = w();
-	return n ? /* @__PURE__ */ j.createElement("br", null) : /* @__PURE__ */ j.createElement(j.Fragment, null, e.map((e, n) => B(e, r) ? /* @__PURE__ */ j.createElement("span", {
+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__ */ j.createElement(m, {
+	}, /* @__PURE__ */ M.createElement(g, {
 		value: [e],
 		block: t
-	})) : /* @__PURE__ */ j.createElement(m, {
+	})) : /* @__PURE__ */ M.createElement(g, {
 		key: n,
 		value: [e],
 		block: t
 	})));
-}, me = ({ block: e }) => {
+}, 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 = j.useRef(null), l = j.useRef({
+	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
 	});
@@ -212,12 +216,12 @@ var V = ({ title: e, block: t, holdsLine: n }) => {
 			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 = j.useMemo(() => /* @__PURE__ */ j.createElement(V, {
+	let { version: d } = l.current, f = M.useMemo(() => /* @__PURE__ */ M.createElement(he, {
 		title: a,
 		block: e,
 		holdsLine: o
 	}), [d]);
-	return /* @__PURE__ */ j.createElement("span", {
+	return /* @__PURE__ */ M.createElement("span", {
 		key: d,
 		ref: c,
 		className: "notion-text-editable",
@@ -227,7 +231,7 @@ var V = ({ title: e, block: t, holdsLine: n }) => {
 		suppressContentEditableWarning: !0,
 		spellCheck: !0
 	}, f);
-}, H = /* @__PURE__ */ new Set([
+}, _e = /* @__PURE__ */ new Set([
 	"default",
 	"gray",
 	"brown",
@@ -239,12 +243,12 @@ var V = ({ title: e, block: t, holdsLine: n }) => {
 	"purple",
 	"pink",
 	"red"
-]), U = (e) => {
+]), ve = (e) => {
 	if (!e.startsWith("notion-")) return;
 	let t = e.slice(7);
-	return H.has(t.replace(/_background$/, "")) ? t : void 0;
+	return _e.has(t.replace(/_background$/, "")) ? t : void 0;
 };
-function he(e) {
+function V(e) {
 	switch (e.tagName) {
 		case "B":
 		case "STRONG": return ["b"];
@@ -262,21 +266,21 @@ function he(e) {
 		case "SPAN":
 			if (e.classList.contains("notion-inline-underscore")) return ["_"];
 			for (let t of Array.from(e.classList)) {
-				let e = U(t);
+				let e = ve(t);
 				if (e) return ["h", e];
 			}
 			return;
 		default: return;
 	}
 }
-var W = (e) => e.nodeType === Node.ELEMENT_NODE && e.dataset.segment !== void 0 ? e : void 0;
-function G(e) {
+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 && !W(t);) t = t.lastChild;
+	for (; t.lastChild && !H(t);) t = t.lastChild;
 	return t !== e && t.nodeName === "BR" ? t : void 0;
 }
-function ge(e) {
-	let t = [], n = G(e), r = (e, n) => {
+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({
@@ -288,7 +292,7 @@ function ge(e) {
 			r(e.data.replace(/ /g, " "), a);
 			return;
 		}
-		let o = W(e);
+		let o = H(e);
 		if (o) {
 			t.push({ island: JSON.parse(o.dataset.segment) });
 			return;
@@ -300,43 +304,43 @@ function ge(e) {
 			return;
 		}
 		(s.tagName === "DIV" || s.tagName === "P") && s.previousSibling && r("\n", a);
-		let c = he(s), l = c ? [...a, c] : 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 K(e) {
+function G(e) {
 	let t = [], n = (e) => {
-		if (e.nodeType === Node.TEXT_NODE || W(e) || e.nodeName === "BR") t.push(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 q(e, t) {
+function K(e, t) {
 	if (e.nodeType === Node.TEXT_NODE) return e.data.length;
-	let n = W(e);
+	let n = H(e);
 	return n ? JSON.parse(n.dataset.segment)[0].length : e === t ? 0 : 1;
 }
-var J = (e) => Array.prototype.indexOf.call(e.parentNode.childNodes, e);
-function _e(e, t, n) {
+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 = J(i) + 1);
-	let a = G(e), o = 0;
-	for (let r of K(e)) {
-		if (r === t) return o + Math.min(n, q(r, a));
+	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 += q(r, a);
+		o += K(r, a);
 	}
 	return o;
 }
-function Y(e, t) {
-	let n = G(e), r = Math.max(0, t), i;
-	for (let t of K(e)) {
-		let e = q(t, n);
+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,
@@ -344,46 +348,51 @@ function Y(e, t) {
 			};
 		} else if (r === 0) return {
 			node: t.parentNode,
-			offset: J(t)
+			offset: q(t)
 		};
 		r -= e, t !== n && (i = t);
 	}
 	return i ? {
 		node: i.parentNode,
-		offset: J(i) + 1
+		offset: q(i) + 1
 	} : {
 		node: e,
 		offset: 0
 	};
 }
-function ve(e, t, n = t) {
+function be(e, t, n = t) {
 	let r = e.ownerDocument.getSelection();
 	if (!r) return;
-	let i = Y(e, t), a = n === t ? i : Y(e, n), o = e.ownerDocument.createRange();
+	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
-var ye = ["className"], be = (e) => {
-	let { className: t } = e, n = v(e, ye);
-	return /* @__PURE__ */ j.createElement("svg", _(_({ className: t }, n), {}, {
+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__ */ j.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"
 	}));
-}, xe = {}, Se = {}, X = (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] = j.useState(null), { block: y, children: x, level: S, className: C, bodyClassName: E, header: O, footer: ee, pageHeader: te, pageFooter: ne, pageTitle: re, pageAside: F, pageCover: L, hideBlockId: ce, disableHeader: de } = 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 R = ce ? "notion-block" : `notion-block-${I(y.id)}`, z = h && oe(y), B = () => {
+	let R = ce ? "notion-block" : `notion-block-${L(y.id)}`, me = h && oe(y), z = () => {
 		var e;
-		return z ? /* @__PURE__ */ j.createElement(me, { block: y }) : /* @__PURE__ */ j.createElement(m, {
+		return me ? /* @__PURE__ */ M.createElement(ge, { block: y }) : /* @__PURE__ */ M.createElement(g, {
 			value: (e = y.properties) == null ? void 0 : e.title,
 			block: y
 		});
@@ -392,121 +401,121 @@ var ye = ["className"], be = (e) => {
 		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 V, H;
-					let r = y.type === "page" ? y.properties : { title: (V = i.collection[ie(y, i)]) == null || (V = V.value) == null ? void 0 : V.name }, f = `center ${(1 - (c || .5)) * 100}%`, p = Se[f];
-					p || (p = Se[f] = { objectPosition: f });
-					let b = (H = ae(y, i)) == null ? d : H, S = b && o(b), w = N(y, i), T = l && w.length >= u, D = (T || F) && !h, M = L || a;
-					return /* @__PURE__ */ j.createElement("div", { className: `notion notion-app ${R} ${C || ""}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ j.createElement("div", { className: "notion-frame" }, !de && /* @__PURE__ */ j.createElement(n.Header, { block: y }), O, /* @__PURE__ */ j.createElement("div", { className: "notion-page-scroller" }, M && (L || /* @__PURE__ */ j.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ j.createElement(k, {
-						src: s(a, y),
-						alt: P(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__ */ j.createElement("main", { className: `notion-page
-                      ${M ? "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__ */ j.createElement(A, {
+                      ${u && "notion-full-width"}
+                      ${h && "notion-small-text"}
+                      ${w}` }, e && /* @__PURE__ */ M.createElement(k, {
 						block: y,
-						defaultIcon: d,
+						defaultIcon: f,
 						inline: !1
-					}), te, /* @__PURE__ */ j.createElement("h1", { className: "notion-title" }, re == null ? /* @__PURE__ */ j.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
-					}) : re), (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ j.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__ */ j.createElement("div", { className: `notion-page-content
-                          ${D && "notion-page-content-has-aside"}
-                          ${T && "notion-page-content-has-toc"}` }, /* @__PURE__ */ j.createElement("article", { className: "notion-page-content-inner" }, x), D && /* @__PURE__ */ j.createElement(fe, {
-						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: F
-					})), ne), ee)));
+						hasToc: E,
+						hasAside: O,
+						pageAside: re
+					})), j), ee)));
 				}
-				return /* @__PURE__ */ j.createElement("main", { className: `notion
+				return /* @__PURE__ */ M.createElement("main", { className: `notion
                 notion-page
-                ${h && "notion-full-width"}
-                ${_ && "notion-small-text"}
+                ${u && "notion-full-width"}
+                ${h && "notion-small-text"}
                 ${R}
                 ${C || ""}
-                ${E}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-viewport" }), te, (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ j.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" && x, ne);
+				}), y.type !== "collection_view_page" && b, j);
 			}
 			{
-				var U;
-				let e = (U = y.format) == null ? void 0 : U.block_color;
-				return /* @__PURE__ */ j.createElement(n.PageLink, {
+				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: a(y.id)
-				}, /* @__PURE__ */ j.createElement(b, { block: y }));
+					href: o(y.id)
+				}, /* @__PURE__ */ M.createElement(x, { block: y }));
 			}
 		case "header":
 		case "sub_header":
 		case "sub_sub_header": {
-			var he, W, G;
+			var ve, V, H;
 			if (!y.properties) return null;
-			let e = (he = y.format) == null ? void 0 : he.block_color, t = I(y.id), n = P(y.properties.title) || `Notion Header ${t}`, r = xe[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 = M(y, i);
+				let e = N(y, a);
 				if (e) {
-					let t = N(e, i).find((e) => e.id === y.id);
-					t && (r = t.indentLevel, xe[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},
-        ${R}`, u = /* @__PURE__ */ j.createElement("span", null, /* @__PURE__ */ j.createElement("div", {
+        ${i},
+        ${R}`, u = /* @__PURE__ */ M.createElement("span", null, /* @__PURE__ */ M.createElement("div", {
 				id: t,
 				className: "notion-header-anchor"
-			}), !((W = y.format) != null && W.toggleable) && /* @__PURE__ */ j.createElement("a", {
+			}), !((V = y.format) != null && V.toggleable) && /* @__PURE__ */ M.createElement("a", {
 				className: "notion-hash-link",
 				href: `#${t}`,
 				title: n
-			}, /* @__PURE__ */ j.createElement(be, null)), /* @__PURE__ */ j.createElement("span", { className: "notion-h-title" }, B())), d = null;
-			return d = o ? /* @__PURE__ */ j.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__ */ j.createElement("h3", {
+			}, u) : s ? /* @__PURE__ */ M.createElement("h3", {
 				className: l,
 				"data-id": t
-			}, u) : /* @__PURE__ */ j.createElement("h4", {
+			}, u) : /* @__PURE__ */ M.createElement("h4", {
 				className: l,
 				"data-id": t
-			}, u), (G = y.format) != null && G.toggleable ? /* @__PURE__ */ j.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ j.createElement("summary", null, d), /* @__PURE__ */ j.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__ */ j.createElement("hr", { className: `notion-hr ${R}` });
+		case "divider": return /* @__PURE__ */ M.createElement("hr", { className: `notion-hr ${R}` });
 		case "text": {
-			var ge, K, q;
-			let e = !y.properties && !((ge = y.content) != null && ge.length), t = (K = y.format) == null ? void 0 : K.block_color, n = e ? `notion-blank ${R}` : `notion-text ${t && `notion-${t}`} ${R}`;
-			return z ? /* @__PURE__ */ j.createElement("div", { className: n }, B(), x && /* @__PURE__ */ j.createElement("div", { className: "notion-text-children" }, x)) : e ? /* @__PURE__ */ j.createElement("div", { className: n }, "\xA0") : /* @__PURE__ */ j.createElement("div", { className: n }, ((q = y.properties) == null ? void 0 : q.title) && B(), x && /* @__PURE__ */ j.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 J;
-			let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */ j.createElement("ul", { className: `notion-list notion-list-disc ${R}` }, e) : /* @__PURE__ */ j.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 ${R}`
 			}, e), t = null;
-			t = y.content ? /* @__PURE__ */ j.createElement(j.Fragment, null, y.properties && /* @__PURE__ */ j.createElement("li", { "data-block-id": h ? y.id : void 0 }, B()), e(x)) : y.properties ? /* @__PURE__ */ j.createElement("li", { "data-block-id": h ? y.id : void 0 }, B()) : null;
-			let n = y.type !== ((J = i.block[y.parent_id]) == null || (J = J.value) == null ? void 0 : J.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__ */ j.createElement(n.Embed, {
+		case "embed": return /* @__PURE__ */ M.createElement(n.Embed, {
 			blockId: R,
 			block: y
 		});
@@ -519,99 +528,99 @@ var ye = ["className"], be = (e) => {
 		case "excalidraw":
 		case "image":
 		case "gist":
-		case "video": return /* @__PURE__ */ j.createElement(T, {
+		case "video": return /* @__PURE__ */ M.createElement(E, {
 			blockId: R,
 			block: y
 		});
 		case "drive":
-			var _e;
-			if (!((_e = y.format) != null && _e.drive_properties)) {
-				var Y;
-				if ((Y = y.format) != null && Y.display_source) return /* @__PURE__ */ j.createElement(T, {
+			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__ */ j.createElement(ue, {
+			return /* @__PURE__ */ M.createElement(de, {
 				block: y,
 				className: R
 			});
-		case "audio": return /* @__PURE__ */ j.createElement(se, {
+		case "audio": return /* @__PURE__ */ M.createElement(se, {
 			block: y,
 			className: R
 		});
-		case "file": return /* @__PURE__ */ j.createElement(le, {
+		case "file": return /* @__PURE__ */ M.createElement(ue, {
 			block: y,
 			className: R
 		});
-		case "equation": return /* @__PURE__ */ j.createElement(n.Equation, {
+		case "equation": return /* @__PURE__ */ M.createElement(n.Equation, {
 			block: y,
 			inline: !1,
 			className: R
 		});
-		case "code": return /* @__PURE__ */ j.createElement(n.Code, { block: y });
-		case "column_list": return /* @__PURE__ */ j.createElement("div", { className: `notion-row ${R}` }, 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 ve, ye, X;
-			let e = ((ve = y.format) == null ? void 0 : ve.column_ratio) || .5, t = (ye = i.block[y.parent_id]) == null ? void 0 : ye.value, n = { width: `calc((100% - (${((t == null || (X = t.content) == null ? void 0 : X.length) || Math.max(2, Math.ceil(1 / e))) - 1} * min(32px, 4vw))) * ${e})` };
-			return /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("div", {
+			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__ */ j.createElement("div", { className: "notion-spacer" }));
+			}, b), /* @__PURE__ */ M.createElement("div", { className: "notion-spacer" }));
 		}
 		case "quote": {
-			var Ce;
+			var Y;
 			if (!y.properties) return null;
-			let e = (Ce = y.format) == null ? void 0 : Ce.block_color;
-			return /* @__PURE__ */ j.createElement("blockquote", { className: `notion-quote ${e && `notion-${e}`} ${R}` }, /* @__PURE__ */ j.createElement("div", null, B()), 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__ */ j.createElement(n.Collection, {
+		case "collection_view": return /* @__PURE__ */ M.createElement(n.Collection, {
 			block: y,
 			className: R,
 			ctx: t
 		});
 		case "callout":
-			var we, Te, Z;
-			return n.Callout ? /* @__PURE__ */ j.createElement(n.Callout, {
+			var Te, X, Ee;
+			return n.Callout ? /* @__PURE__ */ M.createElement(n.Callout, {
 				block: y,
 				className: R
-			}) : /* @__PURE__ */ j.createElement("div", { className: `notion-callout ${((we = y.format) == null ? void 0 : we.block_color) && `notion-${(Te = y.format) == null ? void 0 : Te.block_color}_co`} ${R}` }, /* @__PURE__ */ j.createElement(A, { block: y }), /* @__PURE__ */ j.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ j.createElement(m, {
-				value: (Z = y.properties) == null ? void 0 : Z.title,
+			}) : /* @__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 Ee, De, Oe, ke, Ae, je, Me, Ne, Pe;
+			var Z, De, Oe, ke, Ae, je, Me, Ne, Pe;
 			if (!y.properties) return null;
 			let e = y.properties.link;
-			if (!e || !((Ee = e[0]) != null && Ee[0])) return null;
-			let t = P(y.properties.title);
-			if (t || (t = P(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__ */ j.createElement("div", { className: "notion-row" }, /* @__PURE__ */ j.createElement(n.Link, {
+			return /* @__PURE__ */ M.createElement("div", { className: "notion-row" }, /* @__PURE__ */ M.createElement(n.Link, {
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: `notion-bookmark ${(De = y.format) != null && De.block_color ? `notion-${y.format.block_color}` : ""} ${R}`,
 				href: e[0][0]
-			}, /* @__PURE__ */ j.createElement("div", null, t && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ j.createElement(m, {
+			}, /* @__PURE__ */ M.createElement("div", null, t && /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ M.createElement(g, {
 				value: [[t]],
 				block: y
-			})), ((Oe = y.properties) == null ? void 0 : Oe.description) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ j.createElement(m, {
+			})), ((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__ */ j.createElement("div", { className: "notion-bookmark-link" }, ((Ae = y.format) == null ? void 0 : Ae.bookmark_icon) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ j.createElement(k, {
+			})), /* @__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__ */ j.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ j.createElement(m, {
+			})), /* @__PURE__ */ M.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ M.createElement(g, {
 				value: e,
 				block: y
-			})))), ((Me = y.format) == null ? void 0 : Me.bookmark_cover) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ j.createElement(k, {
+			})))), ((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: P((Pe = y.properties) == null ? void 0 : Pe.title),
+				alt: F((Pe = y.properties) == null ? void 0 : Pe.title),
 				style: { objectFit: "cover" },
 				onError: (e) => {
 					let t = e.currentTarget.closest(".notion-bookmark-image");
@@ -619,17 +628,17 @@ var ye = ["className"], be = (e) => {
 				}
 			}))));
 		}
-		case "toggle": return /* @__PURE__ */ j.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ j.createElement("summary", null, B()), /* @__PURE__ */ j.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 Fe;
-			let e = M(y, i);
+			let e = N(y, a);
 			if (!e) return null;
-			let t = N(e, i), n = (Fe = y.format) == null ? void 0 : Fe.block_color;
-			return /* @__PURE__ */ j.createElement("div", { className: `notion-table-of-contents ${n && `notion-${n}`} ${R}` }, t.map((e) => /* @__PURE__ */ j.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: `#${I(e.id)}`,
+				href: `#${L(e.id)}`,
 				className: "notion-table-of-contents-item"
-			}, /* @__PURE__ */ j.createElement("span", {
+			}, /* @__PURE__ */ M.createElement("span", {
 				className: "notion-table-of-contents-item-body",
 				style: {
 					display: "inline-block",
@@ -640,48 +649,52 @@ var ye = ["className"], be = (e) => {
 		case "to_do": {
 			var Q;
 			let e = ((Q = y.properties) == null || (Q = Q.checked) == null || (Q = Q[0]) == null ? void 0 : Q[0]) === "Yes";
-			return /* @__PURE__ */ j.createElement("div", { className: `notion-to-do ${R}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ j.createElement(n.Checkbox, {
+			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__ */ j.createElement("div", { className: `notion-to-do-body ${e && "notion-to-do-checked"}` }, B())), /* @__PURE__ */ j.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__ */ j.createElement("div", { className: `notion-sync-block ${R}` }, x);
-		case "transclusion_reference": return /* @__PURE__ */ j.createElement(pe, _({
+		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 $, Ie;
-			let e = y == null || ($ = y.format) == null || ($ = $.alias_pointer) == null ? void 0 : $.id, t = (Ie = i.block[e]) == null ? void 0 : Ie.value;
-			return t ? /* @__PURE__ */ j.createElement(n.PageLink, {
+			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__ */ j.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__ */ j.createElement("table", { className: `notion-simple-table ${R}` }, /* @__PURE__ */ j.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 Le, Re, ze, Be;
-			let e = (Le = i.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__ */ j.createElement("tr", { className: `notion-simple-table-row ${r && `notion-${r}`} ${R}` }, t.map((e) => {
+			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__ */ j.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__ */ j.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ j.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__ */ j.createElement(D, {
+		case "external_object_instance": return /* @__PURE__ */ M.createElement(O, {
 			block: y,
 			className: R
 		});
-		default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */ j.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);
 	}
-}, Ce = [
+};
+//#endregion
+//#region src/renderer.tsx
+e();
+var Te = [
 	"components",
 	"recordMap",
 	"mapPageUrl",
@@ -706,13 +719,13 @@ var ye = ["className"], be = (e) => {
 	"defaultPageCover",
 	"defaultPageCoverPosition",
 	"editable"
-], we = ["level", "blockId"], Te = (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 } = e, D = v(e, Ce), O = j.useMemo(() => typeof window < "u" && re({
+], 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: Ee()
+		margin: De()
 	}), []);
-	return /* @__PURE__ */ j.createElement(u, {
+	return /* @__PURE__ */ M.createElement(f, {
 		components: t,
 		recordMap: n,
 		mapPageUrl: r,
@@ -722,14 +735,14 @@ var ye = ["className"], be = (e) => {
 		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,
@@ -737,25 +750,25 @@ var ye = ["className"], be = (e) => {
 		defaultPageCoverPosition: T,
 		editable: E,
 		zoom: b ? O : null
-	}, /* @__PURE__ */ j.createElement(Z, D));
+	}, /* @__PURE__ */ M.createElement(Z, D));
 }, Z = (e) => {
 	var t, n;
-	let { level: r = 0, blockId: i } = e, a = v(e, we), { recordMap: o } = w(), s = i || Object.keys(o.block)[0], c = (t = o.block[s]) == null ? void 0 : t.value;
-	return c ? /* @__PURE__ */ j.createElement(X, _({
-		key: s,
-		level: r,
-		block: c
-	}, a), c == null || (n = c.content) == null ? void 0 : n.map((e) => /* @__PURE__ */ j.createElement(Z, _({
+	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 Ee() {
+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, se as Audio, X as Block, f as Breadcrumbs, n as Checkbox, ne as CollectionColumnTitle, D as EOI, me as EditableText, le as File, ue as GoogleDrive, l as GracefulImage, y as Header, C as LiteYouTubeEmbed, Z as NotionBlockRenderer, g as NotionContextConsumer, u as NotionContextProvider, Te as NotionRenderer, fe as PageAside, A as PageIcon, d as PageIconImpl, b as PageTitle, h as PageTitleImpl, ee as PropertyIcon, E as Search, p as SearchDialog, pe as SyncPointerBlock, m as Text, S as dummyLink, s as formatDate, r as formatNotionDateTime, O as getHashFragmentValue, c as getListNumber, a as getYoutubeId, te as iconMap, i as isBrowser, B as isTitleIsland, o as isUrl, ge as readTitle, ve as selectTitle, _e as titleOffset, Y as titlePosition, 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