@texonom/nreact 1.5.2 → 1.5.4

package/build/index.js

@@ -23,29 +23,29 @@ import e from "react";
 import lt from "@fisch0920/medium-zoom";
 import { uuidToId as ve, getBlockParentPage as Je, getPageTableOfContents as he, getTextContent as ie, getBlockCollectionId as it, getBlockIcon as ct, isUrl as st } from "@texonom/nutils";
 import { formatDate as Mt, formatNotionDateTime as Ht, isUrl as At } from "@texonom/nutils";
-import { u as ce, T as C, G as mt, E as dt, P as Xe, L as Ne, a as Ke, A as Qe, g as ut, N as pt } from "./asset-wrapper-CaHInqoM.js";
+import { u as ce, T as C, G as mt, E as dt, P as Xe, L as ke, a as Ke, A as Qe, g as ut, N as pt } from "./asset-wrapper-CaHInqoM.js";
 import { l as Dt, B as Rt, C as zt, H as Ut, k as Wt, e as Vt, f as qt, j as Gt, S as Yt, h as Zt, d as Jt, b as Xt, c as Kt, i as Qt } from "./asset-wrapper-CaHInqoM.js";
 import { c as Ee, g as ft } from "./_commonjsHelpers-bAxELxBV.js";
 import { C as tn, P as nn, i as on } from "./collection-column-title-l4hmVo49.js";
 const gt = ({ block: n, className: a }) => {
-  var r, d, v;
-  const { recordMap: o } = ce(), m = o.signed_urls[n.id] || ((v = (d = (r = n.properties) == null ? void 0 : r.source) == null ? void 0 : d[0]) == null ? void 0 : v[0]);
+  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 }));
 }, Et = (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" }));
 }, vt = ({ block: n, className: a }) => {
-  var d, v, N, y, b;
-  const { components: o, recordMap: m } = ce(), r = m.signed_urls[n.id] || ((N = (v = (d = n.properties) == null ? void 0 : d.source) == null ? void 0 : v[0]) == null ? void 0 : N[0]);
+  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(Et, { 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 })))));
 }, bt = ({ 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 d;
+  let u;
   try {
-    d = new URL(r.url).hostname;
-  } catch (N) {
+    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(
     mt,
@@ -54,7 +54,7 @@ const gt = ({ block: n, className: a }) => {
       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 && d && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source" }, r.icon && /* @__PURE__ */ e.createElement(
+  )), /* @__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",
@@ -62,34 +62,34 @@ const gt = ({ block: n, className: a }) => {
         backgroundImage: `url(${r.icon})`
       }
     }
-  ), d && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source-domain" }, d)))));
+  ), u && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source-domain" }, u)))));
 };
-var ke, et;
+var Ne, et;
 function ht() {
-  if (et) return ke;
+  if (et) return Ne;
   et = 1;
-  var n = "Expected a function", a = NaN, o = "[object Symbol]", m = /^\s+|\s+$/g, r = /^[-+]0x[0-9a-f]+$/i, d = /^0b[01]+$/i, v = /^0o[0-7]+$/i, N = 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() {
+  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, p, h) {
-    var k, I, q, c, x, S, H = 0, te = !1, A = !1, G = !0;
+  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);
-    p = R(p) || 0, M(h) && (te = !!h.leading, A = "maxWait" in h, q = A ? L(R(h.maxWait) || 0, p) : q, G = "trailing" in h ? !!h.trailing : G);
+    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 = k, F = I;
-      return k = I = void 0, H = E, c = i.apply(F, P), c;
+      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, p), te ? Y(E) : c;
+      return H = E, x = setTimeout(z, f), te ? Y(E) : c;
     }
     function me(E) {
-      var P = E - S, F = E - H, ae = p - P;
+      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 >= p || P < 0 || A && F >= q;
+      return S === void 0 || P >= f || P < 0 || A && F >= q;
     }
     function z() {
       var E = g();
@@ -98,39 +98,39 @@ function ht() {
       x = setTimeout(z, me(E));
     }
     function oe(E) {
-      return x = void 0, G && k ? Y(E) : (k = I = void 0, c);
+      return x = void 0, G && N ? Y(E) : (N = I = void 0, c);
     }
     function de() {
-      x !== void 0 && clearTimeout(x), H = 0, k = S = I = x = void 0;
+      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 (k = arguments, I = this, S = E, P) {
+      if (N = arguments, I = this, S = E, P) {
         if (x === void 0)
           return se(S);
         if (A)
-          return x = setTimeout(z, p), Y(S);
+          return x = setTimeout(z, f), Y(S);
       }
-      return x === void 0 && (x = setTimeout(z, p)), c;
+      return x === void 0 && (x = setTimeout(z, f)), c;
     }
     return Z.cancel = de, Z.flush = ue, Z;
   }
-  function V(i, p, h) {
-    var k = !0, I = !0;
+  function V(i, f, h) {
+    var N = !0, I = !0;
     if (typeof i != "function")
       throw new TypeError(n);
-    return M(h) && (k = "leading" in h ? !!h.leading : k, I = "trailing" in h ? !!h.trailing : I), B(i, p, {
-      leading: k,
-      maxWait: p,
+    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 p = typeof i;
-    return !!i && (p == "object" || p == "function");
+    var f = typeof i;
+    return !!i && (f == "object" || f == "function");
   }
   function Q(i) {
     return !!i && typeof i == "object";
@@ -144,21 +144,21 @@ function ht() {
     if (ee(i))
       return a;
     if (M(i)) {
-      var p = typeof i.valueOf == "function" ? i.valueOf() : i;
-      i = M(p) ? p + "" : p;
+      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 = d.test(i);
-    return h || v.test(i) ? N(i.slice(2), h ? 2 : 8) : r.test(i) ? a : +i;
+    var h = u.test(i);
+    return h || v.test(i) ? k(i.slice(2), h ? 2 : 8) : r.test(i) ? a : +i;
   }
-  return ke = V, ke;
+  return Ne = V, Ne;
 }
-var Nt = ht();
-const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSection: o, pageAside: m, hasToc: r, hasAside: d, className: v }) => {
+var kt = ht();
+const Nt = /* @__PURE__ */ ft(kt), yt = ({ toc: n, activeSection: a, setActiveSection: o, pageAside: m, hasToc: r, hasAside: u, className: v }) => {
   const y = e.useMemo(
-    () => kt(() => {
+    () => Nt(() => {
       const b = document.getElementsByClassName("notion-h");
       let _ = null, T = a;
       for (let O = 0; O < b.length; ++O) {
@@ -185,7 +185,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       return window.addEventListener("scroll", y), y(), () => {
         window.removeEventListener("scroll", y);
       };
-  }, [r, y]), d ? /* @__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) => {
+  }, [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",
@@ -210,10 +210,10 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     );
   }))), m) : null;
 }, _t = ({ block: n, level: a }) => {
-  var r, d;
+  var r, u;
   if (!n)
     return process.env.NODE_ENV !== "production" && console.warn("missing sync pointer block", n.id), null;
-  const o = n, m = (d = (r = o == null ? void 0 : o.format) == null ? void 0 : r.transclusion_reference_pointer) == null ? void 0 : d.id;
+  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;
 }, $t = (n) => {
   const m = n, { className: a } = m, o = le(m, ["className"]);
@@ -230,9 +230,9 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     components: o,
     fullPage: m,
     recordMap: r,
-    mapPageUrl: d,
+    mapPageUrl: u,
     mapImageUrl: v,
-    showTableOfContents: N,
+    showTableOfContents: k,
     minTableOfContentsItems: y,
     defaultPageIcon: b,
     defaultPageCover: _,
@@ -247,9 +247,9 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     footer: ee,
     pageHeader: R,
     pageFooter: i,
-    pageTitle: p,
+    pageTitle: f,
     pageAside: h,
-    pageCover: k,
+    pageCover: N,
     hideBlockId: I,
     disableHeader: q
   } = n;
@@ -267,21 +267,21 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
         const {
           page_icon: l = b,
           page_cover: s = _,
-          page_cover_position: u = T,
-          page_full_width: f,
+          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[it(t, r)]) == null ? void 0 : x.value) == null ? void 0 : S.name
-          }, D = `center ${(1 - (u || 0.5)) * 100}%`;
+          }, D = `center ${(1 - (p || 0.5)) * 100}%`;
           let j = nt[D];
           j || (j = nt[D] = {
             objectPosition: D
           });
-          const X = (H = ct(t, r)) != null ? H : b, U = X && st(X), re = he(t, r), pe = N && re.length >= y, K = (pe || h) && !f, fe = k || 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 && (k || /* @__PURE__ */ e.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ e.createElement(
-            Ne,
+          const X = (H = ct(t, r)) != null ? H : b, U = X && st(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),
@@ -297,13 +297,13 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
                       ${l ? "notion-page-has-icon" : "notion-page-no-icon"}
                       ${U ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
                       notion-full-page
-                      ${f && "notion-full-width"}
+                      ${d && "notion-full-width"}
                       ${w && "notion-small-text"}
                       ${M}`
             },
             l && /* @__PURE__ */ e.createElement(Ke, { block: t, defaultIcon: b, inline: !1 }),
             R,
-            /* @__PURE__ */ e.createElement("h1", { className: "notion-title" }, p != null ? p : /* @__PURE__ */ e.createElement(C, { value: $ == null ? void 0 : $.title, block: t })),
+            /* @__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",
@@ -333,7 +333,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
             {
               className: `notion
                 notion-page
-                ${f && "notion-full-width"}
+                ${d && "notion-full-width"}
                 ${w && "notion-small-text"}
                 ${c}
                 ${V || ""}
@@ -351,7 +351,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
           o.PageLink,
           {
             className: `notion-page-link ${l && `notion-${l}`} ${c}`,
-            href: d(t.id)
+            href: u(t.id)
           },
           /* @__PURE__ */ e.createElement(Xe, { block: t })
         );
@@ -362,22 +362,22 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     // 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), u = ie(t.properties.title) || `Notion Header ${s}`;
-      let f = tt[t.id], w;
-      if (f === void 0) {
+      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 = tt[t.id], w;
+      if (d === void 0) {
         const re = Je(t, r);
         if (re) {
           const K = he(re, r).find((fe) => fe.id === t.id);
-          K && (f = K.indentLevel, tt[t.id] = f);
+          K && (d = K.indentLevel, tt[t.id] = d);
         }
       }
-      f !== void 0 && (w = `notion-h-indent-${f}`);
+      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: u }, /* @__PURE__ */ e.createElement($t, null)), /* @__PURE__ */ e.createElement("span", { className: "notion-h-title" }, /* @__PURE__ */ e.createElement(C, { value: t.properties.title, block: t })));
+        ${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($t, 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;
     }
@@ -394,8 +394,8 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       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 u = t.type !== ((oe = (z = r.block[t.parent_id]) == null ? void 0 : z.value) == null ? void 0 : oe.type), f = ut(t.id, r.block);
-      return u ? l(s, f) : s;
+      const p = t.type !== ((oe = (z = r.block[t.parent_id]) == null ? void 0 : z.value) == null ? void 0 : oe.type), d = ut(t.id, r.block);
+      return p ? l(s, d) : s;
     }
     case "embed":
       return /* @__PURE__ */ e.createElement(o.Embed, { blockId: c, block: t });
@@ -432,7 +432,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     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, u = (E = r.block[t.parent_id]) == null ? void 0 : E.value, $ = { width: `calc((100% - (${(((P = u == null ? void 0 : u.content) == null ? void 0 : P.length) || Math.max(2, Math.ceil(1 / s))) - 1} * ${l})) * ${s})` };
+      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": {
@@ -459,7 +459,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       if (s || (s = ie(l)), s && s.startsWith("http"))
         try {
           s = new URL(s).hostname;
-        } catch (u) {
+        } catch (p) {
         }
       return /* @__PURE__ */ e.createElement(
         o.Link,
@@ -470,27 +470,27 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
           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 })), ((we = t.properties) == null ? void 0 : we.description) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ e.createElement(C, { value: (Ie = t.properties) == null ? void 0 : Ie.description, block: t })), /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link" }, ((Le = t.format) == null ? void 0 : Le.bookmark_icon) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ e.createElement(
-          Ne,
+          ke,
           {
             src: v((Pe = t.format) == null ? void 0 : Pe.bookmark_icon, t),
             alt: s,
-            onError: (u) => {
-              const f = u.currentTarget;
-              f.style.display = "none";
+            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 })))),
         ((Te = t.format) == null ? void 0 : Te.bookmark_cover) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ e.createElement(
-          Ne,
+          ke,
           {
             src: v((Se = t.format) == null ? void 0 : Se.bookmark_cover, t),
             alt: ie((je = t.properties) == null ? void 0 : je.title),
             style: {
               objectFit: "cover"
             },
-            onError: (u) => {
-              const f = u.currentTarget;
-              f.style.display = "none";
+            onError: (p) => {
+              const d = p.currentTarget.closest(".notion-bookmark-image");
+              d && (d.style.display = "none");
             }
           }
         ))
@@ -501,17 +501,17 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     case "table_of_contents": {
       const l = Je(t, r);
       if (!l) return null;
-      const s = he(l, r), u = (Be = t.format) == null ? void 0 : Be.block_color;
-      return /* @__PURE__ */ e.createElement("div", { className: `notion-table-of-contents ${u && `notion-${u}`} ${c}` }, s.map((f) => /* @__PURE__ */ e.createElement("a", { key: f.id, href: `#${ve(f.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ e.createElement(
+      const s = he(l, r), p = (Be = t.format) == null ? void 0 : Be.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: f.indentLevel * 24
+            marginLeft: d.indentLevel * 24
           }
         },
-        f.text
+        d.text
       ))));
     }
     case "to_do": {
@@ -524,22 +524,22 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       return /* @__PURE__ */ e.createElement(_t, W({ block: t, level: B + 1 }, n));
     case "alias": {
       const l = (Re = (De = t == null ? void 0 : t.format) == null ? void 0 : De.alias_pointer) == null ? void 0 : Re.id, s = (ze = r.block[l]) == null ? void 0 : ze.value;
-      return s ? /* @__PURE__ */ e.createElement(o.PageLink, { className: `notion-page-link ${l}}`, href: d(l) }, /* @__PURE__ */ e.createElement(Xe, { block: s })) : (console.debug('"alias" missing block', l), null);
+      return s ? /* @__PURE__ */ e.createElement(o.PageLink, { className: `notion-page-link ${l}}`, href: u(l) }, /* @__PURE__ */ e.createElement(Xe, { 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 = (Ue = r.block[t.parent_id]) == null ? void 0 : Ue.value, s = (We = l.format) == null ? void 0 : We.table_block_column_order, u = (Ve = l.format) == null ? void 0 : Ve.table_block_column_format, f = (qe = t.format) == null ? void 0 : qe.block_color;
-      return !l || !s ? null : /* @__PURE__ */ e.createElement("tr", { className: `notion-simple-table-row ${f && `notion-${f}`} ${c}` }, s.map((w) => {
+      const l = (Ue = r.block[t.parent_id]) == null ? void 0 : Ue.value, s = (We = l.format) == null ? void 0 : We.table_block_column_order, p = (Ve = l.format) == null ? void 0 : Ve.table_block_column_format, d = (qe = t.format) == null ? void 0 : qe.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 = u == null ? void 0 : u[w]) == null ? void 0 : J.color;
+        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 = u == null ? void 0 : u[w]) == null ? void 0 : D.width) || 120
+              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 }))
@@ -552,15 +552,15 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + t.type, JSON.stringify(t, null, 2)), /* @__PURE__ */ e.createElement("div", null);
   }
 }, jt = (h) => {
-  var k = h, {
+  var N = h, {
     components: n,
     recordMap: a,
     mapPageUrl: o,
     mapImageUrl: m,
     searchNotion: r,
-    isShowingSearch: d,
+    isShowingSearch: u,
     onHideSearch: v,
-    fullPage: N,
+    fullPage: k,
     rootPageId: y,
     rootDomain: b,
     rootSpaceId: _,
@@ -576,7 +576,7 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
     defaultPageIcon: ee,
     defaultPageCover: R,
     defaultPageCoverPosition: i
-  } = k, p = le(k, [
+  } = N, f = le(N, [
     "components",
     "recordMap",
     "mapPageUrl",
@@ -617,9 +617,9 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       mapPageUrl: o,
       mapImageUrl: m,
       searchNotion: r,
-      isShowingSearch: d,
+      isShowingSearch: u,
       onHideSearch: v,
-      fullPage: N,
+      fullPage: k,
       rootPageId: y,
       rootDomain: b,
       rootSpaceId: _,
@@ -636,13 +636,13 @@ const kt = /* @__PURE__ */ ft(Nt), yt = ({ toc: n, activeSection: a, setActiveSe
       defaultPageCoverPosition: i,
       zoom: V ? I : null
     },
-    /* @__PURE__ */ e.createElement(ye, W({}, p))
+    /* @__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: d } = ce(), v = a || Object.keys(d.block)[0], N = (y = d.block[v]) == null ? void 0 : y.value;
-  return N ? /* @__PURE__ */ e.createElement(Ct, W({ key: v, level: n, block: N }, o), (b = N == null ? void 0 : N.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);
+  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(Ct, 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);
 };
 function xt() {
   const n = window.innerWidth;