@texonom/nreact 1.4.7 → 1.5.0

package/build/index.js

@@ -1,506 +1,1230 @@
-import {
-  CollectionColumnTitle,
-  PropertyIcon,
-  iconMap
-} from "./chunk-P7HX4BAT.js";
-import {
-  Asset,
-  AssetWrapper,
-  Breadcrumbs,
-  Checkbox,
-  EOI,
-  GracefulImage,
-  Header,
-  LazyImage,
-  LiteYouTubeEmbed,
-  NotionContextConsumer,
-  NotionContextProvider,
-  PageIcon,
-  PageIconImpl,
-  PageTitle,
-  PageTitleImpl,
-  Search,
-  SearchDialog,
-  Text,
-  dummyLink,
-  formatDate,
-  formatNotionDateTime,
-  getHashFragmentValue,
-  getListNumber,
-  getYoutubeId,
-  isBrowser,
-  isUrl,
-  useNotionContext
-} from "./chunk-YMM43AZ3.js";
-import {
-  __commonJS,
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  __toESM
-} from "./chunk-C6BUIPAM.js";
-
-// ../../node_modules/.pnpm/lodash.throttle@4.1.1/node_modules/lodash.throttle/index.js
-var require_lodash = __commonJS({
-  "../../node_modules/.pnpm/lodash.throttle@4.1.1/node_modules/lodash.throttle/index.js"(exports, module) {
-    var FUNC_ERROR_TEXT = "Expected a function";
-    var NAN = 0 / 0;
-    var symbolTag = "[object Symbol]";
-    var reTrim = /^\s+|\s+$/g;
-    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-    var reIsBinary = /^0b[01]+$/i;
-    var reIsOctal = /^0o[0-7]+$/i;
-    var freeParseInt = parseInt;
-    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-    var root = freeGlobal || freeSelf || Function("return this")();
-    var objectProto = Object.prototype;
-    var objectToString = objectProto.toString;
-    var nativeMax = Math.max;
-    var nativeMin = Math.min;
-    var now = function() {
-      return root.Date.now();
-    };
-    function debounce(func, wait, options) {
-      var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-      if (typeof func != "function") {
-        throw new TypeError(FUNC_ERROR_TEXT);
-      }
-      wait = toNumber(wait) || 0;
-      if (isObject(options)) {
-        leading = !!options.leading;
-        maxing = "maxWait" in options;
-        maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-        trailing = "trailing" in options ? !!options.trailing : trailing;
-      }
-      function invokeFunc(time) {
-        var args = lastArgs, thisArg = lastThis;
-        lastArgs = lastThis = void 0;
-        lastInvokeTime = time;
-        result = func.apply(thisArg, args);
-        return result;
-      }
-      function leadingEdge(time) {
-        lastInvokeTime = time;
-        timerId = setTimeout(timerExpired, wait);
-        return leading ? invokeFunc(time) : result;
-      }
-      function remainingWait(time) {
-        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
-        return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
-      }
-      function shouldInvoke(time) {
-        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-        return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+var Ct = Object.defineProperty, _t = Object.defineProperties;
+var wt = Object.getOwnPropertyDescriptors;
+var Ne = Object.getOwnPropertySymbols;
+var lt = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
+var rt = (t, o, a) => o in t ? Ct(t, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[o] = a, h = (t, o) => {
+  for (var a in o || (o = {}))
+    lt.call(o, a) && rt(t, a, o[a]);
+  if (Ne)
+    for (var a of Ne(o))
+      it.call(o, a) && rt(t, a, o[a]);
+  return t;
+}, U = (t, o) => _t(t, wt(o));
+var T = (t, o) => {
+  var a = {};
+  for (var l in t)
+    lt.call(t, l) && o.indexOf(l) < 0 && (a[l] = t[l]);
+  if (t != null && Ne)
+    for (var l of Ne(t))
+      o.indexOf(l) < 0 && it.call(t, l) && (a[l] = t[l]);
+  return a;
+};
+var we = (t, o, a) => new Promise((l, i) => {
+  var s = (c) => {
+    try {
+      u(a.next(c));
+    } catch (d) {
+      i(d);
+    }
+  }, r = (c) => {
+    try {
+      u(a.throw(c));
+    } catch (d) {
+      i(d);
+    }
+  }, u = (c) => c.done ? l(c.value) : Promise.resolve(c.value).then(s, r);
+  u((a = a.apply(t, o)).next());
+});
+import e from "react";
+import xt from "@fisch0920/medium-zoom";
+import { normalizeUrl as $t, getBlockIcon as ft, getBlockTitle as ze, isUrl as gt, formatNotionDateTime as Lt, formatDate as xe, parsePageId as _e, getBlockParentPage as Ie, getPageBreadcrumbs as It, defaultMapImageUrl as ht, defaultMapPageUrl as Et, getTextContent as le, uuidToId as Ce, getPageTableOfContents as $e, getBlockCollectionId as St } from "@texonom/nutils";
+import { formatDate as oa, formatNotionDateTime as ra, isUrl as la } from "@texonom/nutils";
+import { useHotkeys as ct } from "react-hotkeys-hook";
+import { Img as Mt } from "react-image";
+import zt from "react-fast-compare";
+function Pt(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M5.5 12L14 3.5 12.5 2l-7 7-4-4.003L0 6.499z" }));
+}
+const Tt = ({ isChecked: t }) => {
+  let o = null;
+  return t ? o = /* @__PURE__ */ e.createElement("div", { className: "notion-property-checkbox-checked" }, /* @__PURE__ */ e.createElement(Pt, null)) : o = /* @__PURE__ */ e.createElement("div", { className: "notion-property-checkbox-unchecked" }), /* @__PURE__ */ e.createElement("span", { className: "notion-property notion-property-checkbox" }, o);
+}, vt = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", h({ className: `notion-icon ${o || ""}`, viewBox: "0 0 17 17" }, a), /* @__PURE__ */ e.createElement("path", { d: "M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z" }));
+}, Bt = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", U(h({ className: o }, a), { viewBox: "0 0 30 30", width: "16" }), /* @__PURE__ */ e.createElement("path", { d: "M16,1H4v28h22V11L16,1z M16,3.828L23.172,11H16V3.828z M24,27H6V3h8v10h10V27z M8,17h14v-2H8V17z M8,21h14v-2H8V21z M8,25h14v-2H8V25z" }));
+}, Ht = (t) => {
+  const o = [];
+  let a, l = -1;
+  return Object.keys(t).forEach((i) => {
+    var r, u;
+    const s = (r = t[i]) == null ? void 0 : r.value;
+    s && ((u = s.content) == null || u.forEach((c) => {
+      var g, m;
+      const d = (m = (g = t[c]) == null ? void 0 : g.value) == null ? void 0 : m.type;
+      d && d !== a && (l++, a = d, o[l] = []), l > -1 && o[l].push(c);
+    })), a = void 0;
+  }), o;
+}, Ot = (t, o) => {
+  const l = Ht(o).find((i) => i.includes(t));
+  if (l)
+    return l.indexOf(t) + 1;
+}, Vt = (t) => t.includes("#") ? t.replace(/^.+(#.+)$/, "$1") : "", Rt = typeof window != "undefined", jt = /* @__PURE__ */ new Set([
+  "youtu.be",
+  "youtube.com",
+  "www.youtube.com",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]), Dt = (t) => {
+  try {
+    const { hostname: o } = new URL(t);
+    if (!jt.has(o)) return null;
+    const a = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/i, l = t.match(a);
+    if (l && l[2].length == 11) return l[2];
+  } catch (o) {
+  }
+  return null;
+}, ie = (c) => {
+  var d = c, { src: t, alt: o, className: a, style: l, zoomable: i = !1, priority: s = !1, height: r } = d, u = T(d, ["src", "alt", "className", "style", "zoomable", "priority", "height"]);
+  var w, y, f;
+  const { recordMap: g, zoom: m, previewImages: E, forceCustomImages: N, components: n } = V(), p = e.useRef(m ? m.clone() : null), x = E ? (f = (w = g == null ? void 0 : g.preview_images) == null ? void 0 : w[t]) != null ? f : (y = g == null ? void 0 : g.preview_images) == null ? void 0 : y[$t(t)] : null, M = e.useCallback(
+    (v) => {
+      i && (v.target.src || v.target.srcset) && p.current && p.current.attach(v.target);
+    },
+    [p, i]
+  ), $ = e.useCallback(
+    (v) => {
+      p.current && v && p.current.attach(v);
+    },
+    [p]
+  ), H = e.useMemo(() => i ? $ : void 0, [i, $]);
+  return x && n.Image ? /* @__PURE__ */ e.createElement(
+    n.Image,
+    {
+      src: t,
+      alt: o,
+      style: l,
+      className: a,
+      width: x.originalWidth,
+      height: x.originalHeight,
+      blurDataURL: x.dataURIBase64,
+      placeholder: "blur",
+      priority: s,
+      onLoad: M
+    }
+  ) : n.Image && N ? /* @__PURE__ */ e.createElement(
+    n.Image,
+    {
+      src: t,
+      alt: o,
+      className: a,
+      style: l,
+      width: null,
+      height: r || null,
+      priority: s,
+      onLoad: M
+    }
+  ) : /* @__PURE__ */ e.createElement(
+    "img",
+    h({
+      className: a,
+      style: l,
+      src: t,
+      alt: o,
+      ref: H,
+      loading: "lazy",
+      decoding: "async"
+    }, u)
+  );
+}, Ft = (t) => t.type === "page" || t.type === "callout" || t.type === "collection_view" || t.type === "collection_view_page", Ut = ({ block: t, className: o, inline: a = !0, hideDefaultIcon: l = !1, defaultIcon: i }) => {
+  var g;
+  const { mapImageUrl: s, recordMap: r, darkMode: u } = V();
+  let c = !1, d = null;
+  if (Ft(t)) {
+    const m = ((g = ft(t, r)) == null ? void 0 : g.trim()) || i, E = ze(t, r);
+    if (m && gt(m)) {
+      const N = s(m, t);
+      c = !0, d = /* @__PURE__ */ e.createElement(ie, { src: N, alt: E || "page icon", className: `${o || ""} notion-page-icon` });
+    } else if (m && m.startsWith("/icons/")) {
+      const N = "https://www.notion.so" + m + "?mode=" + (u ? "dark" : "light");
+      d = /* @__PURE__ */ e.createElement(ie, { src: N, alt: E || "page icon", className: `${o || ""} notion-page-icon` });
+    } else m ? (c = !1, d = /* @__PURE__ */ e.createElement("span", { className: `${o || ""} notion-page-icon`, role: "img", "aria-label": m }, m)) : l || (c = !0, d = /* @__PURE__ */ e.createElement(Bt, { className: `${o || ""} notion-page-icon`, alt: E || "page icon" }));
+  }
+  return d ? /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: `
+        ${a ? "notion-page-icon-inline" : "notion-page-icon-hero"}
+        ${c ? "notion-page-icon-image" : "notion-page-icon-span"}
+      `
+    },
+    d
+  ) : null;
+}, pe = e.memo(Ut), At = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", U(h({ className: `notion-icon ${o || ""}` }, a), { viewBox: "0 0 30 30" }), /* @__PURE__ */ e.createElement("path", { d: "M15,0C6.716,0,0,6.716,0,15s6.716,15,15,15s15-6.716,15-15S23.284,0,15,0z M22,20.6L20.6,22L15,16.4L9.4,22L8,20.6l5.6-5.6 L8,9.4L9.4,8l5.6,5.6L20.6,8L22,9.4L16.4,15L22,20.6z" }));
+}, qt = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", U(h({ className: `notion-icon ${o || ""}` }, a), { viewBox: "0 0 24 24" }), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("linearGradient", { x1: "28.1542969%", y1: "63.7402344%", x2: "74.6289062%", y2: "17.7832031%", id: "linearGradient-1" }, /* @__PURE__ */ e.createElement("stop", { stopColor: "rgba(164, 164, 164, 1)", offset: "0%" }), /* @__PURE__ */ e.createElement("stop", { stopColor: "rgba(164, 164, 164, 0)", stopOpacity: "0", offset: "100%" }))), /* @__PURE__ */ e.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none" }, /* @__PURE__ */ e.createElement("g", { transform: "translate(-236.000000, -286.000000)" }, /* @__PURE__ */ e.createElement("g", { transform: "translate(238.000000, 286.000000)" }, /* @__PURE__ */ e.createElement("circle", { id: "Oval-2", stroke: "url(#linearGradient-1)", strokeWidth: "4", cx: "10", cy: "12", r: "10" }), /* @__PURE__ */ e.createElement("path", { d: "M10,2 C4.4771525,2 0,6.4771525 0,12", id: "Oval-2", stroke: "rgba(164, 164, 164, 1)", strokeWidth: "4" }), /* @__PURE__ */ e.createElement("rect", { id: "Rectangle-1", fill: "rgba(164, 164, 164, 1)", x: "8", y: "0", width: "4", height: "4", rx: "8" })))));
+};
+function Wt(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 260 260" }, t), /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(
+    "path",
+    {
+      d: "M128.00106,0 C57.3172926,0 0,57.3066942 0,128.00106 C0,184.555281 36.6761997,232.535542 87.534937,249.460899 C93.9320223,250.645779 96.280588,246.684165 96.280588,243.303333 C96.280588,240.251045 96.1618878,230.167899 96.106777,219.472176 C60.4967585,227.215235 52.9826207,204.369712 52.9826207,204.369712 C47.1599584,189.574598 38.770408,185.640538 38.770408,185.640538 C27.1568785,177.696113 39.6458206,177.859325 39.6458206,177.859325 C52.4993419,178.762293 59.267365,191.04987 59.267365,191.04987 C70.6837675,210.618423 89.2115753,204.961093 96.5158685,201.690482 C97.6647155,193.417512 100.981959,187.77078 104.642583,184.574357 C76.211799,181.33766 46.324819,170.362144 46.324819,121.315702 C46.324819,107.340889 51.3250588,95.9223682 59.5132437,86.9583937 C58.1842268,83.7344152 53.8029229,70.715562 60.7532354,53.0843636 C60.7532354,53.0843636 71.5019501,49.6441813 95.9626412,66.2049595 C106.172967,63.368876 117.123047,61.9465949 128.00106,61.8978432 C138.879073,61.9465949 149.837632,63.368876 160.067033,66.2049595 C184.49805,49.6441813 195.231926,53.0843636 195.231926,53.0843636 C202.199197,70.715562 197.815773,83.7344152 196.486756,86.9583937 C204.694018,95.9223682 209.660343,107.340889 209.660343,121.315702 C209.660343,170.478725 179.716133,181.303747 151.213281,184.472614 C155.80443,188.444828 159.895342,196.234518 159.895342,208.176593 C159.895342,225.303317 159.746968,239.087361 159.746968,243.303333 C159.746968,246.709601 162.05102,250.70089 168.53925,249.443941 C219.370432,232.499507 256,184.536204 256,128.00106 C256,57.3066942 198.691187,0 128.00106,0 Z M47.9405593,182.340212 C47.6586465,182.976105 46.6581745,183.166873 45.7467277,182.730227 C44.8183235,182.312656 44.2968914,181.445722 44.5978808,180.80771 C44.8734344,180.152739 45.876026,179.97045 46.8023103,180.409216 C47.7328342,180.826786 48.2627451,181.702199 47.9405593,182.340212 Z M54.2367892,187.958254 C53.6263318,188.524199 52.4329723,188.261363 51.6232682,187.366874 C50.7860088,186.474504 50.6291553,185.281144 51.2480912,184.70672 C51.8776254,184.140775 53.0349512,184.405731 53.8743302,185.298101 C54.7115892,186.201069 54.8748019,187.38595 54.2367892,187.958254 Z M58.5562413,195.146347 C57.7719732,195.691096 56.4895886,195.180261 55.6968417,194.042013 C54.9125733,192.903764 54.9125733,191.538713 55.713799,190.991845 C56.5086651,190.444977 57.7719732,190.936735 58.5753181,192.066505 C59.3574669,193.22383 59.3574669,194.58888 58.5562413,195.146347 Z M65.8613592,203.471174 C65.1597571,204.244846 63.6654083,204.03712 62.5716717,202.981538 C61.4524999,201.94927 61.1409122,200.484596 61.8446341,199.710926 C62.5547146,198.935137 64.0575422,199.15346 65.1597571,200.200564 C66.2704506,201.230712 66.6095936,202.705984 65.8613592,203.471174 Z M75.3025151,206.281542 C74.9930474,207.284134 73.553809,207.739857 72.1039724,207.313809 C70.6562556,206.875043 69.7087748,205.700761 70.0012857,204.687571 C70.302275,203.678621 71.7478721,203.20382 73.2083069,203.659543 C74.6539041,204.09619 75.6035048,205.261994 75.3025151,206.281542 Z M86.046947,207.473627 C86.0829806,208.529209 84.8535871,209.404622 83.3316829,209.4237 C81.8013,209.457614 80.563428,208.603398 80.5464708,207.564772 C80.5464708,206.498591 81.7483088,205.631657 83.2786917,205.606221 C84.8005962,205.576546 86.046947,206.424403 86.046947,207.473627 Z M96.6021471,207.069023 C96.7844366,208.099171 95.7267341,209.156872 94.215428,209.438785 C92.7295577,209.710099 91.3539086,209.074206 91.1652603,208.052538 C90.9808515,206.996955 92.0576306,205.939253 93.5413813,205.66582 C95.054807,205.402984 96.4092596,206.021919 96.6021471,207.069023 Z",
+      fill: "#161614"
+    }
+  )));
+}
+const yt = ({ block: t, inline: o, className: a }) => {
+  var E, N, n;
+  const { components: l } = V(), { original_url: i, attributes: s, domain: r } = (t == null ? void 0 : t.format) || {};
+  if (!i || !s) return null;
+  const u = (E = s.find((p) => p.id === "title")) == null ? void 0 : E.values[0];
+  let c = (N = s.find((p) => p.id === "owner")) == null ? void 0 : N.values[0];
+  const d = (n = s.find((p) => p.id === "updated_at")) == null ? void 0 : n.values[0], g = d ? Lt(d) : null;
+  let m;
+  switch (r) {
+    case "github.com":
+      if (m = /* @__PURE__ */ e.createElement(Wt, null), c) {
+        const p = c.split("/");
+        c = p[p.length - 1];
       }
-      function timerExpired() {
-        var time = now();
-        if (shouldInvoke(time)) {
-          return trailingEdge(time);
+      break;
+    default:
+      return process.env.NODE_ENV !== "production" && console.debug(`Unsupported external_object_instance domain "${r}"`, JSON.stringify(t, null, 2)), null;
+  }
+  return /* @__PURE__ */ e.createElement(
+    l.Link,
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: i,
+      className: `notion-external ${o ? "notion-external-mention" : "notion-external-block notion-row"} ${a || ""}`
+    },
+    m && /* @__PURE__ */ e.createElement("div", { className: "notion-external-image" }, m),
+    /* @__PURE__ */ e.createElement("div", { className: "notion-external-description" }, /* @__PURE__ */ e.createElement("div", { className: "notion-external-title" }, u), (c || g) && /* @__PURE__ */ e.createElement("div", { className: "notion-external-subtitle" }, c && /* @__PURE__ */ e.createElement("span", null, c), c && g && /* @__PURE__ */ e.createElement("span", null, " • "), g && /* @__PURE__ */ e.createElement("span", null, "Updated ", g)))
+  );
+}, Se = (t) => Rt ? /* @__PURE__ */ e.createElement(Mt, h({}, t)) : /* @__PURE__ */ e.createElement("img", h({}, t)), P = ({ value: t, block: o, linkProps: a, linkProtocol: l }) => {
+  const { components: i, recordMap: s, mapPageUrl: r, mapImageUrl: u, rootDomain: c } = V();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, t == null ? void 0 : t.map((d, g) => {
+    const [m, E] = d;
+    if (!E)
+      return m === "," ? /* @__PURE__ */ e.createElement("span", { key: g, style: { padding: "0.5em" } }) : /* @__PURE__ */ e.createElement(e.Fragment, { key: g }, m);
+    const N = E.reduce(
+      (n, p) => {
+        var x, M, $, H, w;
+        switch (p[0]) {
+          case "p": {
+            const y = p[1], f = (x = s.block[y]) == null ? void 0 : x.value;
+            return f ? /* @__PURE__ */ e.createElement(i.PageLink, { className: "notion-link", href: r(y) }, /* @__PURE__ */ e.createElement(fe, { block: f })) : (console.debug('"p" missing block', y), null);
+          }
+          case "‣": {
+            const y = p[1][0], f = p[1][1];
+            switch (y) {
+              case "u": {
+                const v = (M = s.notion_user[f]) == null ? void 0 : M.value;
+                if (!v)
+                  return console.debug('"‣" missing user', f), null;
+                const _ = [v.given_name, v.family_name].filter(Boolean).join(" "), L = v.email;
+                return /* @__PURE__ */ e.createElement(i.Link, h({ className: "notion-link", href: `mailto:${L}` }, a), /* @__PURE__ */ e.createElement(
+                  Se,
+                  {
+                    className: "notion-user",
+                    src: u(v.profile_photo, o),
+                    alt: _,
+                    style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
+                  }
+                ), _);
+              }
+              default: {
+                const v = ($ = s.block[f]) == null ? void 0 : $.value;
+                return v ? /* @__PURE__ */ e.createElement(
+                  i.PageLink,
+                  U(h({
+                    className: "notion-link",
+                    href: r(f)
+                  }, a), {
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }),
+                  /* @__PURE__ */ e.createElement(fe, { block: v })
+                ) : (console.debug('"‣" missing block', y, f), null);
+              }
+            }
+          }
+          case "h":
+            return /* @__PURE__ */ e.createElement("span", { className: `notion-${p[1]}` }, n);
+          case "c":
+            return /* @__PURE__ */ e.createElement("code", { className: "notion-inline-code" }, n);
+          case "b":
+            return /* @__PURE__ */ e.createElement("b", null, n);
+          case "i":
+            return /* @__PURE__ */ e.createElement("em", null, n);
+          case "s":
+            return /* @__PURE__ */ e.createElement("s", null, n);
+          case "_":
+            return /* @__PURE__ */ e.createElement("span", { className: "notion-inline-underscore" }, n);
+          case "e":
+            return /* @__PURE__ */ e.createElement(i.Equation, { math: p[1], inline: !0 });
+          case "m":
+            return n;
+          //still need to return the base element
+          case "a": {
+            const y = p[1], f = y.substring(1), v = _e(f, { uuid: !0 });
+            if ((y[0] === "/" || y.includes(c)) && v) {
+              const _ = y.includes(c) ? y : `${r(v)}${Vt(y)}`;
+              return /* @__PURE__ */ e.createElement(i.PageLink, h({ className: "notion-link", href: _ }, a), n);
+            } else
+              return /* @__PURE__ */ e.createElement(
+                i.Link,
+                h({
+                  className: "notion-link",
+                  href: l ? `${l}:${p[1]}` : p[1]
+                }, a),
+                n
+              );
+          }
+          // Date
+          case "d": {
+            const y = p[1], f = y == null ? void 0 : y.type;
+            if (f === "date") {
+              const v = y.start_date;
+              return xe(v);
+            } else if (f === "daterange") {
+              const v = y.start_date, _ = y.end_date;
+              return `${xe(v)} → ${xe(_)}`;
+            } else
+              return n;
+          }
+          // User
+          case "u": {
+            const y = p[1], f = (H = s.notion_user[y]) == null ? void 0 : H.value;
+            if (!f)
+              return console.debug("missing user", y), null;
+            const v = f.name, _ = f.email;
+            return /* @__PURE__ */ e.createElement(i.Link, h({ className: "notion-link", href: `mailto:${_}` }, a), /* @__PURE__ */ e.createElement(
+              Se,
+              {
+                className: "notion-user",
+                src: u(f.profile_photo, o),
+                alt: v,
+                style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
+              }
+            ), v);
+          }
+          case "eoi": {
+            const y = p[1], f = (w = s.block[y]) == null ? void 0 : w.value;
+            return /* @__PURE__ */ e.createElement(yt, { block: f, inline: !0 });
+          }
+          default:
+            return process.env.NODE_ENV !== "production" && console.debug("unsupported text format", p), n;
         }
-        timerId = setTimeout(timerExpired, remainingWait(time));
+      },
+      /* @__PURE__ */ e.createElement(e.Fragment, null, m)
+    );
+    return /* @__PURE__ */ e.createElement(e.Fragment, { key: g }, N);
+  }));
+}, Zt = (i) => {
+  var s = i, { block: t, className: o, defaultIcon: a } = s, l = T(s, ["block", "className", "defaultIcon"]);
+  var u, c;
+  const { recordMap: r } = V();
+  if (!t) return null;
+  if (t.type === "collection_view_page" || t.type === "collection_view") {
+    const d = ze(t, r);
+    if (!d) return null;
+    const g = [[d]];
+    return /* @__PURE__ */ e.createElement("span", h({ className: `notion-page-title ${o || ""}` }, l), /* @__PURE__ */ e.createElement(pe, { block: t, defaultIcon: a, className: "notion-page-title-icon" }), /* @__PURE__ */ e.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ e.createElement(P, { value: g, block: t })));
+  }
+  return (u = t.properties) != null && u.title ? /* @__PURE__ */ e.createElement("span", h({ className: `notion-page-title ${o || ""}` }, l), /* @__PURE__ */ e.createElement(pe, { block: t, defaultIcon: a, className: "notion-page-title-icon" }), /* @__PURE__ */ e.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ e.createElement(P, { value: (c = t.properties) == null ? void 0 : c.title, block: t }))) : null;
+}, fe = e.memo(Zt), Gt = (t, o) => {
+  let a;
+  return (...l) => {
+    a && clearTimeout(a), a = setTimeout(() => t(...l), o);
+  };
+};
+class Qt extends e.Component {
+  constructor(o) {
+    super(o), this.state = {
+      isLoading: !1,
+      query: "",
+      searchResult: null,
+      searchError: null
+    }, this._onAfterOpen = () => {
+      this._inputRef.current && this._inputRef.current.focus();
+    }, this._onChangeQuery = (a) => {
+      const l = a.target.value;
+      if (this.setState({ query: l }), l.trim())
+        this._search();
+      else {
+        this.setState({ isLoading: !1, searchResult: null, searchError: null });
+        return;
       }
-      function trailingEdge(time) {
-        timerId = void 0;
-        if (trailing && lastArgs) {
-          return invokeFunc(time);
+    }, this._onClearQuery = () => {
+      this._onChangeQuery({ target: { value: "" } });
+    }, this._warmupSearch = () => we(this, null, function* () {
+      const { searchNotion: a, rootBlockId: l, rootSpaceId: i } = this.props;
+      yield a({
+        query: "",
+        spaceId: i,
+        filters: {
+          ancestors: [l],
+          isDeletedOnly: !1,
+          excludeTemplates: !0,
+          navigableBlockContentOnly: !0,
+          requireEditPermissions: !1
         }
-        lastArgs = lastThis = void 0;
-        return result;
+      });
+    }), this._searchImpl = () => we(this, null, function* () {
+      const { searchNotion: a, rootBlockId: l, rootSpaceId: i } = this.props, { query: s } = this.state;
+      if (!s.trim()) {
+        this.setState({ isLoading: !1, searchResult: null, searchError: null });
+        return;
       }
-      function cancel() {
-        if (timerId !== void 0) {
-          clearTimeout(timerId);
+      this.setState({ isLoading: !0 });
+      const r = yield a({
+        query: s,
+        spaceId: i,
+        filters: {
+          ancestors: [l],
+          isDeletedOnly: !1,
+          excludeTemplates: !0,
+          navigableBlockContentOnly: !0,
+          requireEditPermissions: !1
         }
-        lastInvokeTime = 0;
-        lastArgs = lastCallTime = lastThis = timerId = void 0;
-      }
-      function flush() {
-        return timerId === void 0 ? result : trailingEdge(now());
+      });
+      console.debug("search", s, r);
+      let u = null, c = null;
+      if (r.error || r.errorId)
+        c = r;
+      else {
+        u = h({}, r);
+        const g = u.results.map((m) => {
+          var n, p;
+          const E = (n = u.recordMap.block[m.id]) == null ? void 0 : n.value;
+          if (!E) return;
+          const N = ze(E, u.recordMap);
+          if (N && (m.title = N, m.block = E, m.recordMap = u.recordMap, m.page = Ie(E, u.recordMap, {
+            inclusive: !0
+          }) || E, !!m.page.id))
+            return (p = m.highlight) != null && p.text && (m.highlight.html = m.highlight.text.replace(/<gzkNfoUU>/gi, "<b>").replace(/<\/gzkNfoUU>/gi, "</b>")), m;
+        }).filter(Boolean).reduce(
+          (m, E) => U(h({}, m), {
+            [E.page.id]: E
+          }),
+          {}
+        );
+        u.results = Object.values(g);
       }
-      function debounced() {
-        var time = now(), isInvoking = shouldInvoke(time);
-        lastArgs = arguments;
-        lastThis = this;
-        lastCallTime = time;
-        if (isInvoking) {
-          if (timerId === void 0) {
-            return leadingEdge(lastCallTime);
-          }
-          if (maxing) {
-            timerId = setTimeout(timerExpired, wait);
-            return invokeFunc(lastCallTime);
+      this.state.query === s && this.setState({ isLoading: !1, searchResult: u, searchError: c });
+    }), this._inputRef = e.createRef();
+  }
+  componentDidMount() {
+    this._search = Gt(this._searchImpl.bind(this), 500), this._warmupSearch();
+  }
+  render() {
+    const { isOpen: o, onClose: a } = this.props, { isLoading: l, query: i, searchResult: s, searchError: r } = this.state, u = !!i.trim();
+    return /* @__PURE__ */ e.createElement(cn, null, (c) => {
+      const { components: d, defaultPageIcon: g, mapPageUrl: m } = c;
+      return /* @__PURE__ */ e.createElement(
+        d.Modal,
+        {
+          isOpen: o,
+          contentLabel: "Search",
+          className: "notion-search",
+          overlayClassName: "notion-search-overlay",
+          onRequestClose: a,
+          onAfterOpen: this._onAfterOpen
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "quickFindMenu" }, /* @__PURE__ */ e.createElement("div", { className: "searchBar" }, /* @__PURE__ */ e.createElement("div", { className: "inlineIcon" }, l ? /* @__PURE__ */ e.createElement(qt, { className: "loadingIcon" }) : /* @__PURE__ */ e.createElement(vt, null)), /* @__PURE__ */ e.createElement(
+          "input",
+          {
+            className: "searchInput",
+            placeholder: "Search",
+            value: i,
+            ref: this._inputRef,
+            onInput: this._onChangeQuery
           }
-        }
-        if (timerId === void 0) {
-          timerId = setTimeout(timerExpired, wait);
-        }
-        return result;
-      }
-      debounced.cancel = cancel;
-      debounced.flush = flush;
-      return debounced;
-    }
-    function throttle2(func, wait, options) {
-      var leading = true, trailing = true;
-      if (typeof func != "function") {
-        throw new TypeError(FUNC_ERROR_TEXT);
-      }
-      if (isObject(options)) {
-        leading = "leading" in options ? !!options.leading : leading;
-        trailing = "trailing" in options ? !!options.trailing : trailing;
-      }
-      return debounce(func, wait, {
-        "leading": leading,
-        "maxWait": wait,
-        "trailing": trailing
-      });
-    }
-    function isObject(value) {
-      var type = typeof value;
-      return !!value && (type == "object" || type == "function");
+        ), i && /* @__PURE__ */ e.createElement("div", { role: "button", className: "clearButton", onClick: this._onClearQuery }, /* @__PURE__ */ e.createElement(At, { className: "clearIcon" }))), u && s && /* @__PURE__ */ e.createElement(e.Fragment, null, s.results.length ? /* @__PURE__ */ e.createElement(kt, U(h({}, c), { recordMap: s.recordMap }), /* @__PURE__ */ e.createElement("div", { className: "resultsPane" }, s.results.map((E) => {
+          var N;
+          return /* @__PURE__ */ e.createElement(
+            d.PageLink,
+            {
+              key: E.id,
+              className: "result notion-page-link",
+              href: m(E.page.id, s.recordMap)
+            },
+            /* @__PURE__ */ e.createElement(fe, { block: E.page, defaultIcon: g }),
+            ((N = E.highlight) == null ? void 0 : N.html) && /* @__PURE__ */ e.createElement(
+              "div",
+              {
+                className: "notion-search-result-highlight",
+                dangerouslySetInnerHTML: {
+                  __html: E.highlight.html
+                }
+              }
+            )
+          );
+        })), /* @__PURE__ */ e.createElement("footer", { className: "resultsFooter" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", { className: "resultsCount" }, s.total), s.total === 1 ? " result" : " results"))) : /* @__PURE__ */ e.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ e.createElement("div", { className: "noResults" }, "No results"), /* @__PURE__ */ e.createElement("div", { className: "noResultsDetail" }, "Try different search terms"))), u && !s && r && /* @__PURE__ */ e.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ e.createElement("div", { className: "noResults" }, "Search error")))
+      );
+    });
+  }
+}
+const Yt = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { className: "notion-header" }, /* @__PURE__ */ e.createElement("div", { className: "notion-nav-header" }, /* @__PURE__ */ e.createElement(Xt, { block: t }), /* @__PURE__ */ e.createElement(Jt, { block: t }))), Xt = ({ block: t, rootOnly: o = !1 }) => {
+  const { recordMap: a, mapPageUrl: l, components: i } = V(), s = e.useMemo(() => {
+    const r = It(a, t.id);
+    return o ? [r[0]].filter(Boolean) : r;
+  }, [a, t.id, o]);
+  return /* @__PURE__ */ e.createElement("div", { className: "breadcrumbs", key: "breadcrumbs" }, s.map((r, u) => {
+    if (!r) return null;
+    const c = {}, d = {
+      pageLink: i.PageLink
+    };
+    return r.active ? d.pageLink = (g) => /* @__PURE__ */ e.createElement("div", h({}, g)) : c.href = l(r.pageId), /* @__PURE__ */ e.createElement(e.Fragment, { key: r.pageId }, /* @__PURE__ */ e.createElement(d.pageLink, h({ className: `breadcrumb ${r.active && "active"}` }, c), r.icon && /* @__PURE__ */ e.createElement(pe, { className: "icon", block: r.block }), r.title && /* @__PURE__ */ e.createElement("span", { className: "title" }, r.title)), u < s.length - 1 && /* @__PURE__ */ e.createElement("span", { className: "spacer" }, "/"));
+  }));
+}, Jt = ({ block: t, search: o, title: a = "Search" }) => {
+  const { searchNotion: l, rootPageId: i, isShowingSearch: s, onHideSearch: r, rootSpaceId: u } = V(), c = o || l, [d, g] = e.useState(s);
+  e.useEffect(() => {
+    g(s);
+  }, [s]);
+  const m = e.useCallback(() => {
+    g(!0);
+  }, []), E = e.useCallback(() => {
+    g(!1), r && r();
+  }, [r]);
+  ct("cmd+p", (n) => {
+    m(), n.preventDefault(), n.stopPropagation();
+  }), ct("cmd+k", (n) => {
+    m(), n.preventDefault(), n.stopPropagation();
+  });
+  const N = !!c;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, N && /* @__PURE__ */ e.createElement("div", { role: "button", className: "breadcrumb button notion-search-button", onClick: m }, /* @__PURE__ */ e.createElement(vt, { className: "searchIcon" }), a && /* @__PURE__ */ e.createElement("span", { className: "title" }, a)), d && N && /* @__PURE__ */ e.createElement(
+    Qt,
+    {
+      isOpen: d,
+      rootBlockId: i || (t == null ? void 0 : t.id),
+      rootSpaceId: u,
+      onClose: E,
+      searchNotion: c
     }
-    function isObjectLike(value) {
-      return !!value && typeof value == "object";
+  ));
+}, Kt = (t) => e.memo(function(g) {
+  var m = g, {
+    src: a,
+    alt: l,
+    width: i,
+    height: s,
+    className: r,
+    style: u,
+    layout: c
+  } = m, d = T(m, [
+    "src",
+    "alt",
+    "width",
+    "height",
+    "className",
+    "style",
+    "layout"
+  ]);
+  return c || (c = i && s ? "intrinsic" : "fill"), /* @__PURE__ */ e.createElement(
+    t,
+    h({
+      className: r,
+      src: a,
+      alt: l,
+      width: c === "intrinsic" && i,
+      height: c === "intrinsic" && s,
+      objectFit: u == null ? void 0 : u.objectFit,
+      objectPosition: u == null ? void 0 : u.objectPosition,
+      layout: c
+    }, d)
+  );
+}, zt), en = (t) => function(N) {
+  var n = N, {
+    href: a,
+    as: l,
+    passHref: i,
+    prefetch: s,
+    replace: r,
+    scroll: u,
+    shallow: c,
+    locale: d,
+    className: g,
+    style: m
+  } = n, E = T(n, [
+    "href",
+    "as",
+    "passHref",
+    "prefetch",
+    "replace",
+    "scroll",
+    "shallow",
+    "locale",
+    "className",
+    "style"
+  ]);
+  return /* @__PURE__ */ e.createElement(
+    t,
+    h({
+      href: a,
+      as: l,
+      prefetch: s,
+      replace: r,
+      scroll: u,
+      shallow: c,
+      locale: d,
+      className: g,
+      style: m
+    }, E)
+  );
+}, tn = (t) => /* @__PURE__ */ e.createElement("a", h({ target: "_blank", rel: "noopener noreferrer" }, t)), nn = e.memo(tn), an = (a) => {
+  var l = a, { href: t } = l, o = T(l, ["href"]);
+  var u, c;
+  const { recordMap: i, rootSpaceId: s } = V();
+  let r = t;
+  if (typeof t == "string" && s) {
+    const d = _e(t);
+    if (d) {
+      const g = (c = (u = i == null ? void 0 : i.block) == null ? void 0 : u[d]) == null ? void 0 : c.value;
+      (!g || g.space_id !== s) && (r = `https://notion.so/${d.replace(/-/g, "")}`);
     }
-    function isSymbol(value) {
-      return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
+  }
+  return /* @__PURE__ */ e.createElement("a", h({ href: r }, o));
+}, on = e.memo(an), rn = (t) => /* @__PURE__ */ e.createElement(Me, h({}, t)), ln = Yt, Kn = (s) => {
+  var r = s, { href: t, rel: o, target: a, title: l } = r, i = T(r, ["href", "rel", "target", "title"]);
+  return /* @__PURE__ */ e.createElement("span", h({}, i));
+}, re = (t) => () => (console.warn(`Warning: using empty component "${t}" (you should override this in NotionRenderer.components)`), null), O = (t, o) => o(), bt = {
+  Image: null,
+  // disable custom images by default
+  Link: nn,
+  PageLink: on,
+  Checkbox: Tt,
+  Callout: void 0,
+  // use the built-in callout rendering by default
+  Code: re("Code"),
+  Equation: re("Equation"),
+  Collection: re("Collection"),
+  Property: void 0,
+  // use the built-in property rendering by default
+  propertyTextValue: O,
+  propertySelectValue: O,
+  propertyRelationValue: O,
+  propertyFormulaValue: O,
+  propertyTitleValue: O,
+  propertyPersonValue: O,
+  propertyFileValue: O,
+  propertyCheckboxValue: O,
+  propertyUrlValue: O,
+  propertyEmailValue: O,
+  propertyPhoneNumberValue: O,
+  propertyNumberValue: O,
+  propertyLastEditedTimeValue: O,
+  propertyCreatedTimeValue: O,
+  propertyDateValue: O,
+  Pdf: re("Pdf"),
+  Tweet: re("Tweet"),
+  Modal: re("Modal"),
+  Header: ln,
+  Embed: rn
+}, Nt = {
+  recordMap: {
+    block: {},
+    collection: {},
+    collection_view: {},
+    collection_query: {},
+    notion_user: {},
+    signed_urls: {}
+  },
+  components: bt,
+  mapPageUrl: Et(),
+  mapImageUrl: ht,
+  searchNotion: null,
+  isShowingSearch: !1,
+  onHideSearch: null,
+  fullPage: !1,
+  darkMode: !1,
+  previewImages: !1,
+  forceCustomImages: !1,
+  showCollectionViewDropdown: !0,
+  linkTableTitleProperties: !0,
+  isLinkCollectionToUrlProperty: !1,
+  showTableOfContents: !1,
+  minTableOfContentsItems: 3,
+  defaultPageIcon: null,
+  defaultPageCover: null,
+  defaultPageCoverPosition: 0.5,
+  zoom: null
+}, Pe = e.createContext(Nt), kt = (u) => {
+  var c = u, {
+    components: t = {},
+    children: o,
+    mapPageUrl: a,
+    mapImageUrl: l,
+    rootPageId: i,
+    rootSpaceId: s
+  } = c, r = T(c, [
+    "components",
+    "children",
+    "mapPageUrl",
+    "mapImageUrl",
+    "rootPageId",
+    "rootSpaceId"
+  ]);
+  for (const m of Object.keys(r)) r[m] === void 0 && delete r[m];
+  const d = e.useMemo(() => {
+    const m = h({}, t);
+    if (m.nextImage && (m.Image = Kt(m.nextImage)), m.nextLink) {
+      const E = en(m.nextLink);
+      m.nextLink = E, m.PageLink || (m.PageLink = E), m.Link || (m.Link = E);
     }
-    function toNumber(value) {
-      if (typeof value == "number") {
-        return value;
-      }
-      if (isSymbol(value)) {
-        return NAN;
+    for (const E of Object.keys(m)) m[E] || delete m[E];
+    return m;
+  }, [t]), g = e.useMemo(
+    () => U(h(h({}, Nt), r), {
+      rootPageId: i,
+      rootSpaceId: s,
+      mapPageUrl: a != null ? a : Et(i),
+      mapImageUrl: l != null ? l : ht,
+      components: h(h({}, bt), d)
+    }),
+    [l, a, d, i, s, r]
+  );
+  return /* @__PURE__ */ e.createElement(Pe.Provider, { value: g }, o);
+}, cn = Pe.Consumer, V = () => e.useContext(Pe), sn = (t) => Object.keys(t).map((o) => `${encodeURIComponent(o)}=${encodeURIComponent(t[o])}`).join("&"), mn = ({
+  id: t,
+  defaultPlay: o = !1,
+  mute: a = !1,
+  lazyImage: l = !1,
+  iframeTitle: i = "YouTube video",
+  alt: s = "Video preview",
+  params: r = {},
+  adLinksPreconnect: u = !0,
+  style: c,
+  className: d
+}) => {
+  const g = a || o ? "1" : "0", m = e.useMemo(() => sn(h({ autoplay: "1", mute: g }, r)), [g, r]), N = `https://i.ytimg.com/vi/${t}/hqdefault.jpg`, n = "https://www.youtube-nocookie.com", p = `${n}/embed/${t}?${m}`, [x, M] = e.useState(!1), [$, H] = e.useState(o), [w, y] = e.useState(!1), f = e.useCallback(() => {
+    x || M(!0);
+  }, [x]), v = e.useCallback(() => {
+    $ || H(!0);
+  }, [$]), _ = e.useCallback(() => {
+    y(!0);
+  }, []);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preload", href: N, as: "image" }), x && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: n }), /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://www.google.com" })), x && u && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://static.doubleclick.net" }), /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://googleads.g.doubleclick.net" })), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      onClick: v,
+      onPointerOver: f,
+      className: `notion-yt-lite
+          ${w && "notion-yt-loaded"}
+          ${$ && "notion-yt-initialized"}
+          ${d || ""}`,
+      style: c
+    },
+    /* @__PURE__ */ e.createElement("img", { src: N, className: "notion-yt-thumbnail", loading: l ? "lazy" : void 0, alt: s }),
+    /* @__PURE__ */ e.createElement("div", { className: "notion-yt-playbtn" }),
+    $ && /* @__PURE__ */ e.createElement(
+      "iframe",
+      {
+        width: "560",
+        height: "315",
+        frameBorder: "0",
+        allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: !0,
+        title: i,
+        src: p,
+        onLoad: _
       }
-      if (isObject(value)) {
-        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-        value = isObject(other) ? other + "" : other;
+    )
+  ));
+}, un = typeof window == "undefined", dn = [
+  "video",
+  "image",
+  "embed",
+  "figma",
+  "typeform",
+  "excalidraw",
+  "maps",
+  "tweet",
+  "pdf",
+  "gist",
+  "codepen",
+  "drive"
+], pn = ({ block: t, zoomable: o = !0, children: a }) => {
+  var g, m, E, N, n, p, x, M, $, H;
+  const { recordMap: l, mapImageUrl: i, components: s } = V();
+  if (!t || !dn.includes(t.type)) return null;
+  const r = {
+    position: "relative",
+    display: "flex",
+    justifyContent: "center",
+    alignSelf: "center",
+    width: "100%",
+    maxWidth: "100%",
+    flexDirection: "column"
+  }, u = {};
+  if (t.format) {
+    const { block_aspect_ratio: w, block_height: y, block_width: f, block_full_width: v, block_page_width: _, block_preserve_scale: L } = t.format;
+    if (v || _)
+      v ? r.width = "100vw" : r.width = "100%", t.type === "video" ? y ? r.height = y : w ? r.paddingBottom = `${w * 100}%` : L && (r.objectFit = "contain") : w && t.type !== "image" ? r.paddingBottom = `${w * 100}%` : y ? r.height = y : L && (t.type === "image" ? r.height = "100%" : (r.paddingBottom = "75%", r.minHeight = 100));
+    else {
+      switch ((g = t.format) == null ? void 0 : g.block_alignment) {
+        case "center": {
+          r.alignSelf = "center";
+          break;
+        }
+        case "left": {
+          r.alignSelf = "start";
+          break;
+        }
+        case "right": {
+          r.alignSelf = "end";
+          break;
+        }
       }
-      if (typeof value != "string") {
-        return value === 0 ? value : +value;
+      f && (r.width = f), L && t.type !== "image" ? (r.paddingBottom = "50%", r.minHeight = 100) : y && t.type !== "image" && (r.height = y);
+    }
+    t.type === "image" ? u.objectFit = "cover" : L && (u.objectFit = "contain");
+  }
+  let c = ((m = l.signed_urls) == null ? void 0 : m[t.id]) || ((n = (N = (E = t.properties) == null ? void 0 : E.source) == null ? void 0 : N[0]) == null ? void 0 : n[0]), d = null;
+  if (!c) return null;
+  if (t.type === "tweet") {
+    const w = c;
+    if (!w) return null;
+    const y = w.split("?")[0].split("/").pop();
+    if (!y) return null;
+    d = /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        style: U(h({}, u), {
+          maxWidth: 420,
+          width: "100%",
+          marginLeft: "auto",
+          marginRight: "auto"
+        })
+      },
+      /* @__PURE__ */ e.createElement(s.Tweet, { id: y })
+    );
+  } else if (t.type === "pdf")
+    r.overflow = "auto", r.background = "rgb(226, 226, 226)", r.display = "block", r.padding || (r.padding = "8px 16px"), un || (d = /* @__PURE__ */ e.createElement(s.Pdf, { file: c }));
+  else if (t.type === "embed" || t.type === "video" || t.type === "figma" || t.type === "typeform" || t.type === "gist" || t.type === "maps" || t.type === "excalidraw" || t.type === "codepen" || t.type === "drive")
+    if (t.type === "video" && c && c.indexOf("youtube") < 0 && c.indexOf("youtu.be") < 0 && c.indexOf("vimeo") < 0 && c.indexOf("wistia") < 0 && c.indexOf("loom") < 0 && c.indexOf("videoask") < 0 && c.indexOf("getcloudapp") < 0)
+      r.paddingBottom = void 0, d = /* @__PURE__ */ e.createElement("video", { playsInline: !0, controls: !0, preload: "metadata", style: u, src: c, title: t.type });
+    else {
+      let w = ((p = t.format) == null ? void 0 : p.display_source) || c;
+      if (w) {
+        const y = t.type === "video" ? Dt(w) : null;
+        y ? d = /* @__PURE__ */ e.createElement(mn, { id: y, style: u, className: "notion-asset-object-fit" }) : t.type === "gist" ? (w.endsWith(".pibb") || (w = `${w}.pibb`), u.width = "100%", r.paddingBottom = "50%", d = /* @__PURE__ */ e.createElement(
+          "iframe",
+          {
+            style: u,
+            className: "notion-asset-object-fit",
+            src: w,
+            title: "GitHub Gist",
+            frameBorder: "0",
+            loading: "lazy",
+            scrolling: "auto"
+          }
+        )) : d = /* @__PURE__ */ e.createElement(
+          "iframe",
+          {
+            className: "notion-asset-object-fit",
+            style: u,
+            src: w,
+            title: `iframe ${t.type}`,
+            frameBorder: "0",
+            allowFullScreen: !0,
+            loading: "lazy",
+            scrolling: "auto"
+          }
+        );
       }
-      value = value.replace(reTrim, "");
-      var isBinary = reIsBinary.test(value);
-      return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
     }
-    module.exports = throttle2;
+  else if (t.type === "image") {
+    c.includes("file.notion.so") && (c = ($ = (M = (x = t.properties) == null ? void 0 : x.source) == null ? void 0 : M[0]) == null ? void 0 : $[0]);
+    const w = i(c, t), f = le((H = t.properties) == null ? void 0 : H.caption) || "notion image";
+    d = /* @__PURE__ */ e.createElement(ie, { src: w, alt: f, zoomable: o, height: r.height, style: u });
   }
-});
-
-// src/renderer.tsx
-import React9 from "react";
-import mediumZoom from "@fisch0920/medium-zoom";
-
-// src/block.tsx
-import React8 from "react";
-import {
-  getBlockCollectionId,
-  getBlockIcon,
-  getBlockParentPage,
-  getPageTableOfContents,
-  getTextContent,
-  uuidToId as uuidToId2
-} from "@texonom/nutils";
-
-// src/components/audio.tsx
-import React from "react";
-var Audio = ({ block, className }) => {
-  var _a, _b, _c;
-  const { recordMap } = useNotionContext();
-  const source = recordMap.signed_urls[block.id] || ((_c = (_b = (_a = block.properties) == null ? void 0 : _a.source) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]);
-  return /* @__PURE__ */ React.createElement("div", { className: `notion-audio ${className || ""}` }, /* @__PURE__ */ React.createElement("audio", { controls: true, preload: "none", src: source }));
-};
-
-// src/components/file.tsx
-import React3 from "react";
-
-// src/icons/file-icon.tsx
-import React2 from "react";
-var FileIcon = (props) => {
-  const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
-  return /* @__PURE__ */ React2.createElement("svg", __spreadProps(__spreadValues({ className }, rest), { viewBox: "0 0 30 30" }), /* @__PURE__ */ React2.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" }));
-};
-
-// src/components/file.tsx
-var File = ({ block, className }) => {
-  var _a, _b, _c, _d, _e;
-  const { components, recordMap } = useNotionContext();
-  const source = recordMap.signed_urls[block.id] || ((_c = (_b = (_a = block.properties) == null ? void 0 : _a.source) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]);
-  return /* @__PURE__ */ React3.createElement("div", { className: `notion-file ${className || ""}` }, /* @__PURE__ */ React3.createElement(components.Link, { className: "notion-file-link", href: source, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React3.createElement(FileIcon, { className: "notion-file-icon" }), /* @__PURE__ */ React3.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ React3.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ React3.createElement(Text, { value: ((_d = block.properties) == null ? void 0 : _d.title) || [["File"]], block })), ((_e = block.properties) == null ? void 0 : _e.size) && /* @__PURE__ */ React3.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ React3.createElement(Text, { value: block.properties.size, block })))));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: r }, d, t.type === "image" && a), t.type !== "image" && a);
+}, fn = { width: "100%" }, Me = ({ blockId: t, block: o }) => {
+  var d, g, m, E, N, n;
+  const a = o, { components: l, mapPageUrl: i, rootDomain: s, zoom: r } = V();
+  let u = !1;
+  if (o.type === "image") {
+    const p = (m = (g = (d = a == null ? void 0 : a.properties) == null ? void 0 : d.caption) == null ? void 0 : g[0]) == null ? void 0 : m[0];
+    if (p) {
+      const x = _e(p, { uuid: !0 });
+      (p.charAt(0) === "/" && x || gn(p)) && (u = !0);
+    }
+  }
+  const c = /* @__PURE__ */ e.createElement(
+    "figure",
+    {
+      className: `notion-asset-wrapper
+        notion-asset-wrapper-${o.type}
+        ${(E = a.format) != null && E.block_full_width ? "notion-asset-wrapper-full" : ""}
+        ${t}`
+    },
+    /* @__PURE__ */ e.createElement(pn, { block: a, zoomable: r && !u }, ((N = a == null ? void 0 : a.properties) == null ? void 0 : N.caption) && !u && /* @__PURE__ */ e.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ e.createElement(P, { value: a.properties.caption, block: o })))
+  );
+  if (u) {
+    const p = (n = a == null ? void 0 : a.properties) == null ? void 0 : n.caption[0][0], x = _e(p, { uuid: !0 }), M = p.charAt(0) === "/" && x, $ = hn(p);
+    return /* @__PURE__ */ e.createElement(
+      l.PageLink,
+      {
+        style: fn,
+        href: M ? i(x) : p,
+        target: $ && $ !== s && !p.startsWith("/") ? "blank_" : null
+      },
+      c
+    );
+  }
+  return c;
 };
