@tryghost/activitypub 3.0.8 → 3.1.0

package/dist/{index-C9pnotJK.mjs → index-BurflorF.mjs}

@@ -1,34 +1,34 @@
-import { a6 as Xn, R as Q, j as n, s as In, b as y, e as L, ba as Pn, bb as Fn, B as $, bE as ne, bc as Ln, bF as ee, c as U, bG as te, W as jn, d as Rn, bH as un, S as N, P as ae, A as oe, h as re, g as Cn, r as ie, aa as de, aT as ce, k as hn, F as cn, i as sn, bI as se, ab as le, a as ge, u as pe, l as ue, L as he, D as me, n as ke, o as fe, p as be, bJ as xe, bK as ve, bL as ye, av as zn, aw as we } from "./index--Q6orQkb.mjs";
-import { u as je, D as Ce, A as ze, S as Sn } from "./deleted-feed-item-Bun4tY2_.mjs";
-import { T as Se } from "./topic-filter-DJMrhH-c.mjs";
-import { S as _e } from "./separator-DP7q5sFH.mjs";
-import { I as _n } from "./inbox-DqNqII4a.mjs";
+import { a6 as ee, R as Z, j as n, s as Fn, b as y, e as L, bb as Ln, bc as Rn, B as $, bF as te, bd as On, bG as ae, c as W, bH as oe, W as zn, d as Tn, bI as hn, S as N, P as re, A as ie, h as de, g as Cn, r as se, aa as ce, aU as le, k as mn, F as cn, i as ln, bJ as ge, bK as B, ac as pe, bL as Sn, a as ue, u as he, l as me, L as ke, D as fe, n as be, o as xe, p as ve, bM as ye, bN as we, bO as je, aw as _n, ax as ze } from "./index-DIicyWvr.mjs";
+import { u as Ce, D as Se, A as _e, S as En } from "./deleted-feed-item-BkXeOOSC.mjs";
+import { T as Ee } from "./topic-filter-YL1wy3Q1.mjs";
+import { S as Ne } from "./separator-Dgj8LPTF.mjs";
+import { I as Nn } from "./inbox-BIeU-G-G.mjs";
 /**
  * @license lucide-react v0.553.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = [["path", { d: "M5 12h14", key: "1ays0h" }]], Ne = Xn("minus", Ee), Tn = Q.forwardRef(({ children: a, className: r, ...t }, i) => /* @__PURE__ */ n.jsx(
+const Ie = [["path", { d: "M5 12h14", key: "1ays0h" }]], Pe = ee("minus", Ie), Mn = Z.forwardRef(({ children: t, className: r, ...a }, i) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: i,
-    className: In("flex items-center justify-center rounded-full bg-muted w-12 h-12 max-w-12 max-h-12 [&_svg]:size-4 [&_svg]:text-muted-foreground [&_svg]:shrink-0", r),
-    ...t,
-    children: a
+    className: Fn("flex items-center justify-center rounded-full bg-muted w-12 h-12 max-w-12 max-h-12 [&_svg]:size-4 [&_svg]:text-muted-foreground [&_svg]:shrink-0", r),
+    ...a,
+    children: t
   }
 ));
