@jant/core 0.3.22 → 0.3.23

package/dist/app.js

@@ -8,6 +8,7 @@ import { createAuth } from "./auth.js";
 import { i18nMiddleware } from "./i18n/index.js";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { SETTINGS_KEYS } from "./lib/constants.js";
+import { theme as minimalTheme } from "./themes/minimal/index.js";
 import { hashPassword } from "better-auth/crypto";
 // Routes - Pages
 import { homeRoutes } from "./routes/pages/home.js";
@@ -60,6 +61,24 @@ import { createStorageDriver } from "./lib/storage.js";
  * });
  * ```
  */ export function createApp(config = {}) {
+    // Merge with default minimal theme
+    const defaultTheme = minimalTheme();
+    const resolvedConfig = {
+        ...config,
+        theme: {
+            name: config.theme?.name ?? defaultTheme.name,
+            components: {
+                ...defaultTheme.components,
+                ...config.theme?.components
+            },
+            cssVariables: {
+                ...defaultTheme.cssVariables,
+                ...config.theme?.cssVariables
+            },
+            colorThemes: config.theme?.colorThemes ?? defaultTheme.colorThemes,
+            feed: config.theme?.feed
+        }
+    };
     const app = new Hono();
     // Initialize services, auth, and config middleware
     app.use("*", async (c, next)=>{
@@ -72,7 +91,7 @@ import { createStorageDriver } from "./lib/storage.js";
         const db = createDatabase(session);
         const services = createServices(db, session);
         c.set("services", services);
-        c.set("config", config);
+        c.set("config", resolvedConfig);
         c.set("storage", createStorageDriver(c.env));
         if (c.env.AUTH_SECRET) {
             const baseURL = c.env.SITE_URL || new URL(c.req.url).origin;
@@ -89,9 +108,9 @@ import { createStorageDriver } from "./lib/storage.js";
     // Theme middleware - resolve active color theme and build CSS
     app.use("*", async (c, next)=>{
         const themeId = await c.var.services.settings.get(SETTINGS_KEYS.THEME);
-        const themes = getAvailableThemes(config);
+        const themes = getAvailableThemes(resolvedConfig);
         const activeTheme = themeId ? themes.find((t)=>t.id === themeId) : undefined;
-        const themeStyle = buildThemeStyle(activeTheme, config.theme?.cssVariables);
+        const themeStyle = buildThemeStyle(activeTheme, resolvedConfig.theme?.cssVariables);
         c.set("themeStyle", themeStyle);
         await next();
     });

package/dist/index.js

@@ -2,9 +2,10 @@
  * Jant - A microblog system
  *
  * @packageDocumentation
- */ import { createApp as _createApp } from "./app.js";
-// Main app factory
+ */ // Main app factory
 export { createApp } from "./app.js";
+// Default theme
+export { theme as minimalTheme } from "./themes/minimal/index.js";
 export { POST_TYPES, VISIBILITY_LEVELS, MAX_MEDIA_ATTACHMENTS, POST_TYPE_MEDIA_RULES } from "./types.js";
 // Utilities (for theme authors)
 export * as time from "./lib/time.js";
@@ -19,5 +20,3 @@ export { renderPublicPage } from "./lib/render.js";
 export { getNavigationData } from "./lib/navigation.js";
 // Default feed renderers (for theme authors to extend)
 export { defaultRssRenderer, defaultAtomRenderer, defaultSitemapRenderer } from "./lib/feed.js";
-// Default export for running core directly (e.g., for development)
-export default _createApp();

package/dist/lib/render.js

@@ -8,7 +8,7 @@
  * I18nProvider, toast). SiteLayout is resolved from theme components.
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { BaseLayout } from "../theme/layouts/BaseLayout.js";
-import { SiteLayout as DefaultSiteLayout } from "../theme/layouts/SiteLayout.js";
+import { SiteLayout as DefaultSiteLayout } from "../themes/minimal/MinimalSiteLayout.js";
 /**
  * Render a public page with the standard layout stack.
  *

package/dist/lib/view.js

@@ -68,7 +68,7 @@ import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "./image.js";
  * const mediaCtx = createMediaContext(c);
  * const postView = toPostView({ ...post, mediaAttachments: [...] }, mediaCtx);
  * ```
