@nexpress/theme-default 0.1.0

package/dist/index.js

@@ -0,0 +1,1388 @@
+// src/index.ts
+import { defineTheme } from "@nexpress/theme";
+
+// src/footer.tsx
+import { DefaultFooter } from "./components/footer-columns.js";
+
+// src/header.tsx
+import { getI18nConfig } from "@nexpress/core";
+import { getCachedNavigation, resolveAvailableLocales } from "@nexpress/next";
+import { headers } from "next/headers";
+import Link from "next/link";
+import { DarkModeToggle } from "./components/dark-mode-toggle.js";
+import { LanguagePicker } from "./components/language-picker.js";
+import { MemberStatusWidget } from "./components/member-status-widget.js";
+import { MobileNav } from "./components/mobile-nav.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+async function DefaultHeader() {
+  const headerNav = await getCachedNavigation("header");
+  const i18n = getI18nConfig();
+  const showLanguagePicker = (i18n?.locales.length ?? 0) > 1;
+  let availableLocales = null;
+  if (showLanguagePicker) {
+    const headerList = await headers();
+    const pathname = headerList.get("x-np-pathname");
+    if (pathname) {
+      try {
+        availableLocales = await resolveAvailableLocales(pathname);
+      } catch {
+        availableLocales = null;
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx("header", { className: "np-site-header", children: /* @__PURE__ */ jsxs("div", { className: "np-site-header-inner", children: [
+    /* @__PURE__ */ jsx(Link, { href: "/", className: "np-site-logo", children: "NexPress" }),
+    /* @__PURE__ */ jsx("nav", { className: "np-site-nav-desktop", "aria-label": "Primary", children: /* @__PURE__ */ jsx("ul", { className: "np-site-nav", children: headerNav.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "np-site-nav-item", children: [
+      item.url ? /* @__PURE__ */ jsx(Link, { href: item.url, children: item.label }) : /* @__PURE__ */ jsx("span", { children: item.label }),
+      item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "np-site-subnav", children: item.children.map((child, childIndex) => /* @__PURE__ */ jsx("li", { children: child.url ? /* @__PURE__ */ jsx(Link, { href: child.url, children: child.label }) : /* @__PURE__ */ jsx("span", { children: child.label }) }, `nav-${index.toString()}-${childIndex.toString()}`)) }) : null
+    ] }, `nav-${index.toString()}`)) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "np-site-header-tools", children: [
+      /* @__PURE__ */ jsxs(
+        "form",
+        {
+          action: "/search",
+          method: "GET",
+          role: "search",
+          className: "np-site-search",
+          children: [
+            /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "np-site-search-input", children: "Search" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "np-site-search-input",
+                type: "search",
+                name: "q",
+                placeholder: "Search\u2026",
+                autoComplete: "off",
+                className: "np-site-search-input"
+              }
+            )
+          ]
+        }
+      ),
+      showLanguagePicker && i18n ? /* @__PURE__ */ jsx(
+        LanguagePicker,
+        {
+          locales: i18n.locales,
+          availableLocales: availableLocales ?? void 0
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(DarkModeToggle, {}),
+      /* @__PURE__ */ jsx(MemberStatusWidget, {}),
+      /* @__PURE__ */ jsx(MobileNav, { items: headerNav })
+    ] })
+  ] }) });
+}
+
+// src/shell.tsx
+import { NpColorSchemeScript } from "@nexpress/theme";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function DefaultShell({ children }) {
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(NpColorSchemeScript, {}),
+    children
+  ] });
+}
+
+// src/styles.ts
+var defaultThemeCss = `
+/* ----------------------------------------------------------------
+ * Typography ramp
+ * --------------------------------------------------------------- */
+.np-page,
+.np-post,
+.np-post-list {
+  --np-content-max: 1100px;
+  --np-content-max-wide: 1300px;
+}
+.np-page h1,
+.np-post-title,
+.np-post-list-header h1 {
+  font-size: clamp(2rem, 4vw, 2.75rem);
+  line-height: 1.15;
+  letter-spacing: -0.02em;
+  font-weight: 800;
+  margin: 0 0 1rem;
+}
+.np-page h2,
+.np-post-body h2 {
+  font-size: clamp(1.4rem, 2.4vw, 1.75rem);
+  letter-spacing: -0.015em;
+  margin: 2.5rem 0 1rem;
+}
+.np-page h3,
+.np-post-body h3 {
+  font-size: 1.25rem;
+  margin: 2rem 0 0.75rem;
+}
+.np-page p,
+.np-post-body p {
+  font-size: 1.0625rem;
+  line-height: 1.7;
+  margin: 0 0 1rem;
+}
+.np-post-body a {
+  color: var(--np-color-primary, #4f46e5);
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+.np-post-body code {
+  background: var(--np-color-muted, #f1f5f9);
+  padding: 0.1em 0.35em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+.np-post-body pre {
+  background: var(--np-color-muted, #f1f5f9);
+  padding: 1rem;
+  border-radius: var(--np-radius-md, 0.5rem);
+  overflow-x: auto;
+  font-size: 0.875rem;
+  line-height: 1.6;
+}
+.np-post-body blockquote {
+  border-inline-start: 3px solid var(--np-color-primary, #4f46e5);
+  margin: 1.5rem 0;
+  padding: 0.25rem 0 0.25rem 1rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  font-style: italic;
+}
+.np-post-body img {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--np-radius-md, 0.5rem);
+}
+
+/* ----------------------------------------------------------------
+ * Header \u2014 sticky desktop bar + mobile drawer
+ * --------------------------------------------------------------- */
+.np-site-header {
+  position: sticky;
+  top: 0;
+  z-index: 30;
+  background: color-mix(in oklch, var(--np-color-background, #fff) 92%, transparent);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--np-color-border, #e5e7eb);
+}
+.np-site-header-inner {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0.85rem 1.5rem;
+}
+.np-site-logo {
+  font-weight: 800;
+  font-size: 1.15rem;
+  text-decoration: none;
+  color: inherit;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+.np-site-nav-desktop {
+  flex: 1;
+}
+.np-site-nav {
+  display: flex;
+  align-items: center;
+  gap: 1.4rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.np-site-nav a {
+  color: var(--np-color-muted-foreground, #64748b);
+  text-decoration: none;
+  font-size: 0.9375rem;
+  font-weight: 500;
+  transition: color 0.15s ease;
+}
+.np-site-nav a:hover {
+  color: var(--np-color-foreground, #0f172a);
+}
+/* Sub-menu \u2014 desktop hover dropdown. Hidden until parent <li> is
+ * hovered or focus enters the subtree. Shallow drop, neutral
+ * surface so it inherits theme tokens automatically. */
+.np-site-nav-item {
+  position: relative;
+}
+.np-site-subnav {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  display: none;
+  min-width: 11rem;
+  padding: 0.5rem 0;
+  margin: 0;
+  list-style: none;
+  background: var(--np-color-card, #fff);
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.08);
+  z-index: 10;
+}
+.np-site-nav-item:hover > .np-site-subnav,
+.np-site-nav-item:focus-within > .np-site-subnav {
+  display: block;
+}
+.np-site-subnav li {
+  padding: 0;
+}
+.np-site-subnav a {
+  display: block;
+  padding: 0.4rem 1rem;
+  font-size: 0.875rem;
+}
+.np-site-header-tools {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  margin-inline-start: auto;
+}
+.np-site-search {
+  display: contents;
+}
+.np-site-search-input {
+  padding: 0.4rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  color: inherit;
+  background: var(--np-color-muted, #f8fafc);
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  width: 12rem;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease, width 0.15s ease;
+}
+.np-site-search-input:focus {
+  outline: none;
+  border-color: var(--np-color-ring, #4f46e5);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--np-color-ring, #4f46e5) 20%, transparent);
+  width: 14rem;
+}
+
+/* Mobile drawer machinery */
+.np-mobile-nav-toggle {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+.np-mobile-nav-toggle:hover {
+  background: var(--np-color-muted, #f8fafc);
+}
+.np-mobile-nav-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 40;
+}
+.np-mobile-nav-drawer {
+  position: fixed;
+  top: 0;
+  inset-inline-end: 0;
+  width: min(20rem, 85vw);
+  height: 100dvh;
+  background: var(--np-color-background, #fff);
+  border-inline-start: 1px solid var(--np-color-border, #e5e7eb);
+  z-index: 50;
+  transform: translateX(100%);
+  transition: transform 0.2s ease;
+  display: flex;
+  flex-direction: column;
+}
+.np-mobile-nav-drawer[data-open="true"] {
+  transform: translateX(0);
+}
+.np-mobile-nav-drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid var(--np-color-border, #e5e7eb);
+}
+.np-mobile-nav-drawer-label {
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  color: var(--np-color-muted-foreground, #64748b);
+}
+.np-mobile-nav-close {
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  padding: 0.25rem;
+  border-radius: var(--np-radius-md, 0.5rem);
+}
+.np-mobile-nav-close:hover {
+  background: var(--np-color-muted, #f8fafc);
+}
+.np-mobile-nav-list {
+  list-style: none;
+  margin: 0;
+  padding: 0.75rem 0;
+  overflow-y: auto;
+  flex: 1;
+}
+.np-mobile-subnav,
+.np-site-footer-subnav {
+  list-style: none;
+  margin: 0;
+  padding-left: 1.25rem;
+}
+.np-mobile-subnav a {
+  font-size: 0.9375rem;
+}
+.np-site-footer-subnav a {
+  font-size: 0.85rem;
+  opacity: 0.85;
+}
+.np-mobile-nav-list a {
+  display: block;
+  padding: 0.85rem 1.25rem;
+  text-decoration: none;
+  color: inherit;
+  font-size: 1rem;
+  border-bottom: 1px solid color-mix(in oklch, var(--np-color-border, #e5e7eb) 50%, transparent);
+}
+.np-mobile-nav-list a:hover {
+  background: var(--np-color-muted, #f8fafc);
+}
+
+@media (max-width: 768px) {
+  .np-site-nav-desktop,
+  .np-site-search,
+  .np-site-search-input {
+    display: none;
+  }
+  .np-mobile-nav-toggle {
+    display: inline-flex;
+  }
+}
+@media (min-width: 769px) {
+  .np-mobile-nav-drawer,
+  .np-mobile-nav-overlay {
+    display: none;
+  }
+}
+
+/* ----------------------------------------------------------------
+ * Footer \u2014 4-column grid, social strip, newsletter signup
+ * --------------------------------------------------------------- */
+.np-site-footer {
+  margin-top: 6rem;
+  background: var(--np-color-muted, #f8fafc);
+  border-top: 1px solid var(--np-color-border, #e5e7eb);
+}
+.np-site-footer-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 3rem 1.5rem 1.5rem;
+}
+.np-site-footer-grid {
+  display: grid;
+  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
+  gap: 2.5rem;
+  align-items: start;
+}
+@media (max-width: 768px) {
+  .np-site-footer-grid {
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+  }
+  .np-site-footer-brand,
+  .np-site-footer-subscribe {
+    grid-column: span 2;
+  }
+}
+@media (max-width: 480px) {
+  .np-site-footer-grid {
+    grid-template-columns: 1fr;
+  }
+  .np-site-footer-brand,
+  .np-site-footer-subscribe {
+    grid-column: span 1;
+  }
+}
+.np-site-footer-col { min-width: 0; }
+.np-site-footer-logo {
+  font-weight: 800;
+  font-size: 1.15rem;
+  text-decoration: none;
+  color: inherit;
+  letter-spacing: -0.02em;
+}
+.np-site-footer-tagline {
+  margin: 0.5rem 0 1rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  font-size: 0.9rem;
+  line-height: 1.5;
+}
+.np-site-footer-heading {
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--np-color-muted-foreground, #64748b);
+  margin: 0 0 0.85rem;
+  font-weight: 700;
+}
+.np-site-footer-links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+  font-size: 0.9rem;
+}
+.np-site-footer-links a {
+  color: var(--np-color-muted-foreground, #64748b);
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+.np-site-footer-links a:hover {
+  color: var(--np-color-foreground, #0f172a);
+}
+.np-site-footer-social {
+  list-style: none;
+  margin: 1rem 0 0;
+  padding: 0;
+  display: flex;
+  gap: 0.5rem;
+}
+.np-site-footer-social a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  color: var(--np-color-muted-foreground, #64748b);
+  text-decoration: none;
+  transition: all 0.15s ease;
+}
+.np-site-footer-social a:hover {
+  color: var(--np-color-foreground, #0f172a);
+  border-color: var(--np-color-foreground, #0f172a);
+  transform: translateY(-1px);
+}
+.np-site-footer-subscribe-blurb {
+  margin: 0 0 0.75rem;
+  font-size: 0.85rem;
+  color: var(--np-color-muted-foreground, #64748b);
+}
+.np-site-footer-subscribe-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.np-site-footer-subscribe-form input[type="email"] {
+  padding: 0.55rem 0.75rem;
+  font: inherit;
+  font-size: 0.9rem;
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  background: var(--np-color-background, #fff);
+  color: inherit;
+}
+.np-site-footer-subscribe-form input[type="email"]:focus {
+  outline: none;
+  border-color: var(--np-color-ring, #4f46e5);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--np-color-ring, #4f46e5) 20%, transparent);
+}
+.np-site-footer-subscribe-form button {
+  padding: 0.55rem 0.75rem;
+  font: inherit;
+  font-size: 0.9rem;
+  font-weight: 600;
+  background: var(--np-color-foreground, #0f172a);
+  color: var(--np-color-background, #fff);
+  border: none;
+  border-radius: var(--np-radius-md, 0.5rem);
+  cursor: pointer;
+  transition: opacity 0.15s ease;
+}
+.np-site-footer-subscribe-form button:hover { opacity: 0.9; }
+.np-site-footer-subscribe-form button:disabled { opacity: 0.6; cursor: progress; }
+.np-site-footer-subscribe-success {
+  margin: 0;
+  font-size: 0.9rem;
+  color: var(--np-color-foreground, #0f172a);
+  background: color-mix(in oklch, var(--np-color-primary, #4f46e5) 12%, transparent);
+  padding: 0.6rem 0.75rem;
+  border-radius: var(--np-radius-md, 0.5rem);
+}
+.np-site-footer-subscribe-error {
+  margin: 0;
+  font-size: 0.8rem;
+  color: var(--np-color-destructive, #b91c1c);
+}
+.np-site-footer-bottom {
+  margin-top: 2.5rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid color-mix(in oklch, var(--np-color-border, #e5e7eb) 70%, transparent);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.np-site-footer-copy {
+  margin: 0;
+  font-size: 0.8rem;
+  color: var(--np-color-muted-foreground, #64748b);
+}
+.np-site-footer-meta {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 1rem;
+  font-size: 0.8rem;
+}
+.np-site-footer-meta a {
+  color: var(--np-color-muted-foreground, #64748b);
+  text-decoration: none;
+}
+.np-site-footer-meta a:hover { color: var(--np-color-foreground, #0f172a); }
+
+/* ----------------------------------------------------------------
+ * Page templates: default, wide, landing, sidebar
+ * --------------------------------------------------------------- */
+.np-page-default {
+  max-width: var(--np-content-max);
+  margin: 0 auto;
+  padding: 3rem 1.5rem 4rem;
+}
+.np-page-wide {
+  max-width: none;
+  margin: 0;
+  padding: 0;
+}
+.np-page-landing {
+  max-width: none;
+  margin: 0;
+  padding: 0;
+}
+.np-page-landing-blocks > * + * { margin-top: 0; }
+.np-page-landing-hero {
+  max-width: var(--np-content-max-wide);
+  margin: 0 auto;
+  padding: 6rem 1.5rem 4rem;
+  text-align: center;
+}
+.np-page-landing-intro {
+  font-size: clamp(1.1rem, 1.6vw, 1.25rem);
+  color: var(--np-color-muted-foreground, #64748b);
+  max-width: 38rem;
+  margin: 1rem auto 0;
+  line-height: 1.6;
+}
+.np-page-sidebar {
+  max-width: var(--np-content-max-wide);
+  margin: 0 auto;
+  padding: 3rem 1.5rem 4rem;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 18rem;
+  gap: 3rem;
+}
+@media (max-width: 900px) {
+  .np-page-sidebar { grid-template-columns: 1fr; }
+  .np-page-sidebar-aside { order: -1; }
+}
+.np-page-sidebar-aside {
+  position: sticky;
+  top: 5rem;
+  align-self: start;
+  font-size: 0.9rem;
+}
+.np-page-sidebar-placeholder {
+  border: 1px dashed var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  padding: 1rem;
+}
+.np-page-sidebar-placeholder-label {
+  margin: 0 0 0.5rem;
+  font-weight: 600;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--np-color-muted-foreground, #64748b);
+}
+.np-page-sidebar-placeholder-hint {
+  margin: 0;
+  color: var(--np-color-muted-foreground, #64748b);
+  font-size: 0.85rem;
+  line-height: 1.5;
+}
+.np-page-sidebar-placeholder code {
+  background: var(--np-color-muted, #f1f5f9);
+  padding: 0.1em 0.3em;
+  border-radius: 3px;
+  font-size: 0.9em;
+}
+
+/* ----------------------------------------------------------------
+ * Post detail
+ * --------------------------------------------------------------- */
+.np-post-default {
+  max-width: var(--np-content-max);
+  margin: 0 auto;
+  padding: 2.5rem 1.5rem 4rem;
+}
+.np-post-cover {
+  margin: 0 0 2rem;
+  aspect-ratio: 16 / 9;
+  border-radius: var(--np-radius-lg, 0.75rem);
+  overflow: hidden;
+}
+.np-post-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.np-post-header { margin-bottom: 2rem; }
+.np-post-tags {
+  list-style: none;
+  margin: 0 0 0.75rem;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+.np-post-tags a,
+.np-post-tags span {
+  display: inline-block;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  padding: 0.25rem 0.6rem;
+  border-radius: 999px;
+  background: var(--np-color-muted, #f1f5f9);
+  color: var(--np-color-muted-foreground, #64748b);
+  text-decoration: none;
+}
+.np-post-tags a:hover { color: var(--np-color-foreground, #0f172a); }
+.np-post-excerpt {
+  font-size: 1.125rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  margin: 0 0 1.25rem;
+  line-height: 1.6;
+}
+.np-post-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  font-size: 0.875rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  border-top: 1px solid var(--np-color-border, #e5e7eb);
+  padding-top: 1rem;
+}
+.np-post-meta-author {
+  font-weight: 600;
+  color: var(--np-color-foreground, #0f172a);
+}
+.np-post-body > * + * { margin-top: 1rem; }
+
+/* ----------------------------------------------------------------
+ * Post list (blog index)
+ * --------------------------------------------------------------- */
+.np-post-list {
+  max-width: var(--np-content-max-wide);
+  margin: 0 auto;
+  padding: 3rem 1.5rem 4rem;
+}
+.np-post-list-header {
+  margin-bottom: 2.5rem;
+  text-align: center;
+}
+.np-post-list-header h1 { margin: 0; }
+.np-post-list-intro {
+  margin: 0.75rem auto 0;
+  max-width: 38rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  font-size: 1.05rem;
+  line-height: 1.6;
+}
+.np-post-list-feature { margin-bottom: 2rem; }
+.np-post-list-feature .np-post-card { display: block; }
+.np-post-list-feature .np-post-card-link {
+  display: grid;
+  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
+  gap: 0;
+  align-items: stretch;
+  background: var(--np-color-card, #fff);
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-lg, 0.75rem);
+  overflow: hidden;
+  text-decoration: none;
+  color: inherit;
+  transition: border-color 0.15s ease, transform 0.2s ease;
+}
+.np-post-list-feature .np-post-card-link:hover {
+  border-color: var(--np-color-foreground, #0f172a);
+  transform: translateY(-2px);
+}
+.np-post-list-feature .np-post-card-cover {
+  aspect-ratio: 16 / 10;
+  margin: 0;
+  overflow: hidden;
+}
+.np-post-list-feature .np-post-card-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.np-post-list-feature .np-post-card-body {
+  padding: 1.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  justify-content: center;
+}
+.np-post-list-feature .np-post-card-title {
+  font-size: clamp(1.4rem, 2.4vw, 1.85rem);
+  margin: 0;
+  letter-spacing: -0.015em;
+}
+@media (max-width: 768px) {
+  .np-post-list-feature .np-post-card-link { grid-template-columns: 1fr; }
+  .np-post-list-feature .np-post-card-cover { aspect-ratio: 16 / 9; }
+}
+.np-post-list-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+  gap: 1.5rem;
+}
+.np-post-card {
+  background: var(--np-color-card, #fff);
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-lg, 0.75rem);
+  overflow: hidden;
+  transition: border-color 0.15s ease, transform 0.2s ease;
+}
+.np-post-card:hover {
+  border-color: var(--np-color-foreground, #0f172a);
+  transform: translateY(-2px);
+}
+.np-post-card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+.np-post-card-cover {
+  margin: 0;
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+  background: var(--np-color-muted, #f1f5f9);
+}
+.np-post-card-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.np-post-card-body {
+  padding: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.np-post-card-title {
+  margin: 0;
+  font-size: 1.15rem;
+  line-height: 1.3;
+  letter-spacing: -0.01em;
+}
+.np-post-card-excerpt {
+  margin: 0;
+  font-size: 0.9rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  line-height: 1.55;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.np-post-card-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem;
+  font-size: 0.78rem;
+  color: var(--np-color-muted-foreground, #64748b);
+  margin-top: 0.25rem;
+}
+.np-post-list-empty header {
+  text-align: center;
+  padding: 4rem 1.5rem;
+  color: var(--np-color-muted-foreground, #64748b);
+}
+.np-post-list-empty h1 { color: var(--np-color-foreground, #0f172a); }
+
+/* ----------------------------------------------------------------
+ * Pagination
+ * --------------------------------------------------------------- */
+.np-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  margin: 3rem auto 0;
+}
+.np-pagination-step,
+.np-pagination-page,
+.np-pagination-gap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.25rem;
+  height: 2.25rem;
+  padding: 0 0.6rem;
+  font-size: 0.875rem;
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  text-decoration: none;
+  color: inherit;
+  background: transparent;
+  transition: all 0.15s ease;
+}
+.np-pagination-page:hover,
+.np-pagination-step:hover { border-color: var(--np-color-foreground, #0f172a); }
+.np-pagination-current {
+  background: var(--np-color-foreground, #0f172a);
+  color: var(--np-color-background, #fff);
+  border-color: var(--np-color-foreground, #0f172a);
+}
+.np-pagination-disabled {
+  color: var(--np-color-muted-foreground, #94a3b8);
+  border-color: var(--np-color-border, #e5e7eb);
+  pointer-events: none;
+}
+.np-pagination-pages {
+  list-style: none;
+  display: flex;
+  gap: 0.4rem;
+  margin: 0;
+  padding: 0;
+}
+.np-pagination-gap {
+  border-color: transparent;
+  cursor: default;
+}
+
+/* ----------------------------------------------------------------
+ * Color-mode toggle (Phase 11.5) + language picker (12.6)
+ * --------------------------------------------------------------- */
+.np-color-scheme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: 1px solid var(--np-color-border, #e5e7eb);
+  border-radius: var(--np-radius-md, 0.5rem);
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.np-color-scheme-toggle:hover {
+  background: var(--np-color-muted, #f8fafc);
+  border-color: var(--np-color-muted-foreground, #94a3b8);
+}
+.np-color-scheme-toggle:focus-visible {
+  outline: 2px solid var(--np-color-ring, #4f46e5);
+  outline-offset: 2px;
+}
+.np-color-scheme-toggle-placeholder {
+  width: 2.25rem;
+  height: 2.25rem;
+  border: 1px solid transparent;
+}
+.np-language-picker {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.np-language-picker-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2rem;
+  height: 1.85rem;
+  padding: 0 0.55rem;
+  border-radius: var(--np-radius-md, 0.5rem);
+  text-decoration: none;
+  color: inherit;
+  opacity: 0.6;
+  transition: opacity 0.15s ease, background 0.15s ease;
+}
+.np-language-picker-link:hover {
+  opacity: 1;
+  background: var(--np-color-muted, #f8fafc);
+}
+.np-language-picker-link[data-active="true"] {
+  opacity: 1;
+  font-weight: 600;
+  background: var(--np-color-muted, #f8fafc);
+}
+
+/* ----------------------------------------------------------------
+ * Dark mode \u2014 re-skin the design tokens
+ * --------------------------------------------------------------- */
+[data-theme="dark"] {
+  --np-color-background: oklch(0.145 0.004 285.823);
+  --np-color-foreground: oklch(0.985 0.001 106.423);
+  --np-color-muted: oklch(0.215 0.006 286.033);
+  --np-color-muted-foreground: oklch(0.711 0.008 285.879);
+  --np-color-border: oklch(0.269 0.006 286.033);
+  --np-color-card: oklch(0.18 0.005 285.5);
+  --np-color-card-foreground: oklch(0.985 0.001 106.423);
+  --np-color-accent: oklch(0.269 0.006 286.033);
+  --np-color-accent-foreground: oklch(0.985 0.001 106.423);
+}
+`.trim();
+
+// src/templates/page-default.tsx
+import { renderBlocks } from "@nexpress/blocks";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function PageDefaultTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const title = doc.title;
+  return /* @__PURE__ */ jsx3("div", { className: "np-page np-page-default", children: blocks ? renderBlocks(blocks, { ctx: blockCtx }) : /* @__PURE__ */ jsx3("h1", { children: title ?? "Untitled" }) });
+}
+
+// src/templates/page-landing.tsx
+import { renderBlocks as renderBlocks2 } from "@nexpress/blocks";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function PageLandingTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const title = doc.title ?? "Untitled";
+  const intro = doc.seoDescription;
+  return /* @__PURE__ */ jsx4("div", { className: "np-page np-page-landing", children: blocks && blocks.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "np-page-landing-blocks", children: renderBlocks2(blocks, { ctx: blockCtx }) }) : /* @__PURE__ */ jsxs3("section", { className: "np-page-landing-hero", children: [
+    /* @__PURE__ */ jsx4("h1", { children: title }),
+    intro ? /* @__PURE__ */ jsx4("p", { className: "np-page-landing-intro", children: intro }) : null
+  ] }) });
+}
+
+// src/templates/page-sidebar.tsx
+import { renderBlocks as renderBlocks3 } from "@nexpress/blocks";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PageSidebarTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const sidebar = doc.sidebar;
+  const title = doc.title ?? "Untitled";
+  return /* @__PURE__ */ jsxs4("div", { className: "np-page np-page-sidebar", children: [
+    /* @__PURE__ */ jsx5("article", { className: "np-page-sidebar-main", children: blocks ? renderBlocks3(blocks, { ctx: blockCtx }) : /* @__PURE__ */ jsx5("h1", { children: title }) }),
+    /* @__PURE__ */ jsx5("aside", { className: "np-page-sidebar-aside", "aria-label": "Page sidebar", children: sidebar && sidebar.length > 0 ? renderBlocks3(sidebar, { ctx: blockCtx }) : /* @__PURE__ */ jsxs4("div", { className: "np-page-sidebar-placeholder", children: [
+      /* @__PURE__ */ jsx5("p", { className: "np-page-sidebar-placeholder-label", children: "On this page" }),
+      /* @__PURE__ */ jsxs4("p", { className: "np-page-sidebar-placeholder-hint", children: [
+        "Add a ",
+        /* @__PURE__ */ jsx5("code", { children: "sidebar" }),
+        " field to your pages collection to fill this column with secondary blocks."
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/templates/page-wide.tsx
+import { renderBlocks as renderBlocks4 } from "@nexpress/blocks";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function PageWideTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const title = doc.title;
+  return /* @__PURE__ */ jsx6("div", { className: "np-page np-page-wide", children: blocks ? renderBlocks4(blocks, { ctx: blockCtx }) : /* @__PURE__ */ jsx6("h1", { children: title ?? "Untitled" }) });
+}
+
+// src/templates/post-default.tsx
+import { renderRichText } from "@nexpress/editor/server";
+import Link2 from "next/link";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function coverUrl(value) {
+  if (!value) return null;
+  if (typeof value === "string") return value;
+  return value.url ?? null;
+}
+function coverAlt(value, fallback) {
+  if (value && typeof value === "object" && value.alt) return value.alt;
+  return fallback;
+}
+function authorLabel(author) {
+  if (!author) return null;
+  if (typeof author === "string") return author;
+  return author.name ?? null;
+}
+function tagItems(tags) {
+  if (!tags || tags.length === 0) return [];
+  return tags.map((tag) => {
+    if (typeof tag === "string") return { label: tag };
+    return { label: tag.label ?? tag.slug ?? "tag", slug: tag.slug };
+  });
+}
+function formatDate(value) {
+  if (!value) return null;
+  try {
+    const d = typeof value === "string" ? new Date(value) : value;
+    if (Number.isNaN(d.getTime())) return null;
+    return d.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  } catch {
+    return null;
+  }
+}
+function readingTimeLabel(value) {
+  if (!value && value !== 0) return null;
+  if (typeof value === "number") return `${value.toString()} min read`;
+  return value;
+}
+function PostDefaultTemplate({ doc }) {
+  const post = doc;
+  const title = post.title ?? "Untitled";
+  const cover = coverUrl(post.cover);
+  const author = authorLabel(post.author);
+  const date = formatDate(post.publishedAt);
+  const reading = readingTimeLabel(post.readingTime);
+  const tags = tagItems(post.tags);
+  return /* @__PURE__ */ jsxs5("article", { className: "np-post np-post-default", children: [
+    cover ? /* @__PURE__ */ jsx7("figure", { className: "np-post-cover", children: /* @__PURE__ */ jsx7("img", { src: cover, alt: coverAlt(post.cover, title) }) }) : null,
+    /* @__PURE__ */ jsxs5("header", { className: "np-post-header", children: [
+      tags.length > 0 ? /* @__PURE__ */ jsx7("ul", { className: "np-post-tags", children: tags.map((tag) => /* @__PURE__ */ jsx7("li", { children: tag.slug ? /* @__PURE__ */ jsx7(Link2, { href: `/tags/${tag.slug}`, children: tag.label }) : /* @__PURE__ */ jsx7("span", { children: tag.label }) }, tag.slug ?? tag.label)) }) : null,
+      /* @__PURE__ */ jsx7("h1", { className: "np-post-title", children: title }),
+      post.excerpt ? /* @__PURE__ */ jsx7("p", { className: "np-post-excerpt", children: post.excerpt }) : null,
+      /* @__PURE__ */ jsxs5("div", { className: "np-post-meta", children: [
+        author ? /* @__PURE__ */ jsxs5("span", { className: "np-post-meta-author", children: [
+          "By ",
+          author
+        ] }) : null,
+        date ? /* @__PURE__ */ jsx7(
+          "time",
+          {
+            className: "np-post-meta-date",
+            dateTime: String(post.publishedAt),
+            children: date
+          }
+        ) : null,
+        reading ? /* @__PURE__ */ jsx7("span", { className: "np-post-meta-reading", children: reading }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7("div", { className: "np-post-body", children: post.content ? renderRichText(post.content) : null })
+  ] });
+}
+
+// src/components/post-card.tsx
+import Link3 from "next/link";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function coverImageUrl(cover) {
+  if (!cover) return null;
+  if (typeof cover === "string") return cover;
+  return cover.url ?? null;
+}
+function coverAlt2(cover, fallback) {
+  if (cover && typeof cover === "object" && cover.alt) return cover.alt;
+  return fallback;
+}
+function formatDate2(value) {
+  if (!value) return null;
+  try {
+    const d = typeof value === "string" ? new Date(value) : value;
+    if (Number.isNaN(d.getTime())) return null;
+    return d.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return null;
+  }
+}
+function readingTimeLabel2(value) {
+  if (!value && value !== 0) return null;
+  if (typeof value === "number") return `${value.toString()} min read`;
+  return value;
+}
+function authorName(author) {
+  if (!author) return null;
+  if (typeof author === "string") return author;
+  return author.name ?? null;
+}
+function postHref(doc) {
+  if (doc.slug) {
+    return doc.slug.startsWith("/") ? doc.slug : `/blog/${doc.slug}`;
+  }
+  return "#";
+}
+function PostCard({ doc, variant = "grid" }) {
+  const href = postHref(doc);
+  const cover = coverImageUrl(doc.cover);
+  const date = formatDate2(doc.publishedAt);
+  const reading = readingTimeLabel2(doc.readingTime);
+  const author = authorName(doc.author);
+  const title = doc.title ?? "Untitled";
+  return /* @__PURE__ */ jsx8(
+    "article",
+    {
+      className: `np-post-card${variant === "feature" ? " np-post-card-feature" : ""}`,
+      children: /* @__PURE__ */ jsxs6(Link3, { href, className: "np-post-card-link", children: [
+        cover ? /* @__PURE__ */ jsx8("div", { className: "np-post-card-cover", children: /* @__PURE__ */ jsx8("img", { src: cover, alt: coverAlt2(doc.cover, title), loading: "lazy" }) }) : null,
+        /* @__PURE__ */ jsxs6("div", { className: "np-post-card-body", children: [
+          /* @__PURE__ */ jsx8("h3", { className: "np-post-card-title", children: title }),
+          doc.excerpt ? /* @__PURE__ */ jsx8("p", { className: "np-post-card-excerpt", children: doc.excerpt }) : null,
+          /* @__PURE__ */ jsxs6("div", { className: "np-post-card-meta", children: [
+            author ? /* @__PURE__ */ jsx8("span", { children: author }) : null,
+            date ? /* @__PURE__ */ jsx8("time", { dateTime: String(doc.publishedAt), children: date }) : null,
+            reading ? /* @__PURE__ */ jsx8("span", { children: reading }) : null
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/templates/post-list.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function PostListTemplate({ doc }) {
+  const data = doc;
+  const heading = data.heading ?? "Posts";
+  const intro = data.intro;
+  const all = data.docs ?? [];
+  if (all.length === 0) {
+    return /* @__PURE__ */ jsx9("section", { className: "np-post-list np-post-list-empty", children: /* @__PURE__ */ jsxs7("header", { children: [
+      /* @__PURE__ */ jsx9("h1", { children: heading }),
+      /* @__PURE__ */ jsx9("p", { children: "No posts yet \u2014 once you publish from the admin, they'll appear here." })
+    ] }) });
+  }
+  const [feature, ...rest] = all;
+  return /* @__PURE__ */ jsxs7("section", { className: "np-post-list", children: [
+    /* @__PURE__ */ jsxs7("header", { className: "np-post-list-header", children: [
+      /* @__PURE__ */ jsx9("h1", { children: heading }),
+      intro ? /* @__PURE__ */ jsx9("p", { className: "np-post-list-intro", children: intro }) : null
+    ] }),
+    feature ? /* @__PURE__ */ jsx9("div", { className: "np-post-list-feature", children: /* @__PURE__ */ jsx9(PostCard, { doc: feature, variant: "feature" }) }) : null,
+    rest.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "np-post-list-grid", children: rest.map((post) => /* @__PURE__ */ jsx9(PostCard, { doc: post }, post.id ?? post.slug ?? post.title)) }) : null
+  ] });
+}
+
+// src/index.ts
+import { MemberStatusWidget as MemberStatusWidget2 } from "./components/member-status-widget.js";
+import { MobileNav as MobileNav2 } from "./components/mobile-nav.js";
+
+// src/components/social-links.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function buildLinks() {
+  const links = [];
+  const env = process.env;
+  if (env.NP_SOCIAL_GITHUB) {
+    links.push({ href: env.NP_SOCIAL_GITHUB, label: "GitHub", Icon: GithubIcon });
+  }
+  if (env.NP_SOCIAL_TWITTER) {
+    links.push({ href: env.NP_SOCIAL_TWITTER, label: "Twitter / X", Icon: TwitterIcon });
+  }
+  if (env.NP_SOCIAL_LINKEDIN) {
+    links.push({ href: env.NP_SOCIAL_LINKEDIN, label: "LinkedIn", Icon: LinkedInIcon });
+  }
+  if (env.NP_SOCIAL_MASTODON) {
+    links.push({ href: env.NP_SOCIAL_MASTODON, label: "Mastodon", Icon: MastodonIcon });
+  }
+  if (env.NP_SOCIAL_EMAIL) {
+    const value = env.NP_SOCIAL_EMAIL.startsWith("mailto:") ? env.NP_SOCIAL_EMAIL : `mailto:${env.NP_SOCIAL_EMAIL}`;
+    links.push({ href: value, label: "Email", Icon: EmailIcon });
+  }
+  links.push({
+    href: env.NP_SOCIAL_RSS ?? "/feed.xml",
+    label: "RSS",
+    Icon: RssIcon
+  });
+  return links;
+}
+function SocialLinks() {
+  const links = buildLinks();
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsx10("ul", { className: "np-site-footer-social", children: links.map((link) => /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(
+    "a",
+    {
+      href: link.href,
+      "aria-label": link.label,
+      rel: link.label === "Mastodon" ? "me noopener noreferrer" : "noopener noreferrer",
+      target: link.href.startsWith("mailto:") || link.href.startsWith("/") ? void 0 : "_blank",
+      children: /* @__PURE__ */ jsx10(link.Icon, {})
+    }
+  ) }, link.href)) });
+}
+var ICON_PROPS = {
+  width: 18,
+  height: 18,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.8,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+};
+function GithubIcon() {
+  return /* @__PURE__ */ jsx10("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: /* @__PURE__ */ jsx10("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" }) });
+}
+function TwitterIcon() {
+  return /* @__PURE__ */ jsx10("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: /* @__PURE__ */ jsx10("path", { d: "M22 4.01c-1 .49-1.98.689-3 .99-1.121-1.265-2.783-1.335-4.38-.737S11.977 6.323 12 8v1c-3.245.083-6.135-1.395-8-4 0 0-4.182 7.433 4 11-1.872 1.247-3.739 2.088-6 2 3.308 1.803 6.913 2.423 10.034 1.517 3.58-1.04 6.522-3.723 7.651-7.742a13.84 13.84 0 0 0 .497-3.753c-.002-.249 1.51-2.772 1.818-4.013z" }) });
+}
+function LinkedInIcon() {
+  return /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: [
+    /* @__PURE__ */ jsx10("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z" }),
+    /* @__PURE__ */ jsx10("rect", { x: "2", y: "9", width: "4", height: "12" }),
+    /* @__PURE__ */ jsx10("circle", { cx: "4", cy: "4", r: "2" })
+  ] });
+}
+function MastodonIcon() {
+  return /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: [
+    /* @__PURE__ */ jsx10("path", { d: "M21 12c0 4.97-4.03 7-9 7s-9-2.03-9-7V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v4z" }),
+    /* @__PURE__ */ jsx10("path", { d: "M9 13V9.5a2.5 2.5 0 1 1 5 0V13" })
+  ] });
+}
+function EmailIcon() {
+  return /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: [
+    /* @__PURE__ */ jsx10("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ jsx10("polyline", { points: "22,6 12,13 2,6" })
+  ] });
+}
+function RssIcon() {
+  return /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", ...ICON_PROPS, children: [
+    /* @__PURE__ */ jsx10("path", { d: "M4 11a9 9 0 0 1 9 9" }),
+    /* @__PURE__ */ jsx10("path", { d: "M4 4a16 16 0 0 1 16 16" }),
+    /* @__PURE__ */ jsx10("circle", { cx: "5", cy: "19", r: "1" })
+  ] });
+}
+
+// src/index.ts
+import { NewsletterForm } from "./components/newsletter-form.js";
+
+// src/components/pagination.tsx
+import Link4 from "next/link";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function pageWindow(current, total, siblings) {
+  const windowSet = /* @__PURE__ */ new Set([1, total]);
+  for (let i = -siblings; i <= siblings; i++) {
+    const candidate = current + i;
+    if (candidate >= 1 && candidate <= total) windowSet.add(candidate);
+  }
+  const sorted = Array.from(windowSet).sort((a, b) => a - b);
+  const out = [];
+  let prev = null;
+  for (const n of sorted) {
+    if (prev !== null && n - prev > 1) out.push("gap");
+    out.push(n);
+    prev = n;
+  }
+  return out;
+}
+function Pagination({ page, totalPages, hrefForPage, siblings = 1 }) {
+  if (totalPages <= 1) return null;
+  const items = pageWindow(page, totalPages, siblings);
+  const prev = page > 1 ? hrefForPage(page - 1) : null;
+  const next = page < totalPages ? hrefForPage(page + 1) : null;
+  return /* @__PURE__ */ jsxs9("nav", { className: "np-pagination", "aria-label": "Pagination", children: [
+    prev ? /* @__PURE__ */ jsx11(Link4, { href: prev, rel: "prev", className: "np-pagination-step", children: "\u2190 Prev" }) : /* @__PURE__ */ jsx11("span", { className: "np-pagination-step np-pagination-disabled", children: "\u2190 Prev" }),
+    /* @__PURE__ */ jsx11("ol", { className: "np-pagination-pages", children: items.map((entry, index) => /* @__PURE__ */ jsx11("li", { children: entry === "gap" ? /* @__PURE__ */ jsx11("span", { className: "np-pagination-gap", "aria-hidden": "true", children: "\u2026" }) : /* @__PURE__ */ jsx11(
+      Link4,
+      {
+        href: hrefForPage(entry),
+        "aria-current": entry === page ? "page" : void 0,
+        className: entry === page ? "np-pagination-page np-pagination-current" : "np-pagination-page",
+        children: entry.toString()
+      }
+    ) }, `${typeof entry === "number" ? entry.toString() : "gap"}-${index.toString()}`)) }),
+    next ? /* @__PURE__ */ jsx11(Link4, { href: next, rel: "next", className: "np-pagination-step", children: "Next \u2192" }) : /* @__PURE__ */ jsx11("span", { className: "np-pagination-step np-pagination-disabled", children: "Next \u2192" })
+  ] });
+}
+
+// src/index.ts
+var defaultTheme = defineTheme({
+  manifest: {
+    id: "default",
+    name: "NexPress Default",
+    version: "0.1.0",
+    description: "Production-grade baseline theme. Sticky header with mobile drawer, four-column footer, blog list / detail templates, landing + sidebar page variants, dark-mode parity, social + newsletter slots in the footer.",
+    author: { name: "NexPress" },
+    nexpress: { minVersion: "0.1.0" }
+  },
+  impl: {
+    shell: DefaultShell,
+    slots: {
+      header: DefaultHeader,
+      footer: DefaultFooter
+    },
+    css: defaultThemeCss,
+    templates: {
+      pages: {
+        default: {
+          label: "Default",
+          description: "Centered content container with the standard reading width.",
+          component: PageDefaultTemplate
+        },
+        wide: {
+          label: "Wide",
+          description: "Edge-to-edge layout with no max-width. Best for galleries and immersive media.",
+          component: PageWideTemplate
+        },
+        landing: {
+          label: "Landing",
+          description: "Marketing-style template \u2014 full-bleed hero from the first block, then sections render edge-to-edge so Hero / FeatureGrid / CTA blocks span the viewport.",
+          component: PageLandingTemplate
+        },
+        sidebar: {
+          label: "Sidebar",
+          description: "Two-column layout with a sticky right sidebar. Suited to docs / knowledge bases. Sites can populate the aside with a `sidebar` field on their pages collection.",
+          component: PageSidebarTemplate
+        }
+      },
+      posts: {
+        default: {
+          label: "Article",
+          description: "Centered article column with cover image, tags, byline, reading time, and Lexical body.",
+          component: PostDefaultTemplate
+        },
+        list: {
+          label: "List view",
+          description: "Blog-index template: one feature card on top, then a 3-column grid (collapses on phones). Suitable for any collection that ships PostCard-shaped docs.",
+          component: PostListTemplate
+        }
+      }
+    }
+  }
+});
+export {
+  DefaultFooter,
+  DefaultHeader,
+  DefaultShell,
+  MemberStatusWidget2 as MemberStatusWidget,
+  MobileNav2 as MobileNav,
+  NewsletterForm,
+  PageLandingTemplate,
+  PageSidebarTemplate,
+  Pagination,
+  PostCard,
+  PostDefaultTemplate,
+  PostListTemplate,
+  SocialLinks,
+  defaultTheme,
+  defaultThemeCss
+};
+//# sourceMappingURL=index.js.map