-Tn.displayName = "EmptyBadge";
-const mn = Q.forwardRef(({ children: a, className: r, title: t, description: i, actions: d, ...u }, c) => /* @__PURE__ */ n.jsxs("div", { ref: c, className: In("flex flex-col items-center justify-center space-y-3 text-center", r), ...u, children: [
-  /* @__PURE__ */ n.jsx(Tn, { children: a }),
+Mn.displayName = "EmptyBadge";
+const kn = Z.forwardRef(({ children: t, className: r, title: a, description: i, actions: d, ...u }, s) => /* @__PURE__ */ n.jsxs("div", { ref: s, className: Fn("flex flex-col items-center justify-center space-y-3 text-center", r), ...u, children: [
+  /* @__PURE__ */ n.jsx(Mn, { children: t }),
   /* @__PURE__ */ n.jsxs("div", { className: "max-w-[320px] space-y-1.5", children: [
-    /* @__PURE__ */ n.jsx("h3", { className: "text-pretty text-md font-medium tracking-normal text-foreground", children: t }),
+    /* @__PURE__ */ n.jsx("h3", { className: "text-pretty text-md font-medium tracking-normal text-foreground", children: a }),
     i && /* @__PURE__ */ n.jsx("p", { className: "text-pretty text-sm leading-tight text-muted-foreground", children: i })
   ] }),
   d && /* @__PURE__ */ n.jsx("div", { className: "mt-4 flex items-center gap-2", children: d })
 ] }));
-mn.displayName = "EmptyIndicator";
-const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
+kn.displayName = "EmptyIndicator";
+const fn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Q = {
   BACKGROUND_COLOR: "ghost-ap-background-color",
   FONT_SIZE: "ghost-ap-font-size",
   FONT_STYLE: "ghost-ap-font-style"
@@ -61,77 +61,77 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
     button: "text-white dark:bg-black dark:hover:bg-gray-900",
     border: "border-black/[8%] dark:border-gray-950"
   }
-}, Ie = () => {
-  const [a, r] = y(() => {
-    const o = localStorage.getItem(Y.BACKGROUND_COLOR);
+}, Fe = () => {
+  const [t, r] = y(() => {
+    const o = localStorage.getItem(Q.BACKGROUND_COLOR);
     return (o == null ? void 0 : o.toUpperCase()) || "SYSTEM";
-  }), [t, i] = y(() => {
-    const o = localStorage.getItem(Y.FONT_SIZE);
+  }), [a, i] = y(() => {
+    const o = localStorage.getItem(Q.FONT_SIZE);
     return o ? parseInt(o) : 2;
-  }), [d, u] = y(() => localStorage.getItem(Y.FONT_STYLE) || "sans"), c = (o) => {
-    r(o), localStorage.setItem(Y.BACKGROUND_COLOR, F[o].id);
+  }), [d, u] = y(() => localStorage.getItem(Q.FONT_STYLE) || "sans"), s = (o) => {
+    r(o), localStorage.setItem(Q.BACKGROUND_COLOR, F[o].id);
   };
   return L(() => {
-    localStorage.setItem(Y.FONT_SIZE, t.toString());
-  }, [t]), L(() => {
-    localStorage.setItem(Y.FONT_STYLE, d);
+    localStorage.setItem(Q.FONT_SIZE, a.toString());
+  }, [a]), L(() => {
+    localStorage.setItem(Q.FONT_STYLE, d);
   }, [d]), {
-    backgroundColor: a,
-    currentFontSizeIndex: t,
+    backgroundColor: t,
+    currentFontSizeIndex: a,
     fontStyle: d,
-    handleColorChange: c,
+    handleColorChange: s,
     setFontStyle: u,
     increaseFontSize: () => {
-      i((o) => Math.min(o + 1, kn.length - 1));
+      i((o) => Math.min(o + 1, fn.length - 1));
     },
     decreaseFontSize: () => {
       i((o) => Math.max(o - 1, 0));
     },
     resetFontSize: () => i(2),
-    fontSize: kn[t]
+    fontSize: fn[a]
   };
-}, En = ({
-  backgroundColor: a,
+}, In = ({
+  backgroundColor: t,
   currentFontSizeIndex: r,
-  fontStyle: t,
+  fontStyle: a,
   onColorChange: i,
   onFontStyleChange: d,
   onDecreaseFontSize: u,
-  onIncreaseFontSize: c,
+  onIncreaseFontSize: s,
   onResetFontSize: h,
   onOpenChange: v
 }) => {
-  const p = (s) => a === s, o = (s) => t === s;
+  const p = (c) => t === c, o = (c) => a === c;
   return /* @__PURE__ */ n.jsx(
-    Pe,
+    Le,
     {
-      backgroundColor: a,
+      backgroundColor: t,
       currentFontSizeIndex: r,
-      fontStyle: t,
+      fontStyle: a,
       isActiveColor: p,
       isActiveFont: o,
       onColorChange: i,
       onDecreaseFontSize: u,
       onFontStyleChange: d,
-      onIncreaseFontSize: c,
+      onIncreaseFontSize: s,
       onOpenChange: v,
       onResetFontSize: h
     }
   );
-}, Pe = ({
-  backgroundColor: a,
+}, Le = ({
+  backgroundColor: t,
   isActiveColor: r,
-  isActiveFont: t,
+  isActiveFont: a,
   onColorChange: i,
   onFontStyleChange: d,
   currentFontSizeIndex: u,
-  onDecreaseFontSize: c,
+  onDecreaseFontSize: s,
   onIncreaseFontSize: h,
   onResetFontSize: v,
   onOpenChange: p
-}) => /* @__PURE__ */ n.jsxs(Pn, { modal: !1, onOpenChange: p, children: [
-  /* @__PURE__ */ n.jsx(Fn, { asChild: !0, children: /* @__PURE__ */ n.jsx($, { className: `size-9 rounded-full ${F[a].button}`, variant: "ghost", children: /* @__PURE__ */ n.jsx(ne.Typography, { className: "!size-[18px]" }) }) }),
-  /* @__PURE__ */ n.jsx(Ln, { align: "end", className: "w-[224px]", onCloseAutoFocus: (o) => o.preventDefault(), onOpenAutoFocus: (o) => o.preventDefault(), children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
+}) => /* @__PURE__ */ n.jsxs(Ln, { modal: !1, onOpenChange: p, children: [
+  /* @__PURE__ */ n.jsx(Rn, { asChild: !0, children: /* @__PURE__ */ n.jsx($, { className: `size-9 rounded-full ${F[t].button}`, variant: "ghost", children: /* @__PURE__ */ n.jsx(te.Typography, { className: "!size-[18px]" }) }) }),
+  /* @__PURE__ */ n.jsx(On, { align: "end", className: "w-[224px]", onCloseAutoFocus: (o) => o.preventDefault(), onOpenAutoFocus: (o) => o.preventDefault(), children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-[6px]", children: [
       /* @__PURE__ */ n.jsx(
         $,
@@ -168,7 +168,7 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
       /* @__PURE__ */ n.jsxs(
         $,
         {
-          className: `flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 ${t("sans") && "outline outline-2 outline-green"}`,
+          className: `flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 ${a("sans") && "outline outline-2 outline-green"}`,
           variant: "secondary",
           onClick: () => d("sans"),
           children: [
@@ -180,7 +180,7 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
       /* @__PURE__ */ n.jsxs(
         $,
         {
-          className: `flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 ${t("serif") && "outline outline-2 outline-green"}`,
+          className: `flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 ${a("serif") && "outline outline-2 outline-green"}`,
           variant: "secondary",
           onClick: () => d("serif"),
           children: [
@@ -197,8 +197,8 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
           className: "h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]",
           disabled: u === 0,
           variant: "secondary",
-          onClick: c,
-          children: /* @__PURE__ */ n.jsx(Ne, {})
+          onClick: s,
+          children: /* @__PURE__ */ n.jsx(Pe, {})
         }
       ),
       /* @__PURE__ */ n.jsx(
@@ -214,26 +214,26 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
         $,
         {
           className: "h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-250 dark:bg-gray-925 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]",
-          disabled: u === kn.length - 1,
+          disabled: u === fn.length - 1,
           variant: "secondary",
           onClick: h,
-          children: /* @__PURE__ */ n.jsx(ee, {})
+          children: /* @__PURE__ */ n.jsx(ae, {})
         }
       )
     ] })
   ] }) })
-] }), Fe = ({
-  tocItems: a,
+] }), Re = ({
+  tocItems: t,
   iframeElement: r,
-  modalRef: t,
+  modalRef: a,
   className: i = "!visible absolute inset-y-0 right-7 z-40 hidden lg:!block",
   onOpenChange: d
 }) => {
-  const [u, c] = y(null), h = Q.useRef(!1), v = (p) => {
+  const [u, s] = y(null), h = Z.useRef(!1), v = (p) => {
     if (!(r != null && r.contentDocument))
       return;
     const o = r.contentDocument.getElementById(p);
-    o && t.current && (h.current = !0, c(p), t.current.scrollTo({
+    o && a.current && (h.current = !0, s(p), a.current.scrollTo({
       top: o.offsetTop - 20,
       behavior: "smooth"
     }), setTimeout(() => {
@@ -241,9 +241,9 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
     }, 1e3));
   };
   return L(() => {
-    if (!(r != null && r.contentDocument) || a.length <= 1)
+    if (!(r != null && r.contentDocument) || t.length <= 1)
       return;
-    const p = t.current;
+    const p = a.current;
     if (!p)
       return;
     const o = () => {
@@ -252,58 +252,58 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
       const l = r.contentDocument;
       if (!l)
         return;
-      const I = p.scrollTop, R = 100, B = a.map((z) => l.getElementById(z.id)).filter((z) => z !== null).map((z) => ({
-        id: z.id,
-        top: z.offsetTop
+      const I = p.scrollTop, R = 100, q = t.map((C) => l.getElementById(C.id)).filter((C) => C !== null).map((C) => ({
+        id: C.id,
+        top: C.offsetTop
       }));
-      if (!B.length)
+      if (!q.length)
         return;
-      const _ = B.reduce((z, A) => A.top - R <= I ? A : z);
-      c((_ == null ? void 0 : _.id) || null);
-    }, s = () => {
+      const _ = q.reduce((C, A) => A.top - R <= I ? A : C);
+      s((_ == null ? void 0 : _.id) || null);
+    }, c = () => {
       requestAnimationFrame(o);
     };
-    return p.addEventListener("scroll", s), o(), () => {
-      p.removeEventListener("scroll", s);
+    return p.addEventListener("scroll", c), o(), () => {
+      p.removeEventListener("scroll", c);
     };
-  }, [r, a, t]), a.length <= 1 ? null : /* @__PURE__ */ n.jsx("div", { className: i, children: /* @__PURE__ */ n.jsx("div", { className: "sticky top-1/2 -translate-y-1/2", children: /* @__PURE__ */ n.jsx(
-    Te,
+  }, [r, t, a]), t.length <= 1 ? null : /* @__PURE__ */ n.jsx("div", { className: i, children: /* @__PURE__ */ n.jsx("div", { className: "sticky top-1/2 -translate-y-1/2", children: /* @__PURE__ */ n.jsx(
+    Me,
     {
       activeHeading: u || "",
-      items: a,
+      items: t,
       onItemClick: v,
       onOpenChange: d
     }
   ) }) });
-}, Le = {
+}, Oe = {
   1: "w-3",
   2: "w-2",
   3: "w-1"
-}, Re = {
+}, Te = {
   1: "pl-2",
   2: "pl-6",
   3: "pl-10"
-}, Te = ({ items: a, activeHeading: r, onItemClick: t, onOpenChange: i }) => {
-  const [d, u] = y(!1), c = Q.useRef();
-  if (Q.useEffect(() => () => {
-    c.current && clearTimeout(c.current);
-  }, []), a.length === 0)
+}, Me = ({ items: t, activeHeading: r, onItemClick: a, onOpenChange: i }) => {
+  const [d, u] = y(!1), s = Z.useRef();
+  if (Z.useEffect(() => () => {
+    s.current && clearTimeout(s.current);
+  }, []), t.length === 0)
     return null;
-  const h = (l) => Math.min(l, 3), v = (l) => Le[h(l)], p = (l) => Re[h(l)], o = () => {
-    c.current && clearTimeout(c.current), u(!0), i == null || i(!0);
-  }, s = () => {
-    c.current = setTimeout(() => {
+  const h = (l) => Math.min(l, 3), v = (l) => Oe[h(l)], p = (l) => Te[h(l)], o = () => {
+    s.current && clearTimeout(s.current), u(!0), i == null || i(!0);
+  }, c = () => {
+    s.current = setTimeout(() => {
       u(!1), i == null || i(!1);
     }, 100);
   };
-  return /* @__PURE__ */ n.jsxs(Pn, { modal: !1, open: d, onOpenChange: u, children: [
-    /* @__PURE__ */ n.jsx(Fn, { asChild: !0, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsxs(Ln, { modal: !1, open: d, onOpenChange: u, children: [
+    /* @__PURE__ */ n.jsx(Rn, { asChild: !0, children: /* @__PURE__ */ n.jsx(
       "div",
       {
         className: "absolute right-2 top-1/2 flex -translate-y-1/2 flex-col items-end gap-2 rounded-md p-2 text-base dark:bg-black",
         onMouseEnter: o,
-        onMouseLeave: s,
-        children: a.map((l) => /* @__PURE__ */ n.jsx(
+        onMouseLeave: c,
+        children: t.map((l) => /* @__PURE__ */ n.jsx(
           "div",
           {
             className: `h-[2px] rounded-sm ${r === l.id ? "bg-black dark:bg-white" : "bg-gray-400 dark:bg-gray-700"} pr-1 transition-all ${v(l.level)}`
@@ -313,7 +313,7 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
       }
     ) }),
     /* @__PURE__ */ n.jsx(
-      Ln,
+      On,
       {
         align: "center",
         className: "w-[240px] p-2",
@@ -321,7 +321,7 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
         sideOffset: -28,
         onCloseAutoFocus: (l) => l.preventDefault(),
         onMouseEnter: o,
-        onMouseLeave: s,
+        onMouseLeave: c,
         onOpenAutoFocus: (l) => l.preventDefault(),
         children: /* @__PURE__ */ n.jsx(
           "nav",
@@ -329,12 +329,12 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
             "aria-label": "Table of contents navigation",
             className: "max-h-[60vh] overflow-y-auto",
             role: "navigation",
-            children: a.map((l) => /* @__PURE__ */ n.jsx(
+            children: t.map((l) => /* @__PURE__ */ n.jsx(
               "button",
               {
                 className: `line-clamp-2 block w-full cursor-pointer rounded py-1 text-left text-sm leading-tight ${r === l.id ? "text-black dark:text-white" : "text-gray-700 dark:text-gray-600"} hover:bg-gray-75 hover:text-gray-900 dark:hover:bg-grey-925 dark:hover:text-white ${p(l.level)}`,
                 type: "button",
-                onClick: () => t(l.id),
+                onClick: () => a(l.id),
                 children: /* @__PURE__ */ n.jsx("span", { className: "line-clamp-2", children: l.text })
               },
               l.id
@@ -344,7 +344,7 @@ const kn = ["1.5rem", "1.6rem", "1.7rem", "1.8rem", "2rem"], Y = {
       }
     )
   ] });
-}, Oe = () => `<style>
+}, Ae = () => `<style>
 
 /* Variables */
 
@@ -929,7 +929,7 @@ html.has-light-text .gh-paid-content-notice {
     font-family: var(--font-serif-alt);
 }
 
-</style>`, Me = `(function() {
+</style>`, $e = `(function() {
     const handleAudioPlayer = function (audioElementContainer) {
         const audioPlayerContainer = audioElementContainer.querySelector('.kg-audio-player-container');
         const playIconContainer = audioElementContainer.querySelector('.kg-audio-play-icon');
@@ -1075,10 +1075,10 @@ html.has-light-text .gh-paid-content-notice {
         handleAudioPlayer(audioCardElements[i]);
     }
 })();
-`, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Me
-}, Symbol.toStringTag, { value: "Module" })), $e = `(function() {
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), Be = `(function() {
     const images = document.querySelectorAll('.kg-gallery-image img');
     images.forEach(function (image) {
         const container = image.closest('.kg-gallery-image');
@@ -1088,10 +1088,10 @@ html.has-light-text .gh-paid-content-notice {
         container.style.flex = ratio + ' 1 0%';
     })
 })();
-`, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), Be = `(function() {
+  default: Be
+}, Symbol.toStringTag, { value: "Module" })), He = `(function() {
     const toggleHeadingElements = document.getElementsByClassName("kg-toggle-heading");
 
     const toggleFn = function(event) {
@@ -1109,10 +1109,10 @@ html.has-light-text .gh-paid-content-notice {
         toggleHeadingElements[i].addEventListener('click', toggleFn, false);
     }
 })();
-`, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Be
-}, Symbol.toStringTag, { value: "Module" })), He = `(function() {
+  default: He
+}, Symbol.toStringTag, { value: "Module" })), We = `(function() {
     const handleVideoPlayer = function (videoElementContainer) {
         const videoPlayer = videoElementContainer.querySelector('.kg-video-player');
         const videoPlayerContainer = videoElementContainer.querySelector('.kg-video-player-container');
@@ -1354,10 +1354,10 @@ html.has-light-text .gh-paid-content-notice {
         handleVideoPlayer(videoCardElements[i]);
     }
 })();
-`, Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: He
-}, Symbol.toStringTag, { value: "Module" })), We = `.kg-audio-card,
+  default: We
+}, Symbol.toStringTag, { value: "Module" })), Ve = `.kg-audio-card,
 .kg-audio-card * {
     box-sizing: border-box;
 }
@@ -1689,10 +1689,10 @@ html.has-light-text .gh-paid-content-notice {
 .kg-audio-player-container input[type="range"]:active::-ms-thumb {
     transform: scale(1.2);
 }
-`, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: We
-}, Symbol.toStringTag, { value: "Module" })), Ve = `.kg-blockquote-alt {
+  default: Ve
+}, Symbol.toStringTag, { value: "Module" })), Qe = `.kg-blockquote-alt {
   font-size: 1.5em;
   font-style: italic;
   line-height: 1.7em;
@@ -1715,10 +1715,10 @@ html.has-light-text .gh-paid-content-notice {
     padding-right: 1.75em;
   } 
 }
-`, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ve
-}, Symbol.toStringTag, { value: "Module" })), Qe = `.kg-bookmark-card,
+  default: Qe
+}, Symbol.toStringTag, { value: "Module" })), Je = `.kg-bookmark-card,
 .kg-bookmark-card * {
     box-sizing: border-box;
 }
@@ -1834,10 +1834,10 @@ html.has-light-text .gh-paid-content-notice {
     left: 0;
     border-radius: 0 2px 2px 0;
 }
-`, Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qe
-}, Symbol.toStringTag, { value: "Module" })), Je = `.kg-button-card,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Xe = `.kg-button-card,
 .kg-button-card * {
     box-sizing: border-box;
 }
@@ -1876,10 +1876,10 @@ html.has-light-text .gh-paid-content-notice {
 .kg-button-card a.kg-btn-accent {
     background-color: var(--ghost-accent-color);
     color: #fff;
-}`, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}`, nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Je
-}, Symbol.toStringTag, { value: "Module" })), Xe = `.kg-callout-card,
+  default: Xe
+}, Symbol.toStringTag, { value: "Module" })), et = `.kg-callout-card,
 .kg-callout-card * {
     box-sizing: border-box;
 }
@@ -1946,10 +1946,10 @@ html.has-light-text .gh-paid-content-notice {
 
 .kg-callout-card + .kg-callout-card {
     margin-top: 1em;
-}`, nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}`, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Xe
-}, Symbol.toStringTag, { value: "Module" })), et = `.kg-collection-card {
+  default: et
+}, Symbol.toStringTag, { value: "Module" })), at = `.kg-collection-card {
     width: 100%;
     margin-top: 6vmin;
 }
@@ -2164,10 +2164,10 @@ p.kg-collection-card-post-excerpt {
     .kg-collection-card-grid.columns-4 h2.kg-collection-card-post-title {
         font-size: 1.7rem;
     }
-}`, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}`, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: et
-}, Symbol.toStringTag, { value: "Module" })), at = `.kg-cta-card,
+  default: at
+}, Symbol.toStringTag, { value: "Module" })), rt = `.kg-cta-card,
 .kg-cta-card * {
     box-sizing: border-box;
 }
@@ -2419,10 +2419,10 @@ a.kg-cta-button {
     width: 100%;
 }
 
-`, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: at
-}, Symbol.toStringTag, { value: "Module" })), rt = `.kg-file-card,
+  default: rt
+}, Symbol.toStringTag, { value: "Module" })), dt = `.kg-file-card,
 .kg-file-card * {
     box-sizing: border-box;
 }
@@ -2565,10 +2565,10 @@ a.kg-cta-button {
 .kg-file-card + .kg-file-card {
     margin-top: 1em;
 }
-`, it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: rt
-}, Symbol.toStringTag, { value: "Module" })), dt = `.kg-gallery-card,
+  default: dt
+}, Symbol.toStringTag, { value: "Module" })), ct = `.kg-gallery-card,
 .kg-gallery-card * {
     box-sizing: border-box;
 }
@@ -2616,10 +2616,10 @@ a.kg-cta-button {
         --gap: 0.6rem;
     }
 }
-`, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: dt
-}, Symbol.toStringTag, { value: "Module" })), st = `.kg-header-card,
+  default: ct
+}, Symbol.toStringTag, { value: "Module" })), gt = `.kg-header-card,
 .kg-header-card * {
     box-sizing: border-box;
 }
@@ -2852,10 +2852,10 @@ a.kg-cta-button {
         font-size: 1em;
     }
 }
-`, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: st
-}, Symbol.toStringTag, { value: "Module" })), gt = `.kg-header-card.kg-v2 {
+  default: gt
+}, Symbol.toStringTag, { value: "Module" })), ut = `.kg-header-card.kg-v2 {
     position: relative;
     padding: 0;
     min-height: initial;
@@ -3117,10 +3117,10 @@ a.kg-cta-button {
         font-size: 1em;
     }
 }
-`, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: gt
-}, Symbol.toStringTag, { value: "Module" })), ut = `.kg-nft-card,
+  default: ut
+}, Symbol.toStringTag, { value: "Module" })), mt = `.kg-nft-card,
 .kg-nft-card * {
     box-sizing: border-box;
 }
@@ -3214,10 +3214,10 @@ a.kg-cta-button {
     line-height: 1.4em;
     margin: 20px 0 0;
     color: #222;
-}`, ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}`, kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ut
-}, Symbol.toStringTag, { value: "Module" })), mt = `.kg-product-card,
+  default: mt
+}, Symbol.toStringTag, { value: "Module" })), ft = `.kg-product-card,
 .kg-product-card * {
     box-sizing: border-box;
 }
@@ -3350,10 +3350,10 @@ a.kg-cta-button {
     background-color: var(--ghost-accent-color);
     color: #fff;
 }
-`, kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mt
-}, Symbol.toStringTag, { value: "Module" })), ft = `.kg-signup-card {
+  default: ft
+}, Symbol.toStringTag, { value: "Module" })), xt = `.kg-signup-card {
     position: relative;
 }
 
@@ -3735,10 +3735,10 @@ a.kg-cta-button {
         font-size: 1em;
     }
 }
-`, bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ft
-}, Symbol.toStringTag, { value: "Module" })), xt = `.kg-toggle-card,
+  default: xt
+}, Symbol.toStringTag, { value: "Module" })), yt = `.kg-toggle-card,
 .kg-toggle-card * {
     box-sizing: border-box;
 }
