@texonom/nreact 1.6.1 → 1.6.4

package/build/index.js

@@ -1,690 +1,600 @@
-var Ke = Object.defineProperty, Qe = Object.defineProperties;
-var et = Object.getOwnPropertyDescriptors;
-var ge = Object.getOwnPropertySymbols;
-var Ue = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable;
-var ze = (n, a, o) => a in n ? Ke(n, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[a] = o, W = (n, a) => {
-  for (var o in a || (a = {}))
-    Ue.call(a, o) && ze(n, o, a[o]);
-  if (ge)
-    for (var o of ge(a))
-      We.call(a, o) && ze(n, o, a[o]);
-  return n;
-}, be = (n, a) => Qe(n, et(a));
-var le = (n, a) => {
-  var o = {};
-  for (var m in n)
-    Ue.call(n, m) && a.indexOf(m) < 0 && (o[m] = n[m]);
-  if (n != null && ge)
-    for (var m of ge(n))
-      a.indexOf(m) < 0 && We.call(n, m) && (o[m] = n[m]);
-  return o;
-};
-import e from "react";
-import tt from "@fisch0920/medium-zoom";
-import { uuidToId as ve, getBlockParentPage as Ve, getPageTableOfContents as he, getTextContent as ie, getBlockCollectionId as nt, getBlockIcon as ot, isUrl as at } from "@texonom/nutils";
-import { formatDate as Tt, formatNotionDateTime as St, isUrl as jt } from "@texonom/nutils";
-import { u as ce, T as C, G as rt, E as lt, P as qe, L as ke, a as Ge, A as Ye, g as it, N as ct } from "./asset-wrapper-BbigBRET.js";
-import { l as Bt, B as Mt, C as Ht, H as At, k as Ft, e as Dt, f as Rt, j as zt, S as Ut, h as Wt, d as Vt, b as qt, c as Gt, i as Yt } from "./asset-wrapper-BbigBRET.js";
-import { c as Ee, g as st } from "./_commonjsHelpers-ByYUsBRP.js";
-import { C as Jt, P as Xt, i as Kt } from "./collection-column-title-l4hmVo49.js";
-const mt = ({ block: n, className: a }) => {
-  var r, u, v;
-  const { recordMap: o } = ce(), m = o.signed_urls[n.id] || ((v = (u = (r = n.properties) == null ? void 0 : r.source) == null ? void 0 : u[0]) == null ? void 0 : v[0]);
-  return /* @__PURE__ */ e.createElement("div", { className: `notion-audio ${a || ""}` }, /* @__PURE__ */ e.createElement("audio", { controls: !0, preload: "none", src: m }));
-}, dt = (n) => {
-  const m = n, { className: a } = m, o = le(m, ["className"]);
-  return /* @__PURE__ */ e.createElement("svg", be(W({ className: a }, o), { viewBox: "0 0 30 30" }), /* @__PURE__ */ e.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" }));
-}, ut = ({ block: n, className: a }) => {
-  var u, v, k, y, b;
-  const { components: o, recordMap: m } = ce(), r = m.signed_urls[n.id] || ((k = (v = (u = n.properties) == null ? void 0 : u.source) == null ? void 0 : v[0]) == null ? void 0 : k[0]);
-  return /* @__PURE__ */ e.createElement("div", { className: `notion-file ${a || ""}` }, /* @__PURE__ */ e.createElement(o.Link, { className: "notion-file-link", href: r, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ e.createElement(dt, { className: "notion-file-icon" }), /* @__PURE__ */ e.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ e.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ e.createElement(C, { value: ((y = n.properties) == null ? void 0 : y.title) || [["File"]], block: n })), ((b = n.properties) == null ? void 0 : b.size) && /* @__PURE__ */ e.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ e.createElement(C, { value: n.properties.size, block: n })))));
-}, pt = ({ block: n, className: a }) => {
-  var v;
-  const { components: o, mapImageUrl: m } = ce(), r = (v = n.format) == null ? void 0 : v.drive_properties;
-  if (!r) return null;
-  let u;
-  try {
-    u = new URL(r.url).hostname;
-  } catch (k) {
-  }
-  return /* @__PURE__ */ e.createElement("div", { className: `notion-google-drive ${a || ""}` }, /* @__PURE__ */ e.createElement(o.Link, { className: "notion-google-drive-link", href: r.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ e.createElement(
-    rt,
-    {
-      src: m(r.thumbnail, n),
-      alt: r.title || "Google Drive Document",
-      loading: "lazy"
-    }
-  )), /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body" }, r.title && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-title" }, r.title), r.icon && u && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source" }, r.icon && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: "notion-google-drive-body-source-icon",
-      style: {
-        backgroundImage: `url(${r.icon})`
-      }
-    }
-  ), u && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source-domain" }, u)))));
-};
-var Ne, Ze;
-function ft() {
-  if (Ze) return Ne;
-  Ze = 1;
-  var n = "Expected a function", a = NaN, o = "[object Symbol]", m = /^\s+|\s+$/g, r = /^[-+]0x[0-9a-f]+$/i, u = /^0b[01]+$/i, v = /^0o[0-7]+$/i, k = parseInt, y = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, b = typeof self == "object" && self && self.Object === Object && self, _ = y || b || Function("return this")(), T = Object.prototype, O = T.toString, L = Math.max, t = Math.min, g = function() {
-    return _.Date.now();
-  };
-  function B(i, f, h) {
-    var N, I, q, c, x, S, H = 0, te = !1, A = !1, G = !0;
-    if (typeof i != "function")
-      throw new TypeError(n);
-    f = R(f) || 0, M(h) && (te = !!h.leading, A = "maxWait" in h, q = A ? L(R(h.maxWait) || 0, f) : q, G = "trailing" in h ? !!h.trailing : G);
-    function Y(E) {
-      var P = N, F = I;
-      return N = I = void 0, H = E, c = i.apply(F, P), c;
-    }
-    function se(E) {
-      return H = E, x = setTimeout(z, f), te ? Y(E) : c;
-    }
-    function me(E) {
-      var P = E - S, F = E - H, ae = f - P;
-      return A ? t(ae, q - F) : ae;
-    }
-    function ne(E) {
-      var P = E - S, F = E - H;
-      return S === void 0 || P >= f || P < 0 || A && F >= q;
-    }
-    function z() {
-      var E = g();
-      if (ne(E))
-        return oe(E);
-      x = setTimeout(z, me(E));
-    }
-    function oe(E) {
-      return x = void 0, G && N ? Y(E) : (N = I = void 0, c);
-    }
-    function de() {
-      x !== void 0 && clearTimeout(x), H = 0, N = S = I = x = void 0;
-    }
-    function ue() {
-      return x === void 0 ? c : oe(g());
-    }
-    function Z() {
-      var E = g(), P = ne(E);
-      if (N = arguments, I = this, S = E, P) {
-        if (x === void 0)
-          return se(S);
-        if (A)
-          return x = setTimeout(z, f), Y(S);
-      }
-      return x === void 0 && (x = setTimeout(z, f)), c;
-    }
-    return Z.cancel = de, Z.flush = ue, Z;
-  }
-  function V(i, f, h) {
-    var N = !0, I = !0;
-    if (typeof i != "function")
-      throw new TypeError(n);
-    return M(h) && (N = "leading" in h ? !!h.leading : N, I = "trailing" in h ? !!h.trailing : I), B(i, f, {
-      leading: N,
-      maxWait: f,
-      trailing: I
-    });
-  }
-  function M(i) {
-    var f = typeof i;
-    return !!i && (f == "object" || f == "function");
-  }
-  function Q(i) {
-    return !!i && typeof i == "object";
-  }
-  function ee(i) {
-    return typeof i == "symbol" || Q(i) && O.call(i) == o;
-  }
-  function R(i) {
-    if (typeof i == "number")
-      return i;
-    if (ee(i))
-      return a;
-    if (M(i)) {
-      var f = typeof i.valueOf == "function" ? i.valueOf() : i;
-      i = M(f) ? f + "" : f;
-    }
-    if (typeof i != "string")
-      return i === 0 ? i : +i;
-    i = i.replace(m, "");
-    var h = u.test(i);
-    return h || v.test(i) ? k(i.slice(2), h ? 2 : 8) : r.test(i) ? a : +i;
-  }
-  return Ne = V, Ne;
-}
-var gt = ft();
-const Et = /* @__PURE__ */ st(gt), vt = ({ toc: n, activeSection: a, setActiveSection: o, pageAside: m, hasToc: r, hasAside: u, className: v }) => {
-  const y = e.useMemo(
-    () => Et(() => {
-      const b = document.getElementsByClassName("notion-h");
-      let _ = null, T = a;
-      for (let O = 0; O < b.length; ++O) {
-        const L = b[O];
-        if (!L || !(L instanceof Element)) continue;
-        T || (T = L.getAttribute("data-id"));
-        const t = L.getBoundingClientRect(), g = _ ? t.top - _.bottom : 0, B = Math.max(150, g / 4);
-        if (t.top - B < 0) {
-          T = L.getAttribute("data-id"), _ = t;
-          continue;
-        }
-        break;
-      }
-      o(T);
-    }, 100),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      // explicitly not taking a dependency on activeSection
-      o
-    ]
-  );
-  return e.useEffect(() => {
-    if (r)
-      return window.addEventListener("scroll", y), y(), () => {
-        window.removeEventListener("scroll", y);
-      };
-  }, [r, y]), u ? /* @__PURE__ */ e.createElement("aside", { className: `notion-aside ${v || ""}` }, r && /* @__PURE__ */ e.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ e.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ e.createElement("nav", { className: "notion-table-of-contents" }, n.map((b) => {
-    const _ = ve(b.id);
-    return /* @__PURE__ */ e.createElement(
-      "a",
-      {
-        key: _,
-        href: `#${_}`,
-        className: `notion-table-of-contents-item
-                    notion-table-of-contents-item-indent-level-${b.indentLevel}
-                    ${a === _ && "notion-table-of-contents-active-item"}`
-      },
-      /* @__PURE__ */ e.createElement(
-        "span",
-        {
-          className: "notion-table-of-contents-item-body",
-          style: {
-            display: "inline-block",
-            marginLeft: b.indentLevel * 16
-          }
-        },
-        b.text
-      )
-    );
-  }))), m) : null;
-}, bt = ({ block: n, level: a }) => {
-  var r, u;
-  if (!n)
-    return process.env.NODE_ENV !== "production" && console.warn("missing sync pointer block", n.id), null;
-  const o = n, m = (u = (r = o == null ? void 0 : o.format) == null ? void 0 : r.transclusion_reference_pointer) == null ? void 0 : u.id;
-  return m ? /* @__PURE__ */ e.createElement(ye, { key: m, level: a, blockId: m }) : null;
-}, ht = (n) => {
-  const m = n, { className: a } = m, o = le(m, ["className"]);
-  return /* @__PURE__ */ e.createElement("svg", be(W({ className: a }, o), { viewBox: "0 0 16 16", width: "16", height: "16" }), /* @__PURE__ */ e.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"
-    }
-  ));
-}, Je = {}, Xe = {}, kt = (n) => {
-  var x, S, H, te, A, G, Y, se, me, ne, z, oe, de, ue, Z, E, P, F, ae, _e, $e, Ce, xe, we, Ie, Le, Pe, Te, Se, je, Oe, Be, Me, He, Ae, Fe, De, Re;
-  const a = ce(), {
-    components: o,
-    fullPage: m,
-    recordMap: r,
-    mapPageUrl: u,
-    mapImageUrl: v,
-    showTableOfContents: k,
-    minTableOfContentsItems: y,
-    defaultPageIcon: b,
-    defaultPageCover: _,
-    defaultPageCoverPosition: T
-  } = a, [O, L] = e.useState(null), {
-    block: t,
-    children: g,
-    level: B,
-    className: V,
-    bodyClassName: M,
-    header: Q,
-    footer: ee,
-    pageHeader: R,
-    pageFooter: i,
-    pageTitle: f,
-    pageAside: h,
-    pageCover: N,
-    hideBlockId: I,
-    disableHeader: q
-  } = n;
-  if (!t) return null;
-  if (B === 0 && t.type === "collection_view") {
-    const l = t;
-    l.type = "collection_view_page";
-  }
-  const c = I ? "notion-block" : `notion-block-${ve(t.id)}`;
-  switch (t.type) {
-    case "collection_view_page":
-    // fallthrough
-    case "page":
-      if (B === 0) {
-        const {
-          page_icon: l = b,
-          page_cover: s = _,
-          page_cover_position: p = T,
-          page_full_width: d,
-          page_small_text: w
-        } = t.format || {};
-        if (m) {
-          const $ = t.type === "page" ? t.properties : {
-            title: (S = (x = r.collection[nt(t, r)]) == null ? void 0 : x.value) == null ? void 0 : S.name
-          }, D = `center ${(1 - (p || 0.5)) * 100}%`;
-          let j = Xe[D];
-          j || (j = Xe[D] = {
-            objectPosition: D
-          });
-          const X = (H = ot(t, r)) != null ? H : b, U = X && at(X), re = he(t, r), pe = k && re.length >= y, K = (pe || h) && !d, fe = N || s;
-          return /* @__PURE__ */ e.createElement("div", { className: `notion notion-app ${c} ${V || ""}` }, /* @__PURE__ */ e.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ e.createElement("div", { className: "notion-frame" }, !q && /* @__PURE__ */ e.createElement(o.Header, { block: t }), Q, /* @__PURE__ */ e.createElement("div", { className: "notion-page-scroller" }, fe && (N || /* @__PURE__ */ e.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ e.createElement(
-            ke,
-            {
-              src: v(s, t),
-              alt: ie($ == null ? void 0 : $.title),
-              priority: !0,
-              className: "notion-page-cover",
-              style: j
-            }
-          ))), /* @__PURE__ */ e.createElement(
-            "main",
-            {
-              className: `notion-page
-                      ${fe ? "notion-page-has-cover" : "notion-page-no-cover"}
-                      ${l ? "notion-page-has-icon" : "notion-page-no-icon"}
-                      ${U ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
+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";
+//#region src/components/audio.tsx
+var ie = ({ 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", {
+		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 }) => {
+	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, {
+		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, {
+		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, {
+		value: e.properties.size,
+		block: e
+	})))));
+}, oe = ({ block: e, className: t }) => {
+	var n;
+	let { components: r, mapImageUrl: i } = w(), 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, {
+		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, {
+		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", {
+		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)))));
+}, se = /* @__PURE__ */ e((/* @__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();
+	};
+	function g(e, t, r) {
+		var i, a, o, s, c, l, u = 0, d = !1, f = !1, g = !0;
+		if (typeof e != "function") throw TypeError(n);
+		t = x(t) || 0, v(r) && (d = !!r.leading, f = "maxWait" in r, o = f ? p(x(r.maxWait) || 0, t) : o, g = "trailing" in r ? !!r.trailing : g);
+		function _(t) {
+			var n = i, r = a;
+			return i = a = void 0, u = t, s = e.apply(r, n), s;
+		}
+		function y(e) {
+			return u = e, c = setTimeout(C, t), d ? _(e) : s;
+		}
+		function b(e) {
+			var n = e - l, r = e - u, i = t - n;
+			return f ? m(i, o - r) : i;
+		}
+		function S(e) {
+			var n = e - l, r = e - u;
+			return l === void 0 || n >= t || n < 0 || f && r >= o;
+		}
+		function C() {
+			var e = h();
+			if (S(e)) return w(e);
+			c = setTimeout(C, b(e));
+		}
+		function w(e) {
+			return c = void 0, g && i ? _(e) : (i = a = void 0, s);
+		}
+		function T() {
+			c !== void 0 && clearTimeout(c), u = 0, i = l = a = c = void 0;
+		}
+		function E() {
+			return c === void 0 ? s : w(h());
+		}
+		function D() {
+			var e = h(), n = S(e);
+			if (i = arguments, a = this, l = e, n) {
+				if (c === void 0) return y(l);
+				if (f) return c = setTimeout(C, t), _(l);
+			}
+			return c === void 0 && (c = setTimeout(C, t)), s;
+		}
+		return D.cancel = T, D.flush = E, D;
+	}
+	function _(e, t, r) {
+		var i = !0, a = !0;
+		if (typeof e != "function") throw TypeError(n);
+		return v(r) && (i = "leading" in r ? !!r.leading : i, a = "trailing" in r ? !!r.trailing : a), g(e, t, {
+			leading: i,
+			maxWait: t,
+			trailing: a
+		});
+	}
+	function v(e) {
+		var t = typeof e;
+		return !!e && (t == "object" || t == "function");
+	}
+	function y(e) {
+		return !!e && typeof e == "object";
+	}
+	function b(e) {
+		return typeof e == "symbol" || y(e) && f.call(e) == "[object Symbol]";
+	}
+	function x(e) {
+		if (typeof e == "number") return e;
+		if (b(e)) return r;
+		if (v(e)) {
+			var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+			e = v(t) ? t + "" : t;
+		}
+		if (typeof e != "string") return e === 0 ? e : +e;
+		e = e.replace(i, "");
+		var n = o.test(e);
+		return n || s.test(e) ? c(e.slice(2), n ? 2 : 8) : a.test(e) ? r : +e;
+	}
+	t.exports = _;
+})))(), 1), ce = ({ toc: e, activeSection: t, setActiveSection: n, pageAside: r, hasToc: i, hasAside: a, className: o }) => {
+	let s = N.useMemo(() => (0, se.default)(() => {
+		let e = document.getElementsByClassName("notion-h"), r = null, i = t;
+		for (let t = 0; t < e.length; ++t) {
+			let n = e[t];
+			if (!n || !(n instanceof Element)) continue;
+			i || (i = n.getAttribute("data-id"));
+			let a = n.getBoundingClientRect(), o = r ? a.top - r.bottom : 0, s = Math.max(150, o / 4);
+			if (a.top - s < 0) i = n.getAttribute("data-id"), r = a;
+			else break;
+		}
+		n(i);
+	}, 100), [n]);
+	return N.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", {
+			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", {
+			className: "notion-table-of-contents-item-body",
+			style: {
+				display: "inline-block",
+				marginLeft: e.indentLevel * 16
+			}
+		}, e.text));
+	}))), r) : null;
+}, le = ({ 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(J, {
+		key: i,
+		level: t,
+		blockId: i
+	}) : null;
+}, ue = ({ 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,
+		className: "notion-text-editable",
+		role: "textbox",
+		"aria-multiline": "true",
+		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));
+		}
+	});
+}, V = ["className"], de = (e) => {
+	let { className: t } = e, n = v(e, V);
+	return /* @__PURE__ */ N.createElement("svg", _(_({ className: t }, n), {}, {
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16"
+	}), /* @__PURE__ */ N.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 = {}, U = {}, W = (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, hideBlockId: se, disableHeader: V } = e;
+	if (!y) return null;
+	if (S === 0 && y.type === "collection_view") {
+		let e = y;
+		e.type = "collection_view_page";
+	}
+	let W = se ? "notion-block" : `notion-block-${R(y.id)}`, G = () => h && re(y) ? /* @__PURE__ */ N.createElement(ue, { block: y }) : /* @__PURE__ */ N.createElement(m, {
+		value: y.properties.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 = U[f];
+					p || (p = U[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" }, !V && /* @__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),
+						priority: !0,
+						className: "notion-page-cover",
+						style: p
+					}))), /* @__PURE__ */ N.createElement("main", { className: `notion-page
+                      ${F ? "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
-                      ${d && "notion-full-width"}
-                      ${w && "notion-small-text"}
-                      ${M}`
-            },
-            l && /* @__PURE__ */ e.createElement(Ge, { block: t, defaultIcon: b, inline: !1 }),
-            R,
-            /* @__PURE__ */ e.createElement("h1", { className: "notion-title" }, f != null ? f : /* @__PURE__ */ e.createElement(C, { value: $ == null ? void 0 : $.title, block: t })),
-            (t.type === "collection_view_page" || t.type === "page" && t.parent_table === "collection") && /* @__PURE__ */ e.createElement(o.Collection, { block: t, ctx: a }),
-            t.type !== "collection_view_page" && /* @__PURE__ */ e.createElement(
-              "div",
-              {
-                className: `notion-page-content
-                          ${K && "notion-page-content-has-aside"}
-                          ${pe && "notion-page-content-has-toc"}`
-              },
-              /* @__PURE__ */ e.createElement("article", { className: "notion-page-content-inner" }, g),
-              K && /* @__PURE__ */ e.createElement(
-                vt,
-                {
-                  toc: re,
-                  activeSection: O,
-                  setActiveSection: L,
-                  hasToc: pe,
-                  hasAside: K,
-                  pageAside: h
-                }
-              )
-            ),
-            i
-          ), ee)));
-        } else
-          return /* @__PURE__ */ e.createElement(
-            "main",
-            {
-              className: `notion
+                      ${h && "notion-full-width"}
+                      ${_ && "notion-small-text"}
+                      ${E}` }, e && /* @__PURE__ */ N.createElement(A, {
+						block: y,
+						defaultIcon: d,
+						inline: !1
+					}), j, /* @__PURE__ */ N.createElement("h1", { className: "notion-title" }, P == null ? /* @__PURE__ */ N.createElement(m, {
+						value: r == null ? void 0 : r.title,
+						block: y
+					}) : P), (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ N.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" }, x), D && /* @__PURE__ */ N.createElement(ce, {
+						toc: w,
+						activeSection: g,
+						setActiveSection: v,
+						hasToc: T,
+						hasAside: D,
+						pageAside: z
+					})), M), ee)));
+				}
+				return /* @__PURE__ */ N.createElement("main", { className: `notion
                 notion-page
-                ${d && "notion-full-width"}
-                ${w && "notion-small-text"}
-                ${c}
-                ${V || ""}
-                ${M}`
-            },
-            /* @__PURE__ */ e.createElement("div", { className: "notion-viewport" }),
-            R,
-            (t.type === "collection_view_page" || t.type === "page" && t.parent_table === "collection") && /* @__PURE__ */ e.createElement(o.Collection, { block: t, ctx: a }),
-            t.type !== "collection_view_page" && g,
-            i
-          );
-      } else {
-        const l = (te = t.format) == null ? void 0 : te.block_color;
-        return /* @__PURE__ */ e.createElement(
-          o.PageLink,
-          {
-            className: `notion-page-link ${l && `notion-${l}`} ${c}`,
-            href: u(t.id)
-          },
-          /* @__PURE__ */ e.createElement(qe, { block: t })
-        );
-      }
-    case "header":
-    // fallthrough
-    case "sub_header":
-    // fallthrough
-    case "sub_sub_header": {
-      if (!t.properties) return null;
-      const l = (A = t.format) == null ? void 0 : A.block_color, s = ve(t.id), p = ie(t.properties.title) || `Notion Header ${s}`;
-      let d = Je[t.id], w;
-      if (d === void 0) {
-        const re = Ve(t, r);
-        if (re) {
-          const K = he(re, r).find((fe) => fe.id === t.id);
-          K && (d = K.indentLevel, Je[t.id] = d);
-        }
-      }
-      d !== void 0 && (w = `notion-h-indent-${d}`);
-      const $ = t.type === "header", J = t.type === "sub_header", D = t.type === "sub_sub_header", j = `${$ && "notion-h notion-h1"}
-        ${J && "notion-h notion-h2"}
-        ${D && "notion-h notion-h3"}
-        ${l && `notion-${l}`}
-        ${w},
-        ${c}`, X = /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("div", { id: s, className: "notion-header-anchor" }), !((G = t.format) != null && G.toggleable) && /* @__PURE__ */ e.createElement("a", { className: "notion-hash-link", href: `#${s}`, title: p }, /* @__PURE__ */ e.createElement(ht, null)), /* @__PURE__ */ e.createElement("span", { className: "notion-h-title" }, /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t })));
-      let U = null;
-      return $ ? U = /* @__PURE__ */ e.createElement("h2", { className: j, "data-id": s }, X) : J ? U = /* @__PURE__ */ e.createElement("h3", { className: j, "data-id": s }, X) : U = /* @__PURE__ */ e.createElement("h4", { className: j, "data-id": s }, X), (Y = t.format) != null && Y.toggleable ? /* @__PURE__ */ e.createElement("details", { className: `notion-toggle ${c}` }, /* @__PURE__ */ e.createElement("summary", null, U), /* @__PURE__ */ e.createElement("div", null, g)) : U;
-    }
-    case "divider":
-      return /* @__PURE__ */ e.createElement("hr", { className: `notion-hr ${c}` });
-    case "text": {
-      if (!t.properties && !((se = t.content) != null && se.length)) return /* @__PURE__ */ e.createElement("div", { className: `notion-blank ${c}` }, " ");
-      const l = (me = t.format) == null ? void 0 : me.block_color;
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-text ${l && `notion-${l}`} ${c}` }, ((ne = t.properties) == null ? void 0 : ne.title) && /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t }), g && /* @__PURE__ */ e.createElement("div", { className: "notion-text-children" }, g));
-    }
-    case "bulleted_list":
-    // fallthrough
-    case "numbered_list": {
-      const l = (w, $) => t.type === "bulleted_list" ? /* @__PURE__ */ e.createElement("ul", { className: `notion-list notion-list-disc ${c}` }, w) : /* @__PURE__ */ e.createElement("ol", { start: $, className: `notion-list notion-list-numbered ${c}` }, w);
-      let s = null;
-      t.content ? s = /* @__PURE__ */ e.createElement(e.Fragment, null, t.properties && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t })), l(g)) : s = t.properties ? /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t })) : null;
-      const p = t.type !== ((oe = (z = r.block[t.parent_id]) == null ? void 0 : z.value) == null ? void 0 : oe.type), d = it(t.id, r.block);
-      return p ? l(s, d) : s;
-    }
-    case "embed":
-      return /* @__PURE__ */ e.createElement(o.Embed, { blockId: c, block: t });
-    case "tweet":
-    // fallthrough
-    case "maps":
-    // fallthrough
-    case "pdf":
-    // fallthrough
-    case "figma":
-    // fallthrough
-    case "typeform":
-    // fallthrough
-    case "codepen":
-    // fallthrough
-    case "excalidraw":
-    // fallthrough
-    case "image":
-    // fallthrough
-    case "gist":
-    // fallthrough
-    case "video":
-      return /* @__PURE__ */ e.createElement(Ye, { blockId: c, block: t });
-    case "drive":
-      return !((de = t.format) == null ? void 0 : de.drive_properties) && (ue = t.format) != null && ue.display_source ? /* @__PURE__ */ e.createElement(Ye, { blockId: c, block: t }) : /* @__PURE__ */ e.createElement(pt, { block: t, className: c });
-    case "audio":
-      return /* @__PURE__ */ e.createElement(mt, { block: t, className: c });
-    case "file":
-      return /* @__PURE__ */ e.createElement(ut, { block: t, className: c });
-    case "equation":
-      return /* @__PURE__ */ e.createElement(o.Equation, { block: t, inline: !1, className: c });
-    case "code":
-      return /* @__PURE__ */ e.createElement(o.Code, { block: t });
-    case "column_list":
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-row ${c}` }, g);
-    case "column": {
-      const l = "min(32px, 4vw)", s = ((Z = t.format) == null ? void 0 : Z.column_ratio) || 0.5, p = (E = r.block[t.parent_id]) == null ? void 0 : E.value, $ = { width: `calc((100% - (${(((P = p == null ? void 0 : p.content) == null ? void 0 : P.length) || Math.max(2, Math.ceil(1 / s))) - 1} * ${l})) * ${s})` };
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `notion-column ${c}`, style: $ }, g), /* @__PURE__ */ e.createElement("div", { className: "notion-spacer" }));
-    }
-    case "quote": {
-      if (!t.properties) return null;
-      const l = (F = t.format) == null ? void 0 : F.block_color;
-      return /* @__PURE__ */ e.createElement("blockquote", { className: `notion-quote ${l && `notion-${l}`} ${c}` }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t })), g);
-    }
-    case "collection_view":
-      return /* @__PURE__ */ e.createElement(o.Collection, { block: t, className: c, ctx: a });
-    case "callout":
-      return o.Callout ? /* @__PURE__ */ e.createElement(o.Callout, { block: t, className: c }) : /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          className: `notion-callout ${((ae = t.format) == null ? void 0 : ae.block_color) && `notion-${(_e = t.format) == null ? void 0 : _e.block_color}_co`} ${c}`
-        },
-        /* @__PURE__ */ e.createElement(Ge, { block: t }),
-        /* @__PURE__ */ e.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ e.createElement(C, { value: ($e = t.properties) == null ? void 0 : $e.title, block: t }), g)
-      );
-    case "bookmark": {
-      if (!t.properties) return null;
-      const l = t.properties.link;
-      if (!l || !((Ce = l[0]) != null && Ce[0])) return null;
-      let s = ie(t.properties.title);
-      if (s || (s = ie(l)), s && s.startsWith("http"))
-        try {
-          s = new URL(s).hostname;
-        } catch (p) {
-        }
-      return /* @__PURE__ */ e.createElement(
-        "a",
-        {
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: `notion-bookmark ${(xe = t.format) != null && xe.block_color ? `notion-${t.format.block_color}` : ""} ${c}`,
-          href: l[0][0]
-        },
-        /* @__PURE__ */ e.createElement("div", null, s && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ e.createElement(C, { value: [[s]], block: t })), t.properties.description && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ e.createElement(C, { value: t.properties.description, block: t })), /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link" }, ((we = t.format) == null ? void 0 : we.bookmark_icon) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ e.createElement(
-          ke,
-          {
-            src: v(t.format.bookmark_icon, t),
-            alt: s,
-            onError: (p) => {
-              const d = p.currentTarget.closest(".notion-bookmark-link-icon");
-              d && (d.style.display = "none");
-            }
-          }
-        )), /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ e.createElement(C, { value: l, block: t })))),
-        ((Ie = t.format) == null ? void 0 : Ie.bookmark_cover) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ e.createElement(
-          ke,
-          {
-            src: v(t.format.bookmark_cover, t),
-            alt: ie(t.properties.title),
-            style: {
-              objectFit: "cover"
-            },
-            onError: (p) => {
-              const d = p.currentTarget.closest(".notion-bookmark-image");
-              d && (d.style.display = "none");
-            }
-          }
-        ))
-      );
-    }
-    case "toggle":
-      return /* @__PURE__ */ e.createElement("details", { className: `notion-toggle ${c}` }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement(C, { value: (Le = t.properties) == null ? void 0 : Le.title, block: t })), /* @__PURE__ */ e.createElement("div", null, g));
-    case "table_of_contents": {
-      const l = Ve(t, r);
-      if (!l) return null;
-      const s = he(l, r), p = (Pe = t.format) == null ? void 0 : Pe.block_color;
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-table-of-contents ${p && `notion-${p}`} ${c}` }, s.map((d) => /* @__PURE__ */ e.createElement("a", { key: d.id, href: `#${ve(d.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ e.createElement(
-        "span",
-        {
-          className: "notion-table-of-contents-item-body",
-          style: {
-            display: "inline-block",
-            marginLeft: d.indentLevel * 24
-          }
-        },
-        d.text
-      ))));
-    }
-    case "to_do": {
-      const l = ((je = (Se = (Te = t.properties) == null ? void 0 : Te.checked) == null ? void 0 : Se[0]) == null ? void 0 : je[0]) === "Yes";
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-to-do ${c}` }, /* @__PURE__ */ e.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ e.createElement(o.Checkbox, { blockId: c, isChecked: l }), /* @__PURE__ */ e.createElement("div", { className: `notion-to-do-body ${l && "notion-to-do-checked"}` }, /* @__PURE__ */ e.createElement(C, { value: (Oe = t.properties) == null ? void 0 : Oe.title, block: t }))), /* @__PURE__ */ e.createElement("div", { className: "notion-to-do-children" }, g));
-    }
-    case "transclusion_container":
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-sync-block ${c}` }, g);
-    case "transclusion_reference":
-      return /* @__PURE__ */ e.createElement(bt, W({ block: t, level: B + 1 }, n));
-    case "alias": {
-      const l = (Me = (Be = t == null ? void 0 : t.format) == null ? void 0 : Be.alias_pointer) == null ? void 0 : Me.id, s = (He = r.block[l]) == null ? void 0 : He.value;
-      return s ? /* @__PURE__ */ e.createElement(o.PageLink, { className: `notion-page-link ${l}}`, href: u(l) }, /* @__PURE__ */ e.createElement(qe, { block: s })) : (console.debug('"alias" missing block', l), null);
-    }
-    case "table":
-      return /* @__PURE__ */ e.createElement("table", { className: `notion-simple-table ${c}` }, /* @__PURE__ */ e.createElement("tbody", null, g));
-    case "table_row": {
-      const l = (Ae = r.block[t.parent_id]) == null ? void 0 : Ae.value, s = (Fe = l.format) == null ? void 0 : Fe.table_block_column_order, p = (De = l.format) == null ? void 0 : De.table_block_column_format, d = (Re = t.format) == null ? void 0 : Re.block_color;
-      return !l || !s ? null : /* @__PURE__ */ e.createElement("tr", { className: `notion-simple-table-row ${d && `notion-${d}`} ${c}` }, s.map((w) => {
-        var J, D, j;
-        const $ = (J = p == null ? void 0 : p[w]) == null ? void 0 : J.color;
-        return /* @__PURE__ */ e.createElement(
-          "td",
-          {
-            key: w,
-            className: $ ? `notion-${$}` : "",
-            style: {
-              width: ((D = p == null ? void 0 : p[w]) == null ? void 0 : D.width) || 120
-            }
-          },
-          /* @__PURE__ */ e.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ e.createElement(C, { value: ((j = t.properties) == null ? void 0 : j[w]) || [["ㅤ"]], block: t }))
-        );
-      }));
-    }
-    case "external_object_instance":
-      return /* @__PURE__ */ e.createElement(lt, { block: t, className: c });
-    default:
-      return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + t.type, JSON.stringify(t, null, 2)), /* @__PURE__ */ e.createElement("div", null);
-  }
-}, It = (h) => {
-  var N = h, {
-    components: n,
-    recordMap: a,
-    mapPageUrl: o,
-    mapImageUrl: m,
-    searchNotion: r,
-    isShowingSearch: u,
-    onHideSearch: v,
-    fullPage: k,
-    rootPageId: y,
-    rootDomain: b,
-    rootSpaceId: _,
-    darkMode: T,
-    previewImages: O,
-    forceCustomImages: L,
-    showCollectionViewDropdown: t,
-    linkTableTitleProperties: g,
-    isLinkCollectionToUrlProperty: B,
-    isImageZoomable: V = !0,
-    showTableOfContents: M,
-    minTableOfContentsItems: Q,
-    defaultPageIcon: ee,
-    defaultPageCover: R,
-    defaultPageCoverPosition: i
-  } = N, f = le(N, [
-    "components",
-    "recordMap",
-    "mapPageUrl",
-    "mapImageUrl",
-    "searchNotion",
-    "isShowingSearch",
-    "onHideSearch",
-    "fullPage",
-    "rootPageId",
-    "rootDomain",
-    "rootSpaceId",
-    "darkMode",
-    "previewImages",
-    "forceCustomImages",
-    "showCollectionViewDropdown",
-    "linkTableTitleProperties",
-    "isLinkCollectionToUrlProperty",
-    "isImageZoomable",
-    "showTableOfContents",
-    "minTableOfContentsItems",
-    "defaultPageIcon",
-    "defaultPageCover",
-    "defaultPageCoverPosition"
-  ]);
-  const I = e.useMemo(
-    () => typeof window != "undefined" && tt({
-      background: "rgba(0, 0, 0, 0.8)",
-      minZoomScale: 2,
-      margin: Nt()
-    }),
-    []
-  );
-  return /* @__PURE__ */ e.createElement(
-    ct,
-    {
-      components: n,
-      recordMap: a,
-      mapPageUrl: o,
-      mapImageUrl: m,
-      searchNotion: r,
-      isShowingSearch: u,
-      onHideSearch: v,
-      fullPage: k,
-      rootPageId: y,
-      rootDomain: b,
-      rootSpaceId: _,
-      darkMode: T,
-      previewImages: O,
-      forceCustomImages: L,
-      showCollectionViewDropdown: t,
-      linkTableTitleProperties: g,
-      isLinkCollectionToUrlProperty: B,
-      showTableOfContents: M,
-      minTableOfContentsItems: Q,
-      defaultPageIcon: ee,
-      defaultPageCover: R,
-      defaultPageCoverPosition: i,
-      zoom: V ? I : null
-    },
-    /* @__PURE__ */ e.createElement(ye, W({}, f))
-  );
-}, ye = (m) => {
-  var r = m, { level: n = 0, blockId: a } = r, o = le(r, ["level", "blockId"]);
-  var y, b;
-  const { recordMap: u } = ce(), v = a || Object.keys(u.block)[0], k = (y = u.block[v]) == null ? void 0 : y.value;
-  return k ? /* @__PURE__ */ e.createElement(kt, W({ key: v, level: n, block: k }, o), (b = k == null ? void 0 : k.content) == null ? void 0 : b.map((_) => /* @__PURE__ */ e.createElement(ye, W({ key: _, blockId: _, level: n + 1 }, o)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", a), null);
+                ${h && "notion-full-width"}
+                ${_ && "notion-small-text"}
+                ${W}
+                ${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, {
+					block: y,
+					ctx: t
+				}), y.type !== "collection_view_page" && x, M);
+			}
+			{
+				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 }));
+			}
+		case "header":
+		case "sub_header":
+		case "sub_sub_header": {
+			var Y, fe, pe;
+			if (!y.properties) return null;
+			let e = (Y = y.format) == null ? void 0 : Y.block_color, t = R(y.id), n = L(y.properties.title) || `Notion Header ${t}`, r = H[y.id], a;
+			if (r === void 0) {
+				let e = F(y, i);
+				if (e) {
+					let t = I(e, i).find((e) => e.id === y.id);
+					t && (r = t.indentLevel, H[y.id] = r);
+				}
+			}
+			r !== void 0 && (a = `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", {
+				id: t,
+				className: "notion-header-anchor"
+			}), !((fe = y.format) != null && fe.toggleable) && /* @__PURE__ */ N.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", {
+				className: l,
+				"data-id": t
+			}, u) : s ? /* @__PURE__ */ N.createElement("h3", {
+				className: l,
+				"data-id": t
+			}, u) : /* @__PURE__ */ N.createElement("h4", {
+				className: l,
+				"data-id": t
+			}, u), (pe = y.format) != null && pe.toggleable ? /* @__PURE__ */ N.createElement("details", { className: `notion-toggle ${W}` }, /* @__PURE__ */ N.createElement("summary", null, d), /* @__PURE__ */ N.createElement("div", null, x)) : d;
+		}
+		case "divider": return /* @__PURE__ */ N.createElement("hr", { className: `notion-hr ${W}` });
+		case "text": {
+			var me, he, ge;
+			if (!y.properties && !((me = y.content) != null && me.length)) return /* @__PURE__ */ N.createElement("div", { className: `notion-blank ${W}` }, "\xA0");
+			let e = (he = y.format) == null ? void 0 : he.block_color;
+			return /* @__PURE__ */ N.createElement("div", { className: `notion-text ${e && `notion-${e}`} ${W}` }, ((ge = y.properties) == null ? void 0 : ge.title) && G(), x && /* @__PURE__ */ N.createElement("div", { className: "notion-text-children" }, x));
+		}
+		case "bulleted_list":
+		case "numbered_list": {
+			var X;
+			let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */ N.createElement("ul", { className: `notion-list notion-list-disc ${W}` }, e) : /* @__PURE__ */ N.createElement("ol", {
+				start: t,
+				className: `notion-list notion-list-numbered ${W}`
+			}, 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 !== ((X = i.block[y.parent_id]) == null || (X = X.value) == null ? void 0 : X.type), r = c(y.id, i.block);
+			return n ? e(t, r) : t;
+		}
+		case "embed": return /* @__PURE__ */ N.createElement(n.Embed, {
+			blockId: W,
+			block: y
+		});
+		case "tweet":
+		case "maps":
+		case "pdf":
+		case "figma":
+		case "typeform":
+		case "codepen":
+		case "excalidraw":
+		case "image":
+		case "gist":
+		case "video": return /* @__PURE__ */ N.createElement(T, {
+			blockId: W,
+			block: y
+		});
+		case "drive":
+			var _e;
+			if (!((_e = y.format) != null && _e.drive_properties)) {
+				var ve;
+				if ((ve = y.format) != null && ve.display_source) return /* @__PURE__ */ N.createElement(T, {
+					blockId: W,
+					block: y
+				});
+			}
+			return /* @__PURE__ */ N.createElement(oe, {
+				block: y,
+				className: W
+			});
+		case "audio": return /* @__PURE__ */ N.createElement(ie, {
+			block: y,
+			className: W
+		});
+		case "file": return /* @__PURE__ */ N.createElement(ae, {
+			block: y,
+			className: W
+		});
+		case "equation": return /* @__PURE__ */ N.createElement(n.Equation, {
+			block: y,
+			inline: !1,
+			className: W
+		});
+		case "code": return /* @__PURE__ */ N.createElement(n.Code, { block: y });
+		case "column_list": return /* @__PURE__ */ N.createElement("div", { className: `notion-row ${W}` }, x);
+		case "column": {
+			var ye, be, xe;
+			let e = ((ye = y.format) == null ? void 0 : ye.column_ratio) || .5, t = (be = i.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__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement("div", {
+				className: `notion-column ${W}`,
+				style: n
+			}, x), /* @__PURE__ */ N.createElement("div", { className: "notion-spacer" }));
+		}
+		case "quote": {
+			var Se;
+			if (!y.properties) return null;
+			let e = (Se = y.format) == null ? void 0 : Se.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);
+		}
+		case "collection_view": return /* @__PURE__ */ N.createElement(n.Collection, {
+			block: y,
+			className: W,
+			ctx: t
+		});
+		case "callout":
+			var Ce, we, Te;
+			return n.Callout ? /* @__PURE__ */ N.createElement(n.Callout, {
+				block: y,
+				className: W
+			}) : /* @__PURE__ */ N.createElement("div", { className: `notion-callout ${((Ce = y.format) == null ? void 0 : Ce.block_color) && `notion-${(we = y.format) == null ? void 0 : we.block_color}_co`} ${W}` }, /* @__PURE__ */ N.createElement(A, { block: y }), /* @__PURE__ */ N.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ N.createElement(m, {
+				value: (Te = y.properties) == null ? void 0 : Te.title,
+				block: y
+			}), x));
+		case "bookmark": {
+			var Ee, 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 = L(y.properties.title);
+			if (t || (t = L(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, {
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: `notion-bookmark ${(De = y.format) != null && De.block_color ? `notion-${y.format.block_color}` : ""} ${W}`,
+				href: e[0][0]
+			}, /* @__PURE__ */ N.createElement("div", null, t && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ N.createElement(m, {
+				value: [[t]],
+				block: y
+			})), ((Oe = y.properties) == null ? void 0 : Oe.description) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ N.createElement(m, {
+				value: (ke = y.properties) == null ? void 0 : ke.description,
+				block: y
+			})), /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-link" }, ((Ae = y.format) == null ? void 0 : Ae.bookmark_icon) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ N.createElement(k, {
+				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, {
+				value: e,
+				block: y
+			})))), ((Me = y.format) == null ? void 0 : Me.bookmark_cover) && /* @__PURE__ */ N.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ N.createElement(k, {
+				src: s((Ne = y.format) == null ? void 0 : Ne.bookmark_cover, y).replace(/(\/\/i\.ytimg\.com\/.*?)maxresdefault/, "$1hqdefault"),
+				alt: L((Pe = y.properties) == null ? void 0 : Pe.title),
+				style: { objectFit: "cover" },
+				onError: (e) => {
+					let t = e.currentTarget.closest(".notion-bookmark-image");
+					t && (t.style.display = "none");
+				}
+			}))));
+		}
+		case "toggle":
+			var Fe;
+			return /* @__PURE__ */ N.createElement("details", { className: `notion-toggle ${W}` }, /* @__PURE__ */ N.createElement("summary", null, /* @__PURE__ */ N.createElement(m, {
+				value: (Fe = y.properties) == null ? void 0 : Fe.title,
+				block: y
+			})), /* @__PURE__ */ N.createElement("div", null, x));
+		case "table_of_contents": {
+			var Ie;
+			let e = F(y, i);
+			if (!e) return null;
+			let t = I(e, i), n = (Ie = y.format) == null ? void 0 : Ie.block_color;
+			return /* @__PURE__ */ N.createElement("div", { className: `notion-table-of-contents ${n && `notion-${n}`} ${W}` }, t.map((e) => /* @__PURE__ */ N.createElement("a", {
+				key: e.id,
+				href: `#${R(e.id)}`,
+				className: "notion-table-of-contents-item"
+			}, /* @__PURE__ */ N.createElement("span", {
+				className: "notion-table-of-contents-item-body",
+				style: {
+					display: "inline-block",
+					marginLeft: e.indentLevel * 24
+				}
+			}, e.text))));
+		}
+		case "to_do": {
+			var Z, Le;
+			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,
+				isChecked: e
+			}), /* @__PURE__ */ N.createElement("div", { className: `notion-to-do-body ${e && "notion-to-do-checked"}` }, /* @__PURE__ */ N.createElement(m, {
+				value: (Le = y.properties) == null ? void 0 : Le.title,
+				block: y
+			}))), /* @__PURE__ */ N.createElement("div", { className: "notion-to-do-children" }, x));
+		}
+		case "transclusion_container": return /* @__PURE__ */ N.createElement("div", { className: `notion-sync-block ${W}` }, x);
+		case "transclusion_reference": return /* @__PURE__ */ N.createElement(le, _({
+			block: y,
+			level: S + 1
+		}, e));
+		case "alias": {
+			var Q, $;
+			let e = y == null || (Q = y.format) == null || (Q = Q.alias_pointer) == null ? void 0 : Q.id, t = ($ = i.block[e]) == null ? void 0 : $.value;
+			return t ? /* @__PURE__ */ N.createElement(n.PageLink, {
+				className: `notion-page-link ${e}}`,
+				href: a(e)
+			}, /* @__PURE__ */ N.createElement(b, { 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_row": {
+			var Re, ze, Be, Ve;
+			let e = (Re = i.block[y.parent_id]) == null ? void 0 : Re.value, t = (ze = e.format) == null ? void 0 : ze.table_block_column_order, n = (Be = e.format) == null ? void 0 : Be.table_block_column_format, r = (Ve = y.format) == null ? void 0 : Ve.block_color;
+			return !e || !t ? null : /* @__PURE__ */ N.createElement("tr", { className: `notion-simple-table-row ${r && `notion-${r}`} ${W}` }, t.map((e) => {
+				var t, r, i;
+				let a = n == null || (t = n[e]) == null ? void 0 : t.color;
+				return /* @__PURE__ */ N.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, {
+					value: ((i = y.properties) == null ? void 0 : i[e]) || [["ㅤ"]],
+					block: y
+				})));
+			}));
+		}
+		case "external_object_instance": return /* @__PURE__ */ N.createElement(D, {
+			block: y,
+			className: W
+		});
+		default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */ N.createElement("div", null);
+	}
+}, G = [
+	"components",
+	"recordMap",
+	"mapPageUrl",
+	"mapImageUrl",
+	"searchNotion",
+	"isShowingSearch",
+	"onHideSearch",
+	"fullPage",
+	"rootPageId",
+	"rootDomain",
+	"rootSpaceId",
+	"darkMode",
+	"previewImages",
+	"forceCustomImages",
+	"showCollectionViewDropdown",
+	"linkTableTitleProperties",
+	"isLinkCollectionToUrlProperty",
+	"isImageZoomable",
+	"showTableOfContents",
+	"minTableOfContentsItems",
+	"defaultPageIcon",
+	"defaultPageCover",
+	"defaultPageCoverPosition",
+	"editable",
+	"onChangeBlock"
+], K = ["level", "blockId"], q = (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, G), k = N.useMemo(() => typeof window < "u" && P({
+		background: "rgba(0, 0, 0, 0.8)",
+		minZoomScale: 2,
+		margin: Y()
+	}), []);
+	return /* @__PURE__ */ N.createElement(u, {
+		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,
+		showTableOfContents: x,
+		minTableOfContentsItems: S,
+		defaultPageIcon: C,
+		defaultPageCover: w,
+		defaultPageCoverPosition: T,
+		editable: E,
+		onChangeBlock: D,
+		zoom: b ? k : null
+	}, /* @__PURE__ */ N.createElement(J, O));
+}, J = (e) => {
+	var t, n;
+	let { level: r = 0, blockId: i } = e, a = v(e, K), { 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(W, _({
+		key: s,
+		level: r,
+		block: c
+	}, a), c == null || (n = c.content) == null ? void 0 : n.map((e) => /* @__PURE__ */ N.createElement(J, _({
+		key: e,
+		blockId: e,
+		level: r + 1
+	}, a)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", i), null);
 };
-function Nt() {
-  const n = window.innerWidth;
-  return n < 500 ? 8 : n < 800 ? 20 : n < 1280 ? 30 : n < 1600 ? 40 : n < 1920 ? 48 : 72;
+function Y() {
+	let e = window.innerWidth;
+	return e < 500 ? 8 : e < 800 ? 20 : e < 1280 ? 30 : e < 1600 ? 40 : e < 1920 ? 48 : 72;
 }
-export {
-  Bt as Asset,
-  Ye as AssetWrapper,
-  mt as Audio,
-  kt as Block,
-  Mt as Breadcrumbs,
-  Ht as Checkbox,
-  Jt as CollectionColumnTitle,
-  lt as EOI,
-  ut as File,
-  pt as GoogleDrive,
-  rt as GracefulImage,
-  At as Header,
-  Ft as LiteYouTubeEmbed,
-  ye as NotionBlockRenderer,
-  Dt as NotionContextConsumer,
-  ct as NotionContextProvider,
-  It as NotionRenderer,
-  vt as PageAside,
-  Ge as PageIcon,
-  Rt as PageIconImpl,
-  qe as PageTitle,
-  zt as PageTitleImpl,
-  Xt as PropertyIcon,
-  Ut as Search,
-  Wt as SearchDialog,
-  bt as SyncPointerBlock,
-  C as Text,
-  Vt as dummyLink,
-  Tt as formatDate,
-  St as formatNotionDateTime,
-  qt as getHashFragmentValue,
-  it as getListNumber,
-  Gt as getYoutubeId,
-  Kt as iconMap,
-  Yt as isBrowser,
-  jt as isUrl,
-  ce as useNotionContext
-};
-//# sourceMappingURL=index.js.map
+//#endregion
+export { x as Asset, T as AssetWrapper, ie as Audio, W 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, J as NotionBlockRenderer, g as NotionContextConsumer, u as NotionContextProvider, q as NotionRenderer, ce as PageAside, A as PageIcon, d as PageIconImpl, b as PageTitle, h as PageTitleImpl, ee as PropertyIcon, E as Search, p as SearchDialog, le 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 };
+
+//# sourceMappingURL=index.js.map