@slogvo/vue-notion 0.1.0 → 0.2.0

package/build/{index-BNMgDI2p.js → index-BVgFvBYW.js}

@@ -1,4 +1,4 @@
-import { inject as we, provide as _e, defineComponent as A, computed as h, ref as U, createElementBlock as d, openBlock as a, normalizeStyle as B, normalizeClass as $, unref as v, createElementVNode as g, Fragment as z, createCommentVNode as k, createBlock as x, toDisplayString as T, h as O, createTextVNode as ae, resolveDynamicComponent as H, renderList as W, renderSlot as N, onMounted as q, watch as ne, createVNode as E, defineAsyncComponent as Z, onUnmounted as le, withCtx as j, resolveComponent as $e, Teleport as xe, Transition as Ie, withModifiers as he, withDirectives as Se, vModelText as Fe, mergeProps as Pe } from "vue";
+import { inject as we, provide as _e, defineComponent as A, computed as b, ref as U, createElementBlock as u, openBlock as a, normalizeStyle as B, normalizeClass as $, unref as h, createElementVNode as g, Fragment as z, createCommentVNode as k, createBlock as x, toDisplayString as T, h as O, createTextVNode as ae, resolveDynamicComponent as H, renderList as W, renderSlot as N, onMounted as q, watch as ne, createVNode as E, defineAsyncComponent as Z, onUnmounted as le, withCtx as j, resolveComponent as $e, Teleport as xe, Transition as Ie, withModifiers as he, withDirectives as Se, vModelText as Fe, mergeProps as Pe } from "vue";
 import Ae from "prismjs";
 import Ee from "katex";
 import Te from "medium-zoom";
@@ -27,8 +27,8 @@ const Ce = (e, t, o, i) => {
 ${t}`, Oe = Object.getOwnPropertyDescriptor(Function.prototype, "toString"), ze = Object.getOwnPropertyDescriptor(Function.prototype.toString, "name"), De = (e, t, o) => {
   const i = o === "" ? "" : `with ${o.trim()}() `, n = Le.bind(null, i, t.toString());
   Object.defineProperty(n, "name", ze);
-  const { writable: l, enumerable: r, configurable: c } = Oe;
-  Object.defineProperty(e, "toString", { value: n, writable: l, enumerable: r, configurable: c });
+  const { writable: l, enumerable: s, configurable: c } = Oe;
+  Object.defineProperty(e, "toString", { value: n, writable: l, enumerable: s, configurable: c });
 };
 function Me(e, t, { ignoreNonConfigurable: o = !1 } = {}) {
   const { name: i } = e;
@@ -57,30 +57,30 @@ function je(e, { cacheKey: t, cache: o = /* @__PURE__ */ new Map(), maxAge: i }
       throw new TypeError("The `maxAge` option should not be a negative number.");
   }
   const n = function(...l) {
-    const r = t ? t(l) : l[0], c = He(o, r);
+    const s = t ? t(l) : l[0], c = He(o, s);
     if (c)
       return c.data;
-    const u = e.apply(this, l), f = typeof i == "function" ? i(...l) : i;
-    if (f !== void 0 && f !== Number.POSITIVE_INFINITY) {
-      if (!Number.isFinite(f))
+    const f = e.apply(this, l), p = typeof i == "function" ? i(...l) : i;
+    if (p !== void 0 && p !== Number.POSITIVE_INFINITY) {
+      if (!Number.isFinite(p))
         throw new TypeError("The `maxAge` function must return a finite number, `0`, or `Infinity`.");
-      if (f <= 0)
-        return u;
-      if (f > X)
+      if (p <= 0)
+        return f;
+      if (p > X)
         throw new TypeError(`The \`maxAge\` function result cannot exceed ${X}.`);
     }