-
-// src/components/google-drive.tsx
-import React4 from "react";
-var GoogleDrive = ({ block, className }) => {
-  var _a;
-  const { components, mapImageUrl } = useNotionContext();
-  const properties = (_a = block.format) == null ? void 0 : _a.drive_properties;
-  if (!properties) return null;
-  let domain;
+function gn(t) {
+  return !!new RegExp(
+    "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$",
+    "i"
+  ).test(t);
+}
+function hn(t) {
   try {
-    const url = new URL(properties.url);
-    domain = url.hostname;
-  } catch (err) {
+    return new URL(t).hostname;
+  } catch (o) {
+    return "";
   }
-  return /* @__PURE__ */ React4.createElement("div", { className: `notion-google-drive ${className || ""}` }, /* @__PURE__ */ React4.createElement(components.Link, { className: "notion-google-drive-link", href: properties.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ React4.createElement(
-    GracefulImage,
+}
+const En = ({ block: t, className: o }) => {
+  var i, s, r;
+  const { recordMap: a } = V(), l = a.signed_urls[t.id] || ((r = (s = (i = t.properties) == null ? void 0 : i.source) == null ? void 0 : s[0]) == null ? void 0 : r[0]);
+  return /* @__PURE__ */ e.createElement("div", { className: `notion-audio ${o || ""}` }, /* @__PURE__ */ e.createElement("audio", { controls: !0, preload: "none", src: l }));
+}, vn = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", U(h({ className: o }, a), { 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" }));
+}, yn = ({ block: t, className: o }) => {
+  var s, r, u, c, d;
+  const { components: a, recordMap: l } = V(), i = l.signed_urls[t.id] || ((u = (r = (s = t.properties) == null ? void 0 : s.source) == null ? void 0 : r[0]) == null ? void 0 : u[0]);
+  return /* @__PURE__ */ e.createElement("div", { className: `notion-file ${o || ""}` }, /* @__PURE__ */ e.createElement(a.Link, { className: "notion-file-link", href: i, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ e.createElement(vn, { className: "notion-file-icon" }), /* @__PURE__ */ e.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ e.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ e.createElement(P, { value: ((c = t.properties) == null ? void 0 : c.title) || [["File"]], block: t })), ((d = t.properties) == null ? void 0 : d.size) && /* @__PURE__ */ e.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ e.createElement(P, { value: t.properties.size, block: t })))));
+}, bn = ({ block: t, className: o }) => {
+  var r;
+  const { components: a, mapImageUrl: l } = V(), i = (r = t.format) == null ? void 0 : r.drive_properties;
+  if (!i) return null;
+  let s;
+  try {
+    s = new URL(i.url).hostname;
+  } catch (u) {
+  }
+  return /* @__PURE__ */ e.createElement("div", { className: `notion-google-drive ${o || ""}` }, /* @__PURE__ */ e.createElement(a.Link, { className: "notion-google-drive-link", href: i.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ e.createElement(
+    Se,
     {
-      src: mapImageUrl(properties.thumbnail, block),
-      alt: properties.title || "Google Drive Document",
+      src: l(i.thumbnail, t),
+      alt: i.title || "Google Drive Document",
       loading: "lazy"
     }
-  )), /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-body" }, properties.title && /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-body-title" }, properties.title), properties.icon && domain && /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-body-source" }, properties.icon && /* @__PURE__ */ React4.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body" }, i.title && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-title" }, i.title), i.icon && s && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source" }, i.icon && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "notion-google-drive-body-source-icon",
       style: {
-        backgroundImage: `url(${properties.icon})`
+        backgroundImage: `url(${i.icon})`
       }
     }
