@texonom/nreact 1.5.10 → 1.6.0

package/build/asset-wrapper-BbigBRET.js

@@ -0,0 +1,1154 @@
+var le = Object.defineProperty, ue = Object.defineProperties;
+var me = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var G = (e, n, r) => n in e ? le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, y = (e, n) => {
+  for (var r in n || (n = {}))
+    Q.call(n, r) && G(e, r, n[r]);
+  if (B)
+    for (var r of B(n))
+      K.call(n, r) && G(e, r, n[r]);
+  return e;
+}, k = (e, n) => ue(e, me(n));
+var x = (e, n) => {
+  var r = {};
+  for (var i in e)
+    Q.call(e, i) && n.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && B)
+    for (var i of B(e))
+      n.indexOf(i) < 0 && K.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+var T = (e, n, r) => new Promise((i, u) => {
+  var s = (a) => {
+    try {
+      c(r.next(a));
+    } catch (l) {
+      u(l);
+    }
+  }, o = (a) => {
+    try {
+      c(r.throw(a));
+    } catch (l) {
+      u(l);
+    }
+  }, c = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(s, o);
+  c((r = r.apply(e, n)).next());
+});
+import t, { useState as fe } from "react";
+import { normalizeUrl as pe, getBlockIcon as de, getBlockTitle as W, isUrl as ge, formatNotionDateTime as he, formatDate as z, parsePageId as D, getBlockParentPage as ye, getPageBreadcrumbs as Ee, defaultMapImageUrl as ne, defaultMapPageUrl as re, getTextContent as ve } from "@texonom/nutils";
+import { useHotkeys as Y } from "react-hotkeys-hook";
+import { g as Ce } from "./_commonjsHelpers-ByYUsBRP.js";
+function we(e) {
+  return /* @__PURE__ */ t.createElement("svg", y({ viewBox: "0 0 14 14" }, e), /* @__PURE__ */ t.createElement("path", { d: "M5.5 12L14 3.5 12.5 2l-7 7-4-4.003L0 6.499z" }));
+}
+const Ne = ({ isChecked: e }) => {
+  let n = null;
+  return e ? n = /* @__PURE__ */ t.createElement("div", { className: "notion-property-checkbox-checked" }, /* @__PURE__ */ t.createElement(we, null)) : n = /* @__PURE__ */ t.createElement("div", { className: "notion-property-checkbox-unchecked" }), /* @__PURE__ */ t.createElement("span", { className: "notion-property notion-property-checkbox" }, n);
+}, oe = (e) => {
+  const i = e, { className: n } = i, r = x(i, ["className"]);
+  return /* @__PURE__ */ t.createElement("svg", y({ className: `notion-icon ${n || ""}`, viewBox: "0 0 17 17" }, r), /* @__PURE__ */ t.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" }));
+}, be = (e) => {
+  const i = e, { className: n } = i, r = x(i, ["className"]);
+  return /* @__PURE__ */ t.createElement("svg", k(y({ className: n }, r), { viewBox: "0 0 30 30", width: "16" }), /* @__PURE__ */ t.createElement("path", { d: "M16,1H4v28h22V11L16,1z M16,3.828L23.172,11H16V3.828z M24,27H6V3h8v10h10V27z M8,17h14v-2H8V17z M8,21h14v-2H8V21z M8,25h14v-2H8V25z" }));
+}, Oe = (e) => {
+  const n = [];
+  let r, i = -1;
+  return Object.keys(e).forEach((u) => {
+    var o, c;
+    const s = (o = e[u]) == null ? void 0 : o.value;
+    s && ((c = s.content) == null || c.forEach((a) => {
+      var f, m;
+      const l = (m = (f = e[a]) == null ? void 0 : f.value) == null ? void 0 : m.type;
+      l && l !== r && (i++, r = l, n[i] = []), i > -1 && n[i].push(a);
+    })), r = void 0;
+  }), n;
+}, Ot = (e, n) => {
+  const i = Oe(n).find((u) => u.includes(e));
+  if (i)
+    return i.indexOf(e) + 1;
+}, Se = (e) => e.includes("#") ? e.replace(/^.+(#.+)$/, "$1") : "", Le = typeof window != "undefined", Pe = /* @__PURE__ */ new Set([
+  "youtu.be",
+  "youtube.com",
+  "www.youtube.com",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]), _e = (e) => {
+  try {
+    const { hostname: n } = new URL(e);
+    if (!Pe.has(n)) return null;
+    const r = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/i, i = e.match(r);
+    if (i && i[2].length == 11) return i[2];
+  } catch (n) {
+  }
+  return null;
+}, U = (l) => {
+  var f = l, { src: e, alt: n, className: r, style: i, zoomable: u = !1, priority: s = !1, height: o, onError: c } = f, a = x(f, ["src", "alt", "className", "style", "zoomable", "priority", "height", "onError"]);
+  var g, v, w;
+  const { recordMap: m, zoom: d, previewImages: E, forceCustomImages: h, components: p } = I(), N = t.useRef(d ? d.clone() : null), S = E ? (w = (g = m == null ? void 0 : m.preview_images) == null ? void 0 : g[e]) != null ? w : (v = m == null ? void 0 : m.preview_images) == null ? void 0 : v[pe(e)] : null, b = t.useCallback(
+    (O) => {
+      u && (O.target.src || O.target.srcset) && N.current && N.current.attach(O.target);
+    },
+    [N, u]
+  ), _ = t.useCallback(
+    (O) => {
+      N.current && O && N.current.attach(O);
+    },
+    [N]
+  ), C = t.useMemo(() => u ? _ : void 0, [u, _]);
+  return S && p.Image ? /* @__PURE__ */ t.createElement(
+    p.Image,
+    {
+      src: e,
+      alt: n,
+      style: i,
+      className: r,
+      width: S.originalWidth,
+      height: S.originalHeight,
+      blurDataURL: S.dataURIBase64,
+      placeholder: "blur",
+      priority: s,
+      onLoad: b
+    }
+  ) : p.Image && h ? /* @__PURE__ */ t.createElement(
+    p.Image,
+    {
+      src: e,
+      alt: n,
+      className: r,
+      style: i,
+      width: null,
+      height: o || null,
+      priority: s,
+      onLoad: b
+    }
+  ) : /* @__PURE__ */ t.createElement(
+    "img",
+    y({
+      className: r,
+      style: i,
+      src: e,
+      alt: n,
+      ref: C,
+      loading: "lazy",
+      decoding: "async",
+      onError: c
+    }, a)
+  );
+}, xe = (e) => e.type === "page" || e.type === "callout" || e.type === "collection_view" || e.type === "collection_view_page", Ie = ({ block: e, className: n, inline: r = !0, hideDefaultIcon: i = !1, defaultIcon: u }) => {
+  var f;
+  const { mapImageUrl: s, recordMap: o, darkMode: c } = I();
+  let a = !1, l = null;
+  if (xe(e)) {
+    const m = ((f = de(e, o)) == null ? void 0 : f.trim()) || u, d = W(e, o);
+    if (m && ge(m)) {
+      const E = s(m, e);
+      a = !0, l = /* @__PURE__ */ t.createElement(U, { src: E, alt: d || "page icon", className: `${n || ""} notion-page-icon` });
+    } else if (m && m.startsWith("/icons/")) {
+      const E = "https://www.notion.so" + m + "?mode=" + (c ? "dark" : "light");
+      l = /* @__PURE__ */ t.createElement(U, { src: E, alt: d || "page icon", className: `${n || ""} notion-page-icon` });
+    } else m ? (a = !1, l = /* @__PURE__ */ t.createElement("span", { className: `${n || ""} notion-page-icon`, role: "img", "aria-label": m }, m)) : i || (a = !0, l = /* @__PURE__ */ t.createElement(be, { className: `${n || ""} notion-page-icon`, alt: d || "page icon" }));
+  }
+  return l ? /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: `
+        ${r ? "notion-page-icon-inline" : "notion-page-icon-hero"}
+        ${a ? "notion-page-icon-image" : "notion-page-icon-span"}
+      `
+    },
+    l
+  ) : null;
+}, q = t.memo(Ie), ke = (e) => {
+  const i = e, { className: n } = i, r = x(i, ["className"]);
+  return /* @__PURE__ */ t.createElement("svg", k(y({ className: `notion-icon ${n || ""}` }, r), { viewBox: "0 0 30 30" }), /* @__PURE__ */ t.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" }));
+}, $e = (e) => {
+  const i = e, { className: n } = i, r = x(i, ["className"]);
+  return /* @__PURE__ */ t.createElement("svg", k(y({ className: `notion-icon ${n || ""}` }, r), { viewBox: "0 0 24 24" }), /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("linearGradient", { x1: "28.1542969%", y1: "63.7402344%", x2: "74.6289062%", y2: "17.7832031%", id: "linearGradient-1" }, /* @__PURE__ */ t.createElement("stop", { stopColor: "rgba(164, 164, 164, 1)", offset: "0%" }), /* @__PURE__ */ t.createElement("stop", { stopColor: "rgba(164, 164, 164, 0)", stopOpacity: "0", offset: "100%" }))), /* @__PURE__ */ t.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none" }, /* @__PURE__ */ t.createElement("g", { transform: "translate(-236.000000, -286.000000)" }, /* @__PURE__ */ t.createElement("g", { transform: "translate(238.000000, 286.000000)" }, /* @__PURE__ */ t.createElement("circle", { id: "Oval-2", stroke: "url(#linearGradient-1)", strokeWidth: "4", cx: "10", cy: "12", r: "10" }), /* @__PURE__ */ t.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__ */ t.createElement("rect", { id: "Rectangle-1", fill: "rgba(164, 164, 164, 1)", x: "8", y: "0", width: "4", height: "4", rx: "8" })))));
+};
+function je(e) {
+  return /* @__PURE__ */ t.createElement("svg", y({ viewBox: "0 0 260 260" }, e), /* @__PURE__ */ t.createElement("g", null, /* @__PURE__ */ t.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 Me = ({ block: e, inline: n, className: r }) => {
+  var d, E, h;
+  const { components: i } = I(), { original_url: u, attributes: s, domain: o } = (e == null ? void 0 : e.format) || {};
+  if (!u || !s) return null;
+  const c = (d = s.find((p) => p.id === "title")) == null ? void 0 : d.values[0];
+  let a = (E = s.find((p) => p.id === "owner")) == null ? void 0 : E.values[0];
+  const l = (h = s.find((p) => p.id === "updated_at")) == null ? void 0 : h.values[0], f = l ? he(l) : null;
+  let m;
+  switch (o) {
+    case "github.com":
+      if (m = /* @__PURE__ */ t.createElement(je, null), a) {
+        const p = a.split("/");
+        a = p[p.length - 1];
+      }
+      break;
+    default:
+      return process.env.NODE_ENV !== "production" && console.debug(`Unsupported external_object_instance domain "${o}"`, JSON.stringify(e, null, 2)), null;
+  }
+  return /* @__PURE__ */ t.createElement(
+    i.Link,
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: u,
+      className: `notion-external ${n ? "notion-external-mention" : "notion-external-block notion-row"} ${r || ""}`
+    },
+    m && /* @__PURE__ */ t.createElement("div", { className: "notion-external-image" }, m),
+    /* @__PURE__ */ t.createElement("div", { className: "notion-external-description" }, /* @__PURE__ */ t.createElement("div", { className: "notion-external-title" }, c), (a || f) && /* @__PURE__ */ t.createElement("div", { className: "notion-external-subtitle" }, a && /* @__PURE__ */ t.createElement("span", null, a), a && f && /* @__PURE__ */ t.createElement("span", null, " • "), f && /* @__PURE__ */ t.createElement("span", null, "Updated ", f)))
+  );
+};
+function M(e) {
+  "@babel/helpers - typeof";
+  return M = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    return typeof n;
+  } : function(n) {
+    return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
+  }, M(e);
+}
+function Be(e, n) {
+  if (M(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var i = r.call(e, n);
+    if (M(i) != "object") return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (n === "string" ? String : Number)(e);
+}
+function Re(e) {
+  var n = Be(e, "string");
+  return M(n) == "symbol" ? n : n + "";
+}
+function ae(e, n, r) {
+  return n = Re(n), n in e ? Object.defineProperty(e, n, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[n] = r, e;
+}
+function De(e, n) {
+  if (e == null) return {};
+  var r = {}, i = Object.keys(e), u, s;
+  for (s = 0; s < i.length; s++)
+    u = i[s], !(n.indexOf(u) >= 0) && (r[u] = e[u]);
+  return r;
+}
+var ie = (function(e) {
+  var n = e.decode, r = n === void 0 ? !0 : n, i = e.crossOrigin, u = i === void 0 ? "" : i;
+  return function(s) {
+    return new Promise(function(o, c) {
+      var a = new Image();
+      u && (a.crossOrigin = u), a.onload = function() {
+        r && a.decode ? a.decode().then(o).catch(c) : o();
+      }, a.onerror = c, a.src = s;
+    });
+  };
+});
+function X(e, n) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    n && (i = i.filter(function(u) {
+      return Object.getOwnPropertyDescriptor(e, u).enumerable;
+    })), r.push.apply(r, i);
+  }
+  return r;
+}
+function R(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var r = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? X(Object(r), !0).forEach(function(i) {
+      ae(e, i, r[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : X(Object(r)).forEach(function(i) {
+      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(r, i));
+    });
+  }
+  return e;
+}
+var Te = function(n) {
+  return n.filter(function(r) {
+    return r;
+  });
+}, ze = function(n) {
+  return Array.isArray(n) ? n : [n];
+}, P = {}, Ve = function(n, r) {
+  var i = !1;
+  return new Promise(function(u, s) {
+    var o = function(a) {
+      return r(a).then(function() {
+        i = !0, u(a);
+      });
+    };
+    n.reduce(function(c, a) {
+      return c.catch(function() {
+        if (!i) return o(a);
+      });
+    }, o(n.shift())).catch(s);
+  });
+};
+function Fe(e) {
+  var n = e.srcList, r = e.imgPromise, i = r === void 0 ? ie({
+    decode: !0
+  }) : r, u = e.useSuspense, s = u === void 0 ? !0 : u, o = fe(!1), c = o[1], a = Te(ze(n)), l = a.join("");
+  if (P[l] || (P[l] = {
+    promise: Ve(a, i),
+    cache: "pending",
+    error: null
+  }), P[l].cache === "resolved")
+    return {
+      src: P[l].src,
+      isLoading: !1,
+      error: null
+    };
+  if (P[l].cache === "rejected") {
+    if (s) throw P[l].error;
+    return {
+      isLoading: !1,
+      error: P[l].error,
+      src: void 0
+    };
+  }
+  if (P[l].promise.then(function(f) {
+    P[l] = R(R({}, P[l]), {}, {
+      cache: "resolved",
+      src: f
+    }), s || c(l);
+  }).catch(function(f) {
+    P[l] = R(R({}, P[l]), {}, {
+      cache: "rejected",
+      error: f
+    }), s || c(l);
+  }), s) throw P[l].promise;
+  return {
+    isLoading: !0,
+    src: void 0,
+    error: null
+  };
+}
+var Ue = ["decode", "src", "loader", "unloader", "container", "loaderContainer", "unloaderContainer", "imgPromise", "crossorigin", "useSuspense"];
+function J(e, n) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    n && (i = i.filter(function(u) {
+      return Object.getOwnPropertyDescriptor(e, u).enumerable;
+    })), r.push.apply(r, i);
+  }
+  return r;
+}
+function qe(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var r = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? J(Object(r), !0).forEach(function(i) {
+      ae(e, i, r[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : J(Object(r)).forEach(function(i) {
+      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(r, i));
+    });
+  }
+  return e;
+}
+var V = function(n) {
+  return n;
+};
+function He(e) {
+  var n = e.decode, r = n === void 0 ? !0 : n, i = e.src, u = i === void 0 ? [] : i, s = e.loader, o = s === void 0 ? null : s, c = e.unloader, a = c === void 0 ? null : c, l = e.container, f = l === void 0 ? V : l, m = e.loaderContainer, d = m === void 0 ? V : m, E = e.unloaderContainer, h = E === void 0 ? V : E, p = e.imgPromise, N = e.crossorigin, S = e.useSuspense, b = S === void 0 ? !1 : S, _ = De(e, Ue);
+  p = p || ie({
+    decode: r,
+    crossOrigin: N
+  });
+  var C = Fe({
+    srcList: u,
+    imgPromise: p,
+    useSuspense: b
+  }), g = C.src, v = C.isLoading;
+  return g ? f(/* @__PURE__ */ t.createElement("img", qe({
+    src: g
+  }, _))) : !b && v ? d(o) : !b && a ? h(a) : null;
+}
+const ee = (e) => Le ? /* @__PURE__ */ t.createElement(He, y({}, e)) : /* @__PURE__ */ t.createElement("img", y({}, e)), H = ({ value: e, block: n, linkProps: r, linkProtocol: i }) => {
+  const { components: u, recordMap: s, mapPageUrl: o, mapImageUrl: c, rootDomain: a } = I();
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, e == null ? void 0 : e.map((l, f) => {
+    const [m, d] = l;
+    if (!d)
+      return m === "," ? /* @__PURE__ */ t.createElement("span", { key: f, style: { padding: "0.5em" } }) : /* @__PURE__ */ t.createElement(t.Fragment, { key: f }, m);
+    const E = d.reduce(
+      (h, p) => {
+        var N, S, b, _, C;
+        switch (p[0]) {
+          case "p": {
+            const g = p[1], v = (N = s.block[g]) == null ? void 0 : N.value;
+            return v ? /* @__PURE__ */ t.createElement(u.PageLink, { className: "notion-link", href: o(g) }, /* @__PURE__ */ t.createElement(A, { block: v })) : (console.debug('"p" missing block', g), null);
+          }
+          case "‣": {
+            const g = p[1][0], v = p[1][1];
+            switch (g) {
+              case "u": {
+                const w = (S = s.notion_user[v]) == null ? void 0 : S.value;
+                if (!w)
+                  return console.debug('"‣" missing user', v), null;
+                const O = [w.given_name, w.family_name].filter(Boolean).join(" "), $ = w.email;
+                return /* @__PURE__ */ t.createElement(u.Link, y({ className: "notion-link", href: `mailto:${$}` }, r), /* @__PURE__ */ t.createElement(
+                  ee,
+                  {
+                    className: "notion-user",
+                    src: c(w.profile_photo, n),
+                    alt: O,
+                    style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
+                  }
+                ), O);
+              }
+              default: {
+                const w = (b = s.block[v]) == null ? void 0 : b.value;
+                return w ? /* @__PURE__ */ t.createElement(
+                  u.PageLink,
+                  k(y({
+                    className: "notion-link",
+                    href: o(v)
+                  }, r), {
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }),
+                  /* @__PURE__ */ t.createElement(A, { block: w })
+                ) : (console.debug('"‣" missing block', g, v), null);
+              }
+            }
+          }
+          case "h":
+            return /* @__PURE__ */ t.createElement("span", { className: `notion-${p[1]}` }, h);
+          case "c":
+            return /* @__PURE__ */ t.createElement("code", { className: "notion-inline-code" }, h);
+          case "b":
+            return /* @__PURE__ */ t.createElement("b", null, h);
+          case "i":
+            return /* @__PURE__ */ t.createElement("em", null, h);
+          case "s":
+            return /* @__PURE__ */ t.createElement("s", null, h);
+          case "_":
+            return /* @__PURE__ */ t.createElement("span", { className: "notion-inline-underscore" }, h);
+          case "e":
+            return /* @__PURE__ */ t.createElement(u.Equation, { math: p[1], inline: !0 });
+          case "m":
+            return h;
+          //still need to return the base element
+          case "a": {
+            const g = p[1], v = g.substring(1), w = D(v, { uuid: !0 });
+            if ((g[0] === "/" || g.includes(a)) && w) {
+              const O = g.includes(a) ? g : `${o(w)}${Se(g)}`;
+              return /* @__PURE__ */ t.createElement(u.PageLink, y({ className: "notion-link", href: O }, r), h);
+            } else
+              return /* @__PURE__ */ t.createElement(
+                u.Link,
+                y({
+                  className: "notion-link",
+                  href: i ? `${i}:${p[1]}` : p[1]
+                }, r),
+                h
+              );
+          }
+          // Date
+          case "d": {
+            const g = p[1], v = g == null ? void 0 : g.type;
+            if (v === "date") {
+              const w = g.start_date;
+              return z(w);
+            } else if (v === "daterange") {
+              const w = g.start_date, O = g.end_date;
+              return `${z(w)} → ${z(O)}`;
+            } else
+              return h;
+          }
+          // User
+          case "u": {
+            const g = p[1], v = (_ = s.notion_user[g]) == null ? void 0 : _.value;
+            if (!v)
+              return console.debug("missing user", g), null;
+            const w = v.name, O = v.email;
+            return /* @__PURE__ */ t.createElement(u.Link, y({ className: "notion-link", href: `mailto:${O}` }, r), /* @__PURE__ */ t.createElement(
+              ee,
+              {
+                className: "notion-user",
+                src: c(v.profile_photo, n),
+                alt: w,
+                style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
+              }
+            ), w);
+          }
+          case "eoi": {
+            const g = p[1], v = (C = s.block[g]) == null ? void 0 : C.value;
+            return /* @__PURE__ */ t.createElement(Me, { block: v, inline: !0 });
+          }
+          default:
+            return process.env.NODE_ENV !== "production" && console.debug("unsupported text format", p), h;
+        }
+      },
+      /* @__PURE__ */ t.createElement(t.Fragment, null, m)
+    );
+    return /* @__PURE__ */ t.createElement(t.Fragment, { key: f }, E);
+  }));
+}, Ae = (u) => {
+  var s = u, { block: e, className: n, defaultIcon: r } = s, i = x(s, ["block", "className", "defaultIcon"]);
+  var c, a;
+  const { recordMap: o } = I();
+  if (!e) return null;
+  if (e.type === "collection_view_page" || e.type === "collection_view") {
+    const l = W(e, o);
+    if (!l) return null;
+    const f = [[l]];
+    return /* @__PURE__ */ t.createElement("span", y({ className: `notion-page-title ${n || ""}` }, i), /* @__PURE__ */ t.createElement(q, { block: e, defaultIcon: r, className: "notion-page-title-icon" }), /* @__PURE__ */ t.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ t.createElement(H, { value: f, block: e })));
+  }
+  return (c = e.properties) != null && c.title ? /* @__PURE__ */ t.createElement("span", y({ className: `notion-page-title ${n || ""}` }, i), /* @__PURE__ */ t.createElement(q, { block: e, defaultIcon: r, className: "notion-page-title-icon" }), /* @__PURE__ */ t.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ t.createElement(H, { value: (a = e.properties) == null ? void 0 : a.title, block: e }))) : null;
+}, A = t.memo(Ae), We = (e, n) => {
+  let r;
+  return (...i) => {
+    r && clearTimeout(r), r = setTimeout(() => e(...i), n);
+  };
+};
+class Ze extends t.Component {
+  constructor(n) {
+    super(n), this.state = {
+      isLoading: !1,
+      query: "",
+      searchResult: null,
+      searchError: null
+    }, this._onAfterOpen = () => {
+      this._inputRef.current && this._inputRef.current.focus();
+    }, this._onChangeQuery = (r) => {
+      const i = r.target.value;
+      if (this.setState({ query: i }), i.trim())
+        this._search();
+      else {
+        this.setState({ isLoading: !1, searchResult: null, searchError: null });
+        return;
+      }
+    }, this._onClearQuery = () => {
+      this._onChangeQuery({ target: { value: "" } });
+    }, this._warmupSearch = () => T(this, null, function* () {
+      const { searchNotion: r, rootBlockId: i, rootSpaceId: u } = this.props;
+      yield r({
+        query: "",
+        spaceId: u,
+        filters: {
+          ancestors: [i],
+          isDeletedOnly: !1,
+          excludeTemplates: !0,
+          navigableBlockContentOnly: !0,
+          requireEditPermissions: !1
+        }
+      });
+    }), this._searchImpl = () => T(this, null, function* () {
+      const { searchNotion: r, rootBlockId: i, rootSpaceId: u } = this.props, { query: s } = this.state;
+      if (!s.trim()) {
+        this.setState({ isLoading: !1, searchResult: null, searchError: null });
+        return;
+      }
+      this.setState({ isLoading: !0 });
+      const o = yield r({
+        query: s,
+        spaceId: u,
+        filters: {
+          ancestors: [i],
+          isDeletedOnly: !1,
+          excludeTemplates: !0,
+          navigableBlockContentOnly: !0,
+          requireEditPermissions: !1
+        }
+      });
+      console.debug("search", s, o);
+      let c = null, a = null;
+      if (o.error || o.errorId)
+        a = o;
+      else {
+        c = y({}, o);
+        const f = c.results.map((m) => {
+          var h, p;
+          const d = (h = c.recordMap.block[m.id]) == null ? void 0 : h.value;
+          if (!d) return;
+          const E = W(d, c.recordMap);
+          if (E && (m.title = E, m.block = d, m.recordMap = c.recordMap, m.page = ye(d, c.recordMap, {
+            inclusive: !0
+          }) || d, !!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, d) => k(y({}, m), {
+            [d.page.id]: d
+          }),
+          {}
+        );
+        c.results = Object.values(f);
+      }
+      this.state.query === s && this.setState({ isLoading: !1, searchResult: c, searchError: a });
+    }), this._inputRef = t.createRef();
+  }
+  componentDidMount() {
+    this._search = We(this._searchImpl.bind(this), 500), this._warmupSearch();
+  }
+  render() {
+    const { isOpen: n, onClose: r } = this.props, { isLoading: i, query: u, searchResult: s, searchError: o } = this.state, c = !!u.trim();
+    return /* @__PURE__ */ t.createElement(lt, null, (a) => {
+      const { components: l, defaultPageIcon: f, mapPageUrl: m } = a;
+      return /* @__PURE__ */ t.createElement(
+        l.Modal,
+        {
+          isOpen: n,
+          contentLabel: "Search",
+          className: "notion-search",
+          overlayClassName: "notion-search-overlay",
+          onRequestClose: r,
+          onAfterOpen: this._onAfterOpen
+        },
+        /* @__PURE__ */ t.createElement("div", { className: "quickFindMenu" }, /* @__PURE__ */ t.createElement("div", { className: "searchBar" }, /* @__PURE__ */ t.createElement("div", { className: "inlineIcon" }, i ? /* @__PURE__ */ t.createElement($e, { className: "loadingIcon" }) : /* @__PURE__ */ t.createElement(oe, null)), /* @__PURE__ */ t.createElement(
+          "input",
+          {
+            className: "searchInput",
+            placeholder: "Search",
+            value: u,
+            ref: this._inputRef,
+            onInput: this._onChangeQuery
+          }
+        ), u && /* @__PURE__ */ t.createElement("div", { role: "button", className: "clearButton", onClick: this._onClearQuery }, /* @__PURE__ */ t.createElement(ke, { className: "clearIcon" }))), c && s && /* @__PURE__ */ t.createElement(t.Fragment, null, s.results.length ? /* @__PURE__ */ t.createElement(ct, k(y({}, a), { recordMap: s.recordMap }), /* @__PURE__ */ t.createElement("div", { className: "resultsPane" }, s.results.map((d) => {
+          var E;
+          return /* @__PURE__ */ t.createElement(
+            l.PageLink,
+            {
+              key: d.id,
+              className: "result notion-page-link",
+              href: m(d.page.id, s.recordMap)
+            },
+            /* @__PURE__ */ t.createElement(A, { block: d.page, defaultIcon: f }),
+            ((E = d.highlight) == null ? void 0 : E.html) && /* @__PURE__ */ t.createElement(
+              "div",
+              {
+                className: "notion-search-result-highlight",
+                dangerouslySetInnerHTML: {
+                  __html: d.highlight.html
+                }
+              }
+            )
+          );
+        })), /* @__PURE__ */ t.createElement("footer", { className: "resultsFooter" }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement("span", { className: "resultsCount" }, s.total), s.total === 1 ? " result" : " results"))) : /* @__PURE__ */ t.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ t.createElement("div", { className: "noResults" }, "No results"), /* @__PURE__ */ t.createElement("div", { className: "noResultsDetail" }, "Try different search terms"))), c && !s && o && /* @__PURE__ */ t.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ t.createElement("div", { className: "noResults" }, "Search error")))
+      );
+    });
+  }
+}
+const Ge = ({ block: e }) => /* @__PURE__ */ t.createElement("header", { className: "notion-header" }, /* @__PURE__ */ t.createElement("div", { className: "notion-nav-header" }, /* @__PURE__ */ t.createElement(Qe, { block: e }), /* @__PURE__ */ t.createElement(Ke, { block: e }))), Qe = ({ block: e, rootOnly: n = !1 }) => {
+  const { recordMap: r, mapPageUrl: i, components: u } = I(), s = t.useMemo(() => {
+    const o = Ee(r, e.id);
+    return n ? [o[0]].filter(Boolean) : o;
+  }, [r, e.id, n]);
+  return /* @__PURE__ */ t.createElement("div", { className: "breadcrumbs", key: "breadcrumbs" }, s.map((o, c) => {
+    if (!o) return null;
+    const a = {}, l = {
+      pageLink: u.PageLink
+    };
+    return o.active ? l.pageLink = (f) => /* @__PURE__ */ t.createElement("div", y({}, f)) : a.href = i(o.pageId), /* @__PURE__ */ t.createElement(t.Fragment, { key: o.pageId }, /* @__PURE__ */ t.createElement(l.pageLink, y({ className: `breadcrumb ${o.active && "active"}` }, a), o.icon && /* @__PURE__ */ t.createElement(q, { className: "icon", block: o.block }), o.title && /* @__PURE__ */ t.createElement("span", { className: "title" }, o.title)), c < s.length - 1 && /* @__PURE__ */ t.createElement("span", { className: "spacer" }, "/"));
+  }));
+}, Ke = ({ block: e, search: n, title: r = "Search" }) => {
+  const { searchNotion: i, rootPageId: u, isShowingSearch: s, onHideSearch: o, rootSpaceId: c } = I(), a = n || i, [l, f] = t.useState(s);
+  t.useEffect(() => {
+    f(s);
+  }, [s]);
+  const m = t.useCallback(() => {
+    f(!0);
+  }, []), d = t.useCallback(() => {
+    f(!1), o && o();
+  }, [o]);
+  Y("cmd+p", (h) => {
+    m(), h.preventDefault(), h.stopPropagation();
+  }), Y("cmd+k", (h) => {
+    m(), h.preventDefault(), h.stopPropagation();
+  });
+  const E = !!a;
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, E && /* @__PURE__ */ t.createElement("div", { role: "button", className: "breadcrumb button notion-search-button", onClick: m }, /* @__PURE__ */ t.createElement(oe, { className: "searchIcon" }), r && /* @__PURE__ */ t.createElement("span", { className: "title" }, r)), l && E && /* @__PURE__ */ t.createElement(
+    Ze,
+    {
+      isOpen: l,
+      rootBlockId: u || (e == null ? void 0 : e.id),
+      rootSpaceId: c,
+      onClose: d,
+      searchNotion: a
+    }
+  ));
+};
+var F, te;
+function Ye() {
+  if (te) return F;
+  te = 1;
+  var e = typeof Element != "undefined", n = typeof Map == "function", r = typeof Set == "function", i = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+  function u(s, o) {
+    if (s === o) return !0;
+    if (s && o && typeof s == "object" && typeof o == "object") {
+      if (s.constructor !== o.constructor) return !1;
+      var c, a, l;
+      if (Array.isArray(s)) {
+        if (c = s.length, c != o.length) return !1;
+        for (a = c; a-- !== 0; )
+          if (!u(s[a], o[a])) return !1;
+        return !0;
+      }
+      var f;
+      if (n && s instanceof Map && o instanceof Map) {
+        if (s.size !== o.size) return !1;
+        for (f = s.entries(); !(a = f.next()).done; )
+          if (!o.has(a.value[0])) return !1;
+        for (f = s.entries(); !(a = f.next()).done; )
+          if (!u(a.value[1], o.get(a.value[0]))) return !1;
+        return !0;
+      }
+      if (r && s instanceof Set && o instanceof Set) {
+        if (s.size !== o.size) return !1;
+        for (f = s.entries(); !(a = f.next()).done; )
+          if (!o.has(a.value[0])) return !1;
+        return !0;
+      }
+      if (i && ArrayBuffer.isView(s) && ArrayBuffer.isView(o)) {
+        if (c = s.length, c != o.length) return !1;
+        for (a = c; a-- !== 0; )
+          if (s[a] !== o[a]) return !1;
+        return !0;
+      }
+      if (s.constructor === RegExp) return s.source === o.source && s.flags === o.flags;
+      if (s.valueOf !== Object.prototype.valueOf && typeof s.valueOf == "function" && typeof o.valueOf == "function") return s.valueOf() === o.valueOf();
+      if (s.toString !== Object.prototype.toString && typeof s.toString == "function" && typeof o.toString == "function") return s.toString() === o.toString();
+      if (l = Object.keys(s), c = l.length, c !== Object.keys(o).length) return !1;
+      for (a = c; a-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(o, l[a])) return !1;
+      if (e && s instanceof Element) return !1;
+      for (a = c; a-- !== 0; )
+        if (!((l[a] === "_owner" || l[a] === "__v" || l[a] === "__o") && s.$$typeof) && !u(s[l[a]], o[l[a]]))
+          return !1;
+      return !0;
+    }
+    return s !== s && o !== o;
+  }
+  return F = function(o, c) {
+    try {
+      return u(o, c);
+    } catch (a) {
+      if ((a.message || "").match(/stack|recursion/i))
+        return console.warn("react-fast-compare cannot handle circular refs"), !1;
+      throw a;
+    }
+  }, F;
+}
+var Xe = Ye();
+const Je = /* @__PURE__ */ Ce(Xe), et = (e) => t.memo(function(f) {
+  var m = f, {
+    src: r,
+    alt: i,
+    width: u,
+    height: s,
+    className: o,
+    style: c,
+    layout: a
+  } = m, l = x(m, [
+    "src",
+    "alt",
+    "width",
+    "height",
+    "className",
+    "style",
+    "layout"
+  ]);
+  return a || (a = u && s ? "intrinsic" : "fill"), /* @__PURE__ */ t.createElement(
+    e,
+    y({
+      className: o,
+      src: r,
+      alt: i,
+      width: a === "intrinsic" && u,
+      height: a === "intrinsic" && s,
+      objectFit: c == null ? void 0 : c.objectFit,
+      objectPosition: c == null ? void 0 : c.objectPosition,
+      layout: a
+    }, l)
+  );
+}, Je), tt = (e) => function(E) {
+  var h = E, {
+    href: r,
+    as: i,
+    passHref: u,
+    prefetch: s,
+    replace: o,
+    scroll: c,
+    shallow: a,
+    locale: l,
+    className: f,
+    style: m
+  } = h, d = x(h, [
+    "href",
+    "as",
+    "passHref",
+    "prefetch",
+    "replace",
+    "scroll",
+    "shallow",
+    "locale",
+    "className",
+    "style"
+  ]);
+  return /* @__PURE__ */ t.createElement(
+    e,
+    y({
+      href: r,
+      as: i,
+      prefetch: s,
+      replace: o,
+      scroll: c,
+      shallow: a,
+      locale: l,
+      className: f,
+      style: m
+    }, d)
+  );
+}, nt = (e) => /* @__PURE__ */ t.createElement("a", y({ target: "_blank", rel: "noopener noreferrer" }, e)), rt = t.memo(nt), ot = (r) => {
+  var i = r, { href: e } = i, n = x(i, ["href"]);
+  var c, a;
+  const { recordMap: u, rootSpaceId: s } = I();
+  let o = e;
+  if (typeof e == "string" && s) {
+    const l = D(e);
+    if (l) {
+      const f = (a = (c = u == null ? void 0 : u.block) == null ? void 0 : c[l]) == null ? void 0 : a.value;
+      (!f || f.space_id !== s) && (o = `https://notion.so/${l.replace(/-/g, "")}`);
+    }
+  }
+  return /* @__PURE__ */ t.createElement("a", y({ href: o }, n));
+}, at = t.memo(ot), it = (e) => /* @__PURE__ */ t.createElement(ht, y({}, e)), st = Ge, St = (s) => {
+  var o = s, { href: e, rel: n, target: r, title: i } = o, u = x(o, ["href", "rel", "target", "title"]);
+  return /* @__PURE__ */ t.createElement("span", y({}, u));
+}, j = (e) => () => (console.warn(`Warning: using empty component "${e}" (you should override this in NotionRenderer.components)`), null), L = (e, n) => n(), se = {
+  Image: null,
+  // disable custom images by default
+  Link: rt,
+  PageLink: at,
+  Checkbox: Ne,
+  Callout: void 0,
+  // use the built-in callout rendering by default
+  Code: j("Code"),
+  Equation: j("Equation"),
+  Collection: j("Collection"),
+  Property: void 0,
+  // use the built-in property rendering by default
+  propertyTextValue: L,
+  propertySelectValue: L,
+  propertyRelationValue: L,
+  propertyFormulaValue: L,
+  propertyTitleValue: L,
+  propertyPersonValue: L,
+  propertyFileValue: L,
+  propertyCheckboxValue: L,
+  propertyUrlValue: L,
+  propertyEmailValue: L,
+  propertyPhoneNumberValue: L,
+  propertyNumberValue: L,
+  propertyLastEditedTimeValue: L,
+  propertyCreatedTimeValue: L,
+  propertyDateValue: L,
+  Pdf: j("Pdf"),
+  Tweet: j("Tweet"),
+  Modal: j("Modal"),
+  Header: st,
+  Embed: it
+}, ce = {
+  recordMap: {
+    block: {},
+    collection: {},
+    collection_view: {},
+    collection_query: {},
+    notion_user: {},
+    signed_urls: {}
+  },
+  components: se,
+  mapPageUrl: re(),
+  mapImageUrl: ne,
+  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
+}, Z = t.createContext(ce), ct = (c) => {
+  var a = c, {
+    components: e = {},
+    children: n,
+    mapPageUrl: r,
+    mapImageUrl: i,
+    rootPageId: u,
+    rootSpaceId: s
+  } = a, o = x(a, [
+    "components",
+    "children",
+    "mapPageUrl",
+    "mapImageUrl",
+    "rootPageId",
+    "rootSpaceId"
+  ]);
+  for (const m of Object.keys(o)) o[m] === void 0 && delete o[m];
+  const l = t.useMemo(() => {
+    const m = y({}, e);
+    if (m.nextImage && (m.Image = et(m.nextImage)), m.nextLink) {
+      const d = tt(m.nextLink);
+      m.nextLink = d, m.PageLink || (m.PageLink = d), m.Link || (m.Link = d);
+    }
+    for (const d of Object.keys(m)) m[d] || delete m[d];
+    return m;
+  }, [e]), f = t.useMemo(
+    () => k(y(y({}, ce), o), {
+      rootPageId: u,
+      rootSpaceId: s,
+      mapPageUrl: r != null ? r : re(u),
+      mapImageUrl: i != null ? i : ne,
+      components: y(y({}, se), l)
+    }),
+    [i, r, l, u, s, o]
+  );
+  return /* @__PURE__ */ t.createElement(Z.Provider, { value: f }, n);
+}, lt = Z.Consumer, I = () => t.useContext(Z), ut = (e) => Object.keys(e).map((n) => `${encodeURIComponent(n)}=${encodeURIComponent(e[n])}`).join("&"), mt = ({
+  id: e,
+  defaultPlay: n = !1,
+  mute: r = !1,
+  lazyImage: i = !1,
+  iframeTitle: u = "YouTube video",
+  alt: s = "Video preview",
+  params: o = {},
+  adLinksPreconnect: c = !0,
+  style: a,
+  className: l
+}) => {
+  const f = r || n ? "1" : "0", m = t.useMemo(() => ut(y({ autoplay: "1", mute: f }, o)), [f, o]), E = `https://i.ytimg.com/vi/${e}/hqdefault.jpg`, h = "https://www.youtube-nocookie.com", p = `${h}/embed/${e}?${m}`, [N, S] = t.useState(!1), [b, _] = t.useState(n), [C, g] = t.useState(!1), v = t.useCallback(() => {
+    N || S(!0);
+  }, [N]), w = t.useCallback(() => {
+    b || _(!0);
+  }, [b]), O = t.useCallback(() => {
+    g(!0);
+  }, []);
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("link", { rel: "preload", href: E, as: "image" }), N && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("link", { rel: "preconnect", href: h }), /* @__PURE__ */ t.createElement("link", { rel: "preconnect", href: "https://www.google.com" })), N && c && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("link", { rel: "preconnect", href: "https://static.doubleclick.net" }), /* @__PURE__ */ t.createElement("link", { rel: "preconnect", href: "https://googleads.g.doubleclick.net" })), /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      onClick: w,
+      onPointerOver: v,
+      className: `notion-yt-lite
+          ${C && "notion-yt-loaded"}
+          ${b && "notion-yt-initialized"}
+          ${l || ""}`,
+      style: a
+    },
+    /* @__PURE__ */ t.createElement("img", { src: E, className: "notion-yt-thumbnail", loading: i ? "lazy" : void 0, alt: s }),
+    /* @__PURE__ */ t.createElement("div", { className: "notion-yt-playbtn" }),
+    b && /* @__PURE__ */ t.createElement(
+      "iframe",
+      {
+        width: "560",
+        height: "315",
+        frameBorder: "0",
+        allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: !0,
+        title: u,
+        src: p,
+        onLoad: O
+      }
+    )
+  ));
+}, ft = typeof window == "undefined", pt = [
+  "video",
+  "image",
+  "embed",
+  "figma",
+  "typeform",
+  "excalidraw",
+  "maps",
+  "tweet",
+  "pdf",
+  "gist",
+  "codepen",
+  "drive"
+], dt = ({ block: e, zoomable: n = !0, children: r }) => {
+  var f, m, d, E, h, p, N, S, b, _;
+  const { recordMap: i, mapImageUrl: u, components: s } = I();
+  if (!e || !pt.includes(e.type)) return null;
+  const o = {
+    position: "relative",
+    display: "flex",
+    justifyContent: "center",
+    alignSelf: "center",
+    width: "100%",
+    maxWidth: "100%",
+    flexDirection: "column"
+  }, c = {};
+  if (e.format) {
+    const { block_aspect_ratio: C, block_height: g, block_width: v, block_full_width: w, block_page_width: O, block_preserve_scale: $ } = e.format;
+    if (w || O)
+      w ? o.width = "100vw" : o.width = "100%", e.type === "video" ? g ? o.height = g : C ? o.paddingBottom = `${C * 100}%` : $ && (o.objectFit = "contain") : C && e.type !== "image" ? o.paddingBottom = `${C * 100}%` : g ? o.height = g : $ && (e.type === "image" ? o.height = "100%" : (o.paddingBottom = "75%", o.minHeight = 100));
+    else {
+      switch ((f = e.format) == null ? void 0 : f.block_alignment) {
+        case "center": {
+          o.alignSelf = "center";
+          break;
+        }
+        case "left": {
+          o.alignSelf = "start";
+          break;
+        }
+        case "right": {
+          o.alignSelf = "end";
+          break;
+        }
+      }
+      v && (o.width = v), $ && e.type !== "image" ? (o.paddingBottom = "50%", o.minHeight = 100) : g && e.type !== "image" && (o.height = g);
+    }
+    e.type === "image" ? c.objectFit = "cover" : $ && (c.objectFit = "contain");
+  }
+  let a = ((m = i.signed_urls) == null ? void 0 : m[e.id]) || ((h = (E = (d = e.properties) == null ? void 0 : d.source) == null ? void 0 : E[0]) == null ? void 0 : h[0]), l = null;
+  if (!a) return null;
+  if (e.type === "tweet") {
+    const C = a;
+    if (!C) return null;
+    const g = C.split("?")[0].split("/").pop();
+    if (!g) return null;
+    l = /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        style: k(y({}, c), {
+          maxWidth: 420,
+          width: "100%",
+          marginLeft: "auto",
+          marginRight: "auto"
+        })
+      },
+      /* @__PURE__ */ t.createElement(s.Tweet, { id: g })
+    );
+  } else if (e.type === "pdf")
+    o.overflow = "auto", o.background = "rgb(226, 226, 226)", o.display = "block", o.padding || (o.padding = "8px 16px"), ft || (l = /* @__PURE__ */ t.createElement(s.Pdf, { file: a }));
+  else if (e.type === "embed" || e.type === "video" || e.type === "figma" || e.type === "typeform" || e.type === "gist" || e.type === "maps" || e.type === "excalidraw" || e.type === "codepen" || e.type === "drive")
+    if (e.type === "video" && a && a.indexOf("youtube") < 0 && a.indexOf("youtu.be") < 0 && a.indexOf("vimeo") < 0 && a.indexOf("wistia") < 0 && a.indexOf("loom") < 0 && a.indexOf("videoask") < 0 && a.indexOf("getcloudapp") < 0)
+      o.paddingBottom = void 0, l = /* @__PURE__ */ t.createElement("video", { playsInline: !0, controls: !0, preload: "metadata", style: c, src: a, title: e.type });
+    else {
+      let C = ((p = e.format) == null ? void 0 : p.display_source) || a;
+      if (C) {
+        const g = e.type === "video" ? _e(C) : null;
+        g ? l = /* @__PURE__ */ t.createElement(mt, { id: g, style: c, className: "notion-asset-object-fit" }) : e.type === "gist" ? (C.endsWith(".pibb") || (C = `${C}.pibb`), c.width = "100%", o.paddingBottom = "50%", l = /* @__PURE__ */ t.createElement(
+          "iframe",
+          {
+            style: c,
+            className: "notion-asset-object-fit",
+            src: C,
+            title: "GitHub Gist",
+            frameBorder: "0",
+            loading: "lazy",
+            scrolling: "auto"
+          }
+        )) : l = /* @__PURE__ */ t.createElement(
+          "iframe",
+          {
+            className: "notion-asset-object-fit",
+            style: c,
+            src: C,
+            title: `iframe ${e.type}`,
+            frameBorder: "0",
+            allowFullScreen: !0,
+            loading: "lazy",
+            scrolling: "auto"
+          }
+        );
+      }
+    }
+  else if (e.type === "image") {
+    a.includes("file.notion.so") && (a = (b = (S = (N = e.properties) == null ? void 0 : N.source) == null ? void 0 : S[0]) == null ? void 0 : b[0]);
+    const C = u(a, e), v = ve((_ = e.properties) == null ? void 0 : _.caption) || "notion image";
+    l = /* @__PURE__ */ t.createElement(U, { src: C, alt: v, zoomable: n, height: o.height, style: c });
+  }
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { style: o }, l, e.type === "image" && r), e.type !== "image" && r);
+}, gt = { width: "100%" }, ht = ({ blockId: e, block: n }) => {
+  var l, f, m, d, E, h;
+  const r = n, { components: i, mapPageUrl: u, rootDomain: s, zoom: o } = I();
+  let c = !1;
+  if (n.type === "image") {
+    const p = (m = (f = (l = r == null ? void 0 : r.properties) == null ? void 0 : l.caption) == null ? void 0 : f[0]) == null ? void 0 : m[0];
+    if (p) {
+      const N = D(p, { uuid: !0 });
+      (p.charAt(0) === "/" && N || yt(p)) && (c = !0);
+    }
+  }
+  const a = /* @__PURE__ */ t.createElement(
+    "figure",
+    {
+      className: `notion-asset-wrapper
+        notion-asset-wrapper-${n.type}
+        ${(d = r.format) != null && d.block_full_width ? "notion-asset-wrapper-full" : ""}
+        ${e}`
+    },
+    /* @__PURE__ */ t.createElement(dt, { block: r, zoomable: o && !c }, ((E = r == null ? void 0 : r.properties) == null ? void 0 : E.caption) && !c && /* @__PURE__ */ t.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ t.createElement(H, { value: r.properties.caption, block: n })))
+  );
+  if (c) {
+    const p = (h = r == null ? void 0 : r.properties) == null ? void 0 : h.caption[0][0], N = D(p, { uuid: !0 }), S = p.charAt(0) === "/" && N, b = Et(p);
+    return /* @__PURE__ */ t.createElement(
+      i.PageLink,
+      {
+        style: gt,
+        href: S ? u(N) : p,
+        target: b && b !== s && !p.startsWith("/") ? "blank_" : null
+      },
+      a
+    );
+  }
+  return a;
+};
+function yt(e) {
+  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(e);
+}
+function Et(e) {
+  try {
+    return new URL(e).hostname;
+  } catch (n) {
+    return "";
+  }
+}
+export {
+  ht as A,
+  Qe as B,
+  Ne as C,
+  Me as E,
+  ee as G,
+  Ge as H,
+  U as L,
+  ct as N,
+  A as P,
+  Ke as S,
+  H as T,
+  q as a,
+  Se as b,
+  _e as c,
+  St as d,
+  lt as e,
+  Ie as f,
+  Ot as g,
+  Ze as h,
+  Le as i,
+  Ae as j,
+  mt as k,
+  dt as l,
+  I as u
+};
+//# sourceMappingURL=asset-wrapper-BbigBRET.js.map