@nexpress/theme-default 0.1.0

package/dist/components/mobile-nav.js

@@ -0,0 +1,120 @@
+"use client";
+"use client";
+
+// src/components/mobile-nav.tsx
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MobileNav({ items, label = "Menu" }) {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "np-mobile-nav-toggle",
+        "aria-label": open ? "Close menu" : "Open menu",
+        "aria-expanded": open,
+        "aria-controls": "np-mobile-nav-drawer",
+        onClick: () => setOpen((prev) => !prev),
+        children: open ? /* @__PURE__ */ jsx(CloseIcon, {}) : /* @__PURE__ */ jsx(MenuIcon, {})
+      }
+    ),
+    open ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "np-mobile-nav-overlay",
+        role: "presentation",
+        onClick: () => setOpen(false)
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        id: "np-mobile-nav-drawer",
+        className: "np-mobile-nav-drawer",
+        "data-open": open ? "true" : "false",
+        "aria-hidden": open ? "false" : "true",
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "np-mobile-nav-drawer-header", children: [
+            /* @__PURE__ */ jsx("span", { className: "np-mobile-nav-drawer-label", children: label }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "np-mobile-nav-close",
+                onClick: () => setOpen(false),
+                "aria-label": "Close menu",
+                children: /* @__PURE__ */ jsx(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "np-mobile-nav-list", children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { children: [
+            item.url ? /* @__PURE__ */ jsx(Link, { href: item.url, onClick: () => setOpen(false), children: item.label }) : /* @__PURE__ */ jsx("span", { children: item.label }),
+            item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "np-mobile-subnav", children: item.children.map((child, childIndex) => /* @__PURE__ */ jsx("li", { children: child.url ? /* @__PURE__ */ jsx(Link, { href: child.url, onClick: () => setOpen(false), children: child.label }) : /* @__PURE__ */ jsx("span", { children: child.label }) }, `mobile-nav-${index.toString()}-${childIndex.toString()}`)) }) : null
+          ] }, `mobile-nav-${index.toString()}`)) })
+        ]
+      }
+    )
+  ] });
+}
+function MenuIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })
+      ]
+    }
+  );
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "18", x2: "18", y2: "6" })
+      ]
+    }
+  );
+}
+export {
+  MobileNav
+};
+//# sourceMappingURL=mobile-nav.js.map

package/dist/components/mobile-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/mobile-nav.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport Link from \"next/link\";\nimport type { NpNavItem } from \"@nexpress/core\";\n\n/**\n * Mobile-first nav drawer. The desktop header keeps its inline\n * link list visible above ~768px (CSS handles the hide/show);\n * below that breakpoint the inline nav is hidden by CSS and the\n * hamburger button + slide-in drawer take over.\n *\n * Why a client component: the drawer needs `useState` for\n * open/closed, focus-trap on Escape, and scroll-lock on the\n * body. The link list itself is passed in from the server-\n * rendered header so the markup stays SEO-visible even when\n * the drawer is closed.\n */\nexport interface MobileNavProps {\n  items: NpNavItem[];\n  /** Optional brand label for the drawer header. Defaults to \"Menu\". */\n  label?: string;\n}\n\nexport function MobileNav({ items, label = \"Menu\" }: MobileNavProps) {\n  const [open, setOpen] = useState(false);\n\n  // Close on Escape and lock body scroll while open. Both effects\n  // run only when the drawer is actually open so no listeners\n  // hang around in the closed state.\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"keydown\", onKey);\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [open]);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"np-mobile-nav-toggle\"\n        aria-label={open ? \"Close menu\" : \"Open menu\"}\n        aria-expanded={open}\n        aria-controls=\"np-mobile-nav-drawer\"\n        onClick={() => setOpen((prev) => !prev)}\n      >\n        {open ? <CloseIcon /> : <MenuIcon />}\n      </button>\n      {open ? (\n        <div\n          className=\"np-mobile-nav-overlay\"\n          role=\"presentation\"\n          onClick={() => setOpen(false)}\n        />\n      ) : null}\n      <aside\n        id=\"np-mobile-nav-drawer\"\n        className=\"np-mobile-nav-drawer\"\n        data-open={open ? \"true\" : \"false\"}\n        aria-hidden={open ? \"false\" : \"true\"}\n      >\n        <header className=\"np-mobile-nav-drawer-header\">\n          <span className=\"np-mobile-nav-drawer-label\">{label}</span>\n          <button\n            type=\"button\"\n            className=\"np-mobile-nav-close\"\n            onClick={() => setOpen(false)}\n            aria-label=\"Close menu\"\n          >\n            <CloseIcon />\n          </button>\n        </header>\n        <ul className=\"np-mobile-nav-list\">\n          {items.map((item, index) => (\n            <li key={`mobile-nav-${index.toString()}`}>\n              {item.url ? (\n                <Link href={item.url} onClick={() => setOpen(false)}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span>{item.label}</span>\n              )}\n              {item.children && item.children.length > 0 ? (\n                <ul className=\"np-mobile-subnav\">\n                  {item.children.map((child, childIndex) => (\n                    <li key={`mobile-nav-${index.toString()}-${childIndex.toString()}`}>\n                      {child.url ? (\n                        <Link href={child.url} onClick={() => setOpen(false)}>\n                          {child.label}\n                        </Link>\n                      ) : (\n                        <span>{child.label}</span>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      </aside>\n    </>\n  );\n}\n\nfunction MenuIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" />\n      <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      <line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"6\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/newsletter-form.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Lightweight newsletter form. Submits to `/api/newsletter`
+ * (operators wire this up in their app, or hand it off to a
+ * provider like ConvertKit / Buttondown via a small route
+ * handler). When the endpoint isn't present we degrade
+ * gracefully — the user sees an "endpoint not configured"
+ * notice rather than a stack trace.
+ *
+ * Optimistic UX: the input is replaced by a "thanks" message
+ * the moment the response is OK. Errors keep the input visible
+ * so the user can retry.
+ */
+declare function NewsletterForm(): react_jsx_runtime.JSX.Element;
+
+export { NewsletterForm };