-  ), domain && /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-body-source-domain" }, domain)))));
+  ), s && /* @__PURE__ */ e.createElement("div", { className: "notion-google-drive-body-source-domain" }, s)))));
 };
-
-// src/components/page-aside.tsx
-var import_lodash = __toESM(require_lodash(), 1);
-import React5 from "react";
-import { uuidToId } from "@texonom/nutils";
-var PageAside = ({ toc, activeSection, setActiveSection, pageAside, hasToc, hasAside, className }) => {
-  const throttleMs = 100;
-  const actionSectionScrollSpy = React5.useMemo(
-    () => (0, import_lodash.default)(() => {
-      const sections = document.getElementsByClassName("notion-h");
-      let prevBBox = null;
-      let currentSectionId = activeSection;
-      for (let i = 0; i < sections.length; ++i) {
-        const section = sections[i];
-        if (!section || !(section instanceof Element)) continue;
-        if (!currentSectionId) currentSectionId = section.getAttribute("data-id");
-        const bbox = section.getBoundingClientRect();
-        const prevHeight = prevBBox ? bbox.top - prevBBox.bottom : 0;
-        const offset = Math.max(150, prevHeight / 4);
-        if (bbox.top - offset < 0) {
-          currentSectionId = section.getAttribute("data-id");
-          prevBBox = bbox;
+var ke = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
+function Nn(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Le, st;
+function kn() {
+  if (st) return Le;
+  st = 1;
+  var t = "Expected a function", o = NaN, a = "[object Symbol]", l = /^\s+|\s+$/g, i = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, r = /^0o[0-7]+$/i, u = parseInt, c = typeof ke == "object" && ke && ke.Object === Object && ke, d = typeof self == "object" && self && self.Object === Object && self, g = c || d || Function("return this")(), m = Object.prototype, E = m.toString, N = Math.max, n = Math.min, p = function() {
+    return g.Date.now();
+  };
+  function x(f, v, _) {
+    var L, D, J, k, R, A, W = 0, ce = !1, Z = !1, K = !0;
+    if (typeof f != "function")
+      throw new TypeError(t);
+    v = y(v) || 0, $(_) && (ce = !!_.leading, Z = "maxWait" in _, J = Z ? N(y(_.maxWait) || 0, v) : J, K = "trailing" in _ ? !!_.trailing : K);
+    function ee(I) {
+      var F = L, G = D;
+      return L = D = void 0, W = I, k = f.apply(G, F), k;
+    }
+    function ge(I) {
+      return W = I, R = setTimeout(Y, v), ce ? ee(I) : k;
+    }
+    function he(I) {
+      var F = I - A, G = I - W, ue = v - F;
+      return Z ? n(ue, J - G) : ue;
+    }
+    function se(I) {
+      var F = I - A, G = I - W;
+      return A === void 0 || F >= v || F < 0 || Z && G >= J;
+    }
+    function Y() {
+      var I = p();
+      if (se(I))
+        return me(I);
+      R = setTimeout(Y, he(I));
+    }
+    function me(I) {
+      return R = void 0, K && L ? ee(I) : (L = D = void 0, k);
+    }
+    function Ee() {
+      R !== void 0 && clearTimeout(R), W = 0, L = A = D = R = void 0;
+    }
+    function ve() {
+      return R === void 0 ? k : me(p());
+    }
+    function te() {
+      var I = p(), F = se(I);
+      if (L = arguments, D = this, A = I, F) {
+        if (R === void 0)
+          return ge(A);
+        if (Z)
+          return R = setTimeout(Y, v), ee(A);
+      }
+      return R === void 0 && (R = setTimeout(Y, v)), k;
+    }
+    return te.cancel = Ee, te.flush = ve, te;
+  }
+  function M(f, v, _) {
+    var L = !0, D = !0;
+    if (typeof f != "function")
+      throw new TypeError(t);
+    return $(_) && (L = "leading" in _ ? !!_.leading : L, D = "trailing" in _ ? !!_.trailing : D), x(f, v, {
+      leading: L,
+      maxWait: v,
+      trailing: D
+    });
+  }
+  function $(f) {
+    var v = typeof f;
+    return !!f && (v == "object" || v == "function");
+  }
+  function H(f) {
+    return !!f && typeof f == "object";
+  }
+  function w(f) {
+    return typeof f == "symbol" || H(f) && E.call(f) == a;
+  }
+  function y(f) {
+    if (typeof f == "number")
+      return f;
+    if (w(f))
+      return o;
+    if ($(f)) {
+      var v = typeof f.valueOf == "function" ? f.valueOf() : f;
+      f = $(v) ? v + "" : v;
+    }
+    if (typeof f != "string")
+      return f === 0 ? f : +f;
+    f = f.replace(l, "");
+    var _ = s.test(f);
+    return _ || r.test(f) ? u(f.slice(2), _ ? 2 : 8) : i.test(f) ? o : +f;
+  }
+  return Le = M, Le;
+}
+var Cn = kn();
+const _n = /* @__PURE__ */ Nn(Cn), wn = ({ toc: t, activeSection: o, setActiveSection: a, pageAside: l, hasToc: i, hasAside: s, className: r }) => {
+  const c = e.useMemo(
+    () => _n(() => {
+      const d = document.getElementsByClassName("notion-h");
+      let g = null, m = o;
+      for (let E = 0; E < d.length; ++E) {
+        const N = d[E];
+        if (!N || !(N instanceof Element)) continue;
+        m || (m = N.getAttribute("data-id"));
+        const n = N.getBoundingClientRect(), p = g ? n.top - g.bottom : 0, x = Math.max(150, p / 4);
+        if (n.top - x < 0) {
+          m = N.getAttribute("data-id"), g = n;
           continue;
         }
         break;
       }
-      setActiveSection(currentSectionId);
-    }, throttleMs),
+      a(m);
+    }, 100),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       // explicitly not taking a dependency on activeSection
-      setActiveSection
+      a
     ]
   );
-  React5.useEffect(() => {
-    if (!hasToc) return;
-    window.addEventListener("scroll", actionSectionScrollSpy);
-    actionSectionScrollSpy();
-    return () => {
-      window.removeEventListener("scroll", actionSectionScrollSpy);
-    };
-  }, [hasToc, actionSectionScrollSpy]);
-  if (!hasAside) return null;
-  return /* @__PURE__ */ React5.createElement("aside", { className: `notion-aside ${className || ""}` }, hasToc && /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ React5.createElement("nav", { className: "notion-table-of-contents" }, toc.map((tocItem) => {
-    const id = uuidToId(tocItem.id);
-    return /* @__PURE__ */ React5.createElement(
+  return e.useEffect(() => {
+    if (i)
+      return window.addEventListener("scroll", c), c(), () => {
+        window.removeEventListener("scroll", c);
+      };
+  }, [i, c]), s ? /* @__PURE__ */ e.createElement("aside", { className: `notion-aside ${r || ""}` }, i && /* @__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" }, t.map((d) => {
+    const g = Ce(d.id);
+    return /* @__PURE__ */ e.createElement(
       "a",
       {
-        key: id,
-        href: `#${id}`,
+        key: g,
+        href: `#${g}`,
         className: `notion-table-of-contents-item
-                    notion-table-of-contents-item-indent-level-${tocItem.indentLevel}
-                    ${activeSection === id && "notion-table-of-contents-active-item"}`
+                    notion-table-of-contents-item-indent-level-${d.indentLevel}
+                    ${o === g && "notion-table-of-contents-active-item"}`
       },
-      /* @__PURE__ */ React5.createElement(
+      /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "notion-table-of-contents-item-body",
           style: {
             display: "inline-block",
-            marginLeft: tocItem.indentLevel * 16
+            marginLeft: d.indentLevel * 16
           }
         },
-        tocItem.text
+        d.text
       )
     );
-  }))), pageAside);
-};
-
-// src/components/sync-pointer-block.tsx
-import React6 from "react";
-var SyncPointerBlock = ({ block, level }) => {
-  var _a, _b;
-  if (!block) {
-    if (true) console.warn("missing sync pointer block", block.id);
-    return null;
-  }
-  const syncPointerBlock = block;
-  const referencePointerId = (_b = (_a = syncPointerBlock == null ? void 0 : syncPointerBlock.format) == null ? void 0 : _a.transclusion_reference_pointer) == null ? void 0 : _b.id;
-  if (!referencePointerId) return null;
-  return /* @__PURE__ */ React6.createElement(NotionBlockRenderer, { key: referencePointerId, level, blockId: referencePointerId });
-};
-
-// src/icons/link-icon.tsx
-import React7 from "react";
-var LinkIcon = (props) => {
-  const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
-  return /* @__PURE__ */ React7.createElement("svg", __spreadProps(__spreadValues({ className }, rest), { viewBox: "0 0 16 16", width: "16", height: "16" }), /* @__PURE__ */ React7.createElement(
+  }))), l) : null;
+}, xn = ({ block: t, level: o }) => {
+  var i, s;
+  if (!t)
+    return process.env.NODE_ENV !== "production" && console.warn("missing sync pointer block", t.id), null;
+  const a = t, l = (s = (i = a == null ? void 0 : a.format) == null ? void 0 : i.transclusion_reference_pointer) == null ? void 0 : s.id;
+  return l ? /* @__PURE__ */ e.createElement(Te, { key: l, level: o, blockId: l }) : null;
+}, $n = (t) => {
+  const l = t, { className: o } = l, a = T(l, ["className"]);
+  return /* @__PURE__ */ e.createElement("svg", U(h({ className: o }, a), { 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"
     }
   ));
-};
-
-// src/block.tsx
-var tocIndentLevelCache = {};
-var pageCoverStyleCache = {};
-var Block = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q;
-  const ctx = useNotionContext();
-  const {
-    components,
-    fullPage,
-    recordMap,
-    mapPageUrl,
-    mapImageUrl,
-    showTableOfContents,
-    minTableOfContentsItems,
-    defaultPageIcon,
-    defaultPageCover,
-    defaultPageCoverPosition
-  } = ctx;
-  const [activeSection, setActiveSection] = React8.useState(null);
-  const {
-    block,
-    children,
-    level,
-    className,
-    bodyClassName,
-    header,
-    footer,
-    pageHeader,
-    pageFooter,
-    pageTitle,
-    pageAside,
-    pageCover,
-    hideBlockId,
-    disableHeader
-  } = props;
-  if (!block) return null;
-  if (level === 0 && block.type === "collection_view") {
-    const view_block = block;
-    view_block.type = "collection_view_page";
+}, mt = {}, ut = {}, Ln = (t) => {
+  var R, A, W, ce, Z, K, ee, ge, he, se, Y, me, Ee, ve, te, I, F, G, ue, Be, He, Oe, Ve, Re, je, De, Fe, Ue, Ae, qe, We, Ze, Ge, Qe, Ye, Xe, Je, Ke, et, tt, nt, at, ot;
+  const o = V(), {
+    components: a,
+    fullPage: l,
+    recordMap: i,
+    mapPageUrl: s,
+    mapImageUrl: r,
+    showTableOfContents: u,
+    minTableOfContentsItems: c,
+    defaultPageIcon: d,
+    defaultPageCover: g,
+    defaultPageCoverPosition: m
+  } = o, [E, N] = e.useState(null), {
+    block: n,
+    children: p,
+    level: x,
+    className: M,
+    bodyClassName: $,
+    header: H,
+    footer: w,
+    pageHeader: y,
+    pageFooter: f,
+    pageTitle: v,
+    pageAside: _,
+    pageCover: L,
+    hideBlockId: D,
+    disableHeader: J
+  } = t;
+  if (!n) return null;
+  if (x === 0 && n.type === "collection_view") {
+    const b = n;
+    b.type = "collection_view_page";
   }
-  const blockId = hideBlockId ? "notion-block" : `notion-block-${uuidToId2(block.id)}`;
-  switch (block.type) {
+  const k = D ? "notion-block" : `notion-block-${Ce(n.id)}`;
+  switch (n.type) {
     case "collection_view_page":
     // fallthrough
     case "page":
-      if (level === 0) {
+      if (x === 0) {
         const {
-          page_icon = defaultPageIcon,
-          page_cover = defaultPageCover,
-          page_cover_position = defaultPageCoverPosition,
-          page_full_width,
-          page_small_text
-        } = block.format || {};
-        if (fullPage) {
-          const properties = block.type === "page" ? block.properties : {
-            title: (_b = (_a = recordMap.collection[getBlockCollectionId(block, recordMap)]) == null ? void 0 : _a.value) == null ? void 0 : _b.name
-          };
-          const coverPosition = (1 - (page_cover_position || 0.5)) * 100;
-          const pageCoverObjectPosition = `center ${coverPosition}%`;
-          let pageCoverStyle = pageCoverStyleCache[pageCoverObjectPosition];
-          if (!pageCoverStyle)
-            pageCoverStyle = pageCoverStyleCache[pageCoverObjectPosition] = {
-              objectPosition: pageCoverObjectPosition
-            };
-          const pageIcon = (_c = getBlockIcon(block, recordMap)) != null ? _c : defaultPageIcon;
-          const isPageIconUrl = pageIcon && isUrl(pageIcon);
-          const toc = getPageTableOfContents(block, recordMap);
-          const hasToc = showTableOfContents && toc.length >= minTableOfContentsItems;
-          const hasAside = (hasToc || pageAside) && !page_full_width;
-          const hasPageCover = pageCover || page_cover;
-          return /* @__PURE__ */ React8.createElement("div", { className: `notion notion-app ${blockId} ${className || ""}` }, /* @__PURE__ */ React8.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ React8.createElement("div", { className: "notion-frame" }, !disableHeader && /* @__PURE__ */ React8.createElement(components.Header, { block }), header, /* @__PURE__ */ React8.createElement("div", { className: "notion-page-scroller" }, hasPageCover && (pageCover ? pageCover : /* @__PURE__ */ React8.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ React8.createElement(
-            LazyImage,
+          page_icon: b = d,
+          page_cover: C = g,
+          page_cover_position: S = m,
+          page_full_width: z,
+          page_small_text: j
+        } = n.format || {};
+        if (l) {
+          const B = n.type === "page" ? n.properties : {
+            title: (A = (R = i.collection[St(n, i)]) == null ? void 0 : R.value) == null ? void 0 : A.name
+          }, Q = `center ${(1 - (S || 0.5)) * 100}%`;
+          let q = ut[Q];
+          q || (q = ut[Q] = {
+            objectPosition: Q
+          });
+          const ae = (W = ft(n, i)) != null ? W : d, X = ae && gt(ae), de = $e(n, i), ye = u && de.length >= c, oe = (ye || _) && !z, be = L || C;
+          return /* @__PURE__ */ e.createElement("div", { className: `notion notion-app ${k} ${M || ""}` }, /* @__PURE__ */ e.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ e.createElement("div", { className: "notion-frame" }, !J && /* @__PURE__ */ e.createElement(a.Header, { block: n }), H, /* @__PURE__ */ e.createElement("div", { className: "notion-page-scroller" }, be && (L || /* @__PURE__ */ e.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ e.createElement(
+            ie,
             {
-              src: mapImageUrl(page_cover, block),
-              alt: getTextContent(properties == null ? void 0 : properties.title),
-              priority: true,
+              src: r(C, n),
+              alt: le(B == null ? void 0 : B.title),
+              priority: !0,
               className: "notion-page-cover",
-              style: pageCoverStyle
+              style: q
             }
-          ))), /* @__PURE__ */ React8.createElement(
+          ))), /* @__PURE__ */ e.createElement(
             "main",
             {
               className: `notion-page
-                      ${hasPageCover ? "notion-page-has-cover" : "notion-page-no-cover"}
-                      ${page_icon ? "notion-page-has-icon" : "notion-page-no-icon"}
-                      ${isPageIconUrl ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
+                      ${be ? "notion-page-has-cover" : "notion-page-no-cover"}
+                      ${b ? "notion-page-has-icon" : "notion-page-no-icon"}
+                      ${X ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
                       notion-full-page
-                      ${page_full_width && "notion-full-width"}
-                      ${page_small_text && "notion-small-text"}
-                      ${bodyClassName}`
+                      ${z && "notion-full-width"}
+                      ${j && "notion-small-text"}
+                      ${$}`
             },
-            page_icon && /* @__PURE__ */ React8.createElement(PageIcon, { block, defaultIcon: defaultPageIcon, inline: false }),
-            pageHeader,
-            /* @__PURE__ */ React8.createElement("h1", { className: "notion-title" }, pageTitle != null ? pageTitle : /* @__PURE__ */ React8.createElement(Text, { value: properties == null ? void 0 : properties.title, block })),
-            (block.type === "collection_view_page" || block.type === "page" && block.parent_table === "collection") && /* @__PURE__ */ React8.createElement(components.Collection, { block, ctx }),
-            block.type !== "collection_view_page" && /* @__PURE__ */ React8.createElement(
+            b && /* @__PURE__ */ e.createElement(pe, { block: n, defaultIcon: d, inline: !1 }),
+            y,
+            /* @__PURE__ */ e.createElement("h1", { className: "notion-title" }, v != null ? v : /* @__PURE__ */ e.createElement(P, { value: B == null ? void 0 : B.title, block: n })),
+            (n.type === "collection_view_page" || n.type === "page" && n.parent_table === "collection") && /* @__PURE__ */ e.createElement(a.Collection, { block: n, ctx: o }),
+            n.type !== "collection_view_page" && /* @__PURE__ */ e.createElement(
               "div",
               {
                 className: `notion-page-content
-                          ${hasAside && "notion-page-content-has-aside"}
-                          ${hasToc && "notion-page-content-has-toc"}`
+                          ${oe && "notion-page-content-has-aside"}
+                          ${ye && "notion-page-content-has-toc"}`
               },
-              /* @__PURE__ */ React8.createElement("article", { className: "notion-page-content-inner" }, children),
-              hasAside && /* @__PURE__ */ React8.createElement(
-                PageAside,
+              /* @__PURE__ */ e.createElement("article", { className: "notion-page-content-inner" }, p),
+              oe && /* @__PURE__ */ e.createElement(
+                wn,
                 {
-                  toc,
-                  activeSection,
-                  setActiveSection,
-                  hasToc,
-                  hasAside,
-                  pageAside
+                  toc: de,
+                  activeSection: E,
+                  setActiveSection: N,
+                  hasToc: ye,
+                  hasAside: oe,
+                  pageAside: _
                 }
               )
             ),
-            pageFooter
-          ), footer)));
-        } else {
-          return /* @__PURE__ */ React8.createElement(
+            f
+          ), w)));
+        } else
+          return /* @__PURE__ */ e.createElement(
             "main",
             {
               className: `notion
                 notion-page
-                ${page_full_width && "notion-full-width"}
-                ${page_small_text && "notion-small-text"}
-                ${blockId}
-                ${className || ""}
-                ${bodyClassName}`
+                ${z && "notion-full-width"}
+                ${j && "notion-small-text"}
+                ${k}
+                ${M || ""}
+                ${$}`
             },
-            /* @__PURE__ */ React8.createElement("div", { className: "notion-viewport" }),
-            pageHeader,
-            (block.type === "collection_view_page" || block.type === "page" && block.parent_table === "collection") && /* @__PURE__ */ React8.createElement(components.Collection, { block, ctx }),
-            block.type !== "collection_view_page" && children,
-            pageFooter
+            /* @__PURE__ */ e.createElement("div", { className: "notion-viewport" }),
+            y,
+            (n.type === "collection_view_page" || n.type === "page" && n.parent_table === "collection") && /* @__PURE__ */ e.createElement(a.Collection, { block: n, ctx: o }),
+            n.type !== "collection_view_page" && p,
+            f
           );
-        }
       } else {
-        const blockColor = (_d = block.format) == null ? void 0 : _d.block_color;
-        return /* @__PURE__ */ React8.createElement(
-          components.PageLink,
+        const b = (ce = n.format) == null ? void 0 : ce.block_color;
+        return /* @__PURE__ */ e.createElement(
+          a.PageLink,
           {
-            className: `notion-page-link ${blockColor && `notion-${blockColor}`} ${blockId}`,
-            href: mapPageUrl(block.id)
+            className: `notion-page-link ${b && `notion-${b}`} ${k}`,
+            href: s(n.id)
           },
-          /* @__PURE__ */ React8.createElement(PageTitle, { block })
+          /* @__PURE__ */ e.createElement(fe, { block: n })
         );
       }
     case "header":
@@ -508,67 +1232,44 @@ var Block = (props) => {
     case "sub_header":
     // fallthrough
     case "sub_sub_header": {
-      if (!block.properties) return null;
-      const blockColor = (_e = block.format) == null ? void 0 : _e.block_color;
-      const id = uuidToId2(block.id);
-      const title = getTextContent(block.properties.title) || `Notion Header ${id}`;
-      let indentLevel = tocIndentLevelCache[block.id];
-      let indentLevelClass;
-      if (indentLevel === void 0) {
-        const page = getBlockParentPage(block, recordMap);
-        if (page) {
-          const toc = getPageTableOfContents(page, recordMap);
-          const tocItem = toc.find((tocItem2) => tocItem2.id === block.id);
-          if (tocItem) {
-            indentLevel = tocItem.indentLevel;
-            tocIndentLevelCache[block.id] = indentLevel;
-          }
+      if (!n.properties) return null;
+      const b = (Z = n.format) == null ? void 0 : Z.block_color, C = Ce(n.id), S = le(n.properties.title) || `Notion Header ${C}`;
+      let z = mt[n.id], j;
+      if (z === void 0) {
+        const de = Ie(n, i);
+        if (de) {
+          const oe = $e(de, i).find((be) => be.id === n.id);
+          oe && (z = oe.indentLevel, mt[n.id] = z);
         }
       }
-      if (indentLevel !== void 0) indentLevelClass = `notion-h-indent-${indentLevel}`;
-      const isH1 = block.type === "header";
-      const isH2 = block.type === "sub_header";
-      const isH3 = block.type === "sub_sub_header";
-      const classNameStr = `${isH1 && "notion-h notion-h1"}
-        ${isH2 && "notion-h notion-h2"}
-        ${isH3 && "notion-h notion-h3"}
-        ${blockColor && `notion-${blockColor}`}
-        ${indentLevelClass},
-        ${blockId}`;
-      const innerHeader = /* @__PURE__ */ React8.createElement("span", null, /* @__PURE__ */ React8.createElement("div", { id, className: "notion-header-anchor" }), !((_f = block.format) == null ? void 0 : _f.toggleable) && /* @__PURE__ */ React8.createElement("a", { className: "notion-hash-link", href: `#${id}`, title }, /* @__PURE__ */ React8.createElement(LinkIcon, null)), /* @__PURE__ */ React8.createElement("span", { className: "notion-h-title" }, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })));
-      let headerBlock = null;
-      if (isH1)
-        headerBlock = /* @__PURE__ */ React8.createElement("h2", { className: classNameStr, "data-id": id }, innerHeader);
-      else if (isH2)
-        headerBlock = /* @__PURE__ */ React8.createElement("h3", { className: classNameStr, "data-id": id }, innerHeader);
-      else
-        headerBlock = /* @__PURE__ */ React8.createElement("h4", { className: classNameStr, "data-id": id }, innerHeader);
-      if ((_g = block.format) == null ? void 0 : _g.toggleable)
-        return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, headerBlock), /* @__PURE__ */ React8.createElement("div", null, children));
-      else return headerBlock;
+      z !== void 0 && (j = `notion-h-indent-${z}`);
+      const B = n.type === "header", ne = n.type === "sub_header", Q = n.type === "sub_sub_header", q = `${B && "notion-h notion-h1"}
+        ${ne && "notion-h notion-h2"}
+        ${Q && "notion-h notion-h3"}
+        ${b && `notion-${b}`}
+        ${j},
+        ${k}`, ae = /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("div", { id: C, className: "notion-header-anchor" }), !((K = n.format) != null && K.toggleable) && /* @__PURE__ */ e.createElement("a", { className: "notion-hash-link", href: `#${C}`, title: S }, /* @__PURE__ */ e.createElement($n, null)), /* @__PURE__ */ e.createElement("span", { className: "notion-h-title" }, /* @__PURE__ */ e.createElement(P, { value: n.properties.title, block: n })));
+      let X = null;
+      return B ? X = /* @__PURE__ */ e.createElement("h2", { className: q, "data-id": C }, ae) : ne ? X = /* @__PURE__ */ e.createElement("h3", { className: q, "data-id": C }, ae) : X = /* @__PURE__ */ e.createElement("h4", { className: q, "data-id": C }, ae), (ee = n.format) != null && ee.toggleable ? /* @__PURE__ */ e.createElement("details", { className: `notion-toggle ${k}` }, /* @__PURE__ */ e.createElement("summary", null, X), /* @__PURE__ */ e.createElement("div", null, p)) : X;
     }
     case "divider":
-      return /* @__PURE__ */ React8.createElement("hr", { className: `notion-hr ${blockId}` });
+      return /* @__PURE__ */ e.createElement("hr", { className: `notion-hr ${k}` });
     case "text": {
-      if (!block.properties && !((_h = block.content) == null ? void 0 : _h.length)) return /* @__PURE__ */ React8.createElement("div", { className: `notion-blank ${blockId}` }, "\xA0");
-      const blockColor = (_i = block.format) == null ? void 0 : _i.block_color;
-      return /* @__PURE__ */ React8.createElement("div", { className: `notion-text ${blockColor && `notion-${blockColor}`} ${blockId}` }, ((_j = block.properties) == null ? void 0 : _j.title) && /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block }), children && /* @__PURE__ */ React8.createElement("div", { className: "notion-text-children" }, children));
+      if (!n.properties && !((ge = n.content) != null && ge.length)) return /* @__PURE__ */ e.createElement("div", { className: `notion-blank ${k}` }, " ");
+      const b = (he = n.format) == null ? void 0 : he.block_color;
+      return /* @__PURE__ */ e.createElement("div", { className: `notion-text ${b && `notion-${b}`} ${k}` }, ((se = n.properties) == null ? void 0 : se.title) && /* @__PURE__ */ e.createElement(P, { value: n.properties.title, block: n }), p && /* @__PURE__ */ e.createElement("div", { className: "notion-text-children" }, p));
     }
     case "bulleted_list":
     // fallthrough
     case "numbered_list": {
-      const wrapList = (content, start2) => block.type === "bulleted_list" ? /* @__PURE__ */ React8.createElement("ul", { className: `notion-list notion-list-disc ${blockId}` }, content) : /* @__PURE__ */ React8.createElement("ol", { start: start2, className: `notion-list notion-list-numbered ${blockId}` }, content);
-      let output = null;
-      if (block.content)
-        output = /* @__PURE__ */ React8.createElement(React8.Fragment, null, block.properties && /* @__PURE__ */ React8.createElement("li", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), wrapList(children));
-      else
-        output = block.properties ? /* @__PURE__ */ React8.createElement("li", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })) : null;
-      const isTopLevel = block.type !== ((_l = (_k = recordMap.block[block.parent_id]) == null ? void 0 : _k.value) == null ? void 0 : _l.type);
-      const start = getListNumber(block.id, recordMap.block);
-      return isTopLevel ? wrapList(output, start) : output;
+      const b = (j, B) => n.type === "bulleted_list" ? /* @__PURE__ */ e.createElement("ul", { className: `notion-list notion-list-disc ${k}` }, j) : /* @__PURE__ */ e.createElement("ol", { start: B, className: `notion-list notion-list-numbered ${k}` }, j);
+      let C = null;
+      n.content ? C = /* @__PURE__ */ e.createElement(e.Fragment, null, n.properties && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(P, { value: n.properties.title, block: n })), b(p)) : C = n.properties ? /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(P, { value: n.properties.title, block: n })) : null;
+      const S = n.type !== ((me = (Y = i.block[n.parent_id]) == null ? void 0 : Y.value) == null ? void 0 : me.type), z = Ot(n.id, i.block);
+      return S ? b(C, z) : C;
     }
     case "embed":
-      return /* @__PURE__ */ React8.createElement(components.Embed, { blockId, block });
+      return /* @__PURE__ */ e.createElement(a.Embed, { blockId: k, block: n });
     case "tweet":
     // fallthrough
     case "maps":
@@ -588,80 +1289,63 @@ var Block = (props) => {
     case "gist":
     // fallthrough
     case "video":
-      return /* @__PURE__ */ React8.createElement(AssetWrapper, { blockId, block });
-    case "drive": {
-      const properties = (_m = block.format) == null ? void 0 : _m.drive_properties;
-      if (!properties) {
-        if ((_n = block.format) == null ? void 0 : _n.display_source)
-          return /* @__PURE__ */ React8.createElement(AssetWrapper, { blockId, block });
-      }
-      return /* @__PURE__ */ React8.createElement(GoogleDrive, { block, className: blockId });
-    }
+      return /* @__PURE__ */ e.createElement(Me, { blockId: k, block: n });
+    case "drive":
+      return !((Ee = n.format) == null ? void 0 : Ee.drive_properties) && (ve = n.format) != null && ve.display_source ? /* @__PURE__ */ e.createElement(Me, { blockId: k, block: n }) : /* @__PURE__ */ e.createElement(bn, { block: n, className: k });
     case "audio":
-      return /* @__PURE__ */ React8.createElement(Audio, { block, className: blockId });
+      return /* @__PURE__ */ e.createElement(En, { block: n, className: k });
     case "file":
-      return /* @__PURE__ */ React8.createElement(File, { block, className: blockId });
+      return /* @__PURE__ */ e.createElement(yn, { block: n, className: k });
     case "equation":
-      return /* @__PURE__ */ React8.createElement(components.Equation, { block, inline: false, className: blockId });
+      return /* @__PURE__ */ e.createElement(a.Equation, { block: n, inline: !1, className: k });
     case "code":
-      return /* @__PURE__ */ React8.createElement(components.Code, { block });
+      return /* @__PURE__ */ e.createElement(a.Code, { block: n });
     case "column_list":
-      return /* @__PURE__ */ React8.createElement("div", { className: `notion-row ${blockId}` }, children);
+      return /* @__PURE__ */ e.createElement("div", { className: `notion-row ${k}` }, p);
     case "column": {
-      const spacerWidth = `min(32px, 4vw)`;
-      const ratio = ((_o = block.format) == null ? void 0 : _o.column_ratio) || 0.5;
-      const parent = (_p = recordMap.block[block.parent_id]) == null ? void 0 : _p.value;
-      const columns = ((_q = parent == null ? void 0 : parent.content) == null ? void 0 : _q.length) || Math.max(2, Math.ceil(1 / ratio));
-      const width = `calc((100% - (${columns - 1} * ${spacerWidth})) * ${ratio})`;
-      const style = { width };
-      return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: `notion-column ${blockId}`, style }, children), /* @__PURE__ */ React8.createElement("div", { className: "notion-spacer" }));
+      const b = "min(32px, 4vw)", C = ((te = n.format) == null ? void 0 : te.column_ratio) || 0.5, S = (I = i.block[n.parent_id]) == null ? void 0 : I.value, B = { width: `calc((100% - (${(((F = S == null ? void 0 : S.content) == null ? void 0 : F.length) || Math.max(2, Math.ceil(1 / C))) - 1} * ${b})) * ${C})` };
+      return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `notion-column ${k}`, style: B }, p), /* @__PURE__ */ e.createElement("div", { className: "notion-spacer" }));
     }
     case "quote": {
-      if (!block.properties) return null;
-      const blockColor = (_r = block.format) == null ? void 0 : _r.block_color;
-      return /* @__PURE__ */ React8.createElement("blockquote", { className: `notion-quote ${blockColor && `notion-${blockColor}`} ${blockId}` }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), children);
+      if (!n.properties) return null;
+      const b = (G = n.format) == null ? void 0 : G.block_color;
+      return /* @__PURE__ */ e.createElement("blockquote", { className: `notion-quote ${b && `notion-${b}`} ${k}` }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(P, { value: n.properties.title, block: n })), p);
     }
     case "collection_view":