- */ export function toPostView(post, ctx) {
+ */ export function toPostView(post, _ctx) {
     const permalink = `/p/${encode(post.id)}`;
     // Pre-compute excerpt from raw content
     let excerpt;

package/dist/routes/api/timeline.js

@@ -6,8 +6,8 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
  */ import { Hono } from "hono";
 import { sse } from "../../lib/sse.js";
 import { buildMediaMap } from "../../lib/media-helpers.js";
-import { TimelineItem } from "../../theme/components/timeline/TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "../../theme/components/timeline/ThreadPreview.js";
+import { TimelineItem } from "../../themes/minimal/timeline/TimelineItem.js";
+import { ThreadPreview as DefaultThreadPreview } from "../../themes/minimal/timeline/ThreadPreview.js";
 import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
 const PAGE_SIZE = 20;
 export const timelineApiRoutes = new Hono();
@@ -103,7 +103,7 @@ timelineApiRoutes.get("/", async (c)=>{
     const lastPost = displayPosts[displayPosts.length - 1];
     const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
     // Build load-more button HTML
-    const loadMoreHtml = nextCursor ? `<div id="load-more-container" class="mt-6 text-center"><button class="btn btn-outline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>` : "";
+    const loadMoreHtml = nextCursor ? `<div id="load-more-container" class="mt-8 text-center"><button class="text-sm text-muted-foreground hover:text-foreground hover:underline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>` : "";
     return sse(c, async (stream)=>{
         // Append new items to the feed
         stream.patchElements(itemsHtml, {

package/dist/routes/pages/archive.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
  * Shows all posts, optionally filtered by type
  */ import { Hono } from "hono";
 import { POST_TYPES } from "../../types.js";
-import { ArchivePage as DefaultArchivePage } from "../../theme/pages/ArchivePage.js";
+import { ArchivePage as DefaultArchivePage } from "../../themes/minimal/pages/ArchivePage.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { createMediaContext, toArchiveGroups } from "../../lib/view.js";

package/dist/routes/pages/collection.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Collection Page Route
  */ import { Hono } from "hono";
-import { CollectionPage as DefaultCollectionPage } from "../../theme/pages/CollectionPage.js";
+import { CollectionPage as DefaultCollectionPage } from "../../themes/minimal/pages/CollectionPage.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";

package/dist/routes/pages/home.js

@@ -7,7 +7,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { buildMediaMap } from "../../lib/media-helpers.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
-import { HomePage as DefaultHomePage } from "../../theme/pages/HomePage.js";
+import { HomePage as DefaultHomePage } from "../../themes/minimal/pages/HomePage.js";
 import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
 const PAGE_SIZE = 20;
 export const homeRoutes = new Hono();

package/dist/routes/pages/page.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
  *
  * Catch-all route for custom pages accessible via their path field
  */ import { Hono } from "hono";
-import { SinglePage as DefaultSinglePage } from "../../theme/pages/SinglePage.js";
+import { SinglePage as DefaultSinglePage } from "../../themes/minimal/pages/SinglePage.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { createMediaContext, toPostViewFromPost } from "../../lib/view.js";

package/dist/routes/pages/post.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Single Post Page Route
  */ import { Hono } from "hono";
-import { PostPage as DefaultPostPage } from "../../theme/pages/PostPage.js";
+import { PostPage as DefaultPostPage } from "../../themes/minimal/pages/PostPage.js";
 import * as sqid from "../../lib/sqid.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";

package/dist/routes/pages/search.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Search Page Route
  */ import { Hono } from "hono";
-import { SearchPage as DefaultSearchPage } from "../../theme/pages/SearchPage.js";
+import { SearchPage as DefaultSearchPage } from "../../themes/minimal/pages/SearchPage.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { createMediaContext, toSearchResultViews } from "../../lib/view.js";

package/dist/theme/components/index.js

@@ -11,5 +11,3 @@ export { PostList } from "./PostList.js";
 export { ThreadView } from "./ThreadView.js";
 export { TypeBadge } from "./TypeBadge.js";
 export { VisibilityBadge } from "./VisibilityBadge.js";
-// Timeline components
-export { NoteCard, ArticleCard, LinkCard, QuoteCard, ImageCard, ThreadPreview, TimelineItem, TimelineItemFromPost, TimelineFeed } from "./timeline/index.js";

package/dist/theme/index.js

@@ -1,24 +1,18 @@
 /**
- * Jant Theme Components
+ * Jant Theme - Shared Infrastructure
  *
- * These components can be imported for wrapping/extending:
+ * Exports shared layouts, components, and color themes used by all themes.
+ * Individual theme packages (minimal, card, etc.) import from here.
  *
  * @example
  * ```typescript
- * import { PostPage } from "@jant/core/theme";
- * import type { PostPageProps } from "@jant/core";
- *
- * export function MyPostPage(props: PostPageProps) {
- *   return (
- *     <div class="my-wrapper">
- *       <PostPage {...props} />
- *     </div>
- *   );
- * }
+ * // In a theme package:
+ * import { MediaGallery, Pagination } from "@jant/core/theme";
+ * import type { ColorTheme } from "@jant/core/theme";
  * ```
- */ // Layout components
+ */ // Layout components (BaseLayout, DashLayout)
 export * from "./layouts/index.js";
-// UI components
+// Shared UI components (MediaGallery, Pagination, EmptyState, etc.)
 export * from "./components/index.js";
-// Page components
-export * from "./pages/index.js";
+// Color themes
+export * from "./color-themes.js";

package/dist/theme/layouts/index.js

@@ -1,3 +1,2 @@
 export { BaseLayout } from "./BaseLayout.js";
 export { DashLayout } from "./DashLayout.js";
-export { SiteLayout } from "./SiteLayout.js";

package/dist/themes/minimal/MinimalSiteLayout.js

@@ -0,0 +1,83 @@
+/**
+ * Minimal Theme - Site Layout
+ *
+ * Single-column, centered layout with horizontal nav.
+ * Inspired by Tufte CSS and Manton.org.
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+function NavLinks({ links }) {
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: links.map((link)=>/*#__PURE__*/ _jsxs("a", {
+                href: link.url,
+                class: `text-sm ${link.isActive ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"}`,
+                ...link.isExternal ? {
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                } : {},
+                children: [
+                    link.label,
+                    link.isExternal && /*#__PURE__*/ _jsx("span", {
+                        class: "ml-0.5 text-xs opacity-50",
+                        children: "↗"
+                    })
+                ]
+            }, link.id))
+    });
+}
+export const SiteLayout = ({ siteName, links, children })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "max-w-2xl mx-auto px-4 py-8",
+        "data-signals": JSON.stringify({
+            _menuOpen: false
+        }),
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                class: "mb-12",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex items-center justify-between",
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/",
+                                class: "text-xl font-semibold",
+                                children: siteName
+                            }),
+                            links.length > 0 && /*#__PURE__*/ _jsx("button", {
+                                "data-on:click": "$_menuOpen = !$_menuOpen",
+                                class: "p-2 -mr-2 text-muted-foreground hover:text-foreground sm:hidden",
+                                "aria-label": "Toggle menu",
+                                children: /*#__PURE__*/ _jsx("svg", {
+                                    class: "size-5",
+                                    fill: "none",
+                                    viewBox: "0 0 24 24",
+                                    "stroke-width": "1.5",
+                                    stroke: "currentColor",
+                                    children: /*#__PURE__*/ _jsx("path", {
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
+                        class: "hidden sm:flex flex-wrap gap-x-4 gap-y-1 mt-3",
+                        children: /*#__PURE__*/ _jsx(NavLinks, {
+                            links: links
+                        })
+                    }),
+                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
+                        class: "sm:hidden flex flex-col gap-1 mt-3 overflow-hidden",
+                        "data-show": "$_menuOpen",
+                        children: /*#__PURE__*/ _jsx(NavLinks, {
+                            links: links
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                children: children
+            })
+        ]
+    });
+};

package/dist/themes/minimal/index.js

@@ -0,0 +1,65 @@
+/**
+ * Minimal Theme
+ *
+ * A content-first, borderless theme inspired by Tufte CSS and Manton.org.
+ * Single-column layout with serif-friendly typography and generous whitespace.
+ *
+ * This is the default theme for Jant.
+ */ // Layout
+import { SiteLayout } from "./MinimalSiteLayout.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 { ArticleCard } from "./timeline/ArticleCard.js";
+import { LinkCard } from "./timeline/LinkCard.js";
+import { QuoteCard } from "./timeline/QuoteCard.js";
+import { ImageCard } from "./timeline/ImageCard.js";
+import { ThreadPreview } from "./timeline/ThreadPreview.js";
+import { TimelineFeed } from "./timeline/TimelineFeed.js";
+/**
+ * Create the minimal 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 { minimalTheme } from "@jant/core";
+ *
+ * export default createApp({
+ *   theme: minimalTheme(),  // re-exported as minimalTheme from @jant/core
+ * });
+ * ```
+ */ export function theme(options) {
+    return {
+        name: "minimal",
+        components: {
+            SiteLayout,
+            HomePage,
+            PostPage,
+            SinglePage,
+            ArchivePage,
+            SearchPage,
+            CollectionPage,
+            NoteCard,
+            ArticleCard,
+            LinkCard,
+            QuoteCard,
+            ImageCard,
+            ThreadPreview,
+            TimelineFeed,
+            ...options?.components
+        },
+        cssVariables: {
+            ...options?.cssVariables
+        },
+        colorThemes: options?.colorThemes
+    };
+}

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

@@ -1,12 +1,11 @@
 /**
- * Default Archive Page Component
+ * Minimal Theme - Archive Page
  *
- * Renders posts grouped by year-month with type filter and cursor pagination.
- * Theme authors can replace this entirely via ThemeComponents.ArchivePage.
+ * Date-first list with type 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 "../components/Pagination.js";
+import { POST_TYPES } from "../../../types.js";
+import { Pagination as DefaultPagination } from "../../../theme/components/Pagination.js";
 function getTypeLabel(type) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const labels = {
@@ -88,7 +87,7 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                         children: [
                             /*#__PURE__*/ _jsx("a", {
                                 href: "/archive",
-                                class: `badge ${!type ? "badge-primary" : "badge-outline"}`,
+                                class: `text-sm ${!type ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
                                 children: $__i18n._({
                                     id: "N40H+G",
                                     message: "All"
@@ -96,7 +95,7 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                             }),
                             POST_TYPES.filter((t)=>t !== "page").map((typeKey)=>/*#__PURE__*/ _jsx("a", {
                                     href: `/archive?type=${typeKey}`,
-                                    class: `badge ${type === typeKey ? "badge-primary" : "badge-outline"}`,
+                                    class: `text-sm ${type === typeKey ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
                                     children: getTypeLabelPlural(typeKey)
                                 }, typeKey))
                         ]
@@ -136,7 +135,7 @@ export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
                                                         children: post.title || post.content?.slice(0, 80) || `Post #${post.id}`
                                                     }),
                                                     !type && /*#__PURE__*/ _jsx("span", {
-                                                        class: "ml-2 badge-outline text-xs",
+                                                        class: "ml-2 text-xs text-muted-foreground",
                                                         children: getTypeLabel(post.type)
                                                     })
                                                 ]