package/dist/components/newsletter-form.js

@@ -0,0 +1,74 @@
+"use client";
+"use client";
+
+// src/components/newsletter-form.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NewsletterForm() {
+  const [email, setEmail] = useState("");
+  const [state, setState] = useState({ kind: "idle" });
+  async function onSubmit(e) {
+    e.preventDefault();
+    if (state.kind === "submitting") return;
+    setState({ kind: "submitting" });
+    try {
+      const res = await fetch("/api/newsletter", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ email })
+      });
+      if (res.status === 404) {
+        setState({
+          kind: "error",
+          message: "Newsletter endpoint not configured."
+        });
+        return;
+      }
+      if (!res.ok) {
+        const body = await res.json().catch(() => null);
+        setState({
+          kind: "error",
+          message: body?.error?.message ?? "Subscription failed. Try again."
+        });
+        return;
+      }
+      setState({ kind: "ok" });
+      setEmail("");
+    } catch {
+      setState({ kind: "error", message: "Network error." });
+    }
+  }
+  if (state.kind === "ok") {
+    return /* @__PURE__ */ jsx("p", { className: "np-site-footer-subscribe-success", role: "status", children: "Thanks \u2014 you're subscribed." });
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "np-site-footer-subscribe-form",
+      onSubmit: (e) => {
+        void onSubmit(e);
+      },
+      children: [
+        /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "np-newsletter-email", children: "Email address" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "np-newsletter-email",
+            type: "email",
+            required: true,
+            autoComplete: "email",
+            placeholder: "you@example.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: state.kind === "submitting", children: state.kind === "submitting" ? "Subscribing\u2026" : "Subscribe" }),
+        state.kind === "error" ? /* @__PURE__ */ jsx("p", { className: "np-site-footer-subscribe-error", role: "alert", children: state.message }) : null
+      ]
+    }
+  );
+}
+export {
+  NewsletterForm
+};
+//# sourceMappingURL=newsletter-form.js.map