-      return /* @__PURE__ */ React8.createElement(components.Collection, { block, className: blockId, ctx });
+      return /* @__PURE__ */ e.createElement(a.Collection, { block: n, className: k, ctx: o });
     case "callout":
-      if (components.Callout) return /* @__PURE__ */ React8.createElement(components.Callout, { block, className: blockId });
-      else
-        return /* @__PURE__ */ React8.createElement(
-          "div",
-          {
-            className: `notion-callout ${((_s = block.format) == null ? void 0 : _s.block_color) && `notion-${(_t = block.format) == null ? void 0 : _t.block_color}_co`} ${blockId}`
-          },
-          /* @__PURE__ */ React8.createElement(PageIcon, { block }),
-          /* @__PURE__ */ React8.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ React8.createElement(Text, { value: (_u = block.properties) == null ? void 0 : _u.title, block }), children)
-        );
+      return a.Callout ? /* @__PURE__ */ e.createElement(a.Callout, { block: n, className: k }) : /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          className: `notion-callout ${((ue = n.format) == null ? void 0 : ue.block_color) && `notion-${(Be = n.format) == null ? void 0 : Be.block_color}_co`} ${k}`
+        },
+        /* @__PURE__ */ e.createElement(pe, { block: n }),
+        /* @__PURE__ */ e.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ e.createElement(P, { value: (He = n.properties) == null ? void 0 : He.title, block: n }), p)
+      );
     case "bookmark": {
-      if (!block.properties) return null;
-      const link = block.properties.link;
-      if (!link || !((_v = link[0]) == null ? void 0 : _v[0])) return null;
-      let title = getTextContent(block.properties.title);
-      if (!title) title = getTextContent(link);
-      if (title) {
-        if (title.startsWith("http"))
-          try {
-            const url = new URL(title);
-            title = url.hostname;
-          } catch (err) {
-          }
-      }
-      return /* @__PURE__ */ React8.createElement("div", { className: "notion-row" }, /* @__PURE__ */ React8.createElement(
-        components.Link,
+      if (!n.properties) return null;
+      const b = n.properties.link;
+      if (!b || !((Oe = b[0]) != null && Oe[0])) return null;
+      let C = le(n.properties.title);
+      if (C || (C = le(b)), C && C.startsWith("http"))
+        try {
+          C = new URL(C).hostname;
+        } catch (S) {
+        }
+      return /* @__PURE__ */ e.createElement("div", { className: "notion-row" }, /* @__PURE__ */ e.createElement(
+        a.Link,
         {
           target: "_blank",
           rel: "noopener noreferrer",
-          className: `notion-bookmark ${((_w = block.format) == null ? void 0 : _w.block_color) && `notion-${block.format.block_color}`} ${blockId}`,
-          href: link[0][0]
+          className: `notion-bookmark ${((Ve = n.format) == null ? void 0 : Ve.block_color) && `notion-${n.format.block_color}`} ${k}`,
+          href: b[0][0]
         },
-        /* @__PURE__ */ React8.createElement("div", null, title && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ React8.createElement(Text, { value: [[title]], block })), ((_x = block.properties) == null ? void 0 : _x.description) && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ React8.createElement(Text, { value: (_y = block.properties) == null ? void 0 : _y.description, block })), /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link" }, ((_z = block.format) == null ? void 0 : _z.bookmark_icon) && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ React8.createElement(LazyImage, { src: mapImageUrl((_A = block.format) == null ? void 0 : _A.bookmark_icon, block), alt: title })), /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ React8.createElement(Text, { value: link, block })))),
-        ((_B = block.format) == null ? void 0 : _B.bookmark_cover) && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ React8.createElement(
-          LazyImage,
+        /* @__PURE__ */ e.createElement("div", null, C && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ e.createElement(P, { value: [[C]], block: n })), ((Re = n.properties) == null ? void 0 : Re.description) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ e.createElement(P, { value: (je = n.properties) == null ? void 0 : je.description, block: n })), /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link" }, ((De = n.format) == null ? void 0 : De.bookmark_icon) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ e.createElement(ie, { src: r((Fe = n.format) == null ? void 0 : Fe.bookmark_icon, n), alt: C })), /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ e.createElement(P, { value: b, block: n })))),
+        ((Ue = n.format) == null ? void 0 : Ue.bookmark_cover) && /* @__PURE__ */ e.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ e.createElement(
+          ie,
           {
-            src: mapImageUrl((_C = block.format) == null ? void 0 : _C.bookmark_cover, block),
-            alt: getTextContent((_D = block.properties) == null ? void 0 : _D.title),
+            src: r((Ae = n.format) == null ? void 0 : Ae.bookmark_cover, n),
+            alt: le((qe = n.properties) == null ? void 0 : qe.title),
             style: {
               objectFit: "cover"
             }
@@ -670,101 +1354,86 @@ var Block = (props) => {
       ));
     }
     case "toggle":
-      return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, /* @__PURE__ */ React8.createElement(Text, { value: (_E = block.properties) == null ? void 0 : _E.title, block })), /* @__PURE__ */ React8.createElement("div", null, children));
+      return /* @__PURE__ */ e.createElement("details", { className: `notion-toggle ${k}` }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement(P, { value: (We = n.properties) == null ? void 0 : We.title, block: n })), /* @__PURE__ */ e.createElement("div", null, p));
     case "table_of_contents": {
-      const page = getBlockParentPage(block, recordMap);
-      if (!page) return null;
-      const toc = getPageTableOfContents(page, recordMap);
-      const blockColor = (_F = block.format) == null ? void 0 : _F.block_color;
-      return /* @__PURE__ */ React8.createElement("div", { className: `notion-table-of-contents ${blockColor && `notion-${blockColor}`} ${blockId}` }, toc.map((tocItem) => /* @__PURE__ */ React8.createElement("a", { key: tocItem.id, href: `#${uuidToId2(tocItem.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ React8.createElement(
+      const b = Ie(n, i);
+      if (!b) return null;
+      const C = $e(b, i), S = (Ze = n.format) == null ? void 0 : Ze.block_color;
+      return /* @__PURE__ */ e.createElement("div", { className: `notion-table-of-contents ${S && `notion-${S}`} ${k}` }, C.map((z) => /* @__PURE__ */ e.createElement("a", { key: z.id, href: `#${Ce(z.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ e.createElement(
         "span",
         {
           className: "notion-table-of-contents-item-body",
           style: {
             display: "inline-block",
-            marginLeft: tocItem.indentLevel * 24
+            marginLeft: z.indentLevel * 24
           }
         },
-        tocItem.text
+        z.text
       ))));
     }
     case "to_do": {
-      const isChecked = ((_I = (_H = (_G = block.properties) == null ? void 0 : _G.checked) == null ? void 0 : _H[0]) == null ? void 0 : _I[0]) === "Yes";
-      return /* @__PURE__ */ React8.createElement("div", { className: `notion-to-do ${blockId}` }, /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ React8.createElement(components.Checkbox, { blockId, isChecked }), /* @__PURE__ */ React8.createElement("div", { className: `notion-to-do-body ${isChecked && `notion-to-do-checked`}` }, /* @__PURE__ */ React8.createElement(Text, { value: (_J = block.properties) == null ? void 0 : _J.title, block }))), /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-children" }, children));
+      const b = ((Ye = (Qe = (Ge = n.properties) == null ? void 0 : Ge.checked) == null ? void 0 : Qe[0]) == null ? void 0 : Ye[0]) === "Yes";
+      return /* @__PURE__ */ e.createElement("div", { className: `notion-to-do ${k}` }, /* @__PURE__ */ e.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ e.createElement(a.Checkbox, { blockId: k, isChecked: b }), /* @__PURE__ */ e.createElement("div", { className: `notion-to-do-body ${b && "notion-to-do-checked"}` }, /* @__PURE__ */ e.createElement(P, { value: (Xe = n.properties) == null ? void 0 : Xe.title, block: n }))), /* @__PURE__ */ e.createElement("div", { className: "notion-to-do-children" }, p));
     }
     case "transclusion_container":