package/dist/{theme → themes/minimal}/pages/CollectionPage.js

@@ -1,8 +1,7 @@
 /**
- * Default Collection Page Component
+ * Minimal Theme - Collection Page
  *
- * Renders a collection with its posts.
- * Theme authors can replace this entirely via ThemeComponents.CollectionPage.
+ * Simple list of posts in a collection.
  */ 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 })=>{
@@ -23,16 +22,19 @@ export const CollectionPage = ({ collection, posts })=>{
                 ]
             }),
             /*#__PURE__*/ _jsx("main", {
-                class: "flex flex-col gap-6",
+                class: "flex flex-col",
                 children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
                     class: "text-muted-foreground",
                     children: $__i18n._({
                         id: "J4FNfC",
                         message: "No posts in this collection."
                     })
-                }) : posts.map((post)=>/*#__PURE__*/ _jsxs("article", {
+                }) : posts.map((post, i)=>/*#__PURE__*/ _jsxs("article", {
                         class: "h-entry",
                         children: [
+                            i > 0 && /*#__PURE__*/ _jsx("hr", {
+                                class: "my-6 border-border"
+                            }),
                             post.title && /*#__PURE__*/ _jsx("h2", {
                                 class: "p-name text-lg font-medium mb-2",
                                 children: /*#__PURE__*/ _jsx("a", {

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

@@ -1,11 +1,10 @@
 /**
- * Default Home Page Component
+ * Minimal Theme - Home Page
  *
  * Renders the timeline feed with thread previews.
- * Theme authors can replace this entirely via ThemeComponents.HomePage.
  */ 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 "../components/timeline/TimelineFeed.js";
+import { TimelineFeed as DefaultTimelineFeed } from "../timeline/TimelineFeed.js";
 export const HomePage = ({ items, hasMore, nextCursor, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const Feed = theme?.TimelineFeed ?? DefaultTimelineFeed;

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

@@ -1,11 +1,10 @@
 /**
- * Default Post Page Component
+ * Minimal Theme - Post Page
  *
- * Renders a single post with media gallery.
- * Theme authors can replace this entirely via ThemeComponents.PostPage.
+ * Clean article layout for a single post.
  */ 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 "../components/MediaGallery.js";
+import { MediaGallery as DefaultMediaGallery } from "../../../theme/components/MediaGallery.js";
 export const PostPage = ({ post, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const Gallery = theme?.MediaGallery ?? DefaultMediaGallery;
@@ -26,7 +25,7 @@ export const PostPage = ({ post, theme })=>{
                 attachments: post.media
             }),
             /*#__PURE__*/ _jsxs("footer", {
-                class: "mt-6 pt-4 border-t text-sm text-muted-foreground",
+                class: "mt-8 pt-4 border-t border-border text-sm text-muted-foreground",
                 children: [
                     /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",
@@ -35,7 +34,7 @@ export const PostPage = ({ post, theme })=>{
                     }),
                     /*#__PURE__*/ _jsx("a", {
                         href: post.permalink,
-                        class: "u-url ml-4",
+                        class: "u-url ml-4 hover:underline",
                         children: $__i18n._({
                             id: "D9Oea+",
                             message: "Permalink"

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

@@ -1,11 +1,10 @@
 /**
- * Default Search Page Component
+ * Minimal Theme - Search Page
  *
- * Renders search form and results with page-based pagination.
- * Theme authors can replace this entirely via ThemeComponents.SearchPage.
+ * Minimal search form + results with page-based pagination.
  */ 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 "../components/Pagination.js";
+import { PagePagination as DefaultPagePagination } from "../../../theme/components/Pagination.js";
 export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const searchTitle = $__i18n._({
@@ -74,28 +73,30 @@ export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
                             /*#__PURE__*/ _jsx("div", {
                                 class: "flex flex-col gap-4",
                                 children: results.map((result)=>/*#__PURE__*/ _jsx("article", {
-                                        class: "p-4 rounded-lg border hover:border-primary",
+                                        class: "py-3",
                                         children: /*#__PURE__*/ _jsxs("a", {
                                             href: result.post.permalink,
-                                            class: "block",
+                                            class: "block group",
                                             children: [
                                                 /*#__PURE__*/ _jsx("h2", {
-                                                    class: "font-medium hover:underline",
+                                                    class: "font-medium group-hover:underline",
                                                     children: result.post.title || result.post.content?.slice(0, 60) || `Post #${result.post.id}`
                                                 }),
                                                 result.snippet && /*#__PURE__*/ _jsx("p", {
-                                                    class: "text-sm text-muted-foreground mt-2 line-clamp-2",
+                                                    class: "text-sm text-muted-foreground mt-1 line-clamp-2",
                                                     dangerouslySetInnerHTML: {
                                                         __html: result.snippet
                                                     }
                                                 }),
                                                 /*#__PURE__*/ _jsxs("footer", {
-                                                    class: "flex items-center gap-2 mt-2 text-xs text-muted-foreground",
+                                                    class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground",
                                                     children: [
                                                         /*#__PURE__*/ _jsx("span", {
-                                                            class: "badge-outline",
                                                             children: result.post.type
                                                         }),
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            children: "·"
+                                                        }),
                                                         /*#__PURE__*/ _jsx("time", {
                                                             datetime: result.post.publishedAt,
                                                             children: result.post.publishedAtFormatted

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

@@ -1,15 +1,14 @@
 /**
- * Default Single Page Component
+ * Minimal Theme - Single Page
  *
- * Renders a custom page (type "page").
- * Theme authors can replace this entirely via ThemeComponents.SinglePage.
+ * Simple page content layout for type="page" posts.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export const SinglePage = ({ page })=>{
     return /*#__PURE__*/ _jsxs("article", {
         class: "h-entry",
         children: [
             page.title && /*#__PURE__*/ _jsx("h1", {
-                class: "p-name text-3xl font-semibold mb-6",
+                class: "p-name text-2xl font-semibold mb-6",
                 children: page.title
             }),
             /*#__PURE__*/ _jsx("div", {

package/dist/themes/minimal/timeline/ArticleCard.js

@@ -0,0 +1,36 @@
+/**
+ * Minimal Theme - Article Card
+ *
+ * Title + excerpt, borderless, for type="article" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const ArticleCard = ({ post, compact })=>{
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " text-sm" : ""}`,
+        children: [
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"}`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url hover:underline",
+                    children: post.title
+                })
+            }),
+            !compact && post.excerpt && /*#__PURE__*/ _jsx("p", {
+                class: "e-content text-muted-foreground mt-1 line-clamp-3",
+                children: post.excerpt
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};