@texonom/nreact 1.6.0 → 1.6.2

package/build/asset-wrapper-CVJvW06J.js

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