-      return /* @__PURE__ */ React8.createElement("div", { className: `notion-sync-block ${blockId}` }, children);
+      return /* @__PURE__ */ e.createElement("div", { className: `notion-sync-block ${k}` }, p);
     case "transclusion_reference":
-      return /* @__PURE__ */ React8.createElement(SyncPointerBlock, __spreadValues({ block, level: level + 1 }, props));
+      return /* @__PURE__ */ e.createElement(xn, h({ block: n, level: x + 1 }, t));
     case "alias": {
-      const blockPointerId = (_L = (_K = block == null ? void 0 : block.format) == null ? void 0 : _K.alias_pointer) == null ? void 0 : _L.id;
-      const linkedBlock = (_M = recordMap.block[blockPointerId]) == null ? void 0 : _M.value;
-      if (!linkedBlock) {
-        console.debug('"alias" missing block', blockPointerId);
-        return null;
-      }
-      return /* @__PURE__ */ React8.createElement(components.PageLink, { className: `notion-page-link ${blockPointerId}}`, href: mapPageUrl(blockPointerId) }, /* @__PURE__ */ React8.createElement(PageTitle, { block: linkedBlock }));
+      const b = (Ke = (Je = n == null ? void 0 : n.format) == null ? void 0 : Je.alias_pointer) == null ? void 0 : Ke.id, C = (et = i.block[b]) == null ? void 0 : et.value;
+      return C ? /* @__PURE__ */ e.createElement(a.PageLink, { className: `notion-page-link ${b}}`, href: s(b) }, /* @__PURE__ */ e.createElement(fe, { block: C })) : (console.debug('"alias" missing block', b), null);
     }
     case "table":