package/dist/components/newsletter-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/newsletter-form.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\n\n/**\n * Lightweight newsletter form. Submits to `/api/newsletter`\n * (operators wire this up in their app, or hand it off to a\n * provider like ConvertKit / Buttondown via a small route\n * handler). When the endpoint isn't present we degrade\n * gracefully — the user sees an \"endpoint not configured\"\n * notice rather than a stack trace.\n *\n * Optimistic UX: the input is replaced by a \"thanks\" message\n * the moment the response is OK. Errors keep the input visible\n * so the user can retry.\n */\nexport function NewsletterForm() {\n  const [email, setEmail] = useState(\"\");\n  const [state, setState] = useState<\n    | { kind: \"idle\" }\n    | { kind: \"submitting\" }\n    | { kind: \"ok\" }\n    | { kind: \"error\"; message: string }\n  >({ kind: \"idle\" });\n\n  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    if (state.kind === \"submitting\") return;\n    setState({ kind: \"submitting\" });\n    try {\n      const res = await fetch(\"/api/newsletter\", {\n        method: \"POST\",\n        headers: { \"content-type\": \"application/json\" },\n        body: JSON.stringify({ email }),\n      });\n      if (res.status === 404) {\n        setState({\n          kind: \"error\",\n          message: \"Newsletter endpoint not configured.\",\n        });\n        return;\n      }\n      if (!res.ok) {\n        const body = (await res.json().catch(() => null)) as\n          | { error?: { message?: string } }\n          | null;\n        setState({\n          kind: \"error\",\n          message: body?.error?.message ?? \"Subscription failed. Try again.\",\n        });\n        return;\n      }\n      setState({ kind: \"ok\" });\n      setEmail(\"\");\n    } catch {\n      setState({ kind: \"error\", message: \"Network error.\" });\n    }\n  }\n\n  if (state.kind === \"ok\") {\n    return (\n      <p className=\"np-site-footer-subscribe-success\" role=\"status\">\n        Thanks — you're subscribed.\n      </p>\n    );\n  }\n\n  return (\n    <form\n      className=\"np-site-footer-subscribe-form\"\n      onSubmit={(e) => {\n        void onSubmit(e);\n      }}\n    >\n      <label className=\"sr-only\" htmlFor=\"np-newsletter-email\">\n        Email address\n      </label>\n      <input\n        id=\"np-newsletter-email\"\n        type=\"email\"\n        required\n        autoComplete=\"email\"\n        placeholder=\"you@example.com\"\n        value={email}\n        onChange={(e) => setEmail(e.target.value)}\n      />\n      <button type=\"submit\" disabled={state.kind === \"submitting\"}>\n        {state.kind === \"submitting\" ? \"Subscribing…\" : \"Subscribe\"}\n      </button>\n      {state.kind === \"error\" ? (\n        <p className=\"np-site-footer-subscribe-error\" role=\"alert\">\n          {state.message}\n        </p>\n      ) : null}\n    </form>\n  );\n}\n"],"mappings":";;;;AAEA,SAAS,gBAAgB;AA2DnB,cAOF,YAPE;AA7CC,SAAS,iBAAiB;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAKxB,EAAE,MAAM,OAAO,CAAC;AAElB,iBAAe,SAAS,GAAqC;AAC3D,MAAE,eAAe;AACjB,QAAI,MAAM,SAAS,aAAc;AACjC,aAAS,EAAE,MAAM,aAAa,CAAC;AAC/B,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,mBAAmB;AAAA,QACzC,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,MAAM,CAAC;AAAA,MAChC,CAAC;AACD,UAAI,IAAI,WAAW,KAAK;AACtB,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,QACX,CAAC;AACD;AAAA,MACF;AACA,UAAI,CAAC,IAAI,IAAI;AACX,cAAM,OAAQ,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI;AAG/C,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,MAAM,OAAO,WAAW;AAAA,QACnC,CAAC;AACD;AAAA,MACF;AACA,eAAS,EAAE,MAAM,KAAK,CAAC;AACvB,eAAS,EAAE;AAAA,IACb,QAAQ;AACN,eAAS,EAAE,MAAM,SAAS,SAAS,iBAAiB,CAAC;AAAA,IACvD;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,MAAM;AACvB,WACE,oBAAC,OAAE,WAAU,oCAAmC,MAAK,UAAS,8CAE9D;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,CAAC,MAAM;AACf,aAAK,SAAS,CAAC;AAAA,MACjB;AAAA,MAEA;AAAA,4BAAC,WAAM,WAAU,WAAU,SAAQ,uBAAsB,2BAEzD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,cAAa;AAAA,YACb,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA;AAAA,QAC1C;AAAA,QACA,oBAAC,YAAO,MAAK,UAAS,UAAU,MAAM,SAAS,cAC5C,gBAAM,SAAS,eAAe,sBAAiB,aAClD;AAAA,QACC,MAAM,SAAS,UACd,oBAAC,OAAE,WAAU,kCAAiC,MAAK,SAChD,gBAAM,SACT,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,192 @@
+import * as _nexpress_theme from '@nexpress/theme';
+import { NpThemeShellProps, NpTemplateRenderProps } from '@nexpress/theme';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { DefaultFooter } from './components/footer-columns.js';
+export { MemberStatusWidget } from './components/member-status-widget.js';
+export { MobileNav } from './components/mobile-nav.js';
+export { NewsletterForm } from './components/newsletter-form.js';
+
+/**
+ * Default theme shell — wraps every (site) route. The shell
+ * also owns this theme's color-mode policy: it mounts
+ * `<NpColorSchemeScript />` so the saved `np-color-scheme`
+ * cookie / `prefers-color-scheme` choice is applied to
+ * `<html data-theme="…">` before first paint, and the dark
+ * variants ride on the rules in `defaultThemeCss`.
+ *
+ * Dark mode is no longer auto-wired by the framework — every
+ * theme decides whether to ship light/dark switching, what
+ * tokens it flips, and how the toggle UX looks. Themes that
+ * want a different policy (no dark mode, time-of-day,
+ * seasonal palette, …) simply omit this script and the
+ * dark CSS overrides.
+ */
+declare function DefaultShell({ children }: NpThemeShellProps): ReactNode;
+
+/**
+ * Default theme header — server component. Reads the
+ * `header` navigation menu and renders the desktop / mobile
+ * surfaces in one go:
+ *
+ *   - Desktop (≥768px): inline link list, search bar, lang
+ *     picker, dark toggle, member widget.
+ *   - Mobile (<768px): the inline list collapses (CSS-only) and
+ *     a hamburger button opens a slide-in drawer (`<MobileNav />`,
+ *     a small client component that owns its own open/closed
+ *     state). The same nav items feed both surfaces — markup is
+ *     server-rendered once and reused.
+ *
+ * The header is `position: sticky` (see styles.ts) so the search
+ * + member widget stay reachable as the page scrolls.
+ */
+declare function DefaultHeader(): Promise<react_jsx_runtime.JSX.Element>;
+
+/**
+ * Social-link strip read from `process.env.NP_SOCIAL_*` so
+ * sites can light up the footer icons without forking the theme.
+ * Empty when no env vars are set — the column collapses cleanly.
+ *
+ * Recognized env vars:
+ *   NP_SOCIAL_GITHUB    → https://github.com/<handle>
+ *   NP_SOCIAL_TWITTER   → https://twitter.com/<handle> or x.com URL
+ *   NP_SOCIAL_LINKEDIN  → company / personal URL
+ *   NP_SOCIAL_MASTODON  → https://mastodon.social/@<handle>
+ *   NP_SOCIAL_RSS       → defaults to /feed.xml; set explicit URL to override
+ *   NP_SOCIAL_EMAIL     → mailto: address
+ */
+declare function SocialLinks(): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Card representation of a post in a list / grid context. Used
+ * by the post-list template's grid + the related-posts strip on
+ * post detail.
+ *
+ * Renders a small card with title, optional cover image, excerpt,
+ * date, and reading time when those fields exist on the doc.
+ * Stays defensive on field shapes — sites can fork the posts
+ * collection schema, so we use type guards rather than a hard
+ * shape requirement.
+ */
+interface PostCardDoc {
+    id?: string;
+    slug?: string;
+    title?: string;
+    excerpt?: string;
+    cover?: {
+        url?: string;
+        alt?: string;
+    } | string | null;
+    publishedAt?: string | Date;
+    readingTime?: number | string;
+    author?: {
+        name?: string;
+    } | string;
+}
+interface PostCardProps {
+    doc: PostCardDoc;
+    /** Visual variant. "grid" is the default; "feature" is bigger and lets the cover image stretch. */
+    variant?: "grid" | "feature";
+}
+declare function PostCard({ doc, variant }: PostCardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Server-rendered pagination strip. Templates pass in the current
+ * page + total count + URL builder; we render Prev / page numbers
+ * / Next via next/link so navigation stays SPA-style and a
+ * no-JS user still gets working anchors.
+ */
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    /** Builds the href for a given page number. Letting the
+     *  caller own this means /blog?page= and /search?q=foo&page=
+     *  share the same component. */
+    hrefForPage: (page: number) => string;
+    /** How many neighbours to show on each side of the active
+     *  page before collapsing to "…". Default 1, like GitHub. */
+    siblings?: number;
+}
+declare function Pagination({ page, totalPages, hrefForPage, siblings }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Landing-page template — full-bleed hero from the doc's first
+ * block, then the rest of the blocks render edge-to-edge so each
+ * one (Hero / FeatureGrid / CTA / Pricing) can use the full
+ * viewport width. The page's `title` and `seoDescription` form a
+ * fallback hero when the doc has no blocks yet.
+ *
+ * For pages where the operator wants a single max-width column
+ * and a sticky table of contents, pick the "default" template
+ * instead.
+ */
+declare function PageLandingTemplate({ doc, blockCtx }: NpTemplateRenderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Page template with a sticky sidebar on the right. Suited to
+ * documentation / knowledge-base pages — the main column carries
+ * the body, the aside carries supporting links / version pickers
+ * / contributor cards.
+ *
+ * The aside is sourced from `doc.sidebar` (free-form blocks) when
+ * present; sites that don't model a sidebar field on their pages
+ * collection just see the main column. We keep the aside slot
+ * always-rendered (with a fallback "On this page" placeholder) so
+ * the layout doesn't reflow when an editor toggles the field.
+ */
+declare function PageSidebarTemplate({ doc, blockCtx }: NpTemplateRenderProps): react_jsx_runtime.JSX.Element;
+
+declare function PostDefaultTemplate({ doc }: NpTemplateRenderProps): react_jsx_runtime.JSX.Element;
+
+declare function PostListTemplate({ doc }: NpTemplateRenderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Layout-level CSS for `@nexpress/theme-default`. Production polish
+ * lives here: sticky header with mobile drawer, four-column footer
+ * with social + newsletter, post detail / list, page templates
+ * (default / wide / landing / sidebar), pagination, and a typography
+ * ramp that holds together across page widths.
+ *
+ * Design tokens come from `--np-color-*` / `--np-radius-*` /
+ * `--np-font-*` (set in apps/web/src/app/globals.css and switched
+ * by `[data-theme="dark"]` further down). Themes that want a
+ * different palette override the same custom properties — this
+ * file is structural.
+ *
+ * The framework injects this string as a `<style data-np-theme="default">`
+ * tag at SSR time so the rules race the document with no extra
+ * stylesheet round-trip.
+ */
+declare const defaultThemeCss: string;
+
+/**
+ * `@nexpress/theme-default` — v0.1-era baseline theme.
+ *
+ * **Status (v0.2):** kept for back-compat. The v0.2 reference
+ * themes are `theme-magazine` / `theme-docs` / `theme-portfolio`
+ * — they exercise the new contract surfaces (manifest.requires,
+ * settingsSchema, blocks, patterns, navLocations, archives,
+ * routes, seo). New sites should start from one of those.
+ *
+ * `theme-default` doesn't declare v0.2 surfaces: operators using
+ * it skip the no-code-customization workflow (no admin auto-
+ * form for theme settings, no `theme:install` data-shape
+ * checks, no theme-shipped blocks/patterns). It remains a valid
+ * `defineTheme` caller — production sites pinned to v0.1 keep
+ * working — but consider migrating to a v0.2 reference if you
+ * want operator-tunable settings.
+ *
+ * Production-grade defaults: sticky header with a mobile drawer,
+ * a four-column footer (brand / sitemap / resources / newsletter)
+ * with optional social icons, post list / detail templates that
+ * surface excerpt / cover / tags / reading time, and three page
+ * templates (default centered column, edge-to-edge wide, marketing
+ * landing, doc-style sidebar). All CSS is theme-owned so the
+ * framework drops it as a single `<style data-np-theme="default">`
+ * tag at SSR time — no extra round-trip.
+ *
+ * Sites brand by overriding the design tokens (`--np-color-*` etc).
+ */
+declare const defaultTheme: _nexpress_theme.NpTheme;
+
+export { DefaultHeader, DefaultShell, PageLandingTemplate, PageSidebarTemplate, Pagination, type PaginationProps, PostCard, type PostCardDoc, type PostCardProps, PostDefaultTemplate, PostListTemplate, SocialLinks, defaultTheme, defaultThemeCss };