-    if (o.set(r, {
-      data: u,
-      maxAge: f === void 0 || f === Number.POSITIVE_INFINITY ? Number.POSITIVE_INFINITY : Date.now() + f
-    }), f !== void 0 && f !== Number.POSITIVE_INFINITY) {
-      const p = setTimeout(() => {
-        o.delete(r), ee.get(n)?.delete(p);
-      }, f);
-      p.unref?.();
-      const s = ee.get(n) ?? /* @__PURE__ */ new Set();
-      s.add(p), ee.set(n, s);
+    if (o.set(s, {
+      data: f,
+      maxAge: p === void 0 || p === Number.POSITIVE_INFINITY ? Number.POSITIVE_INFINITY : Date.now() + p
+    }), p !== void 0 && p !== Number.POSITIVE_INFINITY) {
+      const d = setTimeout(() => {
+        o.delete(s), ee.get(n)?.delete(d);
+      }, p);
+      d.unref?.();
+      const r = ee.get(n) ?? /* @__PURE__ */ new Set();
+      r.add(d), ee.set(n, r);
     }
-    return u;
+    return f;
   };
   return Me(n, e, {
     ignoreNonConfigurable: !0
@@ -101,15 +101,15 @@ const Ve = "text/plain", We = "us-ascii", te = (e, t) => t.some((o) => o instanc
   const o = /^data:(?<type>[^,]*?),(?<data>[^#]*?)(?:#(?<hash>.*))?$/.exec(e);
   if (!o)
     throw new Error(`Invalid URL: ${e}`);
-  const { type: i, data: n, hash: l } = o.groups, r = i.split(";"), c = r.at(-1) === "base64";
-  c && r.pop();
-  const u = r.shift()?.toLowerCase() ?? "", p = [...r.map((m) => {
-    let [b, _ = ""] = m.split("=").map((y) => y.trim());
-    return b === "charset" && (_ = _.toLowerCase(), _ === We) ? "" : `${b}${_ ? `=${_}` : ""}`;
+  const { type: i, data: n, hash: l } = o.groups, s = i.split(";"), c = s.at(-1) === "base64";
+  c && s.pop();
+  const f = s.shift()?.toLowerCase() ?? "", d = [...s.map((v) => {
+    let [m, _ = ""] = v.split("=").map((y) => y.trim());
+    return m === "charset" && (_ = _.toLowerCase(), _ === We) ? "" : `${m}${_ ? `=${_}` : ""}`;
   }).filter(Boolean)];
-  c && p.push("base64"), (p.length > 0 || u && u !== Ve) && p.unshift(u);
-  const s = t || !l ? "" : `#${l}`;
-  return `data:${p.join(";")},${c ? n.trim() : n}${s}`;
+  c && d.push("base64"), (d.length > 0 || f && f !== Ve) && d.unshift(f);
+  const r = t || !l ? "" : `#${l}`;
+  return `data:${d.join(";")},${c ? n.trim() : n}${r}`;
 };
 function Xe(e, t) {
   if (t = {
@@ -140,17 +140,17 @@ function Xe(e, t) {
   if (t.forceHttp && t.forceHttps)
     throw new Error("The `forceHttp` and `forceHttps` options cannot be used together");
   if (t.forceHttp && n.protocol === "https:" && (n.protocol = "http:"), t.forceHttps && n.protocol === "http:" && (n.protocol = "https:"), t.stripAuthentication && (n.username = "", n.password = ""), t.stripHash ? n.hash = "" : t.stripTextFragment && (n.hash = n.hash.replace(/#?:~:text.*?$/i, "")), n.pathname) {
-    const r = /\b[a-z][a-z\d+\-.]{1,50}:\/\//g;
-    let c = 0, u = "";
+    const s = /\b[a-z][a-z\d+\-.]{1,50}:\/\//g;
+    let c = 0, f = "";
     for (; ; ) {
-      const p = r.exec(n.pathname);
-      if (!p)
+      const d = s.exec(n.pathname);
+      if (!d)
         break;
-      const s = p[0], m = p.index, b = n.pathname.slice(c, m);
-      u += b.replace(/\/{2,}/g, "/"), u += s, c = m + s.length;
+      const r = d[0], v = d.index, m = n.pathname.slice(c, v);
+      f += m.replace(/\/{2,}/g, "/"), f += r, c = v + r.length;
     }
-    const f = n.pathname.slice(c, n.pathname.length);
-    u += f.replace(/\/{2,}/g, "/"), n.pathname = u;
+    const p = n.pathname.slice(c, n.pathname.length);
+    f += p.replace(/\/{2,}/g, "/"), n.pathname = f;
   }
   if (n.pathname)
     try {
@@ -158,30 +158,30 @@ function Xe(e, t) {
     } catch {
     }
   if (t.removeDirectoryIndex === !0 && (t.removeDirectoryIndex = [/^index\.[a-z]+$/]), Array.isArray(t.removeDirectoryIndex) && t.removeDirectoryIndex.length > 0) {
-    const r = n.pathname.split("/").filter(Boolean), c = r.at(-1);
-    c && te(c, t.removeDirectoryIndex) && (r.pop(), n.pathname = r.length > 0 ? `/${r.join("/")}/` : "/");
+    const s = n.pathname.split("/").filter(Boolean), c = s.at(-1);
+    c && te(c, t.removeDirectoryIndex) && (s.pop(), n.pathname = s.length > 0 ? `/${s.join("/")}/` : "/");
   }
   if (t.removePath && (n.pathname = "/"), t.transformPath && typeof t.transformPath == "function") {
-    const r = n.pathname.split("/").filter(Boolean), c = t.transformPath(r);
+    const s = n.pathname.split("/").filter(Boolean), c = t.transformPath(s);
     n.pathname = c?.length > 0 ? `/${c.join("/")}` : "/";
   }
   if (n.hostname && (n.hostname = n.hostname.replace(/\.$/, ""), t.stripWWW && /^www\.(?!www\.)[a-z\-\d]{1,63}\.[a-z.\-\d]{2,63}$/.test(n.hostname) && (n.hostname = n.hostname.replace(/^www\./, ""))), Array.isArray(t.removeQueryParameters))
-    for (const r of [...n.searchParams.keys()])
-      te(r, t.removeQueryParameters) && n.searchParams.delete(r);
+    for (const s of [...n.searchParams.keys()])
+      te(s, t.removeQueryParameters) && n.searchParams.delete(s);
   if (!Array.isArray(t.keepQueryParameters) && t.removeQueryParameters === !0 && (n.search = ""), Array.isArray(t.keepQueryParameters) && t.keepQueryParameters.length > 0)
-    for (const r of [...n.searchParams.keys()])
-      te(r, t.keepQueryParameters) || n.searchParams.delete(r);
+    for (const s of [...n.searchParams.keys()])
+      te(s, t.keepQueryParameters) || n.searchParams.delete(s);
   if (t.sortQueryParameters) {
-    const r = n.search;
+    const s = n.search;
     n.searchParams.sort();
     try {
       n.search = decodeURIComponent(n.search);
     } catch {
     }
-    const c = r.slice(1).split("&").filter((u) => u && !u.includes("="));
-    for (const u of c) {
-      const f = decodeURIComponent(u);
-      n.search = n.search.replace(`?${f}=`, `?${f}`).replace(`&${f}=`, `&${f}`);
+    const c = s.slice(1).split("&").filter((f) => f && !f.includes("="));
+    for (const f of c) {
+      const p = decodeURIComponent(f);
+      n.search = n.search.replace(`?${p}=`, `?${p}`).replace(`&${p}=`, `&${p}`);
     }
   }
   t.removeTrailingSlash && (n.pathname = n.pathname.replace(/\/$/, "")), t.removeExplicitPort && n.port && (n.port = "");
@@ -189,15 +189,15 @@ function Xe(e, t) {
   return e = n.toString(), !t.removeSingleSlash && n.pathname === "/" && !l.endsWith("/") && n.hash === "" && (e = e.replace(/\/$/, "")), (t.removeTrailingSlash || n.pathname === "/") && n.hash === "" && t.removeSingleSlash && (e = e.replace(/\/$/, "")), o && !t.normalizeProtocol && (e = e.replace(/^http:\/\//, "//")), t.stripProtocol && (e = e.replace(/^(?:https?:)?\/\//, "")), e;
 }
 function ie(e, t) {
-  var o, i, n, l, r, c, u;
-  const f = e.collection_id || ((i = (o = e.format) == null ? void 0 : o.collection_pointer) == null ? void 0 : i.id);
-  if (f)
-    return f;
-  const p = (n = e?.view_ids) == null ? void 0 : n[0];
-  if (p) {
-    const s = (r = (l = t.collection_view) == null ? void 0 : l[p]) == null ? void 0 : r.value;
-    if (s)
-      return (u = (c = s.format) == null ? void 0 : c.collection_pointer) == null ? void 0 : u.id;
+  var o, i, n, l, s, c, f;
+  const p = e.collection_id || ((i = (o = e.format) == null ? void 0 : o.collection_pointer) == null ? void 0 : i.id);
+  if (p)
+    return p;
+  const d = (n = e?.view_ids) == null ? void 0 : n[0];
+  if (d) {
+    const r = (s = (l = t.collection_view) == null ? void 0 : l[d]) == null ? void 0 : s.value;
+    if (r)
+      return (f = (c = r.format) == null ? void 0 : c.collection_pointer) == null ? void 0 : f.id;
   }
   return null;
 }
@@ -227,27 +227,27 @@ var Ye = {
   sub_header: 1,
   sub_sub_header: 2
 }, Ke = (e, t) => {
-  function o(r) {
-    return (r ?? []).map((c) => {
-      var u, f;
-      const p = (u = t.block[c]) == null ? void 0 : u.value;
-      if (p) {
-        const { type: s } = p;
-        if (s === "header" || s === "sub_header" || s === "sub_sub_header")
+  function o(s) {
+    return (s ?? []).map((c) => {
+      var f, p;
+      const d = (f = t.block[c]) == null ? void 0 : f.value;
+      if (d) {
+        const { type: r } = d;
+        if (r === "header" || r === "sub_header" || r === "sub_sub_header")
           return {
             id: c,
-            type: s,
-            text: M((f = p.properties) == null ? void 0 : f.title),
-            indentLevel: Ye[s]
+            type: r,
+            text: M((p = d.properties) == null ? void 0 : p.title),
+            indentLevel: Ye[r]
           };
-        if (s === "transclusion_container" || s === "column_list" || s === "column")
-          return o(p.content);
+        if (r === "transclusion_container" || r === "column_list" || r === "column")
+          return o(d.content);
       }
       return null;
     });
   }
-  function i(r) {
-    return r.flatMap((c) => c == null ? [] : Array.isArray(c) ? i(c) : [c]);
+  function i(s) {
+    return s.flatMap((c) => c == null ? [] : Array.isArray(c) ? i(c) : [c]);
   }
   const n = i(o(e.content)), l = [
     {
@@ -255,17 +255,17 @@ var Ye = {
       effective: -1
     }
   ];
-  for (const r of n) {
-    const { indentLevel: c } = r, u = c;
+  for (const s of n) {
+    const { indentLevel: c } = s, f = c;
     do {
-      const f = l.at(-1), { actual: p, effective: s } = f;
-      if (u > p)
-        r.indentLevel = s + 1, l.push({
-          actual: u,
-          effective: r.indentLevel
+      const p = l.at(-1), { actual: d, effective: r } = p;
+      if (f > d)
+        s.indentLevel = r + 1, l.push({
+          actual: f,
+          effective: s.indentLevel
         });
-      else if (u === p) {
-        r.indentLevel = s;
+      else if (f === d) {
+        s.indentLevel = r;
         break;
       } else
         l.pop();
@@ -289,9 +289,9 @@ function ve(e, t) {
   if (e.type === "collection_view_page" || e.type === "collection_view") {
     const l = ie(e, t);
     if (l) {
-      const r = (n = t.collection[l]) == null ? void 0 : n.value;
-      if (r)
-        return r.icon;
+      const s = (n = t.collection[l]) == null ? void 0 : n.value;
+      if (s)
+        return s.icon;
     }
   }
   return null;
@@ -304,12 +304,12 @@ var J = (e, t, {
   for (; l; ) {
     if (o && l?.type === "page")
       return l;
-    const r = l.parent_id, c = l.parent_table;
-    if (!r)
+    const s = l.parent_id, c = l.parent_table;
+    if (!s)
       break;
     if (c === "collection")
-      l = (i = t.collection[r]) == null ? void 0 : i.value;
-    else if (l = (n = t.block[r]) == null ? void 0 : n.value, l?.type === "page")
+      l = (i = t.collection[s]) == null ? void 0 : i.value;
+    else if (l = (n = t.block[s]) == null ? void 0 : n.value, l?.type === "page")
       return l;
   }
   return null;
@@ -318,23 +318,23 @@ var J = (e, t, {
   const i = e.block, n = [];
   let l = t;
   do {
-    const r = (o = i[l]) == null ? void 0 : o.value;
-    if (!r)
+    const s = (o = i[l]) == null ? void 0 : o.value;
+    if (!s)
       break;
-    const c = Q(r, e), u = ve(r, e);
-    if (!(c || u))
+    const c = Q(s, e), f = ve(s, e);
+    if (!(c || f))
       break;
     n.push({
-      block: r,
+      block: s,
       active: l === t,
       pageId: l,
       title: c,
-      icon: u
+      icon: f
     });
-    const f = J(r, e), p = f?.id;
-    if (!p)
+    const p = J(s, e), d = p?.id;
+    if (!d)
       break;
-    l = p;
+    l = d;
   } while (!0);
   return n.reverse(), n;
 }, et = /(?:https?:\/\/)?[^\s]+\.gif(?=$|\?|#)/, tt = (e, t) => {
@@ -381,7 +381,7 @@ function D() {
     throw new Error("useNotionContext must be used within a NotionRenderer");
   return e;
 }
-const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Object.keys(t).filter((o) => t[o]).join(" ") : t).join(" "), ot = /* @__PURE__ */ new Set([
+const S = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Object.keys(t).filter((o) => t[o]).join(" ") : t).join(" "), ot = /* @__PURE__ */ new Set([
   "youtu.be",
   "youtube.com",
   "www.youtube.com",
@@ -412,12 +412,12 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     priority: { type: Boolean }
   },
   setup(e) {
-    const t = e, { recordMap: o, previewImages: i, forceCustomImages: n, components: l, zoom: r } = D(), c = h(() => !i || !t.src ? null : o?.preview_images?.[t.src] ?? o?.preview_images?.[ke(t.src)]), u = U(null), f = (p) => {
-      t.zoomable && u.value && r && r.attach(u.value);
+    const t = e, { recordMap: o, previewImages: i, forceCustomImages: n, components: l, zoom: s } = D(), c = b(() => !i || !t.src ? null : o?.preview_images?.[t.src] ?? o?.preview_images?.[ke(t.src)]), f = U(null), p = (d) => {
+      t.zoomable && f.value && s && s.attach(f.value);
     };
-    return (p, s) => c.value ? (a(), d("div", {
+    return (d, r) => c.value ? (a(), u("div", {
       key: 0,
-      class: $(v(I)("lazy-image-wrapper", e.className)),
+      class: $(h(S)("lazy-image-wrapper", e.className)),
       style: B({
         width: "100%",
         paddingBottom: e.height ? void 0 : `${c.value.originalHeight / c.value.originalWidth * 100}%`,
@@ -432,7 +432,7 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
       }, null, 8, lt),
       g("img", {
         ref_key: "imageRef",
-        ref: u,
+        ref: f,
         class: "lazy-image-real",
         src: e.src,
         alt: e.alt,
@@ -440,20 +440,20 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
         height: c.value.originalHeight,
         decoding: "async",
         loading: "lazy",
-        onLoad: f
+        onLoad: p
       }, null, 40, it)
-    ], 6)) : (a(), d(z, { key: 1 }, [
-      e.src ? (a(), d("img", {
+    ], 6)) : (a(), u(z, { key: 1 }, [
+      e.src ? (a(), u("img", {
         key: 0,
         ref_key: "imageRef",
-        ref: u,
+        ref: f,
         class: $(e.className),
         style: B(e.style),
         src: e.src,
         alt: e.alt,
         loading: "lazy",
         decoding: "async",
-        onLoad: f
+        onLoad: p
       }, null, 46, rt)) : k("", !0)
     ], 64));
   }
@@ -469,9 +469,9 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     defaultIcon: {}
   },
   setup(e) {
-    const t = e, { recordMap: o, mapImageUrl: i, darkMode: n } = D(), l = h(
+    const t = e, { recordMap: o, mapImageUrl: i, darkMode: n } = D(), l = b(
       () => ve(t.block, o)?.trim() || t.defaultIcon
-    ), r = h(() => Q(t.block, o)), c = h(() => l.value && (oe(l.value) || l.value.startsWith("/icons/"))), u = h(() => {
+    ), s = b(() => Q(t.block, o)), c = b(() => l.value && (oe(l.value) || l.value.startsWith("/icons/"))), f = b(() => {
       if (l.value) {
         if (oe(l.value))
           return i(l.value, t.block);
@@ -479,10 +479,10 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
           return `https://www.notion.so${l.value}?mode=${n ? "dark" : "light"}`;
       }
     });
-    return (f, p) => l.value || !e.hideDefaultIcon ? (a(), d("div", {
+    return (p, d) => l.value || !e.hideDefaultIcon ? (a(), u("div", {
       key: 0,
       class: $(
-        v(I)(
+        h(S)(
           e.inline ? "notion-page-icon-inline" : "notion-page-icon-hero",
           c.value ? "notion-page-icon-image" : "notion-page-icon-span"
         )
@@ -490,17 +490,17 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     }, [
       c.value ? (a(), x(re, {
         key: 0,
-        src: u.value,
-        alt: r.value || "page icon",
-        className: v(I)(e.className, "notion-page-icon")
-      }, null, 8, ["src", "alt", "className"])) : l.value ? (a(), d("span", {
+        src: f.value,
+        alt: s.value || "page icon",
+        className: h(S)(e.className, "notion-page-icon")
+      }, null, 8, ["src", "alt", "className"])) : l.value ? (a(), u("span", {
         key: 1,
-        class: $(v(I)(e.className, "notion-page-icon")),
+        class: $(h(S)(e.className, "notion-page-icon")),
         role: "img",
         "aria-label": l.value
-      }, T(l.value), 11, ct)) : e.hideDefaultIcon ? k("", !0) : (a(), d("div", {
+      }, T(l.value), 11, ct)) : e.hideDefaultIcon ? k("", !0) : (a(), u("div", {
         key: 2,
-        class: $(v(I)(e.className, "notion-page-icon"))
+        class: $(h(S)(e.className, "notion-page-icon"))
       }, " 📄 ", 2))
     ], 2)) : k("", !0);
   }
@@ -510,12 +510,12 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     content: {}
   },
   setup(e) {
-    const t = e, o = h(() => t.content[0]), i = h(() => t.content[1] || []), { recordMap: n, mapPageUrl: l, components: r } = D(), c = h(() => {
-      const u = o.value, f = i.value, p = f?.find((b) => b[0] === "eoi");
-      if (p) {
-        const b = p[1], _ = n.block[b]?.value || n.block[K(b)]?.value || n.block[ce(b)]?.value;
+    const t = e, o = b(() => t.content[0]), i = b(() => t.content[1] || []), { recordMap: n, mapPageUrl: l, components: s } = D(), c = b(() => {
+      const f = o.value, p = i.value, d = p?.find((m) => m[0] === "eoi");
+      if (d) {
+        const m = d[1], _ = n.block[m]?.value || n.block[K(m)]?.value || n.block[ce(m)]?.value;
         if (_ && _.type === "external_object_instance") {
-          const y = _.format, P = y?.original_url || y?.uri, S = (y?.attributes || []).find((C) => C.id === "title")?.values?.[0] || P;
+          const y = _.format, P = y?.original_url || y?.uri, I = (y?.attributes || []).find((C) => C.id === "title")?.values?.[0] || P;
           return O(
             "a",
             {
@@ -524,17 +524,17 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
               target: "_blank",
               rel: "noopener noreferrer"
             },
-            S || "Original Link"
+            I || "Original Link"
           );
         }
       }
-      const s = f?.find((b) => b[0] === "p");
-      if (s) {
-        const b = s[1], _ = n.block[b]?.value || n.block[K(b)]?.value || n.block[ce(b)]?.value;
+      const r = p?.find((m) => m[0] === "p");
+      if (r) {
+        const m = r[1], _ = n.block[m]?.value || n.block[K(m)]?.value || n.block[ce(m)]?.value;
         if (_) {
-          const y = M(_.properties?.title) || "Untitled", P = l(b);
+          const y = M(_.properties?.title) || "Untitled", P = l(m);
           return O(
-            r.PageLink,
+            s.PageLink,
             {
               class: "notion-link notion-page-mention",
               href: P
@@ -545,9 +545,9 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
             ]
           );
         } else {
-          const y = l(b);
+          const y = l(m);
           return O(
-            r.PageLink,
+            s.PageLink,
             {
               class: "notion-link notion-page-mention",
               href: y
@@ -556,29 +556,29 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
           );
         }
       }
-      if (!f?.length) return u;
-      let m = u;
-      for (const b of f)
-        switch (b[0]) {
+      if (!p?.length) return f;
+      let v = f;
+      for (const m of p)
+        switch (m[0]) {
           case "b":
-            m = O("b", null, m);
+            v = O("b", null, v);
             break;
           case "i":
-            m = O("i", null, m);
+            v = O("i", null, v);
             break;
           case "s":
-            m = O("s", null, m);
+            v = O("s", null, v);
             break;
           case "a":
-            const y = b[1];
-            y.startsWith("/") ? m = O(
-              r.PageLink,
+            const y = m[1];
+            y.startsWith("/") ? v = O(
+              s.PageLink,
               {
                 class: "notion-link",
                 href: y
               },
-              m
-            ) : m = O(
+              v
+            ) : v = O(
               "a",
               {
                 class: "notion-link",
@@ -586,23 +586,23 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
                 target: "_blank",
                 rel: "noopener noreferrer"
               },
-              m
+              v
             );
             break;
           case "c":
-            m = O("code", { class: "notion-inline-code" }, m);
+            v = O("code", { class: "notion-inline-code" }, v);
             break;
           case "_":
-            m = O("span", { class: "notion-inline-underscore" }, m);
+            v = O("span", { class: "notion-inline-underscore" }, v);
             break;
           case "h":
-            const P = b[1];
-            m = O("span", { class: `notion-${P}` }, m);
+            const P = m[1];
+            v = O("span", { class: `notion-${P}` }, v);
             break;
         }
-      return m;
+      return v;
     });
-    return (u, f) => typeof c.value == "string" ? (a(), d(z, { key: 0 }, [
+    return (f, p) => typeof c.value == "string" ? (a(), u(z, { key: 0 }, [
       ae(T(c.value), 1)
     ], 64)) : (a(), x(H(c.value), { key: 1 }));
   }
@@ -616,8 +616,8 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     block: {}
   },
   setup(e) {
-    return (t, o) => e.value ? (a(), d("span", pt, [
-      (a(!0), d(z, null, W(e.value, (i, n) => (a(), x(dt, {
+    return (t, o) => e.value ? (a(), u("span", pt, [
+      (a(!0), u(z, null, W(e.value, (i, n) => (a(), x(dt, {
         key: n,
         content: i
       }, null, 8, ["content"]))), 128))
@@ -635,8 +635,8 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
     zoomable: { type: Boolean }
   },
   setup(e) {
-    const t = e, { recordMap: o, mapImageUrl: i, components: n } = D(), l = h(() => {
-      const s = {
+    const t = e, { recordMap: o, mapImageUrl: i, components: n } = D(), l = b(() => {
+      const r = {
         position: "relative",
         display: "flex",
         justifyContent: "center",
@@ -647,76 +647,76 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
       };
       if (t.block.format) {
         const {
-          block_aspect_ratio: m,
-          block_height: b,
+          block_aspect_ratio: v,
+          block_height: m,
           block_width: _,
           block_full_width: y,
           block_page_width: P,
-          block_preserve_scale: w
+          block_preserve_scale: F
         } = t.block.format;
         if (y || P)
-          y ? s.width = "100vw" : s.width = "100%", t.block.type === "video" ? b ? s.height = `${b}px` : m && (s.paddingBottom = `${m * 100}%`) : m && t.block.type !== "image" ? s.paddingBottom = `${m * 100}%` : b && (s.height = `${b}px`);
+          y ? r.width = "100vw" : r.width = "100%", t.block.type === "video" ? m ? r.height = `${m}px` : v && (r.paddingBottom = `${v * 100}%`) : v && t.block.type !== "image" ? r.paddingBottom = `${v * 100}%` : m && (r.height = `${m}px`);
         else {
           switch (t.block.format?.block_alignment) {
             case "center":
-              s.alignSelf = "center";
+              r.alignSelf = "center";
               break;
             case "left":
-              s.alignSelf = "start";
+              r.alignSelf = "start";
               break;
             case "right":
-              s.alignSelf = "end";
+              r.alignSelf = "end";
               break;
           }
-          _ && (s.width = typeof _ == "number" ? `${_}px` : _);
+          _ && (r.width = typeof _ == "number" ? `${_}px` : _);
         }
       }
-      return s;
-    }), r = h(() => {
-      const s = {};
-      return t.block.type === "image" ? s.objectFit = "cover" : t.block.format?.block_preserve_scale && (s.objectFit = "contain"), s;
-    }), c = h(() => {
-      let s = o.signed_urls?.[t.block.id] || t.block.properties?.source?.[0]?.[0];
-      if (s && t.block.space_id) {
-        const m = new URL(s);
-        m.searchParams.set("spaceId", t.block.space_id), s = m.toString();
+      return r;
+    }), s = b(() => {
+      const r = {};
+      return t.block.type === "image" ? r.objectFit = "cover" : t.block.format?.block_preserve_scale && (r.objectFit = "contain"), r;
+    }), c = b(() => {
+      let r = o.signed_urls?.[t.block.id] || t.block.properties?.source?.[0]?.[0];
+      if (r && t.block.space_id) {
+        const v = new URL(r);
+        v.searchParams.set("spaceId", t.block.space_id), r = v.toString();
       }
-      return s;
-    }), u = h(() => {
+      return r;
+    }), f = b(() => {
       if (t.block.type === "image" && c.value) {
-        let s = c.value;
-        return !s.includes(".gif") && s.includes("file.notion.so") && (s = t.block.properties?.source?.[0]?.[0]), i(s, t.block);
+        let r = c.value;
+        return !r.includes(".gif") && r.includes("file.notion.so") && (r = t.block.properties?.source?.[0]?.[0]), i(r, t.block);
       }
       return c.value;
-    }), f = h(() => {
-      const s = M(t.block.properties?.alt_text), m = M(t.block.properties?.caption);
-      return s || m || "notion image";
-    }), p = h(() => t.block.type === "video" && c.value ? at(c.value) : null);
-    return (s, m) => c.value ? (a(), d("div", {
+    }), p = b(() => {
+      const r = M(t.block.properties?.alt_text), v = M(t.block.properties?.caption);
+      return r || v || "notion image";
+    }), d = b(() => t.block.type === "video" && c.value ? at(c.value) : null);
+    return (r, v) => c.value ? (a(), u("div", {
       key: 0,
       style: B(l.value)
     }, [
-      e.block.type === "image" ? (a(), x(H(v(n).Image), {
+      e.block.type === "image" ? (a(), x(H(h(n).Image), {
         key: 0,
-        src: u.value,
-        alt: f.value,
+        src: f.value,
+        alt: p.value,
         zoomable: e.zoomable,
-        style: B(r.value)
-      }, null, 8, ["src", "alt", "zoomable", "style"])) : e.block.type === "video" ? (a(), d(z, { key: 1 }, [
-        p.value ? (a(), d("iframe", {
+        style: B(s.value)
+      }, null, 8, ["src", "alt", "zoomable", "style"])) : e.block.type === "video" ? (a(), u(z, { key: 1 }, [
+        d.value ? (a(), u("iframe", {
           key: 0,
           class: "notion-asset-object-fit",
-          style: B(r.value),
-          src: `https://www.youtube.com/embed/${p.value}`,
+          style: B(s.value),
+          src: `https://www.youtube.com/embed/${d.value}`,
           frameBorder: "0",
           allowFullScreen: "",
           loading: "lazy"
-        }, null, 12, ft)) : (a(), d("video", {
+        }, null, 12, ft)) : (a(), u("video", {
           key: 1,
           playsInline: "",
           controls: "",
           preload: "metadata",
-          style: B(r.value),
+          style: B(s.value),
           src: c.value
         }, null, 12, mt))
       ], 64)) : [
@@ -728,21 +728,21 @@ const I = (...e) => e.filter((t) => !!t).map((t) => typeof t == "object" ? Objec
         "excalidraw",
         "codepen",
         "replit"
-      ].includes(e.block.type) ? (a(), d("iframe", {
+      ].includes(e.block.type) ? (a(), u("iframe", {
         key: 2,
         class: "notion-asset-object-fit",
-        style: B(r.value),
+        style: B(s.value),
         src: c.value,
         frameBorder: "0",
         allowFullScreen: "",
         loading: "lazy"
-      }, null, 12, bt)) : e.block.type === "pdf" ? (a(), d("div", ht, [
+      }, null, 12, bt)) : e.block.type === "pdf" ? (a(), u("div", ht, [
         g("a", {
           href: c.value,
           target: "_blank"
         }, "View PDF", 8, vt)
       ])) : k("", !0),
-      N(s.$slots, "default")
+      N(r.$slots, "default")
     ], 4)) : k("", !0);
   }
 });
@@ -1227,16 +1227,16 @@ Prism.languages.webmanifest = Prism.languages.json;
     "operator",
     "punctuation",
     "number"
-  ], l = i.variable[1].inside, r = 0; r < n.length; r++)
-    l[n[r]] = e.languages.bash[n[r]];
+  ], l = i.variable[1].inside, s = 0; s < n.length; s++)
+    l[n[s]] = e.languages.bash[n[s]];
   e.languages.sh = e.languages.bash, e.languages.shell = e.languages.bash;
 })(Prism);
 (function(e) {
   var t = /(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;
-  function o(p) {
-    return p = p.replace(/<inner>/g, function() {
+  function o(d) {
+    return d = d.replace(/<inner>/g, function() {
       return t;
-    }), RegExp(/((?:^|[^\\])(?:\\{2})*)/.source + "(?:" + p + ")");
+    }), RegExp(/((?:^|[^\\])(?:\\{2})*)/.source + "(?:" + d + ")");
   }
   var i = /(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source, n = /\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g, function() {
     return i;
@@ -1465,69 +1465,69 @@ Prism.languages.webmanifest = Prism.languages.json;
         }
       }
     }
-  }), ["url", "bold", "italic", "strike"].forEach(function(p) {
-    ["url", "bold", "italic", "strike", "code-snippet"].forEach(function(s) {
-      p !== s && (e.languages.markdown[p].inside.content.inside[s] = e.languages.markdown[s]);
+  }), ["url", "bold", "italic", "strike"].forEach(function(d) {
+    ["url", "bold", "italic", "strike", "code-snippet"].forEach(function(r) {
+      d !== r && (e.languages.markdown[d].inside.content.inside[r] = e.languages.markdown[r]);
     });
-  }), e.hooks.add("after-tokenize", function(p) {
-    if (p.language !== "markdown" && p.language !== "md")
+  }), e.hooks.add("after-tokenize", function(d) {
+    if (d.language !== "markdown" && d.language !== "md")
       return;
-    function s(m) {
-      if (!(!m || typeof m == "string"))
-        for (var b = 0, _ = m.length; b < _; b++) {
-          var y = m[b];
+    function r(v) {
+      if (!(!v || typeof v == "string"))
+        for (var m = 0, _ = v.length; m < _; m++) {
+          var y = v[m];
           if (y.type !== "code") {
-            s(y.content);
+            r(y.content);
             continue;
           }
-          var P = y.content[1], w = y.content[3];
-          if (P && w && P.type === "code-language" && w.type === "code-block" && typeof P.content == "string") {
-            var F = P.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
-            F = (/[a-z][\w-]*/i.exec(F) || [""])[0].toLowerCase();
-            var S = "language-" + F;
-            w.alias ? typeof w.alias == "string" ? w.alias = [w.alias, S] : w.alias.push(S) : w.alias = [S];
+          var P = y.content[1], F = y.content[3];
+          if (P && F && P.type === "code-language" && F.type === "code-block" && typeof P.content == "string") {
+            var w = P.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
+            w = (/[a-z][\w-]*/i.exec(w) || [""])[0].toLowerCase();
+            var I = "language-" + w;
+            F.alias ? typeof F.alias == "string" ? F.alias = [F.alias, I] : F.alias.push(I) : F.alias = [I];
           }
         }
     }
-    s(p.tokens);
-  }), e.hooks.add("wrap", function(p) {
-    if (p.type === "code-block") {
-      for (var s = "", m = 0, b = p.classes.length; m < b; m++) {
-        var _ = p.classes[m], y = /language-(.+)/.exec(_);
+    r(d.tokens);
+  }), e.hooks.add("wrap", function(d) {
+    if (d.type === "code-block") {
+      for (var r = "", v = 0, m = d.classes.length; v < m; v++) {
+        var _ = d.classes[v], y = /language-(.+)/.exec(_);
         if (y) {
-          s = y[1];
+          r = y[1];
           break;
         }
       }
-      var P = e.languages[s];
+      var P = e.languages[r];
       if (P)
-        p.content = e.highlight(f(p.content), P, s);
-      else if (s && s !== "none" && e.plugins.autoloader) {
-        var w = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
-        p.attributes.id = w, e.plugins.autoloader.loadLanguages(s, function() {
-          var F = document.getElementById(w);
-          F && (F.innerHTML = e.highlight(F.textContent, e.languages[s], s));
+        d.content = e.highlight(p(d.content), P, r);
+      else if (r && r !== "none" && e.plugins.autoloader) {
+        var F = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
+        d.attributes.id = F, e.plugins.autoloader.loadLanguages(r, function() {
+          var w = document.getElementById(F);
+          w && (w.innerHTML = e.highlight(w.textContent, e.languages[r], r));
         });
       }
     }
   });
-  var r = RegExp(e.languages.markup.tag.pattern.source, "gi"), c = {
+  var s = RegExp(e.languages.markup.tag.pattern.source, "gi"), c = {
     amp: "&",
     lt: "<",
     gt: ">",
     quot: '"'
-  }, u = String.fromCodePoint || String.fromCharCode;
-  function f(p) {
-    var s = p.replace(r, "");
-    return s = s.replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi, function(m, b) {
-      if (b = b.toLowerCase(), b[0] === "#") {
+  }, f = String.fromCodePoint || String.fromCharCode;
+  function p(d) {
+    var r = d.replace(s, "");
+    return r = r.replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi, function(v, m) {
+      if (m = m.toLowerCase(), m[0] === "#") {
         var _;
-        return b[1] === "x" ? _ = parseInt(b.slice(2), 16) : _ = Number(b.slice(1)), u(_);
+        return m[1] === "x" ? _ = parseInt(m.slice(2), 16) : _ = Number(m.slice(1)), f(_);
       } else {
-        var y = c[b];
-        return y || m;
+        var y = c[m];
+        return y || v;
       }
-    }), s;
+    }), r;
   }
   e.languages.md = e.languages.markdown;
 })(Prism);
@@ -1728,12 +1728,12 @@ const $t = { class: "notion-code" }, xt = {
     defaultLanguage: {}
   },
   setup(e) {
-    const t = e, o = h(() => M(t.block.properties?.title)), i = h(
+    const t = e, o = b(() => M(t.block.properties?.title)), i = b(
       () => t.block.properties?.language?.[0]?.[0]?.toLowerCase() || t.defaultLanguage || "typescript"
-    ), n = h(() => t.block.properties?.caption), l = U(null), r = () => {
+    ), n = b(() => t.block.properties?.caption), l = U(null), s = () => {
       l.value && Ae.highlightElement(l.value);
     };
-    return q(r), ne(o, r), ne(i, r), (c, u) => (a(), d("div", $t, [
+    return q(s), ne(o, s), ne(i, s), (c, f) => (a(), u("div", $t, [
       g("pre", {
         class: $(`language-${i.value}`)
       }, [
@@ -1743,7 +1743,7 @@ const $t = { class: "notion-code" }, xt = {
           class: $(`language-${i.value}`)
         }, T(o.value), 3)
       ], 2),
-      n.value ? (a(), d("figcaption", xt, [
+      n.value ? (a(), u("figcaption", xt, [
         E(R, {
           value: n.value,
           block: e.block
@@ -1760,7 +1760,7 @@ const $t = { class: "notion-code" }, xt = {
     inline: { type: Boolean }
   },
   setup(e) {
-    const t = e, o = h(() => M(t.block.properties?.title)), i = h(() => {
+    const t = e, o = b(() => M(t.block.properties?.title)), i = b(() => {
       const n = o.value;
       if (!n) return "";
       try {
@@ -1772,11 +1772,11 @@ const $t = { class: "notion-code" }, xt = {
         return console.error("KaTeX error", l), n;
       }
     });
-    return (n, l) => e.inline ? (a(), d("span", {
+    return (n, l) => e.inline ? (a(), u("span", {
       key: 0,
       class: "notion-equation notion-equation-inline",
       innerHTML: i.value
-    }, null, 8, Ft)) : (a(), d("div", {
+    }, null, 8, Ft)) : (a(), u("div", {
       key: 1,
       class: "notion-equation notion-equation-block",
       innerHTML: i.value
@@ -1798,44 +1798,44 @@ const $t = { class: "notion-code" }, xt = {
   },
   setup(e) {
     const t = Z(
-      () => import("./CollectionViewGallery-B_vTmafL.js")
+      () => import("./CollectionViewGallery-Cbq2Spsg.js")
     ), o = Z(
-      () => import("./CollectionViewList-D3G1ACy1.js")
+      () => import("./CollectionViewList-BX2TvKSQ.js")
     ), i = Z(
-      () => import("./CollectionViewTable-UDQc6cpa.js")
+      () => import("./CollectionViewTable-CTH-HIZh.js")
     ), n = Z(
-      () => import("./CollectionViewBoard-CgsTRxVb.js")
+      () => import("./CollectionViewBoard-iUYxAnRz.js")
     );
-    return (l, r) => (a(), d("div", Tt, [
-      e.collectionView.type === "gallery" ? (a(), x(v(t), {
+    return (l, s) => (a(), u("div", Tt, [
+      e.collectionView.type === "gallery" ? (a(), x(h(t), {
         key: 0,
         collection: e.collection,
         "collection-view": e.collectionView,
         "collection-data": e.collectionData,
         width: e.width,
         padding: e.padding
-      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "list" ? (a(), x(v(o), {
+      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "list" ? (a(), x(h(o), {
         key: 1,
         collection: e.collection,
         "collection-view": e.collectionView,
         "collection-data": e.collectionData,
         width: e.width,
         padding: e.padding
-      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "table" ? (a(), x(v(i), {
+      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "table" ? (a(), x(h(i), {
         key: 2,
         collection: e.collection,
         "collection-view": e.collectionView,
         "collection-data": e.collectionData,
         width: e.width,
         padding: e.padding
-      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "board" ? (a(), x(v(n), {
+      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : e.collectionView.type === "board" ? (a(), x(h(n), {
         key: 3,
         collection: e.collection,
         "collection-view": e.collectionView,
         "collection-data": e.collectionData,
         width: e.width,
         padding: e.padding
-      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : (a(), d("div", Ct, " Unsupported collection view: " + T(e.collectionView.type), 1))
+      }, null, 8, ["collection", "collection-view", "collection-data", "width", "padding"])) : (a(), u("div", Ct, " Unsupported collection view: " + T(e.collectionView.type), 1))
     ]));
   }
 }), Lt = {
@@ -1853,57 +1853,57 @@ const $t = { class: "notion-code" }, xt = {
     className: {}
   },
   setup(e) {
-    const t = e, { recordMap: o } = D(), i = h(
+    const t = e, { recordMap: o } = D(), i = b(
       () => ie(t.block, o)
-    ), n = h(
+    ), n = b(
       () => i.value ? o.collection[i.value]?.value : null
-    ), l = h(() => t.block.view_ids || []), r = U(l.value[0]), c = h(
-      () => r.value ? o.collection_view[r.value]?.value : null
-    ), u = h(() => !i.value || !r.value ? null : o.collection_query[i.value]?.[r.value]), f = h(
+    ), l = b(() => t.block.view_ids || []), s = U(l.value[0]), c = b(
+      () => s.value ? o.collection_view[s.value]?.value : null
+    ), f = b(() => !i.value || !s.value ? null : o.collection_query[i.value]?.[s.value]), p = b(
       () => n.value ? M(n.value.name).trim() : ""
-    ), p = h(
-      () => c.value?.format?.hide_linked_collection_name !== !0 && f.value
-    ), s = U(
+    ), d = b(
+      () => c.value?.format?.hide_linked_collection_name !== !0 && p.value
+    ), r = U(
       typeof window < "u" ? window.innerWidth : 1024
-    ), m = () => {
-      s.value = window.innerWidth;
+    ), v = () => {
+      r.value = window.innerWidth;
     };
     q(() => {
-      window.addEventListener("resize", m);
+      window.addEventListener("resize", v);
     }), le(() => {
-      window.removeEventListener("resize", m);
+      window.removeEventListener("resize", v);
     });
-    const b = h(() => {
+    const m = b(() => {
       const P = J(t.block, o)?.format?.page_full_width === !0;
       if (c.value?.type !== "table" && c.value?.type !== "board")
         return { width: 0, padding: 0 };
-      const w = s.value, F = 708;
-      let S = F;
-      P ? S = Math.trunc(w - 2 * Math.min(96, w * 0.08)) : S = w < F ? Math.trunc(w - w * 0.02) : F;
-      const C = Math.max(0, Math.trunc((w - S) / 2));
-      return { width: w, padding: C };
+      const F = r.value, w = 708;
+      let I = w;
+      P ? I = Math.trunc(F - 2 * Math.min(96, F * 0.08)) : I = F < w ? Math.trunc(F - F * 0.02) : w;
+      const C = Math.max(0, Math.trunc((F - I) / 2));
+      return { width: F, padding: C };
     }), _ = (y) => {
-      r.value = y;
+      s.value = y;
     };
-    return (y, P) => n.value && c.value && u.value ? (a(), d("div", {
+    return (y, P) => n.value && c.value && f.value ? (a(), u("div", {
       key: 0,
-      class: $(v(I)("notion-collection-wrapper", e.className))
+      class: $(h(S)("notion-collection-wrapper", e.className))
     }, [
-      l.value.length > 1 ? (a(), d("div", Lt, [
-        (a(!0), d(z, null, W(l.value, (w) => (a(), d("button", {
-          key: w,
-          onClick: (F) => _(w),
+      l.value.length > 1 ? (a(), u("div", Lt, [
+        (a(!0), u(z, null, W(l.value, (F) => (a(), u("button", {
+          key: F,
+          onClick: (w) => _(F),
           class: $(
-            v(I)(
+            h(S)(
               "notion-collection-view-tabs-content-item",
-              r.value === w && "notion-collection-view-tabs-content-item-active"
+              s.value === F && "notion-collection-view-tabs-content-item-active"
             )
           )
         }, [
-          g("span", zt, T(v(o).collection_view[w]?.value?.name || v(o).collection_view[w]?.value?.type), 1)
+          g("span", zt, T(h(o).collection_view[F]?.value?.name || h(o).collection_view[F]?.value?.type), 1)
         ], 10, Ot))), 128))
       ])) : k("", !0),
-      p.value ? (a(), d("div", Dt, [
+      d.value ? (a(), u("div", Dt, [
         g("div", Mt, [
           n.value.icon ? (a(), x(V, {
             key: 0,
@@ -1911,18 +1911,18 @@ const $t = { class: "notion-code" }, xt = {
             class: "notion-page-title-icon",
             "hide-default-icon": ""
           }, null, 8, ["block"])) : k("", !0),
-          ae(" " + T(f.value), 1)
+          ae(" " + T(p.value), 1)
         ])
       ])) : k("", !0),
       g("div", {
-        class: $(v(I)("notion-collection", e.className))
+        class: $(h(S)("notion-collection", e.className))
       }, [
         E(Rt, {
           collection: n.value,
           collectionView: c.value,
-          collectionData: u.value,
-          width: b.value.width,
-          padding: b.value.padding
+          collectionData: f.value,
+          width: m.value.width,
+          padding: m.value.padding
         }, null, 8, ["collection", "collectionView", "collectionData", "width", "padding"])
       ], 2)
     ], 2)) : k("", !0);
@@ -1935,25 +1935,25 @@ const $t = { class: "notion-code" }, xt = {
     block: {}
   },
   setup(e) {
-    const t = e, { recordMap: o } = D(), i = h(() => {
+    const t = e, { recordMap: o } = D(), i = b(() => {
       const l = J(t.block, o);
       return l ? Ke(l, o) : [];
-    }), n = h(() => t.block.format?.block_color);
-    return (l, r) => i.value.length ? (a(), d("div", {
+    }), n = b(() => t.block.format?.block_color);
+    return (l, s) => i.value.length ? (a(), u("div", {
       key: 0,
       class: $(
-        v(I)(
+        h(S)(
           "notion-table-of-contents",
           n.value && `notion-${n.value}`,
           e.block.id
         )
       )
     }, [
-      (a(!0), d(z, null, W(i.value, (c) => (a(), d("a", {
+      (a(!0), u(z, null, W(i.value, (c) => (a(), u("a", {
         key: c.id,
-        href: `#${v(K)(c.id)}`,
+        href: `#${h(K)(c.id)}`,
         class: $(
-          v(I)(
+          h(S)(
             "notion-table-of-contents-item",
             `notion-table-of-contents-item-indent-level-${c.indentLevel}`
           )
@@ -1986,38 +1986,38 @@ const $t = { class: "notion-code" }, xt = {
     block: {}
   },
   setup(e) {
-    const t = e, { mapImageUrl: o, components: i } = D(), n = h(() => M(t.block.properties?.title)), l = h(
+    const t = e, { mapImageUrl: o, components: i } = D(), n = b(() => M(t.block.properties?.title)), l = b(
       () => M(t.block.properties?.description)
-    ), r = h(() => t.block.properties?.link?.[0]?.[0]);
-    h(() => t.block.properties?.caption);
-    const c = h(() => t.block.format?.bookmark_cover), u = h(() => t.block.format?.bookmark_icon);
-    return (f, p) => r.value ? (a(), d("div", {
+    ), s = b(() => t.block.properties?.link?.[0]?.[0]);
+    b(() => t.block.properties?.caption);
+    const c = b(() => t.block.format?.bookmark_cover), f = b(() => t.block.format?.bookmark_icon);
+    return (p, d) => s.value ? (a(), u("div", {
       key: 0,
-      class: $(v(I)("notion-bookmark", e.block.id))
+      class: $(h(S)("notion-bookmark", e.block.id))
     }, [
-      (a(), x(H(v(i).Link), {
-        href: r.value,
+      (a(), x(H(h(i).Link), {
+        href: s.value,
         target: "_blank",
         rel: "noopener noreferrer",
         class: "notion-bookmark-link"
       }, {
         default: j(() => [
           g("div", Vt, [
-            n.value ? (a(), d("div", Wt, T(n.value), 1)) : k("", !0),
-            l.value ? (a(), d("div", Gt, T(l.value), 1)) : k("", !0),
+            n.value ? (a(), u("div", Wt, T(n.value), 1)) : k("", !0),
+            l.value ? (a(), u("div", Gt, T(l.value), 1)) : k("", !0),
             g("div", qt, [
-              u.value ? (a(), d("img", {
+              f.value ? (a(), u("img", {
                 key: 0,
-                src: v(o)(u.value, e.block),
+                src: h(o)(f.value, e.block),
                 class: "notion-bookmark-link-icon",
                 alt: n.value
               }, null, 8, Zt)) : k("", !0),
-              r.value ? (a(), d("div", Xt, T(r.value), 1)) : k("", !0)
+              s.value ? (a(), u("div", Xt, T(s.value), 1)) : k("", !0)
             ])
           ]),
-          c.value ? (a(), d("div", Yt, [
+          c.value ? (a(), u("div", Yt, [
             E(re, {
-              src: v(o)(c.value, e.block),
+              src: h(o)(c.value, e.block),
               alt: n.value,
               style: { "object-fit": "cover" }
             }, null, 8, ["src", "alt"])
@@ -2044,26 +2044,26 @@ const $t = { class: "notion-code" }, xt = {
     block: {}
   },
   setup(e) {
-    const t = e, { recordMap: o, components: i, mapPageUrl: n } = D(), l = h(() => ge(o, t.block.id));
-    return (r, c) => l.value ? (a(), d("div", Jt, [
-      (a(!0), d(z, null, W(l.value, (u, f) => (a(), d(z, {
-        key: u.pageId
+    const t = e, { recordMap: o, components: i, mapPageUrl: n } = D(), l = b(() => ge(o, t.block.id));
+    return (s, c) => l.value ? (a(), u("div", Jt, [
+      (a(!0), u(z, null, W(l.value, (f, p) => (a(), u(z, {
+        key: f.pageId
       }, [
-        (a(), x(H(v(i).PageLink), {
-          href: v(n)(u.pageId),
+        (a(), x(H(h(i).PageLink), {
+          href: h(n)(f.pageId),
           class: "notion-breadcrumb"
         }, {
           default: j(() => [
-            u.icon ? (a(), x(V, {
+            f.icon ? (a(), x(V, {
               key: 0,
-              block: u.block,
+              block: f.block,
               class: "notion-breadcrumb-icon"
             }, null, 8, ["block"])) : k("", !0),
-            u.title ? (a(), d("span", en, T(u.title), 1)) : k("", !0)
+            f.title ? (a(), u("span", en, T(f.title), 1)) : k("", !0)
           ]),
           _: 2
         }, 1032, ["href"])),
-        f < l.value.length - 1 ? (a(), d("div", tn, "/")) : k("", !0)
+        p < l.value.length - 1 ? (a(), u("div", tn, "/")) : k("", !0)
       ], 64))), 128))
     ])) : k("", !0);
   }
@@ -2088,17 +2088,17 @@ const $t = { class: "notion-code" }, xt = {
     className: {}
   },
   setup(e) {
-    const t = e, { components: o } = D(), i = h(() => t.block?.format || {}), n = h(() => i.value.original_url), l = h(() => i.value.attributes || []), r = h(() => i.value.domain), c = h(() => l.value.find((y) => y.id === "title")?.values[0] || ""), u = h(() => {
+    const t = e, { components: o } = D(), i = b(() => t.block?.format || {}), n = b(() => i.value.original_url), l = b(() => i.value.attributes || []), s = b(() => i.value.domain), c = b(() => l.value.find((y) => y.id === "title")?.values[0] || ""), f = b(() => {
       let y = l.value.find((P) => P.id === "owner")?.values[0] || "";
-      return r.value === "github.com" && y && (y = y.split("/").at(-1) || y), y;
-    }), f = h(() => l.value.find((y) => y.id === "updated_at")?.values[0]), p = h(() => f.value ? Je(f.value) : null), s = h(() => r.value === "github.com"), m = h(() => r.value === "github.com" ? "github" : null), b = h(() => n.value && l.value.length > 0);
-    return (_, y) => b.value && s.value ? (a(), x(H(v(o).PageLink), {
+      return s.value === "github.com" && y && (y = y.split("/").at(-1) || y), y;
+    }), p = b(() => l.value.find((y) => y.id === "updated_at")?.values[0]), d = b(() => p.value ? Je(p.value) : null), r = b(() => s.value === "github.com"), v = b(() => s.value === "github.com" ? "github" : null), m = b(() => n.value && l.value.length > 0);
+    return (_, y) => m.value && r.value ? (a(), x(H(h(o).PageLink), {
       key: 0,
       target: "_blank",
       rel: "noopener noreferrer",
       href: n.value,
       class: $(
-        v(I)(
+        h(S)(
           "notion-external",
           e.inline ? "notion-external-mention" : "notion-external-block notion-row",
           e.className
@@ -2106,28 +2106,28 @@ const $t = { class: "notion-code" }, xt = {
       )
     }, {
       default: j(() => [
-        m.value ? (a(), d("div", an, [
-          m.value === "github" ? (a(), d("svg", ln, [...y[0] || (y[0] = [
+        v.value ? (a(), u("div", an, [
+          v.value === "github" ? (a(), u("svg", ln, [...y[0] || (y[0] = [
             g("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" }, null, -1)
           ])])) : k("", !0)
         ])) : k("", !0),
         g("div", rn, [
           g("div", sn, T(c.value), 1),
-          !e.inline && (u.value || p.value) ? (a(), d("div", cn, [
-            u.value ? (a(), d("span", un, T(u.value), 1)) : k("", !0),
-            u.value && p.value ? (a(), d("span", dn, " • ")) : k("", !0),
-            p.value ? (a(), d("span", pn, "Updated " + T(p.value), 1)) : k("", !0)
+          !e.inline && (f.value || d.value) ? (a(), u("div", cn, [
+            f.value ? (a(), u("span", un, T(f.value), 1)) : k("", !0),
+            f.value && d.value ? (a(), u("span", dn, " • ")) : k("", !0),
+            d.value ? (a(), u("span", pn, "Updated " + T(d.value), 1)) : k("", !0)
           ])) : k("", !0)
         ])
       ]),
       _: 1
-    }, 8, ["href", "class"])) : (a(), d("div", fn, " [Unsupported external integration: " + T(r.value || "unknown") + "] ", 1));
+    }, 8, ["href", "class"])) : (a(), u("div", fn, " [Unsupported external integration: " + T(s.value || "unknown") + "] ", 1));
   }
 }), bn = {
   key: 0,
   class: "notion-frame"
 }, hn = {
-  key: 0,
+  key: 1,
   class: "notion-page-cover-wrapper"
 }, vn = ["src"], gn = { class: "notion-page-scroller" }, kn = { class: "notion-title" }, yn = {
   key: 2,
@@ -2150,46 +2150,49 @@ const $t = { class: "notion-code" }, xt = {
     hideBlockId: { type: Boolean }
   },
   setup(e) {
-    const t = e, { components: o, mapPageUrl: i, mapImageUrl: n, fullPage: l, darkMode: r, recordMap: c } = D(), u = h(
+    const t = e, { components: o, mapPageUrl: i, mapImageUrl: n, fullPage: l, darkMode: s, recordMap: c, hideHeader: f } = D(), p = b(
       () => t.hideBlockId ? "notion-block" : `notion-block-${K(t.block.id)}`
-    ), f = h(() => t.block.format?.block_color ? `notion-${t.block.format.block_color}` : void 0), p = h(() => t.block.properties?.title), s = h(
+    ), d = b(() => t.block.format?.block_color ? `notion-${t.block.format.block_color}` : void 0), r = b(() => t.block.properties?.title), v = b(
       () => t.block.properties?.checked?.[0]?.[0] === "Yes"
-    ), m = h(() => t.block.format || {}), b = h(() => m.value?.page_cover ? n(m.value.page_cover, t.block) : null), _ = h(() => `center ${(1 - (m.value?.page_cover_position || 0.5)) * 100}%`), y = h(() => t.block.type === "column" && m.value?.column_ratio ? { width: `calc(${m.value.column_ratio * 100}% - 16px)` } : {});
-    h(() => {
+    ), m = b(() => t.block.format || {}), _ = b(() => m.value?.page_cover ? n(m.value.page_cover, t.block) : null), y = b(() => `center ${(1 - (m.value?.page_cover_position || 0.5)) * 100}%`), P = b(() => t.block.type === "column" && m.value?.column_ratio ? { width: `calc(${m.value.column_ratio * 100}% - 16px)` } : {});
+    b(() => {
       const w = t.block.collection_id;
       return w && c.collection[w] ? M(c.collection[w].value?.name) : "Untitled";
     });
-    const P = h(() => t.block);
-    return (w, F) => e.level === 0 && (e.block.type === "page" || e.block.type === "collection_view_page") ? (a(), d("main", {
+    const F = b(() => t.block);
+    return (w, I) => e.level === 0 && (e.block.type === "page" || e.block.type === "collection_view_page") ? (a(), u("main", {
       key: 0,
       class: $(
-        v(I)(
+        h(S)(
           "notion",
           "notion-app",
-          v(r) ? "dark-mode" : "light-mode",
-          u.value,
+          h(s) ? "dark-mode" : "light-mode",
+          p.value,
           e.className,
           m.value.page_full_width && "notion-full-width",
           m.value.page_small_text && "notion-small-text"
         )
       )
     }, [
-      v(l) ? (a(), d("div", bn, [
-        (a(), x(H(v(o).Header), { block: e.block }, null, 8, ["block"])),
-        b.value ? (a(), d("div", hn, [
+      h(l) ? (a(), u("div", bn, [
+        h(f) ? k("", !0) : (a(), x(H(h(o).Header), {
+          key: 0,
+          block: e.block
+        }, null, 8, ["block"])),
+        _.value ? (a(), u("div", hn, [
           g("img", {
             class: "notion-page-cover",
-            src: b.value,
+            src: _.value,
             alt: "page cover",
-            style: B({ objectPosition: _.value })
+            style: B({ objectPosition: y.value })
           }, null, 12, vn)
         ])) : k("", !0),
         g("div", gn, [
           g("div", {
             class: $(
-              v(I)(
+              h(S)(
                 "notion-page",
-                b.value ? "notion-page-has-cover" : "notion-page-no-cover",
+                _.value ? "notion-page-has-cover" : "notion-page-no-cover",
                 m.value.page_icon ? "notion-page-has-icon" : "notion-page-no-icon"
               )
             )
@@ -2201,7 +2204,7 @@ const $t = { class: "notion-code" }, xt = {
             }, null, 8, ["block"])) : k("", !0),
             g("h1", kn, [
               E(R, {
-                value: p.value,
+                value: r.value,
                 block: e.block
               }, null, 8, ["value", "block"])
             ]),
@@ -2209,114 +2212,114 @@ const $t = { class: "notion-code" }, xt = {
               key: 1,
               block: e.block
             }, null, 8, ["block"])) : k("", !0),
-            e.block.type !== "collection_view_page" ? (a(), d("div", yn, [
+            e.block.type !== "collection_view_page" ? (a(), u("div", yn, [
               N(w.$slots, "default")
             ])) : k("", !0)
           ], 2)
         ])
-      ])) : (a(), d(z, { key: 1 }, [
+      ])) : (a(), u(z, { key: 1 }, [
         e.block.type === "collection_view_page" || e.block.type === "page" && e.block.parent_table === "collection" ? (a(), x(Y, {
           key: 0,
           block: e.block
         }, null, 8, ["block"])) : k("", !0),
-        e.block.type !== "collection_view_page" ? (a(), d("div", wn, [
+        e.block.type !== "collection_view_page" ? (a(), u("div", wn, [
           N(w.$slots, "default")
         ])) : k("", !0)
       ], 64))
-    ], 2)) : e.block.type === "page" ? (a(), x(H(v(o).PageLink), {
+    ], 2)) : e.block.type === "page" ? (a(), x(H(h(o).PageLink), {
       key: 1,
-      class: $(v(I)("notion-page-link", f.value, u.value)),
-      href: v(i)(e.block.id)
+      class: $(h(S)("notion-page-link", d.value, p.value)),
+      href: h(i)(e.block.id)
     }, {
       default: j(() => [
         E(V, { block: e.block }, null, 8, ["block"]),
         g("div", _n, [
           E(R, {
-            value: p.value,
+            value: r.value,
             block: e.block
           }, null, 8, ["value", "block"])
         ])
       ]),
       _: 1
-    }, 8, ["class", "href"])) : e.block.type === "header" ? (a(), d("h1", {
+    }, 8, ["class", "href"])) : e.block.type === "header" ? (a(), u("h1", {
       key: 2,
-      class: $(v(I)("notion-h", "notion-h1", f.value, u.value))
+      class: $(h(S)("notion-h", "notion-h1", d.value, p.value))
     }, [
       g("span", $n, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ])
-    ], 2)) : e.block.type === "sub_header" ? (a(), d("h2", {
+    ], 2)) : e.block.type === "sub_header" ? (a(), u("h2", {
       key: 3,
-      class: $(v(I)("notion-h", "notion-h2", f.value, u.value))
+      class: $(h(S)("notion-h", "notion-h2", d.value, p.value))
     }, [
       g("span", xn, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ])
-    ], 2)) : e.block.type === "sub_sub_header" ? (a(), d("h3", {
+    ], 2)) : e.block.type === "sub_sub_header" ? (a(), u("h3", {
       key: 4,
-      class: $(v(I)("notion-h", "notion-h3", f.value, u.value))
+      class: $(h(S)("notion-h", "notion-h3", d.value, p.value))
     }, [
       g("span", In, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ])
-    ], 2)) : e.block.type === "text" ? (a(), d("div", {
+    ], 2)) : e.block.type === "text" ? (a(), u("div", {
       key: 5,
-      class: $(v(I)("notion-text", f.value, u.value))
+      class: $(h(S)("notion-text", d.value, p.value))
     }, [
-      p.value ? (a(), x(R, {
+      r.value ? (a(), x(R, {
         key: 0,
-        value: p.value,
+        value: r.value,
         block: e.block
-      }, null, 8, ["value", "block"])) : (a(), d("div", Sn, " ")),
+      }, null, 8, ["value", "block"])) : (a(), u("div", Sn, " ")),
       N(w.$slots, "default")
-    ], 2)) : e.block.type === "bulleted_list" ? (a(), d("ul", {
+    ], 2)) : e.block.type === "bulleted_list" ? (a(), u("ul", {
       key: 6,
-      class: $(v(I)("notion-list", "notion-list-disc", u.value))
+      class: $(h(S)("notion-list", "notion-list-disc", p.value))
     }, [
       g("li", null, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ]),
       N(w.$slots, "default")
-    ], 2)) : e.block.type === "numbered_list" ? (a(), d("ol", {
+    ], 2)) : e.block.type === "numbered_list" ? (a(), u("ol", {
       key: 7,
-      class: $(v(I)("notion-list", "notion-list-numbered", u.value))
+      class: $(h(S)("notion-list", "notion-list-numbered", p.value))
     }, [
       g("li", null, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ]),
       N(w.$slots, "default")
-    ], 2)) : e.block.type === "to_do" ? (a(), d("div", {
+    ], 2)) : e.block.type === "to_do" ? (a(), u("div", {
       key: 8,
-      class: $(v(I)("notion-to-do", u.value))
+      class: $(h(S)("notion-to-do", p.value))
     }, [
       g("div", Fn, [
         g("div", Pn, [
           g("input", {
             type: "checkbox",
-            checked: s.value,
+            checked: v.value,
             readonly: ""
           }, null, 8, An)
         ]),
         g("div", {
-          class: $(v(I)("notion-to-do-body", s.value && "notion-to-do-checked"))
+          class: $(h(S)("notion-to-do-body", v.value && "notion-to-do-checked"))
         }, [
           E(R, {
-            value: p.value,
+            value: r.value,
             block: e.block
           }, null, 8, ["value", "block"])
         ], 2)
@@ -2324,47 +2327,47 @@ const $t = { class: "notion-code" }, xt = {
       g("div", En, [
         N(w.$slots, "default")
       ])
-    ], 2)) : e.block.type === "toggle" ? (a(), d("details", {
+    ], 2)) : e.block.type === "toggle" ? (a(), u("details", {
       key: 9,
-      class: $(v(I)("notion-toggle", u.value))
+      class: $(h(S)("notion-toggle", p.value))
     }, [
       g("summary", null, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ]),
       g("div", null, [
         N(w.$slots, "default")
       ])
-    ], 2)) : e.block.type === "quote" ? (a(), d("blockquote", {
+    ], 2)) : e.block.type === "quote" ? (a(), u("blockquote", {
       key: 10,
-      class: $(v(I)("notion-quote", f.value, u.value))
+      class: $(h(S)("notion-quote", d.value, p.value))
     }, [
       g("div", null, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"])
       ]),
       N(w.$slots, "default")
-    ], 2)) : e.block.type === "callout" ? (a(), d("div", {
+    ], 2)) : e.block.type === "callout" ? (a(), u("div", {
       key: 11,
       class: $(
-        v(I)("notion-callout", f.value ? `${f.value}_co` : void 0, u.value)
+        h(S)("notion-callout", d.value ? `${d.value}_co` : void 0, p.value)
       )
     }, [
       E(V, { block: e.block }, null, 8, ["block"]),
       g("div", Tn, [
         E(R, {
-          value: p.value,
+          value: r.value,
           block: e.block
         }, null, 8, ["value", "block"]),
         N(w.$slots, "default")
       ])
-    ], 2)) : e.block.type === "divider" ? (a(), d("hr", {
+    ], 2)) : e.block.type === "divider" ? (a(), u("hr", {
       key: 12,
-      class: $(v(I)("notion-hr", u.value))
+      class: $(h(S)("notion-hr", p.value))
     }, null, 2)) : e.block.type === "code" ? (a(), x(St, {
       key: 13,
       block: e.block
@@ -2377,9 +2380,9 @@ const $t = { class: "notion-code" }, xt = {
     }, null, 8, ["block"])) : e.block.type === "table_of_contents" ? (a(), x(jt, {
       key: 16,
       block: e.block
-    }, null, 8, ["block"])) : e.block.type === "transclusion_container" || e.block.type === "transclusion_reference" ? (a(), d("div", {
+    }, null, 8, ["block"])) : e.block.type === "transclusion_container" || e.block.type === "transclusion_reference" ? (a(), u("div", {
       key: 17,
-      class: $(v(I)("notion-sync-block", u.value))
+      class: $(h(S)("notion-sync-block", p.value))
     }, [
       N(w.$slots, "default")
     ], 2)) : e.block.type === "equation" ? (a(), x(Et, {
@@ -2399,10 +2402,10 @@ const $t = { class: "notion-code" }, xt = {
       "pdf"
     ].includes(e.block.type) ? (a(), x(kt, {
       key: 19,
-      block: P.value
+      block: F.value
     }, {
       default: j(() => [
-        e.block.properties?.caption ? (a(), d("figcaption", Cn, [
+        e.block.properties?.caption ? (a(), u("figcaption", Cn, [
           E(R, {
             value: e.block.properties.caption,
             block: e.block
@@ -2410,15 +2413,15 @@ const $t = { class: "notion-code" }, xt = {
         ])) : k("", !0)
       ]),
       _: 1
-    }, 8, ["block"])) : e.block.type === "column_list" ? (a(), d("div", {
+    }, 8, ["block"])) : e.block.type === "column_list" ? (a(), u("div", {
       key: 20,
-      class: $(v(I)("notion-row", u.value))
+      class: $(h(S)("notion-row", p.value))
     }, [
       N(w.$slots, "default")
-    ], 2)) : e.block.type === "column" ? (a(), d("div", {
+    ], 2)) : e.block.type === "column" ? (a(), u("div", {
       key: 21,
-      class: $(v(I)("notion-column", u.value)),
-      style: B(y.value)
+      class: $(h(S)("notion-column", p.value)),
+      style: B(P.value)
     }, [
       N(w.$slots, "default")
     ], 6)) : e.block.type === "collection_view" || e.block.type === "collection_view_page" ? (a(), x(Y, {
@@ -2427,10 +2430,10 @@ const $t = { class: "notion-code" }, xt = {
     }, null, 8, ["block"])) : e.block.type === "external_object_instance" ? (a(), x(mn, {
       key: 23,
       block: e.block,
-      class: $(u.value)
-    }, null, 8, ["block", "class"])) : (a(), d("div", {
+      class: $(p.value)
+    }, null, 8, ["block", "class"])) : (a(), u("div", {
       key: 24,
-      class: $(v(I)("notion-block-fallback", u.value))
+      class: $(h(S)("notion-block-fallback", p.value))
     }, null, 2));
   }
 }), Rn = /* @__PURE__ */ A({
@@ -2441,8 +2444,8 @@ const $t = { class: "notion-code" }, xt = {
     zoom: {}
   },
   setup(e) {
-    const t = e, { recordMap: o } = D(), i = h(() => t.blockId || Object.keys(o.block)[0]), n = h(() => o.block[i.value]?.value);
-    return (l, r) => {
+    const t = e, { recordMap: o } = D(), i = b(() => t.blockId || Object.keys(o.block)[0]), n = b(() => o.block[i.value]?.value);
+    return (l, s) => {
       const c = $e("NotionBlockRenderer", !0);
       return n.value ? (a(), x(Nn, {
         key: i.value,
@@ -2450,9 +2453,9 @@ const $t = { class: "notion-code" }, xt = {
         block: n.value
       }, {
         default: j(() => [
-          n.value.content ? (a(!0), d(z, { key: 0 }, W(n.value.content, (u) => (a(), x(c, {
-            key: u,
-            blockId: u,
+          n.value.content ? (a(!0), u(z, { key: 0 }, W(n.value.content, (f) => (a(), x(c, {
+            key: f,
+            blockId: f,
             level: (e.level || 0) + 1
           }, null, 8, ["blockId", "level"]))), 128)) : k("", !0)
         ]),
@@ -2467,7 +2470,7 @@ const $t = { class: "notion-code" }, xt = {
     className: {}
   },
   setup(e) {
-    return (t, o) => (a(), d("a", {
+    return (t, o) => (a(), u("a", {
       href: e.href,
       class: $(e.className)
     }, [
@@ -2486,10 +2489,10 @@ const $t = { class: "notion-code" }, xt = {
     isChecked: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => (a(), d("span", {
+    return (t, o) => (a(), u("span", {
       class: $(["notion-checkbox", e.isChecked && "notion-checkbox-checked"])
     }, [
-      e.isChecked ? (a(), d("svg", zn, [...o[0] || (o[0] = [
+      e.isChecked ? (a(), u("svg", zn, [...o[0] || (o[0] = [
         g("polyline", { points: "3.3 7 5.7 9 10.7 4" }, null, -1)
       ])])) : k("", !0)
     ], 2));
@@ -2515,10 +2518,10 @@ const $t = { class: "notion-code" }, xt = {
     }), (n, l) => (a(), x(xe, { to: "body" }, [
       E(Ie, { name: "notion-modal-fade" }, {
         default: j(() => [
-          e.isOpen ? (a(), d("div", {
+          e.isOpen ? (a(), u("div", {
             key: 0,
             class: "notion-modal-overlay",
-            onClick: l[1] || (l[1] = he((r) => o("close"), ["self"]))
+            onClick: l[1] || (l[1] = he((s) => o("close"), ["self"]))
           }, [
             g("div", {
               class: "notion-modal",
@@ -2528,7 +2531,7 @@ const $t = { class: "notion-code" }, xt = {
             }, [
               g("button", {
                 class: "notion-modal-close",
-                onClick: l[0] || (l[0] = (r) => o("close")),
+                onClick: l[0] || (l[0] = (s) => o("close")),
                 "aria-label": "Close modal"
               }, [...l[2] || (l[2] = [
                 g("svg", {
@@ -2565,17 +2568,17 @@ const $t = { class: "notion-code" }, xt = {
     defaultIcon: {}
   },
   setup(e) {
-    const t = e, { recordMap: o } = D(), i = h(() => Q(t.block, o));
-    return (n, l) => e.block ? (a(), d("span", {
+    const t = e, { recordMap: o } = D(), i = b(() => Q(t.block, o));
+    return (n, l) => e.block ? (a(), u("span", {
       key: 0,
-      class: $(v(I)("notion-page-title"))
+      class: $(h(S)("notion-page-title"))
     }, [
       E(V, {
         block: e.block,
         "default-icon": e.defaultIcon,
         class: "notion-page-title-icon"
       }, null, 8, ["block", "default-icon"]),
-      i.value ? (a(), d("span", Gn, T(i.value), 1)) : k("", !0)
+      i.value ? (a(), u("span", Gn, T(i.value), 1)) : k("", !0)
     ], 2)) : k("", !0);
   }
 }), Xn = { class: "quickFindMenu" }, Yn = { class: "searchBar" }, Kn = { class: "inlineIcon" }, Qn = {
@@ -2605,53 +2608,53 @@ const $t = { class: "notion-code" }, xt = {
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const o = e, i = t, { components: n, searchNotion: l, mapPageUrl: r, defaultPageIcon: c } = D(), u = U(!1), f = U(""), p = U(null), s = U(null), m = U(null);
-    let b = null;
-    function _(F, S) {
+    const o = e, i = t, { components: n, searchNotion: l, mapPageUrl: s, defaultPageIcon: c } = D(), f = U(!1), p = U(""), d = U(null), r = U(null), v = U(null);
+    let m = null;
+    function _(w, I) {
       return (...C) => {
-        b || (b = setTimeout(() => {
-          F(...C), b = null;
-        }, S));
+        m || (m = setTimeout(() => {
+          w(...C), m = null;
+        }, I));
       };
     }
     async function y() {
-      if (!f.value.trim() || !l) {
-        u.value = !1, p.value = null, s.value = null;
+      if (!p.value.trim() || !l) {
+        f.value = !1, d.value = null, r.value = null;
         return;
       }
-      u.value = !0;
+      f.value = !0;
       try {
-        const F = await l({
-          query: f.value,
+        const w = await l({
+          query: p.value,
           ancestorId: o.rootBlockId
         });
-        if (F.error || F.errorId)
-          s.value = F, p.value = null;
+        if (w.error || w.errorId)
+          r.value = w, d.value = null;
         else {
-          const S = F.results.map((L) => {
-            const G = F.recordMap.block[L.id]?.value;
+          const I = w.results.map((L) => {
+            const G = w.recordMap.block[L.id]?.value;
             if (!G) return;
-            const se = Q(G, F.recordMap);
-            if (se && (L.title = se, L.block = G, L.recordMap = F.recordMap, L.page = J(G, F.recordMap, { inclusive: !0 }) || G, !!L.page.id))
+            const se = Q(G, w.recordMap);
+            if (se && (L.title = se, L.block = G, L.recordMap = w.recordMap, L.page = J(G, w.recordMap, { inclusive: !0 }) || G, !!L.page.id))
               return L.highlight?.text && (L.highlight.html = L.highlight.text.replaceAll(/<gzknfouu>/gi, "<b>").replaceAll(/<\/gzknfouu>/gi, "</b>")), L;
           }).filter(Boolean), C = Object.fromEntries(
-            S.map((L) => [L.page.id, L])
+            I.map((L) => [L.page.id, L])
           );
-          p.value = {
-            ...F,
+          d.value = {
+            ...w,
             results: Object.values(C)
-          }, s.value = null;
+          }, r.value = null;
         }
-      } catch (F) {
-        s.value = F, p.value = null;
+      } catch (w) {
+        r.value = w, d.value = null;
       } finally {
-        u.value = !1;
+        f.value = !1;
       }
     }
     const P = _(y, 1e3);
-    ne(f, (F) => {
-      if (!F.trim()) {
-        p.value = null, s.value = null, u.value = !1;
+    ne(p, (w) => {
+      if (!w.trim()) {
+        d.value = null, r.value = null, f.value = !1;
         return;
       }
       P();
@@ -2661,19 +2664,19 @@ const $t = { class: "notion-code" }, xt = {
         ancestorId: o.rootBlockId
       });
     });
-    function w() {
-      f.value = "";
+    function F() {
+      p.value = "";
     }
-    return (F, S) => (a(), x(H(v(n).Modal), {
+    return (w, I) => (a(), x(H(h(n).Modal), {
       "is-open": e.isOpen,
       "content-label": "Search",
-      onClose: S[3] || (S[3] = (C) => i("close"))
+      onClose: I[3] || (I[3] = (C) => i("close"))
     }, {
       default: j(() => [
         g("div", Xn, [
           g("div", Yn, [
             g("div", Kn, [
-              u.value ? (a(), d("svg", Qn, [...S[4] || (S[4] = [
+              f.value ? (a(), u("svg", Qn, [...I[4] || (I[4] = [
                 g("circle", {
                   cx: "50",
                   cy: "50",
@@ -2693,27 +2696,27 @@ const $t = { class: "notion-code" }, xt = {
                     repeatCount: "indefinite"
                   })
                 ], -1)
-              ])])) : (a(), d("svg", Jn, [...S[5] || (S[5] = [
+              ])])) : (a(), u("svg", Jn, [...I[5] || (I[5] = [
                 g("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }, null, -1)
               ])]))
             ]),
             Se(g("input", {
               ref_key: "inputRef",
-              ref: m,
-              "onUpdate:modelValue": S[0] || (S[0] = (C) => f.value = C),
+              ref: v,
+              "onUpdate:modelValue": I[0] || (I[0] = (C) => p.value = C),
               class: "searchInput",
               placeholder: "Search",
-              onKeydown: S[1] || (S[1] = he(() => {
+              onKeydown: I[1] || (I[1] = he(() => {
               }, ["stop"]))
             }, null, 544), [
-              [Fe, f.value]
+              [Fe, p.value]
             ]),
-            f.value ? (a(), d("div", {
+            p.value ? (a(), u("div", {
               key: 0,
               role: "button",
               class: "clearButton",
-              onClick: w
-            }, [...S[6] || (S[6] = [
+              onClick: F
+            }, [...I[6] || (I[6] = [
               g("svg", {
                 class: "clearIcon",
                 viewBox: "0 0 24 24"
@@ -2722,20 +2725,20 @@ const $t = { class: "notion-code" }, xt = {
               ], -1)
             ])])) : k("", !0)
           ]),
-          f.value.trim() && p.value ? (a(), d("div", eo, [
-            p.value.results.length ? (a(), d(z, { key: 0 }, [
-              (a(!0), d(z, null, W(p.value.results, (C) => (a(), x(H(v(n).PageLink), {
+          p.value.trim() && d.value ? (a(), u("div", eo, [
+            d.value.results.length ? (a(), u(z, { key: 0 }, [
+              (a(!0), u(z, null, W(d.value.results, (C) => (a(), x(H(h(n).PageLink), {
                 key: C.id,
-                href: v(r)(C.page.id),
+                href: h(s)(C.page.id),
                 class: "result notion-page-link",
-                onClick: S[2] || (S[2] = (L) => i("close"))
+                onClick: I[2] || (I[2] = (L) => i("close"))
               }, {
                 default: j(() => [
                   E(Zn, {
                     block: C.page,
-                    "default-icon": v(c)
+                    "default-icon": h(c)
                   }, null, 8, ["block", "default-icon"]),
-                  C.highlight?.html ? (a(), d("div", {
+                  C.highlight?.html ? (a(), u("div", {
                     key: 0,
                     class: "notion-search-result-highlight",
                     innerHTML: C.highlight.html
@@ -2745,15 +2748,15 @@ const $t = { class: "notion-code" }, xt = {
               }, 1032, ["href"]))), 128)),
               g("footer", no, [
                 g("div", null, [
-                  g("span", oo, T(p.value.results.length), 1),
-                  ae(" " + T(p.value.results.length === 1 ? " result" : " results"), 1)
+                  g("span", oo, T(d.value.results.length), 1),
+                  ae(" " + T(d.value.results.length === 1 ? " result" : " results"), 1)
                 ])
               ])
-            ], 64)) : (a(), d("div", ao, [...S[7] || (S[7] = [
+            ], 64)) : (a(), u("div", ao, [...I[7] || (I[7] = [
               g("div", { class: "noResults" }, "No results", -1),
               g("div", { class: "noResultsDetail" }, "Try different search terms", -1)
             ])]))
-          ])) : f.value.trim() && s.value ? (a(), d("div", lo, [...S[8] || (S[8] = [
+          ])) : p.value.trim() && r.value ? (a(), u("div", lo, [...I[8] || (I[8] = [
             g("div", { class: "noResults" }, "Search error", -1)
           ])])) : k("", !0)
         ])
@@ -2784,64 +2787,64 @@ const $t = { class: "notion-code" }, xt = {
     block: {}
   },
   setup(e) {
-    const t = e, { recordMap: o, components: i, mapPageUrl: n, searchNotion: l } = D(), r = h(() => ge(o, t.block.id)), c = U(!1);
-    function u() {
+    const t = e, { recordMap: o, components: i, mapPageUrl: n, searchNotion: l } = D(), s = b(() => ge(o, t.block.id)), c = U(!1);
+    function f() {
       c.value = !0;
     }
-    function f() {
+    function p() {
       c.value = !1;
     }
-    function p(s) {
-      (s.metaKey || s.ctrlKey) && (s.key === "p" || s.key === "k") && (s.preventDefault(), u());
+    function d(r) {
+      (r.metaKey || r.ctrlKey) && (r.key === "p" || r.key === "k") && (r.preventDefault(), f());
     }
     return q(() => {
-      window.addEventListener("keydown", p);
+      window.addEventListener("keydown", d);
     }), le(() => {
-      window.removeEventListener("keydown", p);
-    }), (s, m) => (a(), d("header", so, [
+      window.removeEventListener("keydown", d);
+    }), (r, v) => (a(), u("header", so, [
       g("div", co, [
-        r.value ? (a(), d("div", uo, [
-          (a(!0), d(z, null, W(r.value, (b, _) => (a(), d(z, {
-            key: b.pageId
+        s.value ? (a(), u("div", uo, [
+          (a(!0), u(z, null, W(s.value, (m, _) => (a(), u(z, {
+            key: m.pageId
           }, [
-            (a(), x(H(b.active ? "div" : v(i).PageLink), Pe(
+            (a(), x(H(m.active ? "div" : h(i).PageLink), Pe(
               { ref_for: !0 },
-              b.active ? {} : { href: v(n)(b.pageId) },
+              m.active ? {} : { href: h(n)(m.pageId) },
               {
-                class: v(I)("breadcrumb", b.active && "active")
+                class: h(S)("breadcrumb", m.active && "active")
               }
             ), {
               default: j(() => [
-                b.icon ? (a(), x(V, {
+                m.icon ? (a(), x(V, {
                   key: 0,
-                  block: b.block,
+                  block: m.block,
                   class: "icon"
                 }, null, 8, ["block"])) : k("", !0),
-                b.title ? (a(), d("span", po, T(b.title), 1)) : k("", !0)
+                m.title ? (a(), u("span", po, T(m.title), 1)) : k("", !0)
               ]),
               _: 2
             }, 1040, ["class"])),
-            _ < r.value.length - 1 ? (a(), d("span", fo, " / ")) : k("", !0)
+            _ < s.value.length - 1 ? (a(), u("span", fo, " / ")) : k("", !0)
           ], 64))), 128))
         ])) : k("", !0),
         g("div", mo, [
-          v(l) ? (a(), d("div", {
+          h(l) ? (a(), u("div", {
             key: 0,
             role: "button",
             class: "notion-nav-button notion-search-button",
-            onClick: u
+            onClick: f
           }, [
-            (a(), d("svg", bo, [...m[0] || (m[0] = [
+            (a(), u("svg", bo, [...v[0] || (v[0] = [
               g("path", { d: "M8.875 2.625a6.25 6.25 0 1 0 3.955 11.09l3.983 3.982a.625.625 0 1 0 .884-.884l-3.983-3.982a6.25 6.25 0 0 0-4.84-10.205m-5 6.25a5 5 0 1 1 10 0 5 5 0 0 1-10 0" }, null, -1)
             ])]))
           ])) : k("", !0),
-          N(s.$slots, "header-right")
+          N(r.$slots, "header-right")
         ]),
         c.value ? (a(), x(ro, {
           key: 1,
           "is-open": c.value,
           "root-block-id": e.block.id,
-          onClose: f
+          onClose: p
         }, null, 8, ["is-open", "root-block-id"])) : k("", !0)
       ])
     ]));
@@ -2862,10 +2865,11 @@ const $t = { class: "notion-code" }, xt = {
     defaultPageIcon: {},
     defaultPageCover: {},
     defaultPageCoverPosition: { default: 0.5 },
-    isImageZoomable: { type: Boolean }
+    isImageZoomable: { type: Boolean },
+    hideHeader: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = h(() => ({
+    const t = e, o = b(() => ({
       Image: re,
       Link: "a",
       PageLink: On,
@@ -2899,10 +2903,11 @@ const $t = { class: "notion-code" }, xt = {
       defaultPageCover: t.defaultPageCover,
       defaultPageCoverPosition: t.defaultPageCoverPosition || 0.5,
       forceCustomImages: !!t.components?.Image,
-      zoom: i
+      zoom: i,
+      hideHeader: t.hideHeader
     }), (n, l) => (a(), x(Rn, {
       level: 0,
-      zoom: e.isImageZoomable ? v(i) : null
+      zoom: e.isImageZoomable ? h(i) : null
     }, null, 8, ["zoom"]));
   }
 });
@@ -2910,7 +2915,7 @@ export {
   V as _,
   re as a,
   R as b,
-  I as c,
+  S as c,
   Mn as d,
   _o as e,
   D as u