@texonom/nreact 1.5.1 → 1.5.3

package/build/{asset-wrapper-CmbIDPIw.js → asset-wrapper-CaHInqoM.js}

@@ -83,36 +83,36 @@ const pe = ({ isChecked: t }) => {
   } catch (a) {
   }
   return null;
-}, V = (s) => {
-  var m = s, { src: t, alt: a, className: n, style: o, zoomable: u = !1, priority: c = !1, height: r } = m, l = b(m, ["src", "alt", "className", "style", "zoomable", "priority", "height"]);
-  var N, g, y;
-  const { recordMap: p, zoom: i, previewImages: f, forceCustomImages: v, components: h } = _(), d = e.useRef(i ? i.clone() : null), w = f ? (y = (N = p == null ? void 0 : p.preview_images) == null ? void 0 : N[t]) != null ? y : (g = p == null ? void 0 : p.preview_images) == null ? void 0 : g[ne(t)] : null, I = e.useCallback(
-    (C) => {
-      u && (C.target.src || C.target.srcset) && d.current && d.current.attach(C.target);
+}, V = (m) => {
+  var p = m, { src: t, alt: a, className: n, style: o, zoomable: u = !1, priority: c = !1, height: r, onError: l } = p, s = b(p, ["src", "alt", "className", "style", "zoomable", "priority", "height", "onError"]);
+  var g, y, v;
+  const { recordMap: i, zoom: d, previewImages: C, forceCustomImages: h, components: f } = S(), w = e.useRef(d ? d.clone() : null), I = C ? (v = (g = i == null ? void 0 : i.preview_images) == null ? void 0 : g[t]) != null ? v : (y = i == null ? void 0 : i.preview_images) == null ? void 0 : y[ne(t)] : null, x = e.useCallback(
+    (k) => {
+      u && (k.target.src || k.target.srcset) && w.current && w.current.attach(k.target);
     },
-    [d, u]
-  ), k = e.useCallback(
-    (C) => {
-      d.current && C && d.current.attach(C);
+    [w, u]
+  ), _ = e.useCallback(
+    (k) => {
+      w.current && k && w.current.attach(k);
     },
-    [d]
-  ), S = e.useMemo(() => u ? k : void 0, [u, k]);
-  return w && h.Image ? /* @__PURE__ */ e.createElement(
-    h.Image,
+    [w]
+  ), N = e.useMemo(() => u ? _ : void 0, [u, _]);
+  return I && f.Image ? /* @__PURE__ */ e.createElement(
+    f.Image,
     {
       src: t,
       alt: a,
       style: o,
       className: n,
-      width: w.originalWidth,
-      height: w.originalHeight,
-      blurDataURL: w.dataURIBase64,
+      width: I.originalWidth,
+      height: I.originalHeight,
+      blurDataURL: I.dataURIBase64,
       placeholder: "blur",
       priority: c,
-      onLoad: I
+      onLoad: x
     }
-  ) : h.Image && v ? /* @__PURE__ */ e.createElement(
-    h.Image,
+  ) : f.Image && h ? /* @__PURE__ */ e.createElement(
+    f.Image,
     {
       src: t,
       alt: a,
@@ -121,7 +121,7 @@ const pe = ({ isChecked: t }) => {
       width: null,
       height: r || null,
       priority: c,
-      onLoad: I
+      onLoad: x
     }
   ) : /* @__PURE__ */ e.createElement(
     "img",
@@ -130,24 +130,25 @@ const pe = ({ isChecked: t }) => {
       style: o,
       src: t,
       alt: a,
-      ref: S,
+      ref: N,
       loading: "lazy",
-      decoding: "async"
-    }, l)
+      decoding: "async",
+      onError: l
+    }, s)
   );
 }, Ce = (t) => t.type === "page" || t.type === "callout" || t.type === "collection_view" || t.type === "collection_view_page", ve = ({ block: t, className: a, inline: n = !0, hideDefaultIcon: o = !1, defaultIcon: u }) => {
   var p;
-  const { mapImageUrl: c, recordMap: r, darkMode: l } = _();
+  const { mapImageUrl: c, recordMap: r, darkMode: l } = S();
   let s = !1, m = null;
   if (Ce(t)) {
-    const i = ((p = ae(t, r)) == null ? void 0 : p.trim()) || u, f = F(t, r);
+    const i = ((p = ae(t, r)) == null ? void 0 : p.trim()) || u, d = F(t, r);
     if (i && re(i)) {
-      const v = c(i, t);
-      s = !0, m = /* @__PURE__ */ e.createElement(V, { src: v, alt: f || "page icon", className: `${a || ""} notion-page-icon` });
+      const C = c(i, t);
+      s = !0, m = /* @__PURE__ */ e.createElement(V, { src: C, alt: d || "page icon", className: `${a || ""} notion-page-icon` });
     } else if (i && i.startsWith("/icons/")) {
-      const v = "https://www.notion.so" + i + "?mode=" + (l ? "dark" : "light");
-      m = /* @__PURE__ */ e.createElement(V, { src: v, alt: f || "page icon", className: `${a || ""} notion-page-icon` });
-    } else i ? (s = !1, m = /* @__PURE__ */ e.createElement("span", { className: `${a || ""} notion-page-icon`, role: "img", "aria-label": i }, i)) : o || (s = !0, m = /* @__PURE__ */ e.createElement(de, { className: `${a || ""} notion-page-icon`, alt: f || "page icon" }));
+      const C = "https://www.notion.so" + i + "?mode=" + (l ? "dark" : "light");
+      m = /* @__PURE__ */ e.createElement(V, { src: C, alt: d || "page icon", className: `${a || ""} notion-page-icon` });
+    } else i ? (s = !1, m = /* @__PURE__ */ e.createElement("span", { className: `${a || ""} notion-page-icon`, role: "img", "aria-label": i }, i)) : o || (s = !0, m = /* @__PURE__ */ e.createElement(de, { className: `${a || ""} notion-page-icon`, alt: d || "page icon" }));
   }
   return m ? /* @__PURE__ */ e.createElement(
     "div",
@@ -176,18 +177,18 @@ function ke(t) {
   )));
 }
 const xe = ({ block: t, inline: a, className: n }) => {
-  var f, v, h;
-  const { components: o } = _(), { original_url: u, attributes: c, domain: r } = (t == null ? void 0 : t.format) || {};
+  var d, C, h;
+  const { components: o } = S(), { original_url: u, attributes: c, domain: r } = (t == null ? void 0 : t.format) || {};
   if (!u || !c) return null;
-  const l = (f = c.find((d) => d.id === "title")) == null ? void 0 : f.values[0];
-  let s = (v = c.find((d) => d.id === "owner")) == null ? void 0 : v.values[0];
-  const m = (h = c.find((d) => d.id === "updated_at")) == null ? void 0 : h.values[0], p = m ? oe(m) : null;
+  const l = (d = c.find((f) => f.id === "title")) == null ? void 0 : d.values[0];
+  let s = (C = c.find((f) => f.id === "owner")) == null ? void 0 : C.values[0];
+  const m = (h = c.find((f) => f.id === "updated_at")) == null ? void 0 : h.values[0], p = m ? oe(m) : null;
   let i;
   switch (r) {
     case "github.com":
       if (i = /* @__PURE__ */ e.createElement(ke, null), s) {
-        const d = s.split("/");
-        s = d[d.length - 1];
+        const f = s.split("/");
+        s = f[f.length - 1];
       }
       break;
     default:
@@ -205,40 +206,40 @@ const xe = ({ block: t, inline: a, className: n }) => {
     /* @__PURE__ */ e.createElement("div", { className: "notion-external-description" }, /* @__PURE__ */ e.createElement("div", { className: "notion-external-title" }, l), (s || p) && /* @__PURE__ */ e.createElement("div", { className: "notion-external-subtitle" }, s && /* @__PURE__ */ e.createElement("span", null, s), s && p && /* @__PURE__ */ e.createElement("span", null, " • "), p && /* @__PURE__ */ e.createElement("span", null, "Updated ", p)))
   );
 }, A = (t) => he ? /* @__PURE__ */ e.createElement(ce, E({}, t)) : /* @__PURE__ */ e.createElement("img", E({}, t)), D = ({ value: t, block: a, linkProps: n, linkProtocol: o }) => {
-  const { components: u, recordMap: c, mapPageUrl: r, mapImageUrl: l, rootDomain: s } = _();
+  const { components: u, recordMap: c, mapPageUrl: r, mapImageUrl: l, rootDomain: s } = S();
   return /* @__PURE__ */ e.createElement(e.Fragment, null, t == null ? void 0 : t.map((m, p) => {
-    const [i, f] = m;
-    if (!f)
+    const [i, d] = m;
+    if (!d)
       return i === "," ? /* @__PURE__ */ e.createElement("span", { key: p, style: { padding: "0.5em" } }) : /* @__PURE__ */ e.createElement(e.Fragment, { key: p }, i);
-    const v = f.reduce(
-      (h, d) => {
-        var w, I, k, S, N;
-        switch (d[0]) {
+    const C = d.reduce(
+      (h, f) => {
+        var w, I, x, _, N;
+        switch (f[0]) {
           case "p": {
-            const g = d[1], y = (w = c.block[g]) == null ? void 0 : w.value;
+            const g = f[1], y = (w = c.block[g]) == null ? void 0 : w.value;
             return y ? /* @__PURE__ */ e.createElement(u.PageLink, { className: "notion-link", href: r(g) }, /* @__PURE__ */ e.createElement(U, { block: y })) : (console.debug('"p" missing block', g), null);
           }
           case "‣": {
-            const g = d[1][0], y = d[1][1];
+            const g = f[1][0], y = f[1][1];
             switch (g) {
               case "u": {
-                const C = (I = c.notion_user[y]) == null ? void 0 : I.value;
-                if (!C)
+                const v = (I = c.notion_user[y]) == null ? void 0 : I.value;
+                if (!v)
                   return console.debug('"‣" missing user', y), null;
-                const L = [C.given_name, C.family_name].filter(Boolean).join(" "), M = C.email;
+                const k = [v.given_name, v.family_name].filter(Boolean).join(" "), M = v.email;
                 return /* @__PURE__ */ e.createElement(u.Link, E({ className: "notion-link", href: `mailto:${M}` }, n), /* @__PURE__ */ e.createElement(
                   A,
                   {
                     className: "notion-user",
-                    src: l(C.profile_photo, a),
-                    alt: L,
+                    src: l(v.profile_photo, a),
+                    alt: k,
                     style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
                   }
-                ), L);
+                ), k);
               }
               default: {
-                const C = (k = c.block[y]) == null ? void 0 : k.value;
-                return C ? /* @__PURE__ */ e.createElement(
+                const v = (x = c.block[y]) == null ? void 0 : x.value;
+                return v ? /* @__PURE__ */ e.createElement(
                   u.PageLink,
                   P(E({
                     className: "notion-link",
@@ -247,13 +248,13 @@ const xe = ({ block: t, inline: a, className: n }) => {
                     target: "_blank",
                     rel: "noopener noreferrer"
                   }),
-                  /* @__PURE__ */ e.createElement(U, { block: C })
+                  /* @__PURE__ */ e.createElement(U, { block: v })
                 ) : (console.debug('"‣" missing block', g, y), null);
               }
             }
           }
           case "h":
-            return /* @__PURE__ */ e.createElement("span", { className: `notion-${d[1]}` }, h);
+            return /* @__PURE__ */ e.createElement("span", { className: `notion-${f[1]}` }, h);
           case "c":
             return /* @__PURE__ */ e.createElement("code", { className: "notion-inline-code" }, h);
           case "b":
@@ -265,69 +266,69 @@ const xe = ({ block: t, inline: a, className: n }) => {
           case "_":
             return /* @__PURE__ */ e.createElement("span", { className: "notion-inline-underscore" }, h);
           case "e":
-            return /* @__PURE__ */ e.createElement(u.Equation, { math: d[1], inline: !0 });
+            return /* @__PURE__ */ e.createElement(u.Equation, { math: f[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 = R(y, { uuid: !0 });
-            if ((g[0] === "/" || g.includes(s)) && C) {
-              const L = g.includes(s) ? g : `${r(C)}${ge(g)}`;
-              return /* @__PURE__ */ e.createElement(u.PageLink, E({ className: "notion-link", href: L }, n), h);
+            const g = f[1], y = g.substring(1), v = R(y, { uuid: !0 });
+            if ((g[0] === "/" || g.includes(s)) && v) {
+              const k = g.includes(s) ? g : `${r(v)}${ge(g)}`;
+              return /* @__PURE__ */ e.createElement(u.PageLink, E({ className: "notion-link", href: k }, n), h);
             } else
               return /* @__PURE__ */ e.createElement(
                 u.Link,
                 E({
                   className: "notion-link",
-                  href: o ? `${o}:${d[1]}` : d[1]
+                  href: o ? `${o}:${f[1]}` : f[1]
                 }, n),
                 h
               );
           }
           // Date
           case "d": {
-            const g = d[1], y = g == null ? void 0 : g.type;
+            const g = f[1], y = g == null ? void 0 : g.type;
             if (y === "date") {
-              const C = g.start_date;
-              return T(C);
+              const v = g.start_date;
+              return T(v);
             } else if (y === "daterange") {
-              const C = g.start_date, L = g.end_date;
-              return `${T(C)} → ${T(L)}`;
+              const v = g.start_date, k = g.end_date;
+              return `${T(v)} → ${T(k)}`;
             } else
               return h;
           }
           // User
           case "u": {
-            const g = d[1], y = (S = c.notion_user[g]) == null ? void 0 : S.value;
+            const g = f[1], y = (_ = c.notion_user[g]) == null ? void 0 : _.value;
             if (!y)
               return console.debug("missing user", g), null;
-            const C = y.name, L = y.email;
-            return /* @__PURE__ */ e.createElement(u.Link, E({ className: "notion-link", href: `mailto:${L}` }, n), /* @__PURE__ */ e.createElement(
+            const v = y.name, k = y.email;
+            return /* @__PURE__ */ e.createElement(u.Link, E({ className: "notion-link", href: `mailto:${k}` }, n), /* @__PURE__ */ e.createElement(
               A,
               {
                 className: "notion-user",
                 src: l(y.profile_photo, a),
-                alt: C,
+                alt: v,
                 style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
               }
-            ), C);
+            ), v);
           }
           case "eoi": {
-            const g = d[1], y = (N = c.block[g]) == null ? void 0 : N.value;
+            const g = f[1], y = (N = c.block[g]) == null ? void 0 : N.value;
             return /* @__PURE__ */ e.createElement(xe, { block: y, inline: !0 });
           }
           default:
-            return process.env.NODE_ENV !== "production" && console.debug("unsupported text format", d), h;
+            return process.env.NODE_ENV !== "production" && console.debug("unsupported text format", f), h;
         }
       },
       /* @__PURE__ */ e.createElement(e.Fragment, null, i)
     );
-    return /* @__PURE__ */ e.createElement(e.Fragment, { key: p }, v);
+    return /* @__PURE__ */ e.createElement(e.Fragment, { key: p }, C);
   }));
 }, Ie = (u) => {
   var c = u, { block: t, className: a, defaultIcon: n } = c, o = b(c, ["block", "className", "defaultIcon"]);
   var l, s;
-  const { recordMap: r } = _();
+  const { recordMap: r } = S();
   if (!t) return null;
   if (t.type === "collection_view_page" || t.type === "collection_view") {
     const m = F(t, r);
@@ -399,17 +400,17 @@ class be extends e.Component {
       else {
         l = E({}, r);
         const p = l.results.map((i) => {
-          var h, d;
-          const f = (h = l.recordMap.block[i.id]) == null ? void 0 : h.value;
-          if (!f) return;
-          const v = F(f, l.recordMap);
-          if (v && (i.title = v, i.block = f, i.recordMap = l.recordMap, i.page = se(f, l.recordMap, {
+          var h, f;
+          const d = (h = l.recordMap.block[i.id]) == null ? void 0 : h.value;
+          if (!d) return;
+          const C = F(d, l.recordMap);
+          if (C && (i.title = C, i.block = d, i.recordMap = l.recordMap, i.page = se(d, l.recordMap, {
             inclusive: !0
-          }) || f, !!i.page.id))
-            return (d = i.highlight) != null && d.text && (i.highlight.html = i.highlight.text.replace(/<gzkNfoUU>/gi, "<b>").replace(/<\/gzkNfoUU>/gi, "</b>")), i;
+          }) || d, !!i.page.id))
+            return (f = i.highlight) != null && f.text && (i.highlight.html = i.highlight.text.replace(/<gzkNfoUU>/gi, "<b>").replace(/<\/gzkNfoUU>/gi, "</b>")), i;
         }).filter(Boolean).reduce(
-          (i, f) => P(E({}, i), {
-            [f.page.id]: f
+          (i, d) => P(E({}, i), {
+            [d.page.id]: d
           }),
           {}
         );
@@ -444,22 +445,22 @@ class be extends e.Component {
             ref: this._inputRef,
             onInput: this._onChangeQuery
           }
-        ), u && /* @__PURE__ */ e.createElement("div", { role: "button", className: "clearButton", onClick: this._onClearQuery }, /* @__PURE__ */ e.createElement(Ne, { className: "clearIcon" }))), l && c && /* @__PURE__ */ e.createElement(e.Fragment, null, c.results.length ? /* @__PURE__ */ e.createElement(De, P(E({}, s), { recordMap: c.recordMap }), /* @__PURE__ */ e.createElement("div", { className: "resultsPane" }, c.results.map((f) => {
-          var v;
+        ), u && /* @__PURE__ */ e.createElement("div", { role: "button", className: "clearButton", onClick: this._onClearQuery }, /* @__PURE__ */ e.createElement(Ne, { className: "clearIcon" }))), l && c && /* @__PURE__ */ e.createElement(e.Fragment, null, c.results.length ? /* @__PURE__ */ e.createElement(De, P(E({}, s), { recordMap: c.recordMap }), /* @__PURE__ */ e.createElement("div", { className: "resultsPane" }, c.results.map((d) => {
+          var C;
           return /* @__PURE__ */ e.createElement(
             m.PageLink,
             {
-              key: f.id,
+              key: d.id,
               className: "result notion-page-link",
-              href: i(f.page.id, c.recordMap)
+              href: i(d.page.id, c.recordMap)
             },
-            /* @__PURE__ */ e.createElement(U, { block: f.page, defaultIcon: p }),
-            ((v = f.highlight) == null ? void 0 : v.html) && /* @__PURE__ */ e.createElement(
+            /* @__PURE__ */ e.createElement(U, { block: d.page, defaultIcon: p }),
+            ((C = d.highlight) == null ? void 0 : C.html) && /* @__PURE__ */ e.createElement(
               "div",
               {
                 className: "notion-search-result-highlight",
                 dangerouslySetInnerHTML: {
-                  __html: f.highlight.html
+                  __html: d.highlight.html
                 }
               }
             )
@@ -470,7 +471,7 @@ class be extends e.Component {
   }
 }
 const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { className: "notion-header" }, /* @__PURE__ */ e.createElement("div", { className: "notion-nav-header" }, /* @__PURE__ */ e.createElement(Se, { block: t }), /* @__PURE__ */ e.createElement(Pe, { block: t }))), Se = ({ block: t, rootOnly: a = !1 }) => {
-  const { recordMap: n, mapPageUrl: o, components: u } = _(), c = e.useMemo(() => {
+  const { recordMap: n, mapPageUrl: o, components: u } = S(), c = e.useMemo(() => {
     const r = ie(n, t.id);
     return a ? [r[0]].filter(Boolean) : r;
   }, [n, t.id, a]);
@@ -482,13 +483,13 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     return r.active ? m.pageLink = (p) => /* @__PURE__ */ e.createElement("div", E({}, p)) : s.href = o(r.pageId), /* @__PURE__ */ e.createElement(e.Fragment, { key: r.pageId }, /* @__PURE__ */ e.createElement(m.pageLink, E({ className: `breadcrumb ${r.active && "active"}` }, s), r.icon && /* @__PURE__ */ e.createElement(z, { className: "icon", block: r.block }), r.title && /* @__PURE__ */ e.createElement("span", { className: "title" }, r.title)), l < c.length - 1 && /* @__PURE__ */ e.createElement("span", { className: "spacer" }, "/"));
   }));
 }, Pe = ({ block: t, search: a, title: n = "Search" }) => {
-  const { searchNotion: o, rootPageId: u, isShowingSearch: c, onHideSearch: r, rootSpaceId: l } = _(), s = a || o, [m, p] = e.useState(c);
+  const { searchNotion: o, rootPageId: u, isShowingSearch: c, onHideSearch: r, rootSpaceId: l } = S(), s = a || o, [m, p] = e.useState(c);
   e.useEffect(() => {
     p(c);
   }, [c]);
   const i = e.useCallback(() => {
     p(!0);
-  }, []), f = e.useCallback(() => {
+  }, []), d = e.useCallback(() => {
     p(!1), r && r();
   }, [r]);
   W("cmd+p", (h) => {
@@ -496,14 +497,14 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
   }), W("cmd+k", (h) => {
     i(), h.preventDefault(), h.stopPropagation();
   });
-  const v = !!s;
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, v && /* @__PURE__ */ e.createElement("div", { role: "button", className: "breadcrumb button notion-search-button", onClick: i }, /* @__PURE__ */ e.createElement(Y, { className: "searchIcon" }), n && /* @__PURE__ */ e.createElement("span", { className: "title" }, n)), m && v && /* @__PURE__ */ e.createElement(
+  const C = !!s;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, C && /* @__PURE__ */ e.createElement("div", { role: "button", className: "breadcrumb button notion-search-button", onClick: i }, /* @__PURE__ */ e.createElement(Y, { className: "searchIcon" }), n && /* @__PURE__ */ e.createElement("span", { className: "title" }, n)), m && C && /* @__PURE__ */ e.createElement(
     be,
     {
       isOpen: m,
       rootBlockId: u || (t == null ? void 0 : t.id),
       rootSpaceId: l,
-      onClose: f,
+      onClose: d,
       searchNotion: s
     }
   ));
@@ -538,8 +539,8 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
       layout: s
     }, m)
   );
-}, me), $e = (t) => function(v) {
-  var h = v, {
+}, me), $e = (t) => function(C) {
+  var h = C, {
     href: n,
     as: o,
     passHref: u,
@@ -550,7 +551,7 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     locale: m,
     className: p,
     style: i
-  } = h, f = b(h, [
+  } = h, d = b(h, [
     "href",
     "as",
     "passHref",
@@ -574,12 +575,12 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
       locale: m,
       className: p,
       style: i
-    }, f)
+    }, d)
   );
 }, Be = (t) => /* @__PURE__ */ e.createElement("a", E({ target: "_blank", rel: "noopener noreferrer" }, t)), Re = e.memo(Be), Oe = (n) => {
   var o = n, { href: t } = o, a = b(o, ["href"]);
   var l, s;
-  const { recordMap: u, rootSpaceId: c } = _();
+  const { recordMap: u, rootSpaceId: c } = S();
   let r = t;
   if (typeof t == "string" && c) {
     const m = R(t);
@@ -592,7 +593,7 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
 }, Te = e.memo(Oe), Ve = (t) => /* @__PURE__ */ e.createElement(Ae, E({}, t)), ze = _e, at = (c) => {
   var r = c, { href: t, rel: a, target: n, title: o } = r, u = b(r, ["href", "rel", "target", "title"]);
   return /* @__PURE__ */ e.createElement("span", E({}, u));
-}, $ = (t) => () => (console.warn(`Warning: using empty component "${t}" (you should override this in NotionRenderer.components)`), null), x = (t, a) => a(), X = {
+}, $ = (t) => () => (console.warn(`Warning: using empty component "${t}" (you should override this in NotionRenderer.components)`), null), L = (t, a) => a(), X = {
   Image: null,
   // disable custom images by default
   Link: Re,
@@ -605,21 +606,21 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
   Collection: $("Collection"),
   Property: void 0,
   // use the built-in property rendering by default
-  propertyTextValue: x,
-  propertySelectValue: x,
-  propertyRelationValue: x,
-  propertyFormulaValue: x,
-  propertyTitleValue: x,
-  propertyPersonValue: x,
-  propertyFileValue: x,
-  propertyCheckboxValue: x,
-  propertyUrlValue: x,
-  propertyEmailValue: x,
-  propertyPhoneNumberValue: x,
-  propertyNumberValue: x,
-  propertyLastEditedTimeValue: x,
-  propertyCreatedTimeValue: x,
-  propertyDateValue: x,
+  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: $("Pdf"),
   Tweet: $("Tweet"),
   Modal: $("Modal"),
@@ -673,10 +674,10 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
   const m = e.useMemo(() => {
     const i = E({}, t);
     if (i.nextImage && (i.Image = Me(i.nextImage)), i.nextLink) {
-      const f = $e(i.nextLink);
-      i.nextLink = f, i.PageLink || (i.PageLink = f), i.Link || (i.Link = f);
+      const d = $e(i.nextLink);
+      i.nextLink = d, i.PageLink || (i.PageLink = d), i.Link || (i.Link = d);
     }
-    for (const f of Object.keys(i)) i[f] || delete i[f];
+    for (const d of Object.keys(i)) i[d] || delete i[d];
     return i;
   }, [t]), p = e.useMemo(
     () => P(E(E({}, J), r), {
@@ -689,7 +690,7 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     [o, n, m, u, c, r]
   );
   return /* @__PURE__ */ e.createElement(H.Provider, { value: p }, a);
-}, Ue = H.Consumer, _ = () => e.useContext(H), Fe = (t) => Object.keys(t).map((a) => `${encodeURIComponent(a)}=${encodeURIComponent(t[a])}`).join("&"), He = ({
+}, Ue = H.Consumer, S = () => e.useContext(H), Fe = (t) => Object.keys(t).map((a) => `${encodeURIComponent(a)}=${encodeURIComponent(t[a])}`).join("&"), He = ({
   id: t,
   defaultPlay: a = !1,
   mute: n = !1,
@@ -701,27 +702,27 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
   style: s,
   className: m
 }) => {
-  const p = n || a ? "1" : "0", i = e.useMemo(() => Fe(E({ autoplay: "1", mute: p }, r)), [p, r]), v = `https://i.ytimg.com/vi/${t}/hqdefault.jpg`, h = "https://www.youtube-nocookie.com", d = `${h}/embed/${t}?${i}`, [w, I] = e.useState(!1), [k, S] = e.useState(a), [N, g] = e.useState(!1), y = e.useCallback(() => {
+  const p = n || a ? "1" : "0", i = e.useMemo(() => Fe(E({ autoplay: "1", mute: p }, r)), [p, r]), C = `https://i.ytimg.com/vi/${t}/hqdefault.jpg`, h = "https://www.youtube-nocookie.com", f = `${h}/embed/${t}?${i}`, [w, I] = e.useState(!1), [x, _] = e.useState(a), [N, g] = e.useState(!1), y = e.useCallback(() => {
     w || I(!0);
-  }, [w]), C = e.useCallback(() => {
-    k || S(!0);
-  }, [k]), L = e.useCallback(() => {
+  }, [w]), v = e.useCallback(() => {
+    x || _(!0);
+  }, [x]), k = e.useCallback(() => {
     g(!0);
   }, []);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preload", href: v, as: "image" }), w && /* @__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" })), w && 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(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preload", href: C, as: "image" }), w && /* @__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" })), w && 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,
+      onClick: v,
       onPointerOver: y,
       className: `notion-yt-lite
           ${N && "notion-yt-loaded"}
-          ${k && "notion-yt-initialized"}
+          ${x && "notion-yt-initialized"}
           ${m || ""}`,
       style: s
     },
-    /* @__PURE__ */ e.createElement("img", { src: v, className: "notion-yt-thumbnail", loading: o ? "lazy" : void 0, alt: c }),
+    /* @__PURE__ */ e.createElement("img", { src: C, className: "notion-yt-thumbnail", loading: o ? "lazy" : void 0, alt: c }),
     /* @__PURE__ */ e.createElement("div", { className: "notion-yt-playbtn" }),
-    k && /* @__PURE__ */ e.createElement(
+    x && /* @__PURE__ */ e.createElement(
       "iframe",
       {
         width: "560",
@@ -730,8 +731,8 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
         allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
         allowFullScreen: !0,
         title: u,
-        src: d,
-        onLoad: L
+        src: f,
+        onLoad: k
       }
     )
   ));
@@ -749,8 +750,8 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
   "codepen",
   "drive"
 ], Ze = ({ block: t, zoomable: a = !0, children: n }) => {
-  var p, i, f, v, h, d, w, I, k, S;
-  const { recordMap: o, mapImageUrl: u, components: c } = _();
+  var p, i, d, C, h, f, w, I, x, _;
+  const { recordMap: o, mapImageUrl: u, components: c } = S();
   if (!t || !qe.includes(t.type)) return null;
   const r = {
     position: "relative",
@@ -762,9 +763,9 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     flexDirection: "column"
   }, l = {};
   if (t.format) {
-    const { block_aspect_ratio: N, block_height: g, block_width: y, block_full_width: C, block_page_width: L, block_preserve_scale: M } = t.format;
-    if (C || L)
-      C ? r.width = "100vw" : r.width = "100%", t.type === "video" ? g ? r.height = g : N ? r.paddingBottom = `${N * 100}%` : M && (r.objectFit = "contain") : N && t.type !== "image" ? r.paddingBottom = `${N * 100}%` : g ? r.height = g : M && (t.type === "image" ? r.height = "100%" : (r.paddingBottom = "75%", r.minHeight = 100));
+    const { block_aspect_ratio: N, block_height: g, block_width: y, block_full_width: v, block_page_width: k, block_preserve_scale: M } = t.format;
+    if (v || k)
+      v ? r.width = "100vw" : r.width = "100%", t.type === "video" ? g ? r.height = g : N ? r.paddingBottom = `${N * 100}%` : M && (r.objectFit = "contain") : N && t.type !== "image" ? r.paddingBottom = `${N * 100}%` : g ? r.height = g : M && (t.type === "image" ? r.height = "100%" : (r.paddingBottom = "75%", r.minHeight = 100));
     else {
       switch ((p = t.format) == null ? void 0 : p.block_alignment) {
         case "center": {
@@ -784,7 +785,7 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     }
     t.type === "image" ? l.objectFit = "cover" : M && (l.objectFit = "contain");
   }
-  let s = ((i = o.signed_urls) == null ? void 0 : i[t.id]) || ((h = (v = (f = t.properties) == null ? void 0 : f.source) == null ? void 0 : v[0]) == null ? void 0 : h[0]), m = null;
+  let s = ((i = o.signed_urls) == null ? void 0 : i[t.id]) || ((h = (C = (d = t.properties) == null ? void 0 : d.source) == null ? void 0 : C[0]) == null ? void 0 : h[0]), m = null;
   if (!s) return null;
   if (t.type === "tweet") {
     const N = s;
@@ -809,7 +810,7 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     if (t.type === "video" && s && s.indexOf("youtube") < 0 && s.indexOf("youtu.be") < 0 && s.indexOf("vimeo") < 0 && s.indexOf("wistia") < 0 && s.indexOf("loom") < 0 && s.indexOf("videoask") < 0 && s.indexOf("getcloudapp") < 0)
       r.paddingBottom = void 0, m = /* @__PURE__ */ e.createElement("video", { playsInline: !0, controls: !0, preload: "metadata", style: l, src: s, title: t.type });
     else {
-      let N = ((d = t.format) == null ? void 0 : d.display_source) || s;
+      let N = ((f = t.format) == null ? void 0 : f.display_source) || s;
       if (N) {
         const g = t.type === "video" ? ye(N) : null;
         g ? m = /* @__PURE__ */ e.createElement(He, { id: g, style: l, className: "notion-asset-object-fit" }) : t.type === "gist" ? (N.endsWith(".pibb") || (N = `${N}.pibb`), l.width = "100%", r.paddingBottom = "50%", m = /* @__PURE__ */ e.createElement(
@@ -839,20 +840,20 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
       }
     }
   else if (t.type === "image") {
-    s.includes("file.notion.so") && (s = (k = (I = (w = t.properties) == null ? void 0 : w.source) == null ? void 0 : I[0]) == null ? void 0 : k[0]);
-    const N = u(s, t), y = le((S = t.properties) == null ? void 0 : S.caption) || "notion image";
+    s.includes("file.notion.so") && (s = (x = (I = (w = t.properties) == null ? void 0 : w.source) == null ? void 0 : I[0]) == null ? void 0 : x[0]);
+    const N = u(s, t), y = le((_ = t.properties) == null ? void 0 : _.caption) || "notion image";
     m = /* @__PURE__ */ e.createElement(V, { src: N, alt: y, zoomable: a, height: r.height, style: l });
   }
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: r }, m, t.type === "image" && n), t.type !== "image" && n);
 }, We = { width: "100%" }, Ae = ({ blockId: t, block: a }) => {
-  var m, p, i, f, v, h;
-  const n = a, { components: o, mapPageUrl: u, rootDomain: c, zoom: r } = _();
+  var m, p, i, d, C, h;
+  const n = a, { components: o, mapPageUrl: u, rootDomain: c, zoom: r } = S();
   let l = !1;
   if (a.type === "image") {
-    const d = (i = (p = (m = n == null ? void 0 : n.properties) == null ? void 0 : m.caption) == null ? void 0 : p[0]) == null ? void 0 : i[0];
-    if (d) {
-      const w = R(d, { uuid: !0 });
-      (d.charAt(0) === "/" && w || Ge(d)) && (l = !0);
+    const f = (i = (p = (m = n == null ? void 0 : n.properties) == null ? void 0 : m.caption) == null ? void 0 : p[0]) == null ? void 0 : i[0];
+    if (f) {
+      const w = R(f, { uuid: !0 });
+      (f.charAt(0) === "/" && w || Ge(f)) && (l = !0);
     }
   }
   const s = /* @__PURE__ */ e.createElement(
@@ -860,19 +861,19 @@ const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { classNa
     {
       className: `notion-asset-wrapper
         notion-asset-wrapper-${a.type}
-        ${(f = n.format) != null && f.block_full_width ? "notion-asset-wrapper-full" : ""}
+        ${(d = n.format) != null && d.block_full_width ? "notion-asset-wrapper-full" : ""}
         ${t}`
     },
-    /* @__PURE__ */ e.createElement(Ze, { block: n, zoomable: r && !l }, ((v = n == null ? void 0 : n.properties) == null ? void 0 : v.caption) && !l && /* @__PURE__ */ e.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ e.createElement(D, { value: n.properties.caption, block: a })))
+    /* @__PURE__ */ e.createElement(Ze, { block: n, zoomable: r && !l }, ((C = n == null ? void 0 : n.properties) == null ? void 0 : C.caption) && !l && /* @__PURE__ */ e.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ e.createElement(D, { value: n.properties.caption, block: a })))
   );
   if (l) {
-    const d = (h = n == null ? void 0 : n.properties) == null ? void 0 : h.caption[0][0], w = R(d, { uuid: !0 }), I = d.charAt(0) === "/" && w, k = Qe(d);
+    const f = (h = n == null ? void 0 : n.properties) == null ? void 0 : h.caption[0][0], w = R(f, { uuid: !0 }), I = f.charAt(0) === "/" && w, x = Qe(f);
     return /* @__PURE__ */ e.createElement(
       o.PageLink,
       {
         style: We,
-        href: I ? u(w) : d,
-        target: k && k !== c && !d.startsWith("/") ? "blank_" : null
+        href: I ? u(w) : f,
+        target: x && x !== c && !f.startsWith("/") ? "blank_" : null
       },
       s
     );
@@ -916,6 +917,6 @@ export {
   Ie as j,
   He as k,
   Ze as l,
-  _ as u
+  S as u
 };
-//# sourceMappingURL=asset-wrapper-CmbIDPIw.js.map
+//# sourceMappingURL=asset-wrapper-CaHInqoM.js.map