@jant/core 0.3.23 → 0.3.24

package/dist/themes/threads/ThreadsSiteLayout.js

@@ -0,0 +1,172 @@
+/**
+ * Threads Theme - Site Layout
+ *
+ * Left icon sidebar (76px) on desktop, bottom tab bar (60px) on mobile.
+ * Gray page background (#fafafa) with white rounded content container.
+ * All dimensions match threads.com's --barcelona-* design tokens.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+/** Map known URL paths to SVG icons. Size 26x26 matching Threads' nav icons. */ function NavIcon({ url, isActive }) {
+    const stroke = "currentColor";
+    const sw = isActive ? "2.25" : "1.75";
+    const cls = "size-[26px]";
+    // Home
+    if (url === "/") {
+        return /*#__PURE__*/ _jsx("svg", {
+            class: cls,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": sw,
+            stroke: stroke,
+            children: /*#__PURE__*/ _jsx("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "m2.25 12 8.954-8.955a1.126 1.126 0 0 1 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+            })
+        });
+    }
+    // Search
+    if (url === "/search") {
+        return /*#__PURE__*/ _jsx("svg", {
+            class: cls,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": sw,
+            stroke: stroke,
+            children: /*#__PURE__*/ _jsx("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+            })
+        });
+    }
+    // Archive
+    if (url === "/archive") {
+        return /*#__PURE__*/ _jsx("svg", {
+            class: cls,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": sw,
+            stroke: stroke,
+            children: /*#__PURE__*/ _jsx("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"
+            })
+        });
+    }
+    // RSS — common for /feed, /rss, /atom
+    if (url.match(/\/(feed|rss|atom)/)) {
+        return /*#__PURE__*/ _jsx("svg", {
+            class: cls,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": sw,
+            stroke: stroke,
+            children: /*#__PURE__*/ _jsx("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "M12.75 19.5v-.75a7.5 7.5 0 0 0-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M4.5 19.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+            })
+        });
+    }
+    // External link
+    if (url.startsWith("http")) {
+        return /*#__PURE__*/ _jsx("svg", {
+            class: cls,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": sw,
+            stroke: stroke,
+            children: /*#__PURE__*/ _jsx("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+            })
+        });
+    }
+    // Default: generic page icon
+    return /*#__PURE__*/ _jsx("svg", {
+        class: cls,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        "stroke-width": sw,
+        stroke: stroke,
+        children: /*#__PURE__*/ _jsx("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+        })
+    });
+}
+function SidebarLink({ link }) {
+    return /*#__PURE__*/ _jsx("a", {
+        href: link.url,
+        class: `threads-sidebar-link ${link.isActive ? "threads-sidebar-link-active" : ""}`,
+        title: link.label,
+        ...link.isExternal ? {
+            target: "_blank",
+            rel: "noopener noreferrer"
+        } : {},
+        children: /*#__PURE__*/ _jsx(NavIcon, {
+            url: link.url,
+            isActive: link.isActive
+        })
+    });
+}
+function MobileTabLink({ link }) {
+    return /*#__PURE__*/ _jsx("a", {
+        href: link.url,
+        class: `threads-mobile-tab ${link.isActive ? "threads-mobile-tab-active" : ""}`,
+        ...link.isExternal ? {
+            target: "_blank",
+            rel: "noopener noreferrer"
+        } : {},
+        children: /*#__PURE__*/ _jsx(NavIcon, {
+            url: link.url,
+            isActive: link.isActive
+        })
+    });
+}
+export const ThreadsSiteLayout = ({ siteName, links, children })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "threads-page",
+        children: [
+            /*#__PURE__*/ _jsxs("aside", {
+                class: "threads-sidebar",
+                children: [
+                    /*#__PURE__*/ _jsx("a", {
+                        href: "/",
+                        class: "threads-logo",
+                        title: siteName,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            class: "text-2xl font-black leading-none",
+                            children: "@"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("nav", {
+                        class: "flex flex-1 flex-col items-center gap-1",
+                        children: links.map((link)=>/*#__PURE__*/ _jsx(SidebarLink, {
+                                link: link
+                            }, link.id))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                class: "threads-main",
+                children: /*#__PURE__*/ _jsx("div", {
+                    class: "threads-container",
+                    children: /*#__PURE__*/ _jsx("div", {
+                        class: "threads-content",
+                        children: children
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx("nav", {
+                class: "threads-mobile-tabs",
+                children: links.map((link)=>/*#__PURE__*/ _jsx(MobileTabLink, {
+                        link: link
+                    }, link.id))
+            })
+        ]
+    });
+};

package/dist/themes/threads/index.js

@@ -0,0 +1,81 @@
+/**
+ * Threads Theme
+ *
+ * A clean, centered timeline theme inspired by Threads.net.
+ * Posts separated by thin dividers, no cards, with thread connector lines.
+ *
+ * This is the default theme for Jant.
+ */ // Layout
+import { ThreadsSiteLayout } from "./ThreadsSiteLayout.js";
+// Pages
+import { HomePage } from "./pages/HomePage.js";
+import { PostPage } from "./pages/PostPage.js";
+import { SinglePage } from "./pages/SinglePage.js";
+import { ArchivePage } from "./pages/ArchivePage.js";
+import { SearchPage } from "./pages/SearchPage.js";
+import { CollectionPage } from "./pages/CollectionPage.js";
+// Timeline
+import { NoteCard } from "./timeline/NoteCard.js";
+import { LinkCard } from "./timeline/LinkCard.js";
+import { QuoteCard } from "./timeline/QuoteCard.js";
+import { ThreadPreview } from "./timeline/ThreadPreview.js";
+import { TimelineFeed } from "./timeline/TimelineFeed.js";
+import { TimelineLoadMore } from "./timeline/TimelineLoadMore.js";
+import { timelineMore } from "./timeline/timelineMore.js";
+/**
+ * Create the threads theme configuration.
+ *
+ * @param options - Optional overrides for components, CSS variables, or color themes
+ * @returns A JantTheme configuration object
+ *
+ * @example
+ * ```typescript
+ * import { createApp } from "@jant/core";
+ * import { threadsTheme } from "@jant/core";
+ *
+ * export default createApp({
+ *   theme: threadsTheme(),
+ * });
+ * ```
+ */ export function theme(options) {
+    return {
+        name: "threads",
+        components: {
+            SiteLayout: ThreadsSiteLayout,
+            HomePage,
+            PostPage,
+            SinglePage,
+            ArchivePage,
+            SearchPage,
+            CollectionPage,
+            NoteCard,
+            LinkCard,
+            QuoteCard,
+            ThreadPreview,
+            TimelineFeed,
+            TimelineLoadMore,
+            ...options?.components
+        },
+        timelineMore,
+        cssVariables: {
+            ...options?.cssVariables
+        },
+        colorThemes: options?.colorThemes
+    };
+}
+// Re-export individual components for wrapping/extending
+export { ThreadsSiteLayout } from "./ThreadsSiteLayout.js";
+export { HomePage } from "./pages/HomePage.js";
+export { PostPage } from "./pages/PostPage.js";
+export { SinglePage } from "./pages/SinglePage.js";
+export { ArchivePage } from "./pages/ArchivePage.js";
+export { SearchPage } from "./pages/SearchPage.js";
+export { CollectionPage } from "./pages/CollectionPage.js";
+export { NoteCard } from "./timeline/NoteCard.js";
+export { LinkCard } from "./timeline/LinkCard.js";
+export { QuoteCard } from "./timeline/QuoteCard.js";
+export { ThreadPreview } from "./timeline/ThreadPreview.js";
+export { TimelineFeed } from "./timeline/TimelineFeed.js";
+export { TimelineLoadMore } from "./timeline/TimelineLoadMore.js";
+export { TimelineItem, TimelineItemFromPost } from "./timeline/TimelineItem.js";
+export { timelineMore } from "./timeline/timelineMore.js";

package/dist/themes/{minimal → threads}/pages/ArchivePage.js

@@ -1,22 +1,18 @@
 /**
- * Minimal Theme - Archive Page
+ * Threads Theme - Archive Page
  *
- * Date-first list with type filter and cursor pagination.
+ * Posts grouped by year-month with format filter and cursor pagination.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { POST_TYPES } from "../../../types.js";
-import { Pagination as DefaultPagination } from "../../../theme/components/Pagination.js";
-function getTypeLabel(type) {
+import { FORMATS } from "../../../types.js";
+import { Pagination as DefaultPagination } from "../../../theme/index.js";
+function getFormatLabel(format) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const labels = {
         note: $__i18n._({
             id: "KiJn9B",
             message: "Note"
         }),
-        article: $__i18n._({
-            id: "f6e0Ry",
-            message: "Article"
-        }),
         link: $__i18n._({
             id: "yzF66j",
             message: "Link"
@@ -24,29 +20,17 @@ function getTypeLabel(type) {
         quote: $__i18n._({
             id: "ZhhOwV",
             message: "Quote"
-        }),
-        image: $__i18n._({
-            id: "hG89Ed",
-            message: "Image"
-        }),
-        page: $__i18n._({
-            id: "6WdDG7",
-            message: "Page"
         })
     };
-    return labels[type] ?? type;
+    return labels[format] ?? format;
 }
-function getTypeLabelPlural(type) {
+function getFormatLabelPlural(format) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const labels = {
         note: $__i18n._({
             id: "1DBGsz",
             message: "Notes"
         }),
-        article: $__i18n._({
-            id: "Tt5T6+",
-            message: "Articles"
-        }),
         link: $__i18n._({
             id: "Rj01Fz",
             message: "Links"
@@ -54,26 +38,19 @@ function getTypeLabelPlural(type) {
         quote: $__i18n._({
             id: "eWLklq",
             message: "Quotes"
-        }),
-        image: $__i18n._({
-            id: "an5hVd",
-            message: "Images"
-        }),
-        page: $__i18n._({
-            id: "wRR604",
-            message: "Pages"
         })
     };
-    return labels[type] ?? `${type}s`;
+    return labels[format] ?? `${format}s`;
 }
-export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
+export const ArchivePage = ({ groups, hasMore, nextCursor, format, featured, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const title = type ? getTypeLabelPlural(type) : $__i18n._({
+    const title = format ? getFormatLabelPlural(format) : $__i18n._({
         id: "B495Gs",
         message: "Archive"
     });
     const PaginationComponent = theme?.Pagination ?? DefaultPagination;
     return /*#__PURE__*/ _jsxs("div", {
+        class: "py-6",
         children: [
             /*#__PURE__*/ _jsxs("header", {
                 class: "mb-8",
@@ -87,17 +64,25 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                         children: [
                             /*#__PURE__*/ _jsx("a", {
                                 href: "/archive",
-                                class: `text-sm ${!type ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+                                class: `badge ${!format && !featured ? "badge-primary" : "badge-outline"}`,
                                 children: $__i18n._({
                                     id: "N40H+G",
                                     message: "All"
                                 })
                             }),
-                            POST_TYPES.filter((t)=>t !== "page").map((typeKey)=>/*#__PURE__*/ _jsx("a", {
-                                    href: `/archive?type=${typeKey}`,
-                                    class: `text-sm ${type === typeKey ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-                                    children: getTypeLabelPlural(typeKey)
-                                }, typeKey))
+                            FORMATS.map((formatKey)=>/*#__PURE__*/ _jsx("a", {
+                                    href: `/archive?format=${formatKey}`,
+                                    class: `badge ${format === formatKey ? "badge-primary" : "badge-outline"}`,
+                                    children: getFormatLabelPlural(formatKey)
+                                }, formatKey)),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/archive?featured=true",
+                                class: `badge ${featured ? "badge-primary" : "badge-outline"}`,
+                                children: $__i18n._({
+                                    id: "FkMol5",
+                                    message: "Featured"
+                                })
+                            })
                         ]
                     })
                 ]
@@ -117,9 +102,9 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                                 children: group.label
                             }),
                             /*#__PURE__*/ _jsx("div", {
-                                class: "flex flex-col gap-3",
+                                class: "divide-y divide-border",
                                 children: group.posts.map((post)=>/*#__PURE__*/ _jsxs("article", {
-                                        class: "flex items-baseline gap-4",
+                                        class: "flex items-baseline gap-4 py-2.5",
                                         children: [
                                             /*#__PURE__*/ _jsx("time", {
                                                 class: "text-sm text-muted-foreground w-12 shrink-0",
@@ -132,11 +117,11 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                                                     /*#__PURE__*/ _jsx("a", {
                                                         href: post.permalink,
                                                         class: "hover:underline",
-                                                        children: post.title || post.content?.slice(0, 80) || `Post #${post.id}`
+                                                        children: post.title || post.excerpt?.slice(0, 80) || `Post #${post.id}`
                                                     }),
-                                                    !type && /*#__PURE__*/ _jsx("span", {
-                                                        class: "ml-2 text-xs text-muted-foreground",
-                                                        children: getTypeLabel(post.type)
+                                                    !format && /*#__PURE__*/ _jsx("span", {
+                                                        class: "ml-2 badge-outline text-xs",
+                                                        children: getFormatLabel(post.format)
                                                     })
                                                 ]
                                             })
@@ -147,7 +132,7 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                     }, `${group.year}-${group.month}`))
             }),
             /*#__PURE__*/ _jsx(PaginationComponent, {
-                baseUrl: type ? `/archive?type=${type}` : "/archive",
+                baseUrl: format ? `/archive?format=${format}` : featured ? "/archive?featured=true" : "/archive",
                 hasMore: hasMore,
                 nextCursor: nextCursor
             })

package/dist/themes/threads/pages/CollectionPage.js

@@ -0,0 +1,65 @@
+/**
+ * Threads Theme - Collection Page
+ *
+ * Collection header with divider-separated post list.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const CollectionPage = ({ collection, posts })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "py-6",
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                class: "mb-8",
+                children: [
+                    /*#__PURE__*/ _jsx("h1", {
+                        class: "text-2xl font-semibold",
+                        children: collection.title
+                    }),
+                    collection.description && /*#__PURE__*/ _jsx("p", {
+                        class: "text-muted-foreground mt-2",
+                        children: collection.description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                    class: "text-muted-foreground",
+                    children: $__i18n._({
+                        id: "J4FNfC",
+                        message: "No posts in this collection."
+                    })
+                }) : /*#__PURE__*/ _jsx("div", {
+                    class: "divide-y divide-border",
+                    children: posts.map((post)=>/*#__PURE__*/ _jsxs("article", {
+                            class: "h-entry py-4",
+                            children: [
+                                post.title && /*#__PURE__*/ _jsx("h2", {
+                                    class: "p-name text-lg font-medium mb-2",
+                                    children: /*#__PURE__*/ _jsx("a", {
+                                        href: post.permalink,
+                                        class: "u-url hover:underline",
+                                        children: post.title
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    class: "e-content prose prose-sm",
+                                    dangerouslySetInnerHTML: {
+                                        __html: post.bodyHtml || ""
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx("footer", {
+                                    class: "mt-2 text-sm text-muted-foreground",
+                                    children: /*#__PURE__*/ _jsx("time", {
+                                        class: "dt-published",
+                                        datetime: post.publishedAt,
+                                        children: post.publishedAtFormatted
+                                    })
+                                })
+                            ]
+                        }, post.id))
+                })
+            })
+        ]
+    });
+};

package/dist/themes/{minimal → threads}/pages/HomePage.js

@@ -1,7 +1,7 @@
 /**
- * Minimal Theme - Home Page
+ * Threads Theme - Home Page
  *
- * Renders the timeline feed with thread previews.
+ * Clean feed of posts separated by dividers.
  */ import { jsx as _jsx, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { TimelineFeed as DefaultTimelineFeed } from "../timeline/TimelineFeed.js";
@@ -10,7 +10,7 @@ export const HomePage = ({ items, hasMore, nextCursor, theme })=>{
     const Feed = theme?.TimelineFeed ?? DefaultTimelineFeed;
     return /*#__PURE__*/ _jsx(_Fragment, {
         children: items.length === 0 ? /*#__PURE__*/ _jsx("p", {
-            class: "text-muted-foreground",
+            class: "py-12 text-center text-muted-foreground",
             children: $__i18n._({
                 id: "ODiSoW",
                 message: "No posts yet."

package/dist/themes/{minimal → threads}/pages/PostPage.js

@@ -1,15 +1,15 @@
 /**
- * Minimal Theme - Post Page
+ * Threads Theme - Post Page
  *
- * Clean article layout for a single post.
+ * Single post view — clean, no card border, with divider footer.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { MediaGallery as DefaultMediaGallery } from "../../../theme/components/MediaGallery.js";
+import { MediaGallery as DefaultMediaGallery } from "../../../theme/index.js";
 export const PostPage = ({ post, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const Gallery = theme?.MediaGallery ?? DefaultMediaGallery;
     return /*#__PURE__*/ _jsxs("article", {
-        class: "h-entry",
+        class: "h-entry py-6",
         children: [
             post.title && /*#__PURE__*/ _jsx("h1", {
                 class: "p-name text-2xl font-semibold mb-4",
@@ -18,14 +18,17 @@ export const PostPage = ({ post, theme })=>{
             /*#__PURE__*/ _jsx("div", {
                 class: "e-content prose",
                 dangerouslySetInnerHTML: {
-                    __html: post.contentHtml || ""
+                    __html: post.bodyHtml || ""
                 }
             }),
-            post.media.length > 0 && /*#__PURE__*/ _jsx(Gallery, {
-                attachments: post.media
+            post.media.length > 0 && /*#__PURE__*/ _jsx("div", {
+                class: "threads-media mt-4",
+                children: /*#__PURE__*/ _jsx(Gallery, {
+                    attachments: post.media
+                })
             }),
             /*#__PURE__*/ _jsxs("footer", {
-                class: "mt-8 pt-4 border-t border-border text-sm text-muted-foreground",
+                class: "mt-6 pt-4 border-t text-sm text-muted-foreground",
                 children: [
                     /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",
@@ -34,7 +37,7 @@ export const PostPage = ({ post, theme })=>{
                     }),
                     /*#__PURE__*/ _jsx("a", {
                         href: post.permalink,
-                        class: "u-url ml-4 hover:underline",
+                        class: "u-url ml-4",
                         children: $__i18n._({
                             id: "D9Oea+",
                             message: "Permalink"

package/dist/themes/{minimal → threads}/pages/SearchPage.js

@@ -1,10 +1,10 @@
 /**
- * Minimal Theme - Search Page
+ * Threads Theme - Search Page
  *
- * Minimal search form + results with page-based pagination.
+ * Search form and results — divider-separated instead of bordered cards.
  */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { PagePagination as DefaultPagePagination } from "../../../theme/components/Pagination.js";
+import { PagePagination as DefaultPagePagination } from "../../../theme/index.js";
 export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const searchTitle = $__i18n._({
@@ -13,6 +13,7 @@ export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
     });
     const PaginationComponent = theme?.PagePagination ?? DefaultPagePagination;
     return /*#__PURE__*/ _jsxs("div", {
+        class: "py-6",
         children: [
             /*#__PURE__*/ _jsx("h1", {
                 class: "text-2xl font-semibold mb-6",
@@ -71,31 +72,29 @@ export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
                     results.length > 0 && /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
                             /*#__PURE__*/ _jsx("div", {
-                                class: "flex flex-col gap-4",
+                                class: "divide-y divide-border",
                                 children: results.map((result)=>/*#__PURE__*/ _jsx("article", {
-                                        class: "py-3",
+                                        class: "py-4",
                                         children: /*#__PURE__*/ _jsxs("a", {
                                             href: result.post.permalink,
-                                            class: "block group",
+                                            class: "block",
                                             children: [
                                                 /*#__PURE__*/ _jsx("h2", {
-                                                    class: "font-medium group-hover:underline",
-                                                    children: result.post.title || result.post.content?.slice(0, 60) || `Post #${result.post.id}`
+                                                    class: "font-medium hover:underline",
+                                                    children: result.post.title || result.post.excerpt?.slice(0, 60) || `Post #${result.post.id}`
                                                 }),
                                                 result.snippet && /*#__PURE__*/ _jsx("p", {
-                                                    class: "text-sm text-muted-foreground mt-1 line-clamp-2",
+                                                    class: "text-sm text-muted-foreground mt-2 line-clamp-2",
                                                     dangerouslySetInnerHTML: {
                                                         __html: result.snippet
                                                     }
                                                 }),
                                                 /*#__PURE__*/ _jsxs("footer", {
-                                                    class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground",
+                                                    class: "flex items-center gap-2 mt-2 text-xs text-muted-foreground",
                                                     children: [
                                                         /*#__PURE__*/ _jsx("span", {
-                                                            children: result.post.type
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("span", {
-                                                            children: "·"
+                                                            class: "badge-outline",
+                                                            children: result.post.format
                                                         }),
                                                         /*#__PURE__*/ _jsx("time", {
                                                             datetime: result.post.publishedAt,

package/dist/themes/{minimal → threads}/pages/SinglePage.js

@@ -1,11 +1,11 @@
 /**
- * Minimal Theme - Single Page
+ * Threads Theme - Single Page
  *
- * Simple page content layout for type="page" posts.
+ * Custom page (type "page") view — clean centered content.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export const SinglePage = ({ page })=>{
     return /*#__PURE__*/ _jsxs("article", {
-        class: "h-entry",
+        class: "h-entry py-6",
         children: [
             page.title && /*#__PURE__*/ _jsx("h1", {
                 class: "p-name text-2xl font-semibold mb-6",
@@ -14,7 +14,7 @@ export const SinglePage = ({ page })=>{
             /*#__PURE__*/ _jsx("div", {
                 class: "e-content prose",
                 dangerouslySetInnerHTML: {
-                    __html: page.contentHtml || ""
+                    __html: page.bodyHtml || ""
                 }
             })
         ]