-      return /* @__PURE__ */ React8.createElement("table", { className: `notion-simple-table ${blockId}` }, /* @__PURE__ */ React8.createElement("tbody", null, children));
+      return /* @__PURE__ */ e.createElement("table", { className: `notion-simple-table ${k}` }, /* @__PURE__ */ e.createElement("tbody", null, p));
     case "table_row": {
-      const tableBlock = (_N = recordMap.block[block.parent_id]) == null ? void 0 : _N.value;
-      const order = (_O = tableBlock.format) == null ? void 0 : _O.table_block_column_order;
-      const formatMap = (_P = tableBlock.format) == null ? void 0 : _P.table_block_column_format;
-      const backgroundColor = (_Q = block.format) == null ? void 0 : _Q.block_color;
-      if (!tableBlock || !order) return null;
-      return /* @__PURE__ */ React8.createElement("tr", { className: `notion-simple-table-row ${backgroundColor && `notion-${backgroundColor}`} ${blockId}` }, order.map((column) => {
-        var _a2, _b2, _c2;
-        const color = (_a2 = formatMap == null ? void 0 : formatMap[column]) == null ? void 0 : _a2.color;
-        return /* @__PURE__ */ React8.createElement(
+      const b = (tt = i.block[n.parent_id]) == null ? void 0 : tt.value, C = (nt = b.format) == null ? void 0 : nt.table_block_column_order, S = (at = b.format) == null ? void 0 : at.table_block_column_format, z = (ot = n.format) == null ? void 0 : ot.block_color;
+      return !b || !C ? null : /* @__PURE__ */ e.createElement("tr", { className: `notion-simple-table-row ${z && `notion-${z}`} ${k}` }, C.map((j) => {
+        var ne, Q, q;
+        const B = (ne = S == null ? void 0 : S[j]) == null ? void 0 : ne.color;
+        return /* @__PURE__ */ e.createElement(
           "td",
           {
-            key: column,
-            className: color ? `notion-${color}` : "",
+            key: j,
+            className: B ? `notion-${B}` : "",
             style: {
-              width: ((_b2 = formatMap == null ? void 0 : formatMap[column]) == null ? void 0 : _b2.width) || 120
+              width: ((Q = S == null ? void 0 : S[j]) == null ? void 0 : Q.width) || 120
             }
           },
-          /* @__PURE__ */ React8.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ React8.createElement(Text, { value: ((_c2 = block.properties) == null ? void 0 : _c2[column]) || [["\u3164"]], block }))
+          /* @__PURE__ */ e.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ e.createElement(P, { value: ((q = n.properties) == null ? void 0 : q[j]) || [["ㅤ"]], block: n }))
         );
       }));
     }
     case "external_object_instance":
-      return /* @__PURE__ */ React8.createElement(EOI, { block, className: blockId });
+      return /* @__PURE__ */ e.createElement(yt, { block: n, className: k });
     default:
-      if (true)
-        console.debug("Unsupported type " + block.type, JSON.stringify(block, null, 2));
-      return /* @__PURE__ */ React8.createElement("div", null);
+      return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + n.type, JSON.stringify(n, null, 2)), /* @__PURE__ */ e.createElement("div", null);
   }