@@ -3835,10 +3835,101 @@ a.kg-cta-button {
 .kg-toggle-card + .kg-toggle-card {
     margin-top: 1em;
 }
-`, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xt
-}, Symbol.toStringTag, { value: "Module" })), yt = `.kg-video-card,
+  default: yt
+}, Symbol.toStringTag, { value: "Module" })), jt = `.kg-transistor-card {
+    display: flex;
+    justify-content: center;
+}
+
+.kg-transistor-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2.4rem;
+    width: 100%;
+    max-width: 100%;
+    padding: 3rem 2.4rem;
+    border: 1px solid rgba(255, 255, 255, 0.14);
+    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.04);
+    background: color-mix(in srgb, currentColor 4%, transparent);
+    color: inherit;
+    text-align: center;
+    box-sizing: border-box;
+}
+
+.kg-transistor-icon {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 116px;
+    height: 116px;
+    border-radius: 14px;
+    background: var(--ghost-accent-color, #b8a5ac);
+    color: #fff;
+}
+
+.kg-transistor-icon svg {
+    display: block;
+    width: 56px;
+    height: 56px;
+}
+
+.kg-transistor-content {
+    min-width: 0;
+    max-width: 640px;
+}
+
+.kg-transistor-title {
+    margin: 0;
+    color: inherit;
+    font-size: 2.3rem;
+    font-weight: 600;
+    line-height: 1.2;
+}
+
+.kg-transistor-description {
+    margin-top: 1.6rem;
+    color: inherit;
+    font-size: 1.6rem;
+    line-height: 1.5;
+    opacity: 0.65;
+}
+
+@media (max-width: 640px) {
+    .kg-transistor-placeholder {
+        gap: 1.6rem;
+        padding: 2.4rem 1.8rem;
+    }
+
+    .kg-transistor-icon {
+        width: 88px;
+        height: 88px;
+        border-radius: 12px;
+    }
+
+    .kg-transistor-icon svg {
+        width: 44px;
+        height: 44px;
+    }
+
+    .kg-transistor-title {
+        font-size: 1.8rem;
+    }
+
+    .kg-transistor-description {
+        margin-top: 1rem;
+        font-size: 1.45rem;
+    }
+}
+`, zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: jt
+}, Symbol.toStringTag, { value: "Module" })), Ct = `.kg-video-card,
 .kg-video-card * {
     box-sizing: border-box;
 }
@@ -4193,32 +4284,32 @@ a.kg-cta-button {
     transform: scale(1.2);
 }
 
-`, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: yt
-}, Symbol.toStringTag, { value: "Module" })), jt = /* @__PURE__ */ Object.assign({ "../../ghost/core/core/frontend/src/cards/js/audio.js": Ae, "../../ghost/core/core/frontend/src/cards/js/gallery.js": De, "../../ghost/core/core/frontend/src/cards/js/toggle.js": qe, "../../ghost/core/core/frontend/src/cards/js/video.js": Ue }), Ct = /* @__PURE__ */ Object.assign({ "../../ghost/core/core/frontend/src/cards/css/audio.css": Ke, "../../ghost/core/core/frontend/src/cards/css/blockquote.css": Ye, "../../ghost/core/core/frontend/src/cards/css/bookmark.css": Ze, "../../ghost/core/core/frontend/src/cards/css/button.css": Ge, "../../ghost/core/core/frontend/src/cards/css/callout.css": nt, "../../ghost/core/core/frontend/src/cards/css/collection.css": tt, "../../ghost/core/core/frontend/src/cards/css/cta.css": ot, "../../ghost/core/core/frontend/src/cards/css/file.css": it, "../../ghost/core/core/frontend/src/cards/css/gallery.css": ct, "../../ghost/core/core/frontend/src/cards/css/header.css": lt, "../../ghost/core/core/frontend/src/cards/css/header_v2.css": pt, "../../ghost/core/core/frontend/src/cards/css/nft.css": ht, "../../ghost/core/core/frontend/src/cards/css/product.css": kt, "../../ghost/core/core/frontend/src/cards/css/signup.css": bt, "../../ghost/core/core/frontend/src/cards/css/toggle.css": vt, "../../ghost/core/core/frontend/src/cards/css/video.css": wt }), zt = Object.values(jt).map((a) => a.default).join(`
+  default: Ct
+}, Symbol.toStringTag, { value: "Module" })), _t = /* @__PURE__ */ Object.assign({ "../../ghost/core/core/frontend/src/cards/js/audio.js": De, "../../ghost/core/core/frontend/src/cards/js/gallery.js": qe, "../../ghost/core/core/frontend/src/cards/js/toggle.js": Ue, "../../ghost/core/core/frontend/src/cards/js/video.js": Ke }), Et = /* @__PURE__ */ Object.assign({ "../../ghost/core/core/frontend/src/cards/css/audio.css": Ye, "../../ghost/core/core/frontend/src/cards/css/blockquote.css": Ze, "../../ghost/core/core/frontend/src/cards/css/bookmark.css": Ge, "../../ghost/core/core/frontend/src/cards/css/button.css": nt, "../../ghost/core/core/frontend/src/cards/css/callout.css": tt, "../../ghost/core/core/frontend/src/cards/css/collection.css": ot, "../../ghost/core/core/frontend/src/cards/css/cta.css": it, "../../ghost/core/core/frontend/src/cards/css/file.css": st, "../../ghost/core/core/frontend/src/cards/css/gallery.css": lt, "../../ghost/core/core/frontend/src/cards/css/header.css": pt, "../../ghost/core/core/frontend/src/cards/css/header_v2.css": ht, "../../ghost/core/core/frontend/src/cards/css/nft.css": kt, "../../ghost/core/core/frontend/src/cards/css/product.css": bt, "../../ghost/core/core/frontend/src/cards/css/signup.css": vt, "../../ghost/core/core/frontend/src/cards/css/toggle.css": wt, "../../ghost/core/core/frontend/src/cards/css/transistor.css": zt, "../../ghost/core/core/frontend/src/cards/css/video.css": St }), Nt = Object.values(_t).map((t) => t.default).join(`
 
-`), St = Object.values(Ct).map((a) => a.default).join(`
+`), It = Object.values(Et).map((t) => t.default).join(`
 
-`), _t = ({
-  postUrl: a,
+`), Pt = ({
+  postUrl: t,
   heading: r,
-  image: t,
+  image: a,
   excerpt: i,
   authors: d,
   html: u,
-  backgroundColor: c,
+  backgroundColor: s,
   fontSize: h,
   fontStyle: v,
   onHeadingsExtracted: p,
   onIframeLoad: o,
-  onLoadingChange: s,
+  onLoadingChange: c,
   isPopoverOpen: l
 }) => {
-  const I = U(null), [R, B] = y(!0), [_, z] = y("0px"), A = document.documentElement.classList.contains("dark") && c === "SYSTEM" || c === "DARK", Z = Oe(), f = `
-        <html class="has-${A ? "light" : "dark"}-text has-${v}-body ${c === "SEPIA" && "has-sepia-bg"}">
+  const I = W(null), [R, q] = y(!0), [_, C] = y("0px"), A = document.documentElement.classList.contains("dark") && s === "SYSTEM" || s === "DARK", J = Ae(), f = `
+        <html class="has-${A ? "light" : "dark"}-text has-${v}-body ${s === "SEPIA" && "has-sepia-bg"}">
         <head>
-            ${Z}
+            ${J}
             <style>
                 :root {
                     --font-size: ${h};
@@ -4233,7 +4324,7 @@ a.kg-cta-button {
                 }
             </style>
             <style>
-                ${St}
+                ${It}
             </style>
 
             <script>
@@ -4309,14 +4400,14 @@ a.kg-cta-button {
         </head>
         <body>
             <header class='gh-article-header gh-canvas'>
-                <h1 class='gh-article-title is-title' data-test-article-heading>${r}</h1>
-                ${i ? `<p class='gh-article-excerpt'>${i}</p>` : ""}
-                <a href="${a}" target="_blank" rel="noopener noreferrer" class="gh-article-meta">
+                <h1 class='gh-article-title is-title' data-test-article-heading>${B(r)}</h1>
+                ${i ? `<p class='gh-article-excerpt'>${B(i)}</p>` : ""}
+                <a href="${t && Sn(t) ? B(t) : "#"}" target="_blank" rel="noopener noreferrer" class="gh-article-meta">
                     ${d && d.length > 0 ? `
                         <div class="gh-article-author-image">
                         ${d.map((g) => `
                                 <span>
-                                    ${g.profile_image ? `<img src="${g.profile_image}" alt="${g.name}">` : '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M6.75 6a5.25 5.25 0 1 0 10.5 0 5.25 5.25 0 1 0 -10.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M2.25 23.25a9.75 9.75 0 0 1 19.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>'}
+                                    ${g.profile_image ? `<img src="${B(g.profile_image)}" alt="${B(g.name)}">` : '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M6.75 6a5.25 5.25 0 1 0 10.5 0 5.25 5.25 0 1 0 -10.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M2.25 23.25a9.75 9.75 0 0 1 19.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>'}
                                 </span>
                             `).join("")}
                         </div>
@@ -4324,20 +4415,20 @@ a.kg-cta-button {
                     <div class="gh-article-meta-wrapper">
                         ${d && d.length > 0 ? `
                             <span class="gh-article-author-name">
-                                ${d.length > 1 ? `${d[0].name} and ${d.length - 1} ${d.length - 1 === 1 ? "other" : "others"}` : d[0].name}
+                                ${d.length > 1 ? `${B(d[0].name)} and ${d.length - 1} ${d.length - 1 === 1 ? "other" : "others"}` : B(d[0].name)}
                             </span>
                         ` : ""}
-                        <span class="gh-article-source">${a ? new URL(a).hostname : ""} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link-icon lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg></span>
+                        <span class="gh-article-source">${t && Sn(t) ? B(new URL(t).hostname) : ""} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link-icon lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg></span>
                     </div>
                 </a>
-                ${t ? `
+                ${a ? `
                 <figure class='gh-article-image'>
-                    <img src='${t}' alt='${r}' />
+                    <img src='${B(a)}' alt='${B(r)}' />
                 </figure>
                 ` : ""}
             </header>
             <div class='gh-content gh-canvas is-body'>
-                ${le(u)}
+                ${pe(u)}
             </div>
             <script>
                 (function () {
@@ -4353,7 +4444,7 @@ a.kg-cta-button {
                 })();
             <\/script>
             <script>
-                ${zt}
+                ${Nt}
             <\/script>
         </body>
         </html>
@@ -4363,10 +4454,10 @@ a.kg-cta-button {
     if (!g)
       return;
     g.srcdoc || (g.srcdoc = f);
-    const T = (b) => {
+    const O = (b) => {
       if (b.data.type === "resize") {
         const S = `${b.data.bodyHeight + 24}px`;
-        z(S), g.style.height = S, b.data.isLoaded && B(!1);
+        C(S), g.style.height = S, b.data.isLoaded && q(!1);
       }
     }, j = (b) => {
       if (b.key === "Escape") {
@@ -4385,8 +4476,8 @@ a.kg-cta-button {
       const b = g.contentWindow;
       b && b.addEventListener("keydown", j);
     };
-    return g.addEventListener("load", E), window.addEventListener("message", T), () => {
-      window.removeEventListener("message", T), g.removeEventListener("load", E);
+    return g.addEventListener("load", E), window.addEventListener("message", O), () => {
+      window.removeEventListener("message", O), g.removeEventListener("load", E);
       const b = g.contentWindow;
       b && b.removeEventListener("keydown", j);
     };
@@ -4395,23 +4486,23 @@ a.kg-cta-button {
     const g = I.current;
     if (!g)
       return;
-    const T = g.contentDocument || ((b = g.contentWindow) == null ? void 0 : b.document);
-    if (!T)
+    const O = g.contentDocument || ((b = g.contentWindow) == null ? void 0 : b.document);
+    if (!O)
       return;
-    const j = T.documentElement;
-    j.style.setProperty("--font-size", h), j.classList.remove("has-sans-body", "has-serif-body"), j.classList.add(`has-${v}-body`), j.classList.remove("has-dark-text", "has-light-text"), j.classList.add(`has-${A ? "light" : "dark"}-text`), c === "SEPIA" ? j.classList.add("has-sepia-bg") : j.classList.remove("has-sepia-bg");
+    const j = O.documentElement;
+    j.style.setProperty("--font-size", h), j.classList.remove("has-sans-body", "has-serif-body"), j.classList.add(`has-${v}-body`), j.classList.remove("has-dark-text", "has-light-text"), j.classList.add(`has-${A ? "light" : "dark"}-text`), s === "SEPIA" ? j.classList.add("has-sepia-bg") : j.classList.remove("has-sepia-bg");
     const E = g.contentWindow;
     if (E && typeof E.resizeIframe == "function")
       E.resizeIframe();
     else {
       const S = new Event("resize");
-      T.dispatchEvent(S);
+      O.dispatchEvent(S);
     }
-  }, [h, v, c, A]), L(() => {
+  }, [h, v, s, A]), L(() => {
     const g = I.current;
     if (!g)
       return;
-    const T = () => {
+    const O = () => {
       if (!g.contentDocument)
         return;
       const j = Array.from(
@@ -4421,23 +4512,23 @@ a.kg-cta-button {
         return;
       const E = Math.min(
         ...j.map((S) => parseInt(S.tagName[1]))
-      ), b = j.map((S, nn) => {
-        const O = `heading-${nn}`;
-        S.id = O;
-        const en = parseInt(S.tagName[1]) - E + 1;
+      ), b = j.map((S, en) => {
+        const T = `heading-${en}`;
+        S.id = T;
+        const tn = parseInt(S.tagName[1]) - E + 1;
         return {
-          id: O,
+          id: T,
           text: S.textContent || "",
-          level: en,
+          level: tn,
           element: S
         };
       });
       p == null || p(b), o == null || o(g);
     };
-    return g.addEventListener("load", T), () => g.removeEventListener("load", T);
+    return g.addEventListener("load", O), () => g.removeEventListener("load", O);
   }, [p, o]), L(() => {
-    s == null || s(R);
-  }, [R, s]), /* @__PURE__ */ n.jsx("div", { className: "w-full pb-6", children: /* @__PURE__ */ n.jsxs("div", { className: "relative -mx-6", children: [
+    c == null || c(R);
+  }, [R, c]), /* @__PURE__ */ n.jsx("div", { className: "w-full pb-6", children: /* @__PURE__ */ n.jsxs("div", { className: "relative -mx-6", children: [
     R && /* @__PURE__ */ n.jsxs("div", { className: "mx-auto mt-6 w-full max-w-[640px] max-lg:px-4", children: [
       /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex flex-col gap-2", children: [
         /* @__PURE__ */ n.jsx(N, { className: "h-8" }),
@@ -4465,41 +4556,41 @@ a.kg-cta-button {
       }
     )
   ] }) });
-}, Nn = () => /* @__PURE__ */ n.jsx("div", { className: "h-px bg-black/[8%] dark:bg-gray-950" }), X = /* @__PURE__ */ new Map(), Et = ({
-  postId: a = null,
+}, Pn = () => /* @__PURE__ */ n.jsx("div", { className: "h-px bg-black/[8%] dark:bg-gray-950" }), nn = /* @__PURE__ */ new Map(), Ft = ({
+  postId: t = null,
   onClose: r
 }) => {
-  var xn, vn, yn;
+  var vn, yn, wn;
   const {
-    backgroundColor: t,
+    backgroundColor: a,
     currentFontSizeIndex: i,
     fontStyle: d,
     fontSize: u,
-    handleColorChange: c,
+    handleColorChange: s,
     setFontStyle: h,
     increaseFontSize: v,
     decreaseFontSize: p,
     resetFontSize: o
-  } = Ie(), s = U(null), [l, I] = y(!1), [R, B] = y(!1), [_, z] = y(/* @__PURE__ */ new Set()), [A, Z] = y(/* @__PURE__ */ new Set()), [f, g] = y(/* @__PURE__ */ new Set()), [T, j] = y(!1), E = U(null), b = U(null), {
+  } = Fe(), c = W(null), [l, I] = y(!1), [R, q] = y(!1), [_, C] = y(/* @__PURE__ */ new Set()), [A, J] = y(/* @__PURE__ */ new Set()), [f, g] = y(/* @__PURE__ */ new Set()), [O, j] = y(!1), E = W(null), b = W(null), {
     post: S,
-    processedReplies: nn,
-    isLoading: O,
-    loadMoreChildren: ln,
-    loadMoreChildReplies: en,
-    hasMoreChildren: tn,
-    hasMoreChildReplies: an
-  } = je(a ?? "", { includeAncestors: !1 }), q = S, m = q == null ? void 0 : q.object, H = q == null ? void 0 : q.actor, On = (vn = (xn = q == null ? void 0 : q.object) == null ? void 0 : xn.metadata) == null ? void 0 : vn.ghostAuthors, Mn = (m == null ? void 0 : m.replyCount) ?? 0;
+    processedReplies: en,
+    isLoading: T,
+    loadMoreChildren: gn,
+    loadMoreChildReplies: tn,
+    hasMoreChildren: an,
+    hasMoreChildReplies: on
+  } = Ce(t ?? "", { includeAncestors: !1 }), H = S, m = H == null ? void 0 : H.object, U = H == null ? void 0 : H.actor, An = (yn = (vn = H == null ? void 0 : H.object) == null ? void 0 : vn.metadata) == null ? void 0 : yn.ghostAuthors, $n = (m == null ? void 0 : m.replyCount) ?? 0;
   L(() => {
-    if (!tn)
+    if (!an)
       return;
     E.current && E.current.disconnect();
-    const e = s.current;
+    const e = c.current;
     if (e)
       return E.current = new IntersectionObserver(async (w) => {
-        if (w[0].isIntersecting && tn && !T) {
+        if (w[0].isIntersecting && an && !O) {
           j(!0);
           try {
-            await ln();
+            await gn();
           } catch (k) {
             console.error("Failed to load more top-level replies:", k);
           } finally {
@@ -4512,119 +4603,119 @@ a.kg-cta-button {
       }), b.current && E.current.observe(b.current), () => {
         E.current && E.current.disconnect();
       };
-  }, [tn, T, ln]);
-  function gn() {
+  }, [an, O, gn]);
+  function pn() {
   }
-  function An(e) {
-    z((w) => {
+  function Dn(e) {
+    C((w) => {
       const k = new Set(w);
-      return k.has(e) ? k.delete(e) : (k.add(e), Z((C) => {
-        const M = new Set(C);
+      return k.has(e) ? k.delete(e) : (k.add(e), J((z) => {
+        const M = new Set(z);
         return M.add(e), M;
       })), k;
     });
   }
-  async function $n(e, w) {
+  async function Bn(e, w) {
     if (!f.has(e)) {
       g((k) => new Set(k).add(e));
       try {
-        en && await en(w);
+        tn && await tn(w);
       } catch (k) {
         console.error("Failed to load more replies for chain:", k);
       } finally {
         g((k) => {
-          const C = new Set(k);
-          return C.delete(e), C;
+          const z = new Set(k);
+          return z.delete(e), z;
         });
       }
     }
   }
-  const Dn = () => {
-  }, Bn = U(null), qn = "904px", W = "640px", [fn, Hn] = y(0), [J, Un] = y(!0), [pn] = te(Hn, 100), bn = 1;
+  const qn = () => {
+  }, Hn = W(null), Un = "904px", K = "640px", [bn, Wn] = y(0), [G, Kn] = y(!0), [un] = oe(Wn, 100), xn = 1;
   L(() => {
-    const e = s.current, w = document.getElementById("object-content"), k = () => {
-      if (J || !e || !w)
+    const e = c.current, w = document.getElementById("object-content"), k = () => {
+      if (G || !e || !w)
         return;
-      const M = w.getBoundingClientRect(), V = e.getBoundingClientRect();
-      if (M.height <= V.height) {
-        pn(100);
+      const M = w.getBoundingClientRect(), Y = e.getBoundingClientRect();
+      if (M.height <= Y.height) {
+        un(100);
         return;
       }
-      const D = Math.max(0, V.top - M.top), x = w.offsetHeight - e.offsetHeight, P = Math.min(Math.max(D / x * 100, 0), 100), dn = Math.round(P / bn) * bn;
-      pn(dn);
+      const D = Math.max(0, Y.top - M.top), x = w.offsetHeight - e.offsetHeight, P = Math.min(Math.max(D / x * 100, 0), 100), sn = Math.round(P / xn) * xn;
+      un(sn);
     };
-    if (J)
+    if (G)
       return;
-    const C = new MutationObserver(k);
-    return w && C.observe(w, {
+    const z = new MutationObserver(k);
+    return w && z.observe(w, {
       childList: !0,
       subtree: !0,
       characterData: !0
     }), e == null || e.addEventListener("scroll", k), k(), () => {
-      e == null || e.removeEventListener("scroll", k), C.disconnect();
+      e == null || e.removeEventListener("scroll", k), z.disconnect();
     };
-  }, [J, pn]);
-  const [on, Wn] = y([]), [Kn, Vn] = y(null), [K, Yn] = y(null), Qn = jn((e) => {
-    Wn(e);
-  }, []), Zn = jn((e) => {
-    Yn(e);
+  }, [G, un]);
+  const [rn, Vn] = y([]), [Yn, Qn] = y(null), [V, Zn] = y(null), Jn = zn((e) => {
+    Vn(e);
+  }, []), Gn = zn((e) => {
+    Zn(e);
   }, []);
   L(() => {
-    if (!(K != null && K.contentDocument) || !on.length)
+    if (!(V != null && V.contentDocument) || !rn.length)
       return;
     const w = setTimeout(() => {
-      const k = s.current;
+      const k = c.current;
       if (!k)
         return;
-      const C = () => {
-        const M = K.contentDocument;
+      const z = () => {
+        const M = V.contentDocument;
         if (!M || !M.documentElement)
           return;
-        const V = k.scrollTop, G = on.map((P) => M.getElementById(P.id)).filter((P) => P !== null).map((P) => ({
+        const Y = k.scrollTop, X = rn.map((P) => M.getElementById(P.id)).filter((P) => P !== null).map((P) => ({
           element: P,
           id: P.id,
           top: P.offsetTop
         }));
-        if (!G.length)
+        if (!X.length)
           return;
         const D = 100;
         let x = null;
-        for (const P of G)
-          if (P.top - D <= V)
+        for (const P of X)
+          if (P.top - D <= Y)
             x = P;
           else
             break;
-        Vn((x == null ? void 0 : x.id) || null);
+        Qn((x == null ? void 0 : x.id) || null);
       };
-      return k.addEventListener("scroll", C), C(), () => {
-        k.removeEventListener("scroll", C);
+      return k.addEventListener("scroll", z), z(), () => {
+        k.removeEventListener("scroll", z);
       };
     }, 100);
     return () => clearTimeout(w);
-  }, [K, on, Kn]);
-  const rn = Rn();
+  }, [V, rn, Yn]);
+  const dn = Tn();
   return L(() => {
-    const e = s.current;
+    const e = c.current;
     return () => {
-      e && a && X.set(a, e.scrollTop);
+      e && t && nn.set(t, e.scrollTop);
     };
-  }, [a]), L(() => {
-    if (!J && !O && a && s.current) {
-      const e = X.get(a);
+  }, [t]), L(() => {
+    if (!G && !T && t && c.current) {
+      const e = nn.get(t);
       e !== void 0 && e > 0 && setTimeout(() => {
-        s.current && (s.current.scrollTop = e);
+        c.current && (c.current.scrollTop = e);
       }, 100);
     }
-  }, [J, O, a]), O ? /* @__PURE__ */ n.jsx("div", { className: `max-h-full overflow-auto rounded-md ${t === "DARK" && "dark"} ${(t === "LIGHT" || t === "SEPIA") && "light"} ${F[t].background}`, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ n.jsxs("div", { className: "relative flex-1", children: [
-    /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[t].background} ${F[t].border}`, children: /* @__PURE__ */ n.jsxs(
+  }, [G, T, t]), T ? /* @__PURE__ */ n.jsx("div", { className: `max-h-full overflow-auto rounded-md ${a === "DARK" && "dark"} ${(a === "LIGHT" || a === "SEPIA") && "light"} ${F[a].background}`, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ n.jsxs("div", { className: "relative flex-1", children: [
+    /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[a].background} ${F[a].border}`, children: /* @__PURE__ */ n.jsxs(
       "div",
       {
         className: "grid w-full px-8 max-lg:px-4",
         style: {
-          gridTemplateColumns: `1fr minmax(0,${W}) 1fr`
+          gridTemplateColumns: `1fr minmax(0,${K}) 1fr`
         },
         children: [
-          /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(un, { className: F[t].button, onClick: r }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(hn, { className: F[a].button, onClick: r }) }),
           /* @__PURE__ */ n.jsxs("div", { className: "col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden", children: [
             /* @__PURE__ */ n.jsx(N, { className: "size-10 rounded-full" }),
             /* @__PURE__ */ n.jsxs("div", { className: "grow pt-1", children: [
@@ -4633,12 +4724,12 @@ a.kg-cta-button {
             ] })
           ] }),
           /* @__PURE__ */ n.jsx("div", { className: "col-[3/4] flex items-center justify-end gap-2", children: /* @__PURE__ */ n.jsx(
-            En,
+            In,
             {
-              backgroundColor: t,
+              backgroundColor: a,
               currentFontSizeIndex: i,
               fontStyle: d,
-              onColorChange: c,
+              onColorChange: s,
               onDecreaseFontSize: p,
               onFontStyleChange: h,
               onIncreaseFontSize: v,
@@ -4658,43 +4749,43 @@ a.kg-cta-button {
       /* @__PURE__ */ n.jsx(N, { className: "mt-8 h-[400px]" }),
       /* @__PURE__ */ n.jsx(N, { className: "mt-2 h-4", containerClassName: "block mt-7 mb-4", count: 8, randomize: !0 })
     ] }) })
-  ] }) }) }) : S ? /* @__PURE__ */ n.jsx("div", { ref: s, className: `max-h-full overflow-auto rounded-md ${t === "DARK" && "dark"} ${(t === "LIGHT" || t === "SEPIA") && "light"} ${F[t].background}`, "data-scrollable-container": !0, children: /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "flex h-full flex-col", children: [
+  ] }) }) }) : S ? /* @__PURE__ */ n.jsx("div", { ref: c, className: `max-h-full overflow-auto rounded-md ${a === "DARK" && "dark"} ${(a === "LIGHT" || a === "SEPIA") && "light"} ${F[a].background}`, "data-scrollable-container": !0, children: /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "relative flex-1", children: [
-      /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[t].background} ${F[t].border}`, children: /* @__PURE__ */ n.jsxs(
+      /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[a].background} ${F[a].border}`, children: /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "grid w-full px-8 max-lg:px-4",
           style: {
-            gridTemplateColumns: `1fr minmax(0,${W}) 1fr`
+            gridTemplateColumns: `1fr minmax(0,${K}) 1fr`
           },
           children: [
-            /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(un, { className: F[t].button, onClick: r }) }),
+            /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(hn, { className: F[a].button, onClick: r }) }),
             /* @__PURE__ */ n.jsxs("div", { className: "col-[2/3] mx-auto flex w-full items-center justify-between gap-3 max-md:hidden", children: [
-              /* @__PURE__ */ n.jsx(ae, { actor: H, isCurrentUser: m.authored, children: /* @__PURE__ */ n.jsxs("div", { className: "flex cursor-pointer items-center gap-3", children: [
-                /* @__PURE__ */ n.jsx("div", { className: "relative z-10 pt-0.5", children: /* @__PURE__ */ n.jsx(oe, { author: H }) }),
-                /* @__PURE__ */ n.jsxs("div", { className: "relative z-10 mt-0.5 flex min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]", onClick: (e) => re(H, rn, e), children: [
-                  /* @__PURE__ */ n.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ n.jsx("span", { className: "min-w-0 truncate whitespace-nowrap font-semibold text-black hover:underline dark:text-white", children: O ? /* @__PURE__ */ n.jsx(N, { className: "w-20" }) : H.name }) }),
+              /* @__PURE__ */ n.jsx(re, { actor: U, isCurrentUser: m.authored, children: /* @__PURE__ */ n.jsxs("div", { className: "flex cursor-pointer items-center gap-3", children: [
+                /* @__PURE__ */ n.jsx("div", { className: "relative z-10 pt-0.5", children: /* @__PURE__ */ n.jsx(ie, { author: U }) }),
+                /* @__PURE__ */ n.jsxs("div", { className: "relative z-10 mt-0.5 flex min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]", onClick: (e) => de(U, dn, e), children: [
+                  /* @__PURE__ */ n.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ n.jsx("span", { className: "min-w-0 truncate whitespace-nowrap font-semibold text-black hover:underline dark:text-white", children: T ? /* @__PURE__ */ n.jsx(N, { className: "w-20" }) : U.name }) }),
                   /* @__PURE__ */ n.jsxs("div", { className: "flex w-full", children: [
-                    !O && /* @__PURE__ */ n.jsx("span", { className: 'truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]', children: Cn(H) }),
-                    /* @__PURE__ */ n.jsx("span", { className: "text-gray-700", children: O ? /* @__PURE__ */ n.jsx(N, { className: "w-[120px]" }) : ie(m, !m.authored) })
+                    !T && /* @__PURE__ */ n.jsx("span", { className: 'truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]', children: Cn(U) }),
+                    /* @__PURE__ */ n.jsx("span", { className: "text-gray-700", children: T ? /* @__PURE__ */ n.jsx(N, { className: "w-[120px]" }) : se(m, !m.authored) })
                   ] })
                 ] })
               ] }) }),
-              !m.authored && !O && /* @__PURE__ */ n.jsx(
-                de,
+              !m.authored && !T && /* @__PURE__ */ n.jsx(
+                ce,
                 {
-                  following: H.followedByMe ?? !1,
-                  handle: Cn(H)
+                  following: U.followedByMe ?? !1,
+                  handle: Cn(U)
                 }
               )
             ] }),
             /* @__PURE__ */ n.jsx("div", { className: "col-[3/4] flex items-center justify-end gap-2", children: /* @__PURE__ */ n.jsx(
-              En,
+              In,
               {
-                backgroundColor: t,
+                backgroundColor: a,
                 currentFontSizeIndex: i,
                 fontStyle: d,
-                onColorChange: c,
+                onColorChange: s,
                 onDecreaseFontSize: p,
                 onFontStyleChange: h,
                 onIncreaseFontSize: v,
@@ -4707,62 +4798,62 @@ a.kg-cta-button {
       ) }),
       /* @__PURE__ */ n.jsxs("div", { className: "relative flex-1", children: [
         /* @__PURE__ */ n.jsx(
-          Fe,
+          Re,
           {
-            iframeElement: K,
-            modalRef: s,
-            tocItems: on,
-            onOpenChange: B
+            iframeElement: V,
+            modalRef: c,
+            tocItems: rn,
+            onOpenChange: q
           }
         ),
-        !O && /* @__PURE__ */ n.jsx("div", { className: "grow overflow-y-auto", children: /* @__PURE__ */ n.jsxs("div", { className: "mx-auto px-6 pb-10 pt-5", style: { maxWidth: qn }, children: [
+        !T && /* @__PURE__ */ n.jsx("div", { className: "grow overflow-y-auto", children: /* @__PURE__ */ n.jsxs("div", { className: "mx-auto px-6 pb-10 pt-5", style: { maxWidth: Un }, children: [
           /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center pb-8", id: "object-content", children: [
             /* @__PURE__ */ n.jsx(
-              _t,
+              Pt,
               {
-                authors: On,
-                backgroundColor: t,
+                authors: An,
+                backgroundColor: a,
                 excerpt: m.summary ?? "",
                 fontSize: u,
                 fontStyle: d,
                 heading: m.name,
                 html: m.content ?? "",
-                image: typeof m.image == "string" ? m.image : (yn = m.image) == null ? void 0 : yn.url,
+                image: typeof m.image == "string" ? m.image : (wn = m.image) == null ? void 0 : wn.url,
                 isPopoverOpen: l || R,
                 postUrl: (m == null ? void 0 : m.url) || "",
-                onHeadingsExtracted: Qn,
-                onIframeLoad: Zn,
-                onLoadingChange: Un
+                onHeadingsExtracted: Jn,
+                onIframeLoad: Gn,
+                onLoadingChange: Kn
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "-ml-3 w-full", style: { maxWidth: W }, children: /* @__PURE__ */ n.jsx(
-              ce,
+            /* @__PURE__ */ n.jsx("div", { className: "-ml-3 w-full", style: { maxWidth: K }, children: /* @__PURE__ */ n.jsx(
+              le,
               {
-                actor: H,
-                commentCount: Mn,
+                actor: U,
+                commentCount: $n,
                 layout: "modal",
                 likeCount: m.likeCount ?? 0,
                 object: m,
                 repostCount: m.repostCount ?? 0,
-                onLikeClick: Dn
+                onLikeClick: qn
               }
             ) })
           ] }),
-          m.type === "Tombstone" && /* @__PURE__ */ n.jsx(Ce, { last: !0 }),
-          /* @__PURE__ */ n.jsxs("div", { className: "mx-auto w-full border-t border-black/[8%] dark:border-gray-950", style: { maxWidth: W }, children: [
+          m.type === "Tombstone" && /* @__PURE__ */ n.jsx(Se, { last: !0 }),
+          /* @__PURE__ */ n.jsxs("div", { className: "mx-auto w-full border-t border-black/[8%] dark:border-gray-950", style: { maxWidth: K }, children: [
             /* @__PURE__ */ n.jsx(
-              ze,
+              _e,
               {
                 object: m
               }
             ),
-            /* @__PURE__ */ n.jsx(Nn, {})
+            /* @__PURE__ */ n.jsx(Pn, {})
           ] }),
-          O && /* @__PURE__ */ n.jsx(hn, { size: "lg" }),
-          /* @__PURE__ */ n.jsxs("div", { ref: Bn, className: "mx-auto w-full", style: { maxWidth: W }, children: [
-            nn.map((e, w) => {
-              const k = w === nn.length - 1, C = e.mainReply.id, M = _.has(C), V = A.has(C), G = f.has(C), D = e.chain.length > 0;
-              return /* @__PURE__ */ n.jsxs(Q.Fragment, { children: [
+          T && /* @__PURE__ */ n.jsx(mn, { size: "lg" }),
+          /* @__PURE__ */ n.jsxs("div", { ref: Hn, className: "mx-auto w-full", style: { maxWidth: K }, children: [
+            en.map((e, w) => {
+              const k = w === en.length - 1, z = e.mainReply.id, M = _.has(z), Y = A.has(z), X = f.has(z), D = e.chain.length > 0;
+              return /* @__PURE__ */ n.jsxs(Z.Fragment, { children: [
                 /* @__PURE__ */ n.jsx(
                   cn,
                   {
@@ -4770,7 +4861,7 @@ a.kg-cta-button {
                     allowDelete: e.mainReply.object.authored,
                     commentCount: e.mainReply.object.replyCount ?? 0,
                     isChainParent: D,
-                    isPending: sn(e.mainReply.id),
+                    isPending: ln(e.mainReply.id),
                     last: !D,
                     layout: "reply",
                     likeCount: e.mainReply.object.likeCount ?? 0,
@@ -4779,10 +4870,10 @@ a.kg-cta-button {
                     repostCount: e.mainReply.object.repostCount ?? 0,
                     type: "Note",
                     onClick: () => {
-                      const x = s.current;
-                      x && a && X.set(a, x.scrollTop), rn(`/notes/${encodeURIComponent(e.mainReply.id)}`);
+                      const x = c.current;
+                      x && t && nn.set(t, x.scrollTop), dn(`/notes/${encodeURIComponent(e.mainReply.id)}`);
                     },
-                    onDelete: gn
+                    onDelete: pn
                   }
                 ),
                 D && e.chain[0] && /* @__PURE__ */ n.jsx(
@@ -4792,7 +4883,7 @@ a.kg-cta-button {
                     allowDelete: e.chain[0].object.authored,
                     commentCount: e.chain[0].object.replyCount ?? 0,
                     isChainContinuation: !0,
-                    isPending: sn(e.chain[0].id),
+                    isPending: ln(e.chain[0].id),
                     last: e.chain.length === 1,
                     layout: "reply",
                     likeCount: e.chain[0].object.likeCount ?? 0,
@@ -4801,15 +4892,15 @@ a.kg-cta-button {
                     repostCount: e.chain[0].object.repostCount ?? 0,
                     type: "Note",
                     onClick: () => {
-                      const x = s.current;
-                      x && a && X.set(a, x.scrollTop), rn(`/notes/${encodeURIComponent(e.chain[0].id)}`);
+                      const x = c.current;
+                      x && t && nn.set(t, x.scrollTop), dn(`/notes/${encodeURIComponent(e.chain[0].id)}`);
                     },
-                    onDelete: gn
+                    onDelete: pn
                   },
                   e.chain[0].id
                 ),
                 D && M && e.chain.slice(1).map((x, P) => {
-                  const dn = P === e.chain.slice(1).length - 1, Jn = an && an(w), Gn = dn && Jn;
+                  const sn = P === e.chain.slice(1).length - 1, Xn = on && on(w), ne = sn && Xn;
                   return /* @__PURE__ */ n.jsx(
                     cn,
                     {
@@ -4817,8 +4908,8 @@ a.kg-cta-button {
                       allowDelete: x.object.authored,
                       commentCount: x.object.replyCount ?? 0,
                       isChainContinuation: !0,
-                      isPending: sn(x.id),
-                      last: dn && !Gn,
+                      isPending: ln(x.id),
+                      last: sn && !ne,
                       layout: "reply",
                       likeCount: x.object.likeCount ?? 0,
                       object: x.object,
@@ -4826,80 +4917,80 @@ a.kg-cta-button {
                       repostCount: x.object.repostCount ?? 0,
                       type: "Note",
                       onClick: () => {
-                        const wn = s.current;
-                        wn && a && X.set(a, wn.scrollTop), rn(`/notes/${encodeURIComponent(x.id)}`);
+                        const jn = c.current;
+                        jn && t && nn.set(t, jn.scrollTop), dn(`/notes/${encodeURIComponent(x.id)}`);
                       },
-                      onDelete: gn
+                      onDelete: pn
                     },
                     x.id
                   );
                 }),
                 D && e.chain.length > 1 && !M && /* @__PURE__ */ n.jsx(
-                  Sn,
+                  En,
                   {
                     variant: "expand",
-                    onClick: () => An(C)
+                    onClick: () => Dn(z)
                   }
                 ),
-                D && M && V && an && an(w) && /* @__PURE__ */ n.jsx(
-                  Sn,
+                D && M && Y && on && on(w) && /* @__PURE__ */ n.jsx(
+                  En,
                   {
-                    loading: G,
+                    loading: X,
                     variant: "loadMore",
-                    onClick: () => $n(C, w)
+                    onClick: () => Bn(z, w)
                   }
                 ),
-                !k && /* @__PURE__ */ n.jsx(Nn, {})
+                !k && /* @__PURE__ */ n.jsx(Pn, {})
               ] }, e.mainReply.id);
             }),
-            T && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col items-center justify-center text-center", children: /* @__PURE__ */ n.jsx(hn, { size: "md" }) })
+            O && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col items-center justify-center text-center", children: /* @__PURE__ */ n.jsx(mn, { size: "md" }) })
           ] }),
-          tn && /* @__PURE__ */ n.jsx("div", { ref: b, className: "h-1" })
+          an && /* @__PURE__ */ n.jsx("div", { ref: b, className: "h-1" })
         ] }) })
       ] })
     ] }),
-    !O && /* @__PURE__ */ n.jsxs("div", { className: "pointer-events-none !visible sticky bottom-0 hidden items-end justify-between px-10 pb-[42px] lg:!flex", children: [
-      /* @__PURE__ */ n.jsx("div", { className: "pointer-events-auto text-gray-600", children: se(m.content ?? "") }),
+    !T && /* @__PURE__ */ n.jsxs("div", { className: "pointer-events-none !visible sticky bottom-0 hidden items-end justify-between px-10 pb-[42px] lg:!flex", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "pointer-events-auto text-gray-600", children: ge(m.content ?? "") }),
       /* @__PURE__ */ n.jsxs("div", { className: "pointer-events-auto min-w-10 text-right text-gray-600 transition-all duration-200 ease-out", children: [
-        fn,
+        bn,
         "%"
-      ] }, fn)
+      ] }, bn)
     ] })
-  ] }) }) }) : /* @__PURE__ */ n.jsx("div", { className: `max-h-full overflow-auto rounded-md ${t === "DARK" && "dark"} ${(t === "LIGHT" || t === "SEPIA") && "light"} ${F[t].background}`, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ n.jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[t].background} ${F[t].border}`, children: /* @__PURE__ */ n.jsxs(
+  ] }) }) }) : /* @__PURE__ */ n.jsx("div", { className: `max-h-full overflow-auto rounded-md ${a === "DARK" && "dark"} ${(a === "LIGHT" || a === "SEPIA") && "light"} ${F[a].background}`, children: /* @__PURE__ */ n.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ n.jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ n.jsx("div", { className: `sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${F[a].background} ${F[a].border}`, children: /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: "grid w-full px-8 max-lg:px-4",
       style: {
-        gridTemplateColumns: `1fr minmax(0,${W}) 1fr`
+        gridTemplateColumns: `1fr minmax(0,${K}) 1fr`
       },
       children: [
-        /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(un, { className: F[t].button, onClick: r }) }),
+        /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(hn, { className: F[a].button, onClick: r }) }),
         /* @__PURE__ */ n.jsx("div", { className: "col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden", children: /* @__PURE__ */ n.jsx("div", { className: "grow text-center", children: /* @__PURE__ */ n.jsx("span", { children: "Error loading article." }) }) })
       ]
     }
   ) }) }) }) });
-}, Nt = ({
-  isLoading: a,
+}, Lt = ({
+  isLoading: t,
   activities: r,
-  currentTopic: t,
+  currentTopic: a,
   fetchNextPage: i,
   hasNextPage: d,
   isFetchingNextPage: u,
-  onTopicChange: c
+  onTopicChange: s
 }) => {
-  const h = Rn(), { canGoBack: v, goBack: p } = ge(), [o, s] = y(!1), l = pe(), { topicsQuery: I } = ue(), { data: R } = I, B = R && R.topics.length > 0;
+  const h = Tn(), { canGoBack: v, goBack: p } = ue(), [o, c] = y(!1), l = he(), { topicsQuery: I } = me(), { data: R } = I, q = R && R.topics.length > 0;
   L(() => {
-    s(!!l.postId);
+    c(!!l.postId);
   }, [l.postId]);
-  const _ = U(null), z = U(null), A = U(null);
+  const _ = W(null), C = W(null), A = W(null);
   L(() => (_.current && _.current.disconnect(), _.current = new IntersectionObserver((f) => {
     f[0].isIntersecting && d && !u && i();
-  }), z.current && _.current.observe(z.current), A.current && _.current.observe(A.current), () => {
+  }), C.current && _.current.observe(C.current), A.current && _.current.observe(A.current), () => {
     _.current && _.current.disconnect();
   }), [d, u, i]);
-  const Z = Math.max(0, Math.floor(r.length * 0.75) - 1);
-  return /* @__PURE__ */ n.jsxs(he, { children: [
-    B && /* @__PURE__ */ n.jsx(Se, { currentTopic: t, excludeTopics: ["top"], onTopicChange: c }),
+  const J = Math.max(0, Math.floor(r.length * 0.75) - 1);
+  return /* @__PURE__ */ n.jsxs(ke, { children: [
+    q && /* @__PURE__ */ n.jsx(Ee, { currentTopic: a, excludeTopics: ["top"], onTopicChange: s }),
     /* @__PURE__ */ n.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ n.jsx("div", { className: "w-full", children: r.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "my-4", children: /* @__PURE__ */ n.jsx("div", { className: "mx-auto flex min-h-[calc(100dvh_-_117px)] items-start gap-11", children: /* @__PURE__ */ n.jsx("div", { className: "flex w-full min-w-0 flex-col items-center", children: /* @__PURE__ */ n.jsxs("div", { className: "flex w-full min-w-0 flex-col items-start", children: [
       /* @__PURE__ */ n.jsxs("ul", { className: "mx-auto flex w-full flex-col", "data-testid": "inbox-list", children: [
         r.map((f, g) => /* @__PURE__ */ n.jsxs(
@@ -4914,8 +5005,8 @@ a.kg-cta-button {
                   actor: f.actor,
                   allowDelete: f.object.authored,
                   commentCount: f.object.replyCount ?? 0,
-                  isLoading: a,
-                  isPending: sn(f.id),
+                  isLoading: t,
+                  isPending: ln(f.id),
                   layout: "inbox",
                   likeCount: f.object.likeCount ?? 0,
                   object: f.object,
@@ -4926,60 +5017,60 @@ a.kg-cta-button {
                   }
                 }
               ),
-              g < r.length - 1 && /* @__PURE__ */ n.jsx(_e, {}),
-              g === Z && /* @__PURE__ */ n.jsx("div", { ref: z, className: "h-1" })
+              g < r.length - 1 && /* @__PURE__ */ n.jsx(Ne, {}),
+              g === J && /* @__PURE__ */ n.jsx("div", { ref: C, className: "h-1" })
             ]
           },
           `${f.id}-${f.type}-${g}`
         )),
-        u && /* @__PURE__ */ n.jsx("li", { className: "flex flex-col items-center justify-center space-y-4 text-center", children: /* @__PURE__ */ n.jsx(hn, { size: "md" }) })
+        u && /* @__PURE__ */ n.jsx("li", { className: "flex flex-col items-center justify-center space-y-4 text-center", children: /* @__PURE__ */ n.jsx(mn, { size: "md" }) })
       ] }),
       /* @__PURE__ */ n.jsx("div", { ref: A, className: "h-1" })
-    ] }) }) }) }) : t !== "following" ? /* @__PURE__ */ n.jsx("div", { className: "mt-[24vh]", children: /* @__PURE__ */ n.jsx(
-      mn,
+    ] }) }) }) }) : a !== "following" ? /* @__PURE__ */ n.jsx("div", { className: "mt-[24vh]", children: /* @__PURE__ */ n.jsx(
+      kn,
       {
         description: "Explore other topics for more content.",
         title: "Nothing here yet",
-        children: /* @__PURE__ */ n.jsx(_n, {})
+        children: /* @__PURE__ */ n.jsx(Nn, {})
       }
     ) }) : /* @__PURE__ */ n.jsx("div", { className: "mt-[24vh]", children: /* @__PURE__ */ n.jsx(
-      mn,
+      kn,
       {
-        actions: B ? /* @__PURE__ */ n.jsx($, { onClick: () => h("/explore"), children: "Find accounts to follow →" }) : /* @__PURE__ */ n.jsx($, { asChild: !0, children: /* @__PURE__ */ n.jsx("a", { href: "https://explore.ghost.org/social-web", rel: "noopener noreferrer", target: "_blank", children: "Find accounts to follow →" }) }),
+        actions: q ? /* @__PURE__ */ n.jsx($, { onClick: () => h("/explore"), children: "Find accounts to follow →" }) : /* @__PURE__ */ n.jsx($, { asChild: !0, children: /* @__PURE__ */ n.jsx("a", { href: "https://explore.ghost.org/social-web", rel: "noopener noreferrer", target: "_blank", children: "Find accounts to follow →" }) }),
         description: "Start following publishers to see their long-form posts here.",
         title: "Your Reader is empty",
-        children: /* @__PURE__ */ n.jsx(_n, {})
+        children: /* @__PURE__ */ n.jsx(Nn, {})
       }
     ) }) }) }),
     /* @__PURE__ */ n.jsx(
-      me,
+      fe,
       {
         open: o,
         onOpenChange: (f) => {
-          f || (v ? p() : h("/reader")), s(f);
+          f || (v ? p() : h("/reader")), c(f);
         },
-        children: /* @__PURE__ */ n.jsxs(ke, { className: "inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] !animate-none p-0 focus:outline-none dark:bg-gray-950", children: [
-          /* @__PURE__ */ n.jsxs(fe, { className: "hidden", children: [
-            /* @__PURE__ */ n.jsx(be, { children: "Reader" }),
-            /* @__PURE__ */ n.jsx(xe, { children: "Ghost reader for long form articles" })
+        children: /* @__PURE__ */ n.jsxs(be, { className: "inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] !animate-none p-0 focus:outline-none dark:bg-gray-950", children: [
+          /* @__PURE__ */ n.jsxs(xe, { className: "hidden", children: [
+            /* @__PURE__ */ n.jsx(ve, { children: "Reader" }),
+            /* @__PURE__ */ n.jsx(ye, { children: "Ghost reader for long form articles" })
           ] }),
-          l.postId && /* @__PURE__ */ n.jsx(Et, { postId: l.postId, onClose: () => {
+          l.postId && /* @__PURE__ */ n.jsx(Ft, { postId: l.postId, onClose: () => {
             v ? p() : h("/reader");
           } })
         ] })
       }
     )
   ] });
-}, Tt = () => {
-  const [a, r] = y("following"), { inboxQuery: t } = ve({ enabled: a === "following" }), { discoveryFeedQuery: i } = ye({ enabled: a !== "following", topic: a }), d = a === "following" ? t : i, { data: u, error: c, fetchNextPage: h, hasNextPage: v, isFetchingNextPage: p, isLoading: o } = d, s = c && zn(c) && c.statusCode === 404 && a !== "following";
-  if (c && zn(c) && !s)
-    return /* @__PURE__ */ n.jsx(we, { errorCode: c.code, statusCode: c.statusCode });
-  const l = s ? [] : (u == null ? void 0 : u.pages.flatMap((I) => I.posts)) ?? Array.from({ length: 5 }, (I, R) => ({ id: `placeholder-${R}`, object: {} }));
+}, $t = () => {
+  const [t, r] = y("following"), { inboxQuery: a } = we({ enabled: t === "following" }), { discoveryFeedQuery: i } = je({ enabled: t !== "following", topic: t }), d = t === "following" ? a : i, { data: u, error: s, fetchNextPage: h, hasNextPage: v, isFetchingNextPage: p, isLoading: o } = d, c = s && _n(s) && s.statusCode === 404 && t !== "following";
+  if (s && _n(s) && !c)
+    return /* @__PURE__ */ n.jsx(ze, { errorCode: s.code, statusCode: s.statusCode });
+  const l = c ? [] : (u == null ? void 0 : u.pages.flatMap((I) => I.posts)) ?? Array.from({ length: 5 }, (I, R) => ({ id: `placeholder-${R}`, object: {} }));
   return /* @__PURE__ */ n.jsx(
-    Nt,
+    Lt,
     {
       activities: l,
-      currentTopic: a,
+      currentTopic: t,
       fetchNextPage: h,
       hasNextPage: v,
       isFetchingNextPage: p,
@@ -4989,6 +5080,6 @@ a.kg-cta-button {
   );
 };
 export {
-  Tt as default
+  $t as default
 };
-//# sourceMappingURL=index-C9pnotJK.mjs.map
+//# sourceMappingURL=index-BurflorF.mjs.map