@tryghost/activitypub 3.0.6 → 3.0.7

package/dist/moderation-KWQp9gQj.mjs

@@ -0,0 +1,113 @@
+import { v as F, w as T, x as _, y as E, b as x, z as H, G as V, d as W, j as e, L as R, I as $, N as p, J as v, K as w, P as z, M as f, h as G, A as J, S as t, B as c, O as i } from "./index-_vEj3NfZ.mjs";
+import { T as K, a as O, b as N, c as g } from "./tabs-BZytpdZ9.mjs";
+const X = () => {
+  const { data: d, isLoading: n } = F("index"), { data: u, isLoading: o } = T("index"), m = n ? Array(5).fill({ apId: "", name: "", handle: "", avatarUrl: "" }) : (d == null ? void 0 : d.pages.flatMap((s) => s.accounts)) ?? [], h = o ? Array(5).fill({ apId: "", name: "" }) : (u == null ? void 0 : u.pages.flatMap((s) => s.domains)) ?? [], I = _("index"), U = E("index"), [M, k] = x(/* @__PURE__ */ new Set()), B = H("index"), y = V("index"), [S, b] = x(/* @__PURE__ */ new Set()), [j, r] = x(null), L = W(), A = (s) => {
+    k((l) => {
+      const a = /* @__PURE__ */ new Set([...l]);
+      return a.add(s.apId), a;
+    }), U.mutate(s), i.success("User unblocked");
+  }, D = (s) => {
+    k((l) => {
+      const a = /* @__PURE__ */ new Set([...l]);
+      return a.delete(s.apId), a;
+    }), I.mutate(s), i.success("User blocked");
+  }, C = (s) => {
+    b((l) => {
+      const a = /* @__PURE__ */ new Set([...l]);
+      return a.add(s.url), a;
+    }), y.mutate({ url: s.url }), i.success("Domain unblocked");
+  }, P = (s) => {
+    b((l) => {
+      const a = /* @__PURE__ */ new Set([...l]);
+      return a.delete(s.url), a;
+    }), B.mutate({ url: s.url }), i.success("Domain blocked");
+  };
+  return /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsxs("div", { className: "mx-auto max-w-[620px] py-[min(4vh,48px)]", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between gap-8", children: /* @__PURE__ */ e.jsx($, { children: "Moderation" }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-6", children: /* @__PURE__ */ e.jsxs(K, { defaultValue: "blocked_users", variant: "underline", children: [
+      /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(N, { value: "blocked_users", children: "Blocked users" }),
+        /* @__PURE__ */ e.jsx(N, { value: "blocked_domains", children: "Blocked domains" })
+      ] }),
+      /* @__PURE__ */ e.jsx(g, { className: "mt-2", value: "blocked_users", children: !n && m.length === 0 ? /* @__PURE__ */ e.jsxs(p, { children: [
+        /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(w, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center", children: /* @__PURE__ */ e.jsx("p", { children: "When you block someone, they won't be able to follow you or interact with your content on the social web." }) })
+      ] }) : m.map((s, l) => /* @__PURE__ */ e.jsx(z, { actor: s, isCurrentUser: !0, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+        f,
+        {
+          onClick: n ? void 0 : () => G(s.handle, L),
+          children: [
+            /* @__PURE__ */ e.jsx(
+              J,
+              {
+                author: {
+                  icon: {
+                    url: s.avatarUrl
+                  },
+                  name: s.name,
+                  handle: s.handle
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0  flex-col", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "block truncate font-semibold text-black dark:text-white", children: n ? /* @__PURE__ */ e.jsx(t, { className: "w-24" }) : s.name }),
+              /* @__PURE__ */ e.jsx("span", { className: "block truncate text-sm text-gray-600", children: n ? /* @__PURE__ */ e.jsx(t, { className: "w-40" }) : s.handle })
+            ] }),
+            M.has(s.apId) ? /* @__PURE__ */ e.jsx(
+              c,
+              {
+                className: "ml-auto min-w-[90px] text-red hover:!bg-red/5 hover:text-red-400",
+                variant: "outline",
+                onClick: (a) => {
+                  a.stopPropagation(), D(s);
+                },
+                children: "Block"
+              }
+            ) : n ? /* @__PURE__ */ e.jsx("div", { className: "ml-auto w-16", children: /* @__PURE__ */ e.jsx(t, {}) }) : /* @__PURE__ */ e.jsx(
+              c,
+              {
+                className: "ml-auto min-w-[90px]",
+                variant: "destructive",
+                onClick: (a) => {
+                  a.stopPropagation(), A(s);
+                },
+                onMouseEnter: () => r(s.apId),
+                onMouseLeave: () => r(null),
+                children: j === s.apId ? "Unblock" : "Blocked"
+              }
+            )
+          ]
+        }
+      ) }) }, s.apId ? s.apId : `loading-${l}`)) }),
+      /* @__PURE__ */ e.jsx(g, { className: "mt-[11px]", value: "blocked_domains", children: !o && h.length === 0 ? /* @__PURE__ */ e.jsxs(p, { children: [
+        /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(w, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center", children: /* @__PURE__ */ e.jsx("p", { children: "When you block a domain, all users from that domain won't be able to follow you or interact with your content." }) })
+      ] }) : h.map((s, l) => /* @__PURE__ */ e.jsxs(f, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex min-w-0 flex-col", children: /* @__PURE__ */ e.jsx("span", { className: "block truncate font-semibold text-black dark:text-white", children: o ? /* @__PURE__ */ e.jsx(t, { className: "w-48" }) : new URL(s.url).hostname }) }),
+        S.has(s.url) ? /* @__PURE__ */ e.jsx(
+          c,
+          {
+            className: "ml-auto min-w-[90px] text-red hover:!bg-red/5 hover:text-red-400",
+            variant: "outline",
+            onClick: () => P(s),
+            children: "Block"
+          }
+        ) : o ? /* @__PURE__ */ e.jsx("div", { className: "ml-auto w-16", children: /* @__PURE__ */ e.jsx(t, {}) }) : /* @__PURE__ */ e.jsx(
+          c,
+          {
+            className: "ml-auto min-w-[90px]",
+            variant: "destructive",
+            onClick: () => C(s),
+            onMouseEnter: () => r(s.url),
+            onMouseLeave: () => r(null),
+            children: j === s.url ? "Unblock" : "Blocked"
+          }
+        )
+      ] }, s.url ? s.url : `loading-${l}`)) })
+    ] }) })
+  ] }) });
+};
+export {
+  X as default
+};
+//# sourceMappingURL=moderation-KWQp9gQj.mjs.map