-};
-
-// src/renderer.tsx
-var NotionRenderer = (_a) => {
-  var _b = _a, {
-    components,
-    recordMap,
-    mapPageUrl,
-    mapImageUrl,
-    searchNotion,
-    isShowingSearch,
-    onHideSearch,
-    fullPage,
-    rootPageId,
-    rootDomain,
-    rootSpaceId,
-    darkMode,
-    previewImages,
-    forceCustomImages,
-    showCollectionViewDropdown,
-    linkTableTitleProperties,
-    isLinkCollectionToUrlProperty,
-    isImageZoomable = true,
-    showTableOfContents,
-    minTableOfContentsItems,
-    defaultPageIcon,
-    defaultPageCover,
-    defaultPageCoverPosition
-  } = _b, rest = __objRest(_b, [
+}, ea = (_) => {
+  var L = _, {
+    components: t,
+    recordMap: o,
+    mapPageUrl: a,
+    mapImageUrl: l,
+    searchNotion: i,
+    isShowingSearch: s,
+    onHideSearch: r,
+    fullPage: u,
+    rootPageId: c,
+    rootDomain: d,
+    rootSpaceId: g,
+    darkMode: m,
+    previewImages: E,
+    forceCustomImages: N,
+    showCollectionViewDropdown: n,
+    linkTableTitleProperties: p,
+    isLinkCollectionToUrlProperty: x,
+    isImageZoomable: M = !0,
+    showTableOfContents: $,
+    minTableOfContentsItems: H,
+    defaultPageIcon: w,
+    defaultPageCover: y,
+    defaultPageCoverPosition: f
+  } = L, v = T(L, [
     "components",
     "recordMap",
     "mapPageUrl",
@@ -789,101 +1458,162 @@ var NotionRenderer = (_a) => {
     "defaultPageCover",
     "defaultPageCoverPosition"
   ]);
-  const zoom = React9.useMemo(
-    () => typeof window !== "undefined" && mediumZoom({
+  const D = e.useMemo(
+    () => typeof window != "undefined" && xt({
       background: "rgba(0, 0, 0, 0.8)",
       minZoomScale: 2,
-      margin: getMediumZoomMargin()
+      margin: In()
     }),
     []
   );
-  return /* @__PURE__ */ React9.createElement(
-    NotionContextProvider,
+  return /* @__PURE__ */ e.createElement(
+    kt,
     {
-      components,
-      recordMap,
-      mapPageUrl,
-      mapImageUrl,
-      searchNotion,
-      isShowingSearch,
-      onHideSearch,
-      fullPage,
-      rootPageId,
-      rootDomain,
-      rootSpaceId,
-      darkMode,
-      previewImages,
-      forceCustomImages,
-      showCollectionViewDropdown,
-      linkTableTitleProperties,
-      isLinkCollectionToUrlProperty,
-      showTableOfContents,
-      minTableOfContentsItems,
-      defaultPageIcon,
-      defaultPageCover,
-      defaultPageCoverPosition,
-      zoom: isImageZoomable ? zoom : null
+      components: t,
+      recordMap: o,
+      mapPageUrl: a,
+      mapImageUrl: l,
+      searchNotion: i,
+      isShowingSearch: s,
+      onHideSearch: r,
+      fullPage: u,
+      rootPageId: c,
+      rootDomain: d,
+      rootSpaceId: g,
+      darkMode: m,
+      previewImages: E,
+      forceCustomImages: N,
+      showCollectionViewDropdown: n,
+      linkTableTitleProperties: p,
+      isLinkCollectionToUrlProperty: x,
+      showTableOfContents: $,
+      minTableOfContentsItems: H,
+      defaultPageIcon: w,
+      defaultPageCover: y,
+      defaultPageCoverPosition: f,
+      zoom: M ? D : null
     },
-    /* @__PURE__ */ React9.createElement(NotionBlockRenderer, __spreadValues({}, rest))
+    /* @__PURE__ */ e.createElement(Te, h({}, v))
   );
+}, Te = (l) => {
+  var i = l, { level: t = 0, blockId: o } = i, a = T(i, ["level", "blockId"]);
+  var c, d;
+  const { recordMap: s } = V(), r = o || Object.keys(s.block)[0], u = (c = s.block[r]) == null ? void 0 : c.value;
+  return u ? /* @__PURE__ */ e.createElement(Ln, h({ key: r, level: t, block: u }, a), (d = u == null ? void 0 : u.content) == null ? void 0 : d.map((g) => /* @__PURE__ */ e.createElement(Te, h({ key: g, blockId: g, level: t + 1 }, a)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", o), null);
 };
-var NotionBlockRenderer = (_a) => {
-  var _b = _a, { level = 0, blockId } = _b, props = __objRest(_b, ["level", "blockId"]);
-  var _a2, _b2;
-  const { recordMap } = useNotionContext();
-  const id = blockId || Object.keys(recordMap.block)[0];
-  const block = (_a2 = recordMap.block[id]) == null ? void 0 : _a2.value;
-  if (!block) {
-    if (true) console.warn("missing block", blockId);
-    return null;
-  }
-  return /* @__PURE__ */ React9.createElement(Block, __spreadValues({ key: id, level, block }, props), (_b2 = block == null ? void 0 : block.content) == null ? void 0 : _b2.map((contentBlockId) => /* @__PURE__ */ React9.createElement(NotionBlockRenderer, __spreadValues({ key: contentBlockId, blockId: contentBlockId, level: level + 1 }, props))));
-};
-function getMediumZoomMargin() {
-  const width = window.innerWidth;
-  if (width < 500) return 8;
-  else if (width < 800) return 20;
-  else if (width < 1280) return 30;
-  else if (width < 1600) return 40;
-  else if (width < 1920) return 48;
-  else return 72;
+function In() {
+  const t = window.innerWidth;
+  return t < 500 ? 8 : t < 800 ? 20 : t < 1280 ? 30 : t < 1600 ? 40 : t < 1920 ? 48 : 72;
+}
+function Sn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M0 3a3 3 0 013-3h8a3 3 0 013 3v8a3 3 0 01-3 3H3a3 3 0 01-3-3V3zm3-1.5A1.5 1.5 0 001.5 3v8A1.5 1.5 0 003 12.5h8a1.5 1.5 0 001.5-1.5V3A1.5 1.5 0 0011 1.5H3zm-.167 5.316l.566-.542.177-.17.347-.332.346.334.176.17 1.139 1.098 3.699-3.563.177-.17.347-.335.347.334.177.17.563.543.177.171.372.36-.372.36-.177.17-4.786 4.615-.177.171-.347.334-.347-.334-.177-.17-2.23-2.15-.177-.172-.375-.361.376-.36.179-.17z" }));
+}
+function Mn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M10.889 5.5H3.11v1.556h7.778V5.5zm1.555-4.444h-.777V0H10.11v1.056H3.89V0H2.333v1.056h-.777c-.864 0-1.548.7-1.548 1.555L0 12.5c0 .856.692 1.5 1.556 1.5h10.888C13.3 14 14 13.356 14 12.5V2.611c0-.855-.7-1.555-1.556-1.555zm0 11.444H1.556V3.944h10.888V12.5zM8.556 8.611H3.11v1.556h5.445V8.61z" }));
+}
+function zn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M14 6.225c0 .822-.133 1.574-.4 2.256-.267.683-.644 1.218-1.13 1.606-.488.388-.946.6-1.494.6-.429 0-.808-.102-1.139-.305a1.753 1.753 0 01-.713-.8c-.613.736-1.563 1.104-2.531 1.104-1.027 0-1.835-.304-2.427-.912-.591-.608-.887-1.44-.887-2.496 0-1.204.389-2.175 1.166-2.911.776-.736 1.791-1.105 3.044-1.105.498 0 2.032.212 2.252.268.51.13.86.593.835 1.112l-.156 3.287c0 .794.22 1.19.66 1.19.372 0 .668-.267.888-.8.22-.534.33-1.232.33-2.094 0-.919-.194-1.731-.582-2.436a3.924 3.924 0 00-1.64-1.614c-.704-.371-1.509-.557-2.413-.557-1.172 0-2.19.237-3.053.711a4.785 4.785 0 00-1.988 2.05c-.46.894-.691 1.926-.691 3.096 0 1.576.428 2.784 1.283 3.627.855.841 2.094 1.262 3.718 1.262.615 0 1.29-.067 2.027-.2.225-.042.518-.108.877-.2a.863.863 0 011.025.527.76.76 0 01-.502.993c-1.052.316-2.17.488-3.357.516-2.204 0-3.922-.57-5.154-1.713C.616 11.146 0 9.56 0 7.527c0-1.41.315-2.69.944-3.84A6.792 6.792 0 013.63.98C4.794.327 6.131 0 7.645 0c1.276 0 2.514.29 3.418.77.905.481 1.574 1.228 2.12 2.176.544.947.817 2.04.817 3.28zm-8.615 1.01c0 1.208.488 1.811 1.466 1.811.511 0 .9-.181 1.168-.545.267-.363.429-.954.486-1.772l.11-1.896a4.638 4.638 0 00-.98-.095c-.71 0-1.263.224-1.658.67-.395.446-.592 1.055-.592 1.828z" }));
+}
+function Pn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M5.946 14a4.975 4.975 0 01-3.497-1.415A4.731 4.731 0 011 9.174c0-1.288.515-2.5 1.449-3.41L7.456.986c1.345-1.313 3.722-1.318 5.08.007a3.453 3.453 0 010 4.961L8.03 10.241c-.867.847-2.293.848-3.17-.006a2.158 2.158 0 010-3.102l1.744-1.701 1.272 1.24-1.744 1.701a.43.43 0 000 .621c.23.223.405.223.636 0l4.503-4.288a1.723 1.723 0 00-.007-2.473c-.68-.663-1.864-.663-2.543 0L3.713 7.011a3.006 3.006 0 00-.915 2.163c0 .82.328 1.591.922 2.17 1.19 1.162 3.262 1.162 4.451 0l2.248-2.192 1.272 1.24-2.248 2.193A4.978 4.978 0 015.946 14z" }));
+}
+function Tn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M7.779 7.063l-3.157 4.224a.49.49 0 00-.072.218.35.35 0 00.346.357h6.242c.476 0 .862.398.862.889v.36c0 .491-.386.889-.862.889H1.862A.876.876 0 011 13.111v-.425a.82.82 0 01.177-.54L4.393 7.8a1.367 1.367 0 00-.006-1.625L1.4 2.194a.822.822 0 01-.18-.544V.89C1.22.398 1.604 0 2.08 0h8.838c.476 0 .861.398.861.889v.36c0 .491-.385.89-.86.89H5.135c-.19 0-.345.159-.345.356a.489.489 0 00.07.216l2.92 3.975c.049.062.063.107.06.188a.246.246 0 01-.062.189z" }));
+}
+function Bn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M4 3a1 1 0 011-1h7a1 1 0 110 2H5a1 1 0 01-1-1zm0 4a1 1 0 011-1h7a1 1 0 110 2H5a1 1 0 01-1-1zm0 4a1 1 0 011-1h7a1 1 0 110 2H5a1 1 0 01-1-1zM2 4a1 1 0 110-2 1 1 0 010 2zm0 4a1 1 0 110-2 1 1 0 010 2zm0 4a1 1 0 110-2 1 1 0 010 2z" }));
+}
+function Hn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M4.462 0c-.595 0-1.078.482-1.078 1.078v2.306H1.078a1.078 1.078 0 100 2.155h2.306v2.922H1.078a1.078 1.078 0 100 2.155h2.306v2.306a1.078 1.078 0 002.155 0v-2.306H8.46v2.306a1.078 1.078 0 002.156 0v-2.306h2.306a1.078 1.078 0 100-2.155h-2.306V5.539h2.306a1.078 1.078 0 100-2.155h-2.306V1.078a1.078 1.078 0 00-2.156 0v2.306H5.54V1.078C5.54.482 5.056 0 4.461 0zm1.077 8.46V5.54H8.46v2.92H5.54z" }));
+}
+function On(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M9.625 10.847C8.912 10.289 8.121 9.926 7 9.26v-.54a3.33 3.33 0 00.538-.888c.408-.1.774-.498.774-.832 0-.482-.202-.673-.44-.829 0-.015.003-.03.003-.046 0-.711-.438-2.625-2.625-2.625-2.188 0-2.625 1.915-2.625 2.625 0 .017.003.03.003.046-.238.156-.44.347-.44.829 0 .334.366.731.774.833.146.343.326.643.538.886v.541c-1.12.665-1.912 1.028-2.625 1.587C.041 11.498 0 12.469 0 14h10.5c0-1.531-.041-2.502-.875-3.153zm3.5-3.5c-.713-.558-1.504-.921-2.625-1.587v-.54c.212-.244.392-.544.538-.888.408-.1.774-.498.774-.832 0-.482-.202-.673-.44-.829 0-.015.003-.03.003-.046C11.375 1.914 10.937 0 8.75 0 6.562 0 6.125 1.915 6.125 2.625c0 .017.003.03.003.046-.016.012-.03.025-.047.036 1.751.359 2.516 1.841 2.647 3.04.248.262.46.65.46 1.253 0 .603-.417 1.203-1.004 1.515-.057.109-.117.214-.181.315l.437.245c.64.357 1.194.666 1.724 1.081.138.108.256.224.365.343H14c0-1.53-.041-2.5-.875-3.153z" }));
+}
+function dt(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M13.125 10.035c-.571-.55-2.324-1.504-3.5-2.16v-.834c.224-.322.42-.671.566-1.055.394-.242.746-.702.746-1.173 0-.458-.005-.87-.47-1.208C10.305 1.558 9.436 0 7 0S3.695 1.558 3.533 3.605c-.465.338-.47.75-.47 1.208 0 .471.352.93.746 1.173.146.384.342.733.566 1.055v.834c-1.176.656-2.929 1.61-3.5 2.16C.165 10.72 0 11.812 0 14h14c0-2.188-.164-3.281-.875-3.965z" }));
+}
+function Vn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M2.207.013a.487.487 0 00-.29.02C.87.438.213 1.93.058 2.955c-.484 3.33 2.15 6.215 4.57 8.113 2.149 1.684 6.273 4.453 8.713 1.781.31-.329.678-.813.658-1.297-.058-.813-.813-1.394-1.394-1.84-.445-.329-1.375-1.239-1.956-1.22-.522.02-.851.562-1.18.891l-.582.581c-.096.097-1.336-.716-1.471-.813a9.881 9.881 0 01-1.414-1.104A9.13 9.13 0 014.86 6.732c-.097-.136-.89-1.317-.813-1.414 0 0 .677-.736.871-1.026.407-.62.717-1.104.252-1.84-.174-.27-.387-.484-.62-.716-.406-.387-.813-.794-1.278-1.123-.251-.194-.677-.542-1.065-.6z" }));
+}
+function Rn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M4.5 1v2h5.086L1 11.586 2.414 13 11 4.414V9.5h2V1z" }));
+}
+function jn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M7 13A6 6 0 107 1a6 6 0 000 12zM3.751 5.323A.2.2 0 013.909 5h6.182a.2.2 0 01.158.323L7.158 9.297a.2.2 0 01-.316 0L3.751 5.323z" }));
+}
+function Dn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M7 4.568a.5.5 0 00-.5-.5h-6a.5.5 0 00-.5.5v1.046a.5.5 0 00.5.5h6a.5.5 0 00.5-.5V4.568zM.5 1a.5.5 0 00-.5.5v1.045a.5.5 0 00.5.5h12a.5.5 0 00.5-.5V1.5a.5.5 0 00-.5-.5H.5zM0 8.682a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V7.636a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v1.046zm0 3.068a.5.5 0 00.5.5h9a.5.5 0 00.5-.5v-1.045a.5.5 0 00-.5-.5h-9a.5.5 0 00-.5.5v1.045z" }));
+}
+function pt(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M6.986 14c-1.79 0-3.582-.69-4.944-2.068-2.723-2.72-2.723-7.172 0-9.892 2.725-2.72 7.182-2.72 9.906 0A6.972 6.972 0 0114 6.996c0 1.88-.728 3.633-2.052 4.955A7.058 7.058 0 016.986 14zm3.285-6.99v1.645H5.526v-5.47h1.841v3.63h2.904v.194zm1.89-.014c0-1.379-.542-2.67-1.522-3.648-2.006-2.005-5.287-2.007-7.297-.009l-.009.009a5.168 5.168 0 000 7.295c2.01 2.007 5.297 2.007 7.306 0a5.119 5.119 0 001.521-3.647z" }));
+}
+function Fn(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M7.74 8.697a.81.81 0 01.073.308.894.894 0 01-.9.888.867.867 0 01-.825-.592l-.333-.961H2.058l-.333.961a.882.882 0 01-.838.592A.884.884 0 010 9.005c0-.11.025-.222.062-.308l2.403-6.211c.222-.58.776-.986 1.442-.986.653 0 1.22.407 1.442.986l2.39 6.211zM2.6 6.824h2.613L3.907 3.102 2.6 6.824zm8.8-3.118c1.355 0 2.6.542 2.6 2.255V9.08a.8.8 0 01-.789.814.797.797 0 01-.788-.703c-.395.468-1.097.764-1.874.764-.949 0-2.07-.64-2.07-1.972 0-1.392 1.121-1.897 2.07-1.897.789 0 1.491.246 1.886.727v-.826c0-.604-.518-.998-1.306-.998-.469 0-.888.123-1.32.394a.64.64 0 01-.307.086.602.602 0 01-.592-.604c0-.221.123-.419.284-.517a3.963 3.963 0 012.206-.641zm-.222 5.188c.505 0 .998-.172 1.257-.517v-.74c-.259-.345-.752-.517-1.257-.517-.616 0-1.122.332-1.122.9 0 .554.506.874 1.122.874zM.656 11.125h12.688a.656.656 0 110 1.313H.656a.656.656 0 110-1.313z" }));
+}
+function Un(t) {
+  return /* @__PURE__ */ e.createElement("svg", h({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M3.733 3.867h3.734c1.03 0 1.866.837 1.866 1.866 0 1.03-.837 1.867-1.866 1.867h-.934a.934.934 0 000 1.867h.934a3.734 3.734 0 000-7.467H3.733A3.73 3.73 0 001.89 8.977a4.637 4.637 0 01.314-2.18 1.854 1.854 0 01-.336-1.064c0-1.03.837-1.866 1.866-1.866zm8.377 1.422a4.6 4.6 0 01-.316 2.176c.212.303.34.67.34 1.068 0 1.03-.838 1.867-1.867 1.867H6.533a1.869 1.869 0 01-1.866-1.867c0-1.03.837-1.866 1.866-1.866h.934a.934.934 0 000-1.867h-.934a3.733 3.733 0 000 7.467h3.734a3.73 3.73 0 001.843-6.978z" }));
 }
+const An = {
+  title: Fn,
+  text: Dn,
+  number: Hn,
+  select: jn,
+  multi_select: Bn,
+  date: Mn,
+  person: On,
+  file: Pn,
+  checkbox: Sn,
+  url: Un,
+  email: zn,
+  phone_number: Vn,
+  formula: Tn,
+  relation: Rn,
+  created_time: pt,
+  last_edited_time: pt,
+  created_by: dt,
+  last_edited_by: dt
+}, qn = (a) => {
+  var l = a, { type: t } = l, o = T(l, ["type"]);
+  const i = An[t];
+  return i ? i(o) : null;
+}, ta = ({ schema: t }) => /* @__PURE__ */ e.createElement("div", { className: "notion-collection-column-title" }, /* @__PURE__ */ e.createElement(qn, { className: "notion-collection-column-title-icon", type: t.type }), /* @__PURE__ */ e.createElement("div", { className: "notion-collection-column-title-body" }, t.name));
 export {
-  Asset,
-  AssetWrapper,
-  Audio,
-  Block,
-  Breadcrumbs,
-  Checkbox,
-  CollectionColumnTitle,
-  EOI,
-  File,
-  GoogleDrive,
-  GracefulImage,
-  Header,
-  LiteYouTubeEmbed,
-  NotionBlockRenderer,
-  NotionContextConsumer,
-  NotionContextProvider,
-  NotionRenderer,
-  PageAside,
-  PageIcon,
-  PageIconImpl,
-  PageTitle,
-  PageTitleImpl,
-  PropertyIcon,
-  Search,
-  SearchDialog,
-  SyncPointerBlock,
-  Text,
-  dummyLink,
-  formatDate,
-  formatNotionDateTime,
-  getHashFragmentValue,
-  getListNumber,
-  getYoutubeId,
-  iconMap,
-  isBrowser,
-  isUrl,
-  useNotionContext
+  pn as Asset,
+  Me as AssetWrapper,
+  En as Audio,
+  Ln as Block,
+  Xt as Breadcrumbs,
+  Tt as Checkbox,
+  ta as CollectionColumnTitle,
+  yt as EOI,
+  yn as File,
+  bn as GoogleDrive,
+  Se as GracefulImage,
+  Yt as Header,
+  mn as LiteYouTubeEmbed,
+  Te as NotionBlockRenderer,
+  cn as NotionContextConsumer,
+  kt as NotionContextProvider,
+  ea as NotionRenderer,
+  wn as PageAside,
+  pe as PageIcon,
+  Ut as PageIconImpl,
+  fe as PageTitle,
+  Zt as PageTitleImpl,
+  qn as PropertyIcon,
+  Jt as Search,
+  Qt as SearchDialog,
+  xn as SyncPointerBlock,
+  P as Text,
+  Kn as dummyLink,
+  oa as formatDate,
+  ra as formatNotionDateTime,
+  Vt as getHashFragmentValue,
+  Ot as getListNumber,
+  Dt as getYoutubeId,
+  An as iconMap,
+  Rt as isBrowser,
+  la as isUrl,
+  V as useNotionContext
 };
+//# sourceMappingURL=index.js.map