package/dist/moderation-KWQp9gQj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"moderation-KWQp9gQj.mjs","sources":["../src/views/preferences/components/moderation.tsx"],"sourcesContent":["import APAvatar from '@components/global/ap-avatar';\nimport ActivityItem from '@components/activities/activity-item';\nimport Layout from '@components/layout';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport React, {useState} from 'react';\nimport {Account} from '@src/api/activitypub';\nimport {Button, H2, LucideIcon, NoValueLabel, NoValueLabelIcon, Skeleton, Tabs, TabsContent, TabsList, TabsTrigger} from '@tryghost/shade';\nimport {handleProfileClick} from '@src/utils/handle-profile-click';\nimport {toast} from 'sonner';\nimport {useBlockDomainMutationForUser, useBlockMutationForUser, useBlockedAccountsForUser, useBlockedDomainsForUser, useUnblockDomainMutationForUser, useUnblockMutationForUser} from '@hooks/use-activity-pub-queries';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\n\nconst Moderation: React.FC = () => {\n    const {data: blockedAccountsData, isLoading: blockedAccountsLoading} = useBlockedAccountsForUser('index');\n    const {data: blockedDomainsData, isLoading: blockedDomainsLoading} = useBlockedDomainsForUser('index');\n\n    const blockedAccounts = blockedAccountsLoading\n        ? Array(5).fill({apId: '', name: '', handle: '', avatarUrl: ''})\n        : blockedAccountsData?.pages.flatMap(page => page.accounts) ?? [];\n    const blockedDomains = blockedDomainsLoading\n        ? Array(5).fill({apId: '', name: ''})\n        : blockedDomainsData?.pages.flatMap(page => page.domains) ?? [];\n\n    const blockMutation = useBlockMutationForUser('index');\n    const unblockMutation = useUnblockMutationForUser('index');\n    const [unblockedAccountIds, setUnblockedAccountIds] = useState<Set<string>>(new Set());\n\n    const blockDomainMutation = useBlockDomainMutationForUser('index');\n    const unblockDomainMutation = useUnblockDomainMutationForUser('index');\n    const [unblockedDomainIds, setUnblockedDomainIds] = useState<Set<string>>(new Set());\n\n    const [hoveredItemId, setHoveredItemId] = useState<string | null>(null);\n    const navigate = useNavigateWithBasePath();\n\n    const handleUnblock = (account: Account) => {\n        setUnblockedAccountIds((prev) => {\n            const newSet = new Set([...prev]);\n            newSet.add(account.apId);\n            return newSet;\n        });\n\n        unblockMutation.mutate(account);\n\n        toast.success('User unblocked');\n    };\n\n    const handleBlock = (account: Account) => {\n        setUnblockedAccountIds((prev) => {\n            const newSet = new Set([...prev]);\n            newSet.delete(account.apId);\n            return newSet;\n        });\n\n        blockMutation.mutate(account);\n\n        toast.success('User blocked');\n    };\n\n    const handleDomainUnblock = (domain: {url: string}) => {\n        setUnblockedDomainIds((prev) => {\n            const newSet = new Set([...prev]);\n            newSet.add(domain.url);\n            return newSet;\n        });\n\n        unblockDomainMutation.mutate({url: domain.url});\n\n        toast.success('Domain unblocked');\n    };\n\n    const handleDomainBlock = (domain: {url: string}) => {\n        setUnblockedDomainIds((prev) => {\n            const newSet = new Set([...prev]);\n            newSet.delete(domain.url);\n            return newSet;\n        });\n\n        blockDomainMutation.mutate({url: domain.url});\n\n        toast.success('Domain blocked');\n    };\n\n    return (\n        <Layout>\n            <div className='mx-auto max-w-[620px] py-[min(4vh,48px)]'>\n                <div className='flex items-center justify-between gap-8'>\n                    <H2>Moderation</H2>\n                </div>\n                <div className='mt-6'>\n                    <Tabs defaultValue=\"blocked_users\" variant='underline'>\n                        <TabsList>\n                            <TabsTrigger value=\"blocked_users\">Blocked users</TabsTrigger>\n                            <TabsTrigger value=\"blocked_domains\">Blocked domains</TabsTrigger>\n                        </TabsList>\n                        <TabsContent className='mt-2' value=\"blocked_users\">\n                            {!blockedAccountsLoading && blockedAccounts.length === 0 ? (\n                                <NoValueLabel>\n                                    <NoValueLabelIcon><LucideIcon.Ban /></NoValueLabelIcon>\n                                    <div className='mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center'>\n                                        <p>When you block someone, they won&apos;t be able to follow you or interact with your content on the social web.</p>\n                                    </div>\n                                </NoValueLabel>\n                            ) : (\n                                blockedAccounts.map((account, index) => (\n                                    <ProfilePreviewHoverCard key={account.apId ? account.apId : `loading-${index}`} actor={account} isCurrentUser={true}>\n                                        <div>\n                                            <ActivityItem\n                                                onClick={!blockedAccountsLoading ? () => handleProfileClick(account.handle, navigate) : undefined}\n                                            >\n                                                <APAvatar\n                                                    author={\n                                                        {\n                                                            icon: {\n                                                                url: account.avatarUrl\n                                                            },\n                                                            name: account.name,\n                                                            handle: account.handle\n                                                        }\n                                                    } />\n                                                <div className='flex min-w-0  flex-col'>\n                                                    <span className='block truncate font-semibold text-black dark:text-white'>{!blockedAccountsLoading ? account.name : <Skeleton className='w-24' />}</span>\n                                                    <span className='block truncate text-sm text-gray-600'>{!blockedAccountsLoading ? account.handle : <Skeleton className='w-40' />}</span>\n                                                </div>\n\n                                                {unblockedAccountIds.has(account.apId) ? (\n                                                    <Button\n                                                        className='ml-auto min-w-[90px] text-red hover:!bg-red/5 hover:text-red-400'\n                                                        variant='outline'\n                                                        onClick={(e) => {\n                                                            e.stopPropagation();\n                                                            handleBlock(account);\n                                                        }}\n                                                    >\n                                                        Block\n                                                    </Button>\n                                                ) : (\n                                                    !blockedAccountsLoading ?\n                                                        <Button\n                                                            className='ml-auto min-w-[90px]'\n                                                            variant='destructive'\n                                                            onClick={(e) => {\n                                                                e.stopPropagation();\n                                                                handleUnblock(account);\n                                                            }}\n                                                            onMouseEnter={() => setHoveredItemId(account.apId)}\n                                                            onMouseLeave={() => setHoveredItemId(null)}\n                                                        >\n                                                            {hoveredItemId === account.apId ? 'Unblock' : 'Blocked'}\n                                                        </Button> :\n                                                        <div className='ml-auto w-16'>\n                                                            <Skeleton />\n                                                        </div>\n                                                )}\n                                            </ActivityItem>\n                                        </div>\n                                    </ProfilePreviewHoverCard>\n                                ))\n                            )}\n                        </TabsContent>\n                        <TabsContent className='mt-[11px]' value=\"blocked_domains\">\n                            {!blockedDomainsLoading && blockedDomains.length === 0 ? (\n                                <NoValueLabel>\n                                    <NoValueLabelIcon><LucideIcon.Ban /></NoValueLabelIcon>\n                                    <div className='mt-2 flex max-w-[400px] flex-col items-center gap-1 text-center'>\n                                        <p>When you block a domain, all users from that domain won&apos;t be able to follow you or interact with your content.</p>\n                                    </div>\n                                </NoValueLabel>\n                            ) : (\n                                blockedDomains.map((domain, index) => (\n                                    <ActivityItem key={domain.url ? domain.url : `loading-${index}`}>\n                                        <div className='flex min-w-0 flex-col'>\n                                            <span className='block truncate font-semibold text-black dark:text-white'>\n                                                {!blockedDomainsLoading ? new URL(domain.url).hostname : <Skeleton className='w-48' />}\n                                            </span>\n                                        </div>\n\n                                        {unblockedDomainIds.has(domain.url) ? (\n                                            <Button\n                                                className='ml-auto min-w-[90px] text-red hover:!bg-red/5 hover:text-red-400'\n                                                variant='outline'\n                                                onClick={() => handleDomainBlock(domain)}\n                                            >\n                                                Block\n                                            </Button>\n                                        ) : (\n                                            !blockedDomainsLoading ?\n                                                <Button\n                                                    className='ml-auto min-w-[90px]'\n                                                    variant='destructive'\n                                                    onClick={() => handleDomainUnblock(domain)}\n                                                    onMouseEnter={() => setHoveredItemId(domain.url)}\n                                                    onMouseLeave={() => setHoveredItemId(null)}\n                                                >\n                                                    {hoveredItemId === domain.url ? 'Unblock' : 'Blocked'}\n                                                </Button> :\n                                                <div className='ml-auto w-16'>\n                                                    <Skeleton />\n                                                </div>\n                                        )}\n                                    </ActivityItem>\n                                ))\n                            )}\n                        </TabsContent>\n                    </Tabs>\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport default Moderation;\n"],"names":["Moderation","blockedAccountsData","blockedAccountsLoading","useBlockedAccountsForUser","blockedDomainsData","blockedDomainsLoading","useBlockedDomainsForUser","blockedAccounts","page","blockedDomains","blockMutation","useBlockMutationForUser","unblockMutation","useUnblockMutationForUser","unblockedAccountIds","setUnblockedAccountIds","useState","blockDomainMutation","useBlockDomainMutationForUser","unblockDomainMutation","useUnblockDomainMutationForUser","unblockedDomainIds","setUnblockedDomainIds","hoveredItemId","setHoveredItemId","navigate","useNavigateWithBasePath","handleUnblock","account","prev","newSet","toast","handleBlock","handleDomainUnblock","domain","handleDomainBlock","jsx","Layout","jsxs","H2","Tabs","TabsList","TabsTrigger","TabsContent","NoValueLabel","NoValueLabelIcon","LucideIcon.Ban","index","ProfilePreviewHoverCard","ActivityItem","handleProfileClick","APAvatar","Skeleton","Button","e"],"mappings":"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"}

package/dist/note-CfQDRkeT.mjs

@@ -0,0 +1,249 @@
+import { u as G, a as ee, b as m, c as C, d as te, e as $, j as e, L as y, S as c, E as se, f as ne, P as ae, A as oe, g as le, r as ie, h as ce, F as j, R as re, i as R, k as de } from "./index-_vEj3NfZ.mjs";
+import { u as xe, D as he, A as ue, S as U } from "./deleted-feed-item-Ct4Zc7u3.mjs";
+import { H as me } from "./hash-B-J30lCU.mjs";
+const p = () => /* @__PURE__ */ e.jsx("div", { className: "h-px w-full bg-gray-200 dark:bg-gray-950" }), pe = () => {
+  const { postId: z } = G(), { canGoBack: k } = ee(), [B, T] = m(/* @__PURE__ */ new Set()), [H, I] = m(/* @__PURE__ */ new Set()), [S, P] = m(/* @__PURE__ */ new Set()), [w, D] = m(!1), V = C(null), v = C(null), r = C(null), g = C(null), u = te(), {
+    threadParents: d,
+    post: n,
+    processedReplies: E,
+    isLoading: q,
+    loadMoreChildren: F,
+    loadMoreChildReplies: L,
+    hasMoreChildren: b,
+    hasMoreChildReplies: f
+  } = xe(decodeURIComponent(z ?? ""), { includeAncestors: !0 }), a = n == null ? void 0 : n.object, O = (a == null ? void 0 : a.replyCount) ?? 0, [M, W] = m(!1);
+  if ($(() => {
+    v.current && d.length > 0 && !M && (v.current.scrollIntoView({
+      behavior: "instant",
+      block: "start"
+    }), W(!0));
+  }, [d, M]), $(() => {
+    r.current && r.current.disconnect();
+    const t = document.querySelector("[data-scrollable-container]");
+    if (t)
+      return r.current = new IntersectionObserver(async (o) => {
+        if (o[0].isIntersecting && b && !w) {
+          D(!0);
+          try {
+            await F();
+          } catch (s) {
+            console.error("Failed to load more top-level replies:", s);
+          } finally {
+            D(!1);
+          }
+        }
+      }, {
+        root: t,
+        rootMargin: "200px"
+      }), g.current && r.current.observe(g.current), () => {
+        r.current && r.current.disconnect();
+      };
+  }, [b, w, F]), q)
+    return /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs("div", { className: "mx-auto flex max-w-[620px] flex-col items-center gap-3 pt-9 lg:px-8", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(c, { className: "size-10 rounded-full" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "grow pt-1", children: [
+          /* @__PURE__ */ e.jsx(c, { className: "w-24" }),
+          /* @__PURE__ */ e.jsx(c, { className: "w-3/5" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "mb-7 w-full", children: [
+        /* @__PURE__ */ e.jsx(c, {}),
+        /* @__PURE__ */ e.jsx(c, { className: "w-4/5" }),
+        /* @__PURE__ */ e.jsx(c, {})
+      ] }),
+      /* @__PURE__ */ e.jsx(p, {}),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-3 py-3", children: [
+        /* @__PURE__ */ e.jsx(c, { className: "block size-full", containerClassName: "size-10 rounded-full overflow-hidden" }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "w-52" }),
+          /* @__PURE__ */ e.jsx(c, { className: "w-28" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsx(p, {})
+    ] }) });
+  if (!n)
+    return /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto mt-4 flex w-full max-w-[620px] flex-col items-center", children: /* @__PURE__ */ e.jsxs(se, { children: [
+      /* @__PURE__ */ e.jsx(ne, { children: /* @__PURE__ */ e.jsx(me, {}) }),
+      /* @__PURE__ */ e.jsx("div", { children: "Error loading note." })
+    ] }) }) });
+  function N() {
+  }
+  function J(t) {
+    T((o) => {
+      const s = new Set(o);
+      return s.has(t) ? s.delete(t) : (s.add(t), I((l) => {
+        const x = new Set(l);
+        return x.add(t), x;
+      })), s;
+    });
+  }
+  async function K(t, o) {
+    if (!S.has(t)) {
+      P((s) => new Set(s).add(t));
+      try {
+        L && await L(o);
+      } catch (s) {
+        console.error("Failed to load more replies for chain:", s);
+      } finally {
+        P((s) => {
+          const l = new Set(s);
+          return l.delete(t), l;
+        });
+      }
+    }
+  }
+  return /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex h-full max-w-[620px] flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ e.jsx("div", { className: "grow overflow-y-auto", children: /* @__PURE__ */ e.jsxs("div", { className: "mx-auto px-8 pb-10 pt-5 max-lg:px-0", children: [
+    !d.length && /* @__PURE__ */ e.jsx(ae, { actor: n.actor, isCurrentUser: n.object.authored, children: /* @__PURE__ */ e.jsxs("div", { className: `col-[2/3] mx-auto flex w-full cursor-pointer items-center gap-3 ${k ? "pt-10 max-md:pt-5" : "pt-5"}`, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "relative z-10", children: /* @__PURE__ */ e.jsx(oe, { author: n.actor, showFollowButton: !n.object.authored && !n.actor.followedByMe }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative z-10 flex w-full min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]", onClick: (t) => {
+        ce(n.actor, u, t);
+      }, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate whitespace-nowrap font-semibold hover:underline", children: n.actor.name }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full", children: [
+          /* @__PURE__ */ e.jsx("span", { className: 'truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]', children: le(n.actor) }),
+          /* @__PURE__ */ e.jsx("span", { className: "text-gray-700", children: ie(a, !a.authored) })
+        ] })
+      ] })
+    ] }) }),
+    d.map((t) => t.object.type === "Tombstone" ? /* @__PURE__ */ e.jsx(he, { last: !1 }) : /* @__PURE__ */ e.jsx(
+      j,
+      {
+        actor: t.actor,
+        allowDelete: !1,
+        commentCount: t.object.replyCount ?? 0,
+        last: !1,
+        layout: "reply",
+        likeCount: t.object.likeCount ?? 0,
+        object: t.object,
+        repostCount: t.object.repostCount ?? 0,
+        type: "Note",
+        onClick: () => {
+          u(`/${t.object.type === "Article" ? "reader" : "notes"}/${encodeURIComponent(t.object.id)}`);
+        }
+      }
+    )),
+    /* @__PURE__ */ e.jsx("div", { ref: v, className: `${k ? "scroll-mt-[12px]" : "scroll-mt-[124px]"}`, children: /* @__PURE__ */ e.jsxs("div", { className: `${d.length > 0 && "min-h-[calc(100vh-52px)]"}`, children: [
+      /* @__PURE__ */ e.jsx(
+        j,
+        {
+          actor: n.actor,
+          allowDelete: !1,
+          commentCount: O,
+          last: !0,
+          layout: "modal",
+          likeCount: a.likeCount ?? 0,
+          object: a,
+          repostCount: a.repostCount,
+          showHeader: d.length > 0,
+          showStats: !0,
+          type: "Note"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        ue,
+        {
+          object: a
+        }
+      ),
+      /* @__PURE__ */ e.jsx(p, {}),
+      /* @__PURE__ */ e.jsxs("div", { ref: V, children: [
+        E.map((t, o) => {
+          const s = o === E.length - 1, l = t.mainReply.id, x = B.has(l), Q = H.has(l), X = S.has(l), h = t.chain.length > 0;
+          return /* @__PURE__ */ e.jsxs(re.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(
+              j,
+              {
+                actor: t.mainReply.actor,
+                allowDelete: t.mainReply.object.authored,
+                commentCount: t.mainReply.object.replyCount ?? 0,
+                isChainParent: h,
+                isPending: R(t.mainReply.id),
+                last: !h,
+                layout: "reply",
+                likeCount: t.mainReply.object.likeCount ?? 0,
+                object: t.mainReply.object,
+                parentId: a.id,
+                repostCount: t.mainReply.object.repostCount ?? 0,
+                type: "Note",
+                onClick: () => {
+                  u(`/notes/${encodeURIComponent(t.mainReply.id)}`);
+                },
+                onDelete: N
+              }
+            ),
+            h && t.chain[0] && /* @__PURE__ */ e.jsx(
+              j,
+              {
+                actor: t.chain[0].actor,
+                allowDelete: t.chain[0].object.authored,
+                commentCount: t.chain[0].object.replyCount ?? 0,
+                isChainContinuation: !0,
+                isPending: R(t.chain[0].id),
+                last: t.chain.length === 1,
+                layout: "reply",
+                likeCount: t.chain[0].object.likeCount ?? 0,
+                object: t.chain[0].object,
+                parentId: a.id,
+                repostCount: t.chain[0].object.repostCount ?? 0,
+                type: "Note",
+                onClick: () => {
+                  u(`/notes/${encodeURIComponent(t.chain[0].id)}`);
+                },
+                onDelete: N
+              },
+              t.chain[0].id
+            ),
+            h && x && t.chain.slice(1).map((i, Y) => {
+              const A = Y === t.chain.slice(1).length - 1, Z = f && f(o), _ = A && Z;
+              return /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  actor: i.actor,
+                  allowDelete: i.object.authored,
+                  commentCount: i.object.replyCount ?? 0,
+                  isChainContinuation: !0,
+                  isPending: R(i.id),
+                  last: A && !_,
+                  layout: "reply",
+                  likeCount: i.object.likeCount ?? 0,
+                  object: i.object,
+                  parentId: a.id,
+                  repostCount: i.object.repostCount ?? 0,
+                  type: "Note",
+                  onClick: () => {
+                    u(`/notes/${encodeURIComponent(i.id)}`);
+                  },
+                  onDelete: N
+                },
+                i.id
+              );
+            }),
+            h && t.chain.length > 1 && !x && /* @__PURE__ */ e.jsx(
+              U,
+              {
+                variant: "expand",
+                onClick: () => J(l)
+              }
+            ),
+            h && x && Q && f && f(o) && /* @__PURE__ */ e.jsx(
+              U,
+              {
+                loading: X,
+                variant: "loadMore",
+                onClick: () => K(l, o)
+              }
+            ),
+            !s && /* @__PURE__ */ e.jsx(p, {})
+          ] }, t.mainReply.id);
+        }),
+        w && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center text-center", children: /* @__PURE__ */ e.jsx(de, { size: "md" }) })
+      ] }),
+      b && /* @__PURE__ */ e.jsx("div", { ref: g, className: "h-1" })
+    ] }) })
+  ] }) }) }) }) });
+};
+export {
+  pe as default
+};
+//# sourceMappingURL=note-CfQDRkeT.mjs.map

package/dist/note-CfQDRkeT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-CfQDRkeT.mjs","sources":["../src/views/feed/note.tsx"],"sourcesContent":["import APAvatar from '@src/components/global/ap-avatar';\nimport APReplyBox from '@src/components/global/ap-reply-box';\nimport DeletedFeedItem from '@src/components/feed/deleted-feed-item';\nimport FeedItem from '@components/feed/feed-item';\nimport Layout from '@src/components/layout/layout';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport React, {useEffect, useRef, useState} from 'react';\nimport ShowRepliesButton from '@src/components/global/show-replies-button';\nimport getUsername from '@src/utils/get-username';\nimport {Activity} from '@tryghost/admin-x-framework/api/activitypub';\nimport {EmptyViewIcon, EmptyViewIndicator} from '@src/components/global/empty-view-indicator';\nimport {LoadingIndicator, LucideIcon, Skeleton} from '@tryghost/shade';\nimport {handleProfileClick} from '@src/utils/handle-profile-click';\nimport {isPendingActivity} from '@src/utils/pending-activity';\nimport {renderTimestamp} from '@src/utils/render-timestamp';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useNavigationStack, useParams} from '@tryghost/admin-x-framework';\nimport {useReplyChainData} from '@hooks/use-reply-chain-data';\n\nconst FeedItemDivider: React.FC = () => (\n    <div className=\"h-px w-full bg-gray-200 dark:bg-gray-950\"></div>\n);\n\nconst Note = () => {\n    const {postId} = useParams();\n    const {canGoBack} = useNavigationStack();\n\n    const [expandedChains, setExpandedChains] = useState<Set<string>>(new Set());\n    const [fullyExpandedChains, setFullyExpandedChains] = useState<Set<string>>(new Set());\n    const [loadingChains, setLoadingChains] = useState<Set<string>>(new Set());\n    const [isLoadingMoreTopLevelReplies, setIsLoadingMoreTopLevelReplies] = useState(false);\n    const repliesRef = useRef<HTMLDivElement>(null);\n    const postRef = useRef<HTMLDivElement>(null);\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const loadMoreRef = useRef<HTMLDivElement | null>(null);\n    const navigate = useNavigateWithBasePath();\n\n    const {\n        threadParents,\n        post: currentPost,\n        processedReplies,\n        isLoading,\n        loadMoreChildren,\n        loadMoreChildReplies,\n        hasMoreChildren,\n        hasMoreChildReplies\n    } = useReplyChainData(decodeURIComponent(postId ?? ''), {includeAncestors: true});\n\n    const object = currentPost?.object;\n\n    const replyCount = object?.replyCount ?? 0;\n    const [hasScrolledToPost, setHasScrolledToPost] = useState(false);\n\n    useEffect(() => {\n        if (postRef.current && threadParents.length > 0 && !hasScrolledToPost) {\n            postRef.current.scrollIntoView({\n                behavior: 'instant',\n                block: 'start'\n            });\n            setHasScrolledToPost(true);\n        }\n    }, [threadParents, hasScrolledToPost]);\n\n    useEffect(() => {\n        if (observerRef.current) {\n            observerRef.current.disconnect();\n        }\n\n        const container = document.querySelector('[data-scrollable-container]') as HTMLElement;\n        if (!container) {\n            return;\n        }\n\n        observerRef.current = new IntersectionObserver(async (entries) => {\n            if (entries[0].isIntersecting && hasMoreChildren && !isLoadingMoreTopLevelReplies) {\n                setIsLoadingMoreTopLevelReplies(true);\n                try {\n                    await loadMoreChildren();\n                } catch (error) {\n                    // eslint-disable-next-line no-console\n                    console.error('Failed to load more top-level replies:', error);\n                } finally {\n                    setIsLoadingMoreTopLevelReplies(false);\n                }\n            }\n        }, {\n            root: container,\n            rootMargin: '200px'\n        });\n\n        if (loadMoreRef.current) {\n            observerRef.current.observe(loadMoreRef.current);\n        }\n\n        return () => {\n            if (observerRef.current) {\n                observerRef.current.disconnect();\n            }\n        };\n    }, [hasMoreChildren, isLoadingMoreTopLevelReplies, loadMoreChildren]);\n\n    if (isLoading) {\n        return (\n            <Layout>\n                <div className='mx-auto flex max-w-[620px] flex-col items-center gap-3 pt-9 lg:px-8'>\n                    <div className='flex w-full items-center gap-3'>\n                        <Skeleton className='size-10 rounded-full' />\n                        <div className='grow pt-1'>\n                            <Skeleton className='w-24' />\n                            <Skeleton className='w-3/5' />\n                        </div>\n                    </div>\n                    <div className='mb-7 w-full'>\n                        <Skeleton />\n                        <Skeleton className='w-4/5' />\n                        <Skeleton />\n                    </div>\n                    <FeedItemDivider />\n                    <div className='flex w-full items-center gap-3 py-3'>\n                        <Skeleton className='block size-full' containerClassName='size-10 rounded-full overflow-hidden' />\n                        <div>\n                            <Skeleton className='w-52' />\n                            <Skeleton className='w-28' />\n                        </div>\n                    </div>\n                    <FeedItemDivider />\n                </div>\n            </Layout>\n        );\n    }\n\n    if (!currentPost) {\n        return (\n            <Layout>\n                <div className='mx-auto mt-4 flex w-full max-w-[620px] flex-col items-center'>\n                    <EmptyViewIndicator>\n                        <EmptyViewIcon><LucideIcon.Hash /></EmptyViewIcon>\n                        <div>Error loading note.</div>\n                    </EmptyViewIndicator>\n                </div>\n            </Layout>\n        );\n    }\n\n    function handleDelete() {\n        // Reply count will be updated via cache invalidation\n    }\n\n    function toggleChain(chainId: string) {\n        setExpandedChains((prev) => {\n            const newSet = new Set(prev);\n            if (newSet.has(chainId)) {\n                newSet.delete(chainId);\n            } else {\n                newSet.add(chainId);\n                setFullyExpandedChains((fullyExpanded) => {\n                    const newFullyExpanded = new Set(fullyExpanded);\n                    newFullyExpanded.add(chainId);\n                    return newFullyExpanded;\n                });\n            }\n            return newSet;\n        });\n    }\n\n    async function loadMoreForChain(chainId: string, childIndex: number) {\n        if (loadingChains.has(chainId)) {\n            return;\n        }\n\n        setLoadingChains(prev => new Set(prev).add(chainId));\n\n        try {\n            if (loadMoreChildReplies) {\n                await loadMoreChildReplies(childIndex);\n            }\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error('Failed to load more replies for chain:', error);\n        } finally {\n            setLoadingChains((prev) => {\n                const newSet = new Set(prev);\n                newSet.delete(chainId);\n                return newSet;\n            });\n        }\n    }\n\n    return (\n        <Layout>\n            <div className='mx-auto flex h-full max-w-[620px] flex-col'>\n                <div className='relative flex-1'>\n                    <div className='grow overflow-y-auto'>\n                        <div className={`mx-auto px-8 pb-10 pt-5 max-lg:px-0`}>\n                            {!threadParents.length &&\n                            <ProfilePreviewHoverCard actor={currentPost.actor} isCurrentUser={currentPost.object.authored}>\n                                <div className={`col-[2/3] mx-auto flex w-full cursor-pointer items-center gap-3 ${canGoBack ? 'pt-10 max-md:pt-5' : 'pt-5'}`}>\n                                    <div className='relative z-10'>\n                                        <APAvatar author={currentPost.actor} showFollowButton={!currentPost.object.authored && !currentPost.actor.followedByMe}/>\n                                    </div>\n                                    <div className='relative z-10 flex w-full min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]' onClick={(e) => {\n                                        handleProfileClick(currentPost.actor, navigate, e);\n                                    }}>\n                                        <div className='flex w-full'>\n                                            <span className='min-w-0 truncate whitespace-nowrap font-semibold hover:underline'>{currentPost.actor.name}</span>\n                                        </div>\n                                        <div className='flex w-full'>\n                                            <span className='truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-[\"·\"]'>{getUsername(currentPost.actor)}</span>\n                                            <span className='text-gray-700'>{renderTimestamp(object, !object.authored)}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </ProfilePreviewHoverCard>\n                            }\n\n                            {threadParents.map((item) => {\n                                return (\n                                    item.object.type === 'Tombstone' ? (\n                                        <DeletedFeedItem last={false} />\n                                    ) : (\n                                        <FeedItem\n                                            actor={item.actor}\n                                            allowDelete={false}\n                                            commentCount={item.object.replyCount ?? 0}\n                                            last={false}\n                                            layout='reply'\n                                            likeCount={item.object.likeCount ?? 0}\n                                            object={item.object}\n                                            repostCount={item.object.repostCount ?? 0}\n                                            type='Note'\n                                            onClick={() => {\n                                                navigate(`/${item.object.type === 'Article' ? 'reader' : 'notes'}/${encodeURIComponent(item.object.id)}`);\n                                            }}\n                                        />\n                                    )\n                                );\n                            })}\n                            <div ref={postRef} className={`${canGoBack ? 'scroll-mt-[12px]' : 'scroll-mt-[124px]'}`}>\n                                <div className={`${threadParents.length > 0 && 'min-h-[calc(100vh-52px)]'}`}>\n                                    <FeedItem\n                                        actor={currentPost.actor}\n                                        allowDelete={false}\n                                        commentCount={replyCount}\n                                        last={true}\n                                        layout={'modal'}\n                                        likeCount={object.likeCount ?? 0}\n                                        object={object}\n                                        repostCount={object.repostCount}\n                                        showHeader={threadParents.length > 0}\n                                        showStats={true}\n                                        type='Note'\n                                    />\n                                    <APReplyBox\n                                        object={object}\n                                    />\n                                    <FeedItemDivider />\n                                    <div ref={repliesRef}>\n                                        {\n                                            processedReplies.map((replyGroup, groupIndex) => {\n                                                const isLastGroup = groupIndex === processedReplies.length - 1;\n                                                const chainId = replyGroup.mainReply.id;\n                                                const isExpanded = expandedChains.has(chainId);\n                                                const isFullyExpanded = fullyExpandedChains.has(chainId);\n                                                const isChainLoading = loadingChains.has(chainId);\n                                                const hasChain = replyGroup.chain.length > 0;\n\n                                                return (\n                                                    <React.Fragment key={replyGroup.mainReply.id}>\n                                                        <FeedItem\n                                                            actor={replyGroup.mainReply.actor}\n                                                            allowDelete={replyGroup.mainReply.object.authored}\n                                                            commentCount={replyGroup.mainReply.object.replyCount ?? 0}\n                                                            isChainParent={hasChain}\n                                                            isPending={isPendingActivity(replyGroup.mainReply.id)}\n                                                            last={!hasChain}\n                                                            layout='reply'\n                                                            likeCount={replyGroup.mainReply.object.likeCount ?? 0}\n                                                            object={replyGroup.mainReply.object}\n                                                            parentId={object.id}\n                                                            repostCount={replyGroup.mainReply.object.repostCount ?? 0}\n                                                            type='Note'\n                                                            onClick={() => {\n                                                                navigate(`/notes/${encodeURIComponent(replyGroup.mainReply.id)}`);\n                                                            }}\n                                                            onDelete={handleDelete}\n                                                        />\n\n                                                        {hasChain && replyGroup.chain[0] && (\n                                                            <FeedItem\n                                                                key={replyGroup.chain[0].id}\n                                                                actor={replyGroup.chain[0].actor}\n                                                                allowDelete={replyGroup.chain[0].object.authored}\n                                                                commentCount={replyGroup.chain[0].object.replyCount ?? 0}\n                                                                isChainContinuation={true}\n                                                                isPending={isPendingActivity(replyGroup.chain[0].id)}\n                                                                last={replyGroup.chain.length === 1}\n                                                                layout='reply'\n                                                                likeCount={replyGroup.chain[0].object.likeCount ?? 0}\n                                                                object={replyGroup.chain[0].object}\n                                                                parentId={object.id}\n                                                                repostCount={replyGroup.chain[0].object.repostCount ?? 0}\n                                                                type='Note'\n                                                                onClick={() => {\n                                                                    navigate(`/notes/${encodeURIComponent(replyGroup.chain[0].id)}`);\n                                                                }}\n                                                                onDelete={handleDelete}\n                                                            />\n                                                        )}\n\n                                                        {hasChain && isExpanded && replyGroup.chain.slice(1).map((chainItem: Activity, chainIndex: number) => {\n                                                            const isLastChainItem = chainIndex === replyGroup.chain.slice(1).length - 1;\n                                                            const hasMoreReplies = hasMoreChildReplies && hasMoreChildReplies(groupIndex);\n                                                            const shouldShowConnector = isLastChainItem && hasMoreReplies;\n\n                                                            return (\n                                                                <FeedItem\n                                                                    key={chainItem.id}\n                                                                    actor={chainItem.actor}\n                                                                    allowDelete={chainItem.object.authored}\n                                                                    commentCount={chainItem.object.replyCount ?? 0}\n                                                                    isChainContinuation={true}\n                                                                    isPending={isPendingActivity(chainItem.id)}\n                                                                    last={isLastChainItem && !shouldShowConnector}\n                                                                    layout='reply'\n                                                                    likeCount={chainItem.object.likeCount ?? 0}\n                                                                    object={chainItem.object}\n                                                                    parentId={object.id}\n                                                                    repostCount={chainItem.object.repostCount ?? 0}\n                                                                    type='Note'\n                                                                    onClick={() => {\n                                                                        navigate(`/notes/${encodeURIComponent(chainItem.id)}`);\n                                                                    }}\n                                                                    onDelete={handleDelete}\n                                                                />\n                                                            );\n                                                        })}\n\n                                                        {hasChain && replyGroup.chain.length > 1 && !isExpanded && (\n                                                            <ShowRepliesButton\n                                                                variant='expand'\n                                                                onClick={() => toggleChain(chainId)}\n                                                            />\n                                                        )}\n\n                                                        {hasChain && isExpanded && isFullyExpanded && hasMoreChildReplies && hasMoreChildReplies(groupIndex) && (\n                                                            <ShowRepliesButton\n                                                                loading={isChainLoading}\n                                                                variant='loadMore'\n                                                                onClick={() => loadMoreForChain(chainId, groupIndex)}\n                                                            />\n                                                        )}\n\n                                                        {!isLastGroup && <FeedItemDivider />}\n                                                    </React.Fragment>\n                                                );\n                                            })\n                                        }\n\n                                        {isLoadingMoreTopLevelReplies && (\n                                            <div className='flex flex-col items-center justify-center text-center'>\n                                                <LoadingIndicator size='md' />\n                                            </div>\n                                        )}\n                                    </div>\n\n                                    {hasMoreChildren && <div ref={loadMoreRef} className='h-1'></div>}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport default Note;\n"],"names":["FeedItemDivider","jsx","Note","postId","useParams","canGoBack","useNavigationStack","expandedChains","setExpandedChains","useState","fullyExpandedChains","setFullyExpandedChains","loadingChains","setLoadingChains","isLoadingMoreTopLevelReplies","setIsLoadingMoreTopLevelReplies","repliesRef","useRef","postRef","observerRef","loadMoreRef","navigate","useNavigateWithBasePath","threadParents","currentPost","processedReplies","isLoading","loadMoreChildren","loadMoreChildReplies","hasMoreChildren","hasMoreChildReplies","useReplyChainData","object","replyCount","hasScrolledToPost","setHasScrolledToPost","useEffect","container","entries","error","Layout","jsxs","Skeleton","EmptyViewIndicator","EmptyViewIcon","LucideIcon.Hash","handleDelete","toggleChain","chainId","prev","newSet","fullyExpanded","newFullyExpanded","loadMoreForChain","childIndex","ProfilePreviewHoverCard","APAvatar","e","handleProfileClick","getUsername","item","DeletedFeedItem","FeedItem","APReplyBox","replyGroup","groupIndex","isLastGroup","isExpanded","isFullyExpanded","isChainLoading","hasChain","React","isPendingActivity","chainItem","chainIndex","isLastChainItem","hasMoreReplies","shouldShowConnector","ShowRepliesButton","LoadingIndicator"],"mappings":"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"}

package/dist/reply-BrWarBVQ.mjs

@@ -0,0 +1,15 @@
+import { a6 as e } from "./index-_vEj3NfZ.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 c = [
+  ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }],
+  ["path", { d: "m9 17-5-5 5-5", key: "nvlc11" }]
+], a = e("reply", c);
+export {
+  a as R
+};
+//# sourceMappingURL=reply-BrWarBVQ.mjs.map

package/dist/reply-BrWarBVQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reply-BrWarBVQ.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/reply.js"],"sourcesContent":["/**\n * @license lucide-react v0.553.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M20 18v-2a4 4 0 0 0-4-4H4\", key: \"5vmcpk\" }],\n  [\"path\", { d: \"m9 17-5-5 5-5\", key: \"nvlc11\" }]\n];\nconst Reply = createLucideIcon(\"reply\", __iconNode);\n\nexport { __iconNode, Reply as default };\n//# sourceMappingURL=reply.js.map\n"],"names":["__iconNode","Reply","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,GACMC,IAAQC,EAAiB,SAASF,CAAU;","x_google_ignoreList":[0]}

package/dist/separator-nDV4oVPB.mjs

@@ -0,0 +1,39 @@
+import { ad as s, j as l, ae as v, s as m } from "./index-_vEj3NfZ.mjs";
+var N = "Separator", n = "horizontal", u = ["horizontal", "vertical"], p = s((a, r) => {
+  const { decorative: t, orientation: o = n, ...i } = a, e = f(o) ? o : n, d = t ? { role: "none" } : { "aria-orientation": e === "vertical" ? e : void 0, role: "separator" };
+  return /* @__PURE__ */ l.jsx(
+    v.div,
+    {
+      "data-orientation": e,
+      ...d,
+      ...i,
+      ref: r
+    }
+  );
+});
+p.displayName = N;
+function f(a) {
+  return u.includes(a);
+}
+var c = p;
+const h = s(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...o }, i) => /* @__PURE__ */ l.jsx(
+    c,
+    {
+      ref: i,
+      className: m(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      decorative: t,
+      orientation: r,
+      ...o
+    }
+  )
+);
+h.displayName = c.displayName;
+export {
+  h as S
+};
+//# sourceMappingURL=separator-nDV4oVPB.mjs.map

package/dist/separator-nDV4oVPB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-nDV4oVPB.mjs","sources":["../../../node_modules/@radix-ui/react-separator/dist/index.mjs","../../shade/es/components/ui/separator.js"],"sourcesContent":["// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Separator\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = React.forwardRef((props, forwardedRef) => {\n  const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n  const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n  const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n  const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n  return /* @__PURE__ */ jsx(\n    Primitive.div,\n    {\n      \"data-orientation\": orientation,\n      ...semanticProps,\n      ...domProps,\n      ref: forwardedRef\n    }\n  );\n});\nSeparator.displayName = NAME;\nfunction isValidOrientation(orientation) {\n  return ORIENTATIONS.includes(orientation);\n}\nvar Root = Separator;\nexport {\n  Root,\n  Separator\n};\n//# sourceMappingURL=index.mjs.map\n","import { jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"../../lib/utils.js\";\nconst Separator = React.forwardRef(\n  ({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(\n    SeparatorPrimitive.Root,\n    {\n      ref,\n      className: cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      ),\n      decorative,\n      orientation,\n      ...props\n    }\n  )\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\nexport {\n  Separator\n};\n//# sourceMappingURL=separator.js.map\n"],"names":["NAME","DEFAULT_ORIENTATION","ORIENTATIONS","Separator","React.forwardRef","props","forwardedRef","decorative","orientationProp","domProps","orientation","isValidOrientation","semanticProps","jsx","Primitive","Root","className","ref","SeparatorPrimitive.Root","cn"],"mappings":";AAIA,IAAIA,IAAO,aACPC,IAAsB,cACtBC,IAAe,CAAC,cAAc,UAAU,GACxCC,IAAYC,EAAiB,CAACC,GAAOC,MAAiB;AACxD,QAAM,EAAE,YAAAC,GAAY,aAAaC,IAAkBP,GAAqB,GAAGQ,EAAQ,IAAKJ,GAClFK,IAAcC,EAAmBH,CAAe,IAAIA,IAAkBP,GAEtEW,IAAgBL,IAAa,EAAE,MAAM,WAAW,EAAE,oBADhCG,MAAgB,aAAaA,IAAc,QAC0B,MAAM,YAAW;AAC9G,SAAuBG,gBAAAA,EAAAA;AAAAA,IACrBC,EAAU;AAAA,IACV;AAAA,MACE,oBAAoBJ;AAAA,MACpB,GAAGE;AAAA,MACH,GAAGH;AAAA,MACH,KAAKH;AAAA,IACX;AAAA,EACA;AACA,CAAC;AACDH,EAAU,cAAcH;AACxB,SAASW,EAAmBD,GAAa;AACvC,SAAOR,EAAa,SAASQ,CAAW;AAC1C;AACA,IAAIK,IAAOZ;ACtBN,MAACA,IAAYC;AAAAA,EAChB,CAAC,EAAE,WAAAY,GAAW,aAAAN,IAAc,cAAc,YAAAH,IAAa,IAAM,GAAGF,KAASY,MAAwBJ,gBAAAA,EAAAA;AAAAA,IAC/FK;AAAAA,IACA;AAAA,MACE,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAT,MAAgB,eAAe,mBAAmB;AAAA,QAClDM;AAAA,MACR;AAAA,MACM,YAAAT;AAAA,MACA,aAAAG;AAAA,MACA,GAAGL;AAAA,IACT;AAAA,EACA;AACA;AACAF,EAAU,cAAce,EAAwB;","x_google_ignoreList":[0]}

package/dist/settings-CCnMmVaW.mjs

@@ -0,0 +1,79 @@
+import { b as f, d as p, j as e, H as b, D as m, m as u, B as v, n as y, o as N, p as k, C as j, q as S, s as C, t as E } from "./index-_vEj3NfZ.mjs";
+import { E as D } from "./edit-profile-DVsYbpNY.mjs";
+const z = ({ account: s, className: r = "" }) => {
+  const [h, t] = f(!1), a = p();
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col ${r}`, children: [
+    /* @__PURE__ */ e.jsx(g, {}),
+    /* @__PURE__ */ e.jsxs(d, { children: [
+      /* @__PURE__ */ e.jsxs(c, { children: [
+        /* @__PURE__ */ e.jsx(o, { children: "Account" }),
+        /* @__PURE__ */ e.jsx(l, { children: "Edit your profile information and account details" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(m, { open: h, onOpenChange: t, children: [
+        /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(v, { variant: "secondary", children: "Edit profile" }) }) }),
+        /* @__PURE__ */ e.jsxs(y, { onOpenAutoFocus: (i) => i.preventDefault(), children: [
+          /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(k, { children: "Profile settings" }) }),
+          s && /* @__PURE__ */ e.jsx(D, { account: s, setIsEditingProfile: t })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(d, { withHover: !0, onClick: () => a("/preferences/moderation"), children: [
+      /* @__PURE__ */ e.jsxs(c, { children: [
+        /* @__PURE__ */ e.jsx(o, { children: "Moderation" }),
+        /* @__PURE__ */ e.jsx(l, { children: "Manage blocked users and domains" })
+      ] }),
+      /* @__PURE__ */ e.jsx(x, { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(j, { size: 20 }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(d, { withHover: !0, onClick: () => a("/preferences/bluesky-sharing"), children: [
+      /* @__PURE__ */ e.jsxs(c, { children: [
+        /* @__PURE__ */ e.jsx(o, { children: "Bluesky sharing" }),
+        /* @__PURE__ */ e.jsx(l, { children: "Share content directly on Bluesky" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(x, { className: "flex items-center gap-2", children: [
+        s != null && s.blueskyEnabled ? /* @__PURE__ */ e.jsx("span", { className: "font-medium text-black", children: "On" }) : /* @__PURE__ */ e.jsx("span", { children: "Off" }),
+        /* @__PURE__ */ e.jsx(j, { size: 20 })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(g, {}),
+    /* @__PURE__ */ e.jsxs(d, { href: "https://ghost.org/help/social-web/", withHover: !0, children: [
+      /* @__PURE__ */ e.jsxs(c, { children: [
+        /* @__PURE__ */ e.jsx(o, { children: "Help" }),
+        /* @__PURE__ */ e.jsx(l, { children: "Social web guides and support resources" })
+      ] }),
+      /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(S, { size: 18 }) })
+    ] })
+  ] });
+}, o = b, l = ({ children: s, className: r = "" }) => /* @__PURE__ */ e.jsx("span", { className: `text-sm text-gray-700 ${r}`, children: s }), c = ({ children: s, className: r = "" }) => /* @__PURE__ */ e.jsx("div", { className: `relative flex flex-col gap-0.5 ${r}`, children: s }), x = ({ children: s, className: r = "" }) => /* @__PURE__ */ e.jsx("div", { className: `relative text-gray-500 ${r}`, children: s }), d = ({ children: s, className: r = "", withHover: h = !1, to: t, href: a, onClick: i }) => {
+  const n = C("flex items-center justify-between py-3 gap-4", h ? "relative cursor-pointer before:absolute before:inset-x-[-16px] before:inset-y-[-1px] before:rounded-md before:bg-gray-50 before:opacity-0 before:transition-opacity before:will-change-[opacity] hover:z-10 hover:cursor-pointer hover:border-b-transparent hover:before:opacity-100 dark:before:bg-gray-950" : "", r);
+  return t ? /* @__PURE__ */ e.jsx(
+    E,
+    {
+      className: n,
+      to: t,
+      children: s
+    }
+  ) : a ? /* @__PURE__ */ e.jsx(
+    "a",
+    {
+      className: n,
+      href: a,
+      rel: "noreferrer",
+      target: "_blank",
+      children: s
+    }
+  ) : i ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: n,
+      role: "button",
+      tabIndex: 0,
+      onClick: i,
+      children: s
+    }
+  ) : /* @__PURE__ */ e.jsx("div", { className: n, children: s });
+}, g = () => /* @__PURE__ */ e.jsx("hr", { className: "my-3 h-px border-0 bg-gray-200 dark:bg-gray-950" });
+export {
+  x as S,
+  z as a
+};
+//# sourceMappingURL=settings-CCnMmVaW.mjs.map