@nexpress/theme-portfolio 0.1.0

package/dist/index.js

@@ -0,0 +1,1396 @@
+// src/index.ts
+import { defineTheme } from "@nexpress/theme";
+
+// src/settings-helpers.ts
+import { getCachedThemeSettings } from "@nexpress/next";
+
+// src/settings.ts
+import { z } from "zod";
+var portfolioSettingsSchema = z.object({
+  // Layout
+  gridColumns: z.number().int().min(1).max(6).default(3).describe("Number of columns in the project archive grid (1\u20136)."),
+  cardAspect: z.enum(["square", "portrait", "landscape", "golden"]).default("square").describe(
+    "Aspect ratio of project cards: square (1:1), portrait (3:4), landscape (4:3), or golden (1:1.618)."
+  ),
+  hoverStyle: z.enum(["fade", "scale", "slide", "lift"]).default("fade").describe(
+    "Hover effect on project cards. fade: caption fades in. scale: image zooms 1.05x. slide: caption slides up. lift: card lifts with shadow."
+  ),
+  galleryGutter: z.number().int().min(0).max(64).default(16).describe("Gap between project cards in pixels (0\u201364)."),
+  // Project meta
+  showProjectMeta: z.boolean().default(true).describe("Show role / year / client meta strip on project detail pages."),
+  showProjectTags: z.boolean().default(false).describe("Show tag chips below project titles on the index grid."),
+  // Brand
+  accentColor: z.string().regex(/^#[0-9a-f]{6}$/i).optional().describe(
+    "Optional accent color override (hex). Used for hover states and the masthead underline."
+  ),
+  studioName: z.string().default("Studio").describe("Studio / personal name shown in the masthead and footer."),
+  aboutCopy: z.string().default("").meta({ widget: "textarea", rows: 4 }).describe(
+    "Optional short bio for the studio. Renders as a multi-line textarea in admin (4 rows) and as a small paragraph above the footer contact line on the public site."
+  ),
+  // Footer
+  showFooterCredit: z.boolean().default(true).describe(
+    "Show 'Built with NexPress' credit in the footer. Some studios prefer an unbranded footer."
+  ),
+  copyrightYear: z.number().int().min(2e3).max(2100).optional().describe(
+    "Optional fixed copyright year. Defaults to the current year when omitted."
+  ),
+  // Client logos
+  clientLogos: z.array(
+    z.object({
+      name: z.string().describe("Client name (alt text + caption)"),
+      logoUrl: z.string().url().describe("Logo image URL"),
+      link: z.string().url().optional().describe("Optional case-study link")
+    })
+  ).default([]).describe(
+    "Client logos rendered in the homepage 'Selected clients' strip. Edit per project."
+  )
+});
+
+// src/settings-helpers.ts
+async function resolvePortfolioSettings() {
+  const raw = await getCachedThemeSettings("portfolio");
+  const parsed = portfolioSettingsSchema.safeParse(raw);
+  if (parsed.success) return parsed.data;
+  return portfolioSettingsSchema.parse({});
+}
+
+// src/blocks.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CaseStudyHero(props) {
+  const { title, subtitle, client, year, role, imageUrl } = props;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: "np-portfolio-case-study-hero",
+      style: {
+        position: "relative",
+        margin: "0 0 2rem",
+        padding: 0,
+        minHeight: imageUrl ? "60vh" : "auto",
+        backgroundImage: imageUrl ? `url(${imageUrl})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        color: imageUrl ? "white" : "inherit",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "flex-end"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            padding: "3rem 1.5rem 2rem",
+            background: imageUrl ? "linear-gradient(180deg, transparent, rgba(0,0,0,0.65))" : void 0
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "h1",
+              {
+                style: {
+                  fontFamily: "var(--np-font-heading)",
+                  fontSize: "clamp(2rem, 5vw, 3.75rem)",
+                  fontWeight: 600,
+                  margin: 0,
+                  letterSpacing: "-0.02em"
+                },
+                children: title
+              }
+            ),
+            subtitle ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  margin: "0.75rem 0 0",
+                  fontSize: "1.125rem",
+                  maxWidth: "60ch",
+                  opacity: 0.9
+                },
+                children: subtitle
+              }
+            ) : null,
+            client || year || role ? /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexWrap: "wrap",
+                  gap: "2rem",
+                  marginTop: "1.5rem",
+                  fontSize: "0.875rem",
+                  opacity: 0.8
+                },
+                children: [
+                  client ? /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { style: { display: "block", opacity: 0.6, fontSize: "0.75rem", textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Client" }),
+                    client
+                  ] }) : null,
+                  year ? /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { style: { display: "block", opacity: 0.6, fontSize: "0.75rem", textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Year" }),
+                    year
+                  ] }) : null,
+                  role ? /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { style: { display: "block", opacity: 0.6, fontSize: "0.75rem", textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Role" }),
+                    role
+                  ] }) : null
+                ]
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
+function ImageGrid(props) {
+  const { columns, items } = props;
+  const cols = typeof columns === "number" && columns > 0 ? columns : 2;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: "np-portfolio-image-grid",
+      style: {
+        margin: "2rem 0",
+        display: "grid",
+        gap: "1rem",
+        gridTemplateColumns: `repeat(${cols}, 1fr)`
+      },
+      children: items.map((item, i) => /* @__PURE__ */ jsxs("figure", { style: { margin: 0 }, children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: item.url,
+            alt: item.alt ?? "",
+            style: {
+              display: "block",
+              width: "100%",
+              height: "auto",
+              borderRadius: "0.25rem"
+            }
+          }
+        ),
+        item.caption ? /* @__PURE__ */ jsx(
+          "figcaption",
+          {
+            style: {
+              fontSize: "0.8125rem",
+              color: "var(--np-color-muted-foreground)",
+              marginTop: "0.5rem"
+            },
+            children: item.caption
+          }
+        ) : null
+      ] }, i))
+    }
+  );
+}
+var portfolioBlocks = [
+  {
+    type: "portfolio.case-study-hero",
+    label: "Case study hero",
+    iconKind: "lucide",
+    icon: "image",
+    keywords: ["hero", "case-study", "portfolio", "project"],
+    defaultProps: {
+      title: "Project name",
+      subtitle: "One-sentence project summary.",
+      client: "Client name",
+      year: "2026",
+      role: "Design + Engineering",
+      imageUrl: ""
+    },
+    propsSchema: [
+      { name: "title", label: "Project title", type: "text" },
+      { name: "subtitle", label: "Subtitle", type: "textarea" },
+      { name: "client", label: "Client", type: "text" },
+      { name: "year", label: "Year", type: "text" },
+      { name: "role", label: "Role", type: "text" },
+      { name: "imageUrl", label: "Hero image URL", type: "url" }
+    ],
+    render: (props) => /* @__PURE__ */ jsx(CaseStudyHero, { ...props })
+  },
+  {
+    type: "portfolio.image-grid",
+    label: "Image grid",
+    iconKind: "lucide",
+    icon: "grid-3x3",
+    keywords: ["images", "gallery", "grid", "portfolio"],
+    defaultProps: {
+      columns: 2,
+      items: [
+        { url: "https://placehold.co/800x600", alt: "", caption: "" },
+        { url: "https://placehold.co/800x600", alt: "", caption: "" }
+      ]
+    },
+    propsSchema: [
+      { name: "columns", label: "Columns", type: "number" },
+      // `items` edited as JSON in v0.2; richer per-item editor
+      // (drag-to-reorder, add/remove) tracked as F.5.1 polish.
+      { name: "items", label: "Items (JSON)", type: "textarea" }
+    ],
+    render: (props) => /* @__PURE__ */ jsx(ImageGrid, { ...props })
+  },
+  {
+    type: "portfolio.client-logos",
+    label: "Client logos strip",
+    iconKind: "lucide",
+    icon: "users",
+    keywords: ["clients", "logos", "portfolio", "selected work"],
+    defaultProps: {
+      heading: "Selected clients"
+    },
+    propsSchema: [
+      { name: "heading", label: "Section heading", type: "text" }
+    ],
+    // `ClientLogosStrip` is itself an async server component —
+    // it reads `settings.clientLogos` so the operator manages
+    // logos in admin's Theme settings panel (a single canonical
+    // source) rather than re-typing per block instance. The render
+    // arrow itself is sync (just constructs the element); React
+    // resolves the inner async at render time.
+    render: (props) => /* @__PURE__ */ jsx(ClientLogosStrip, { ...props })
+  }
+];
+async function ClientLogosStrip({
+  heading
+}) {
+  const settings = await resolvePortfolioSettings();
+  const logos = settings.clientLogos;
+  if (logos.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "np-portfolio-client-logos",
+      style: {
+        margin: "3rem 0"
+      },
+      children: [
+        heading ? /* @__PURE__ */ jsx(
+          "h2",
+          {
+            style: {
+              margin: "0 0 1.5rem",
+              fontSize: "0.8125rem",
+              textTransform: "uppercase",
+              letterSpacing: "0.1em",
+              color: "var(--np-color-muted-foreground)",
+              textAlign: "center"
+            },
+            children: heading
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: `repeat(auto-fit, minmax(140px, 1fr))`,
+              gap: "2rem",
+              alignItems: "center",
+              justifyItems: "center"
+            },
+            children: logos.map((logo, i) => {
+              const img = /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: logo.logoUrl,
+                  alt: logo.name,
+                  style: {
+                    maxHeight: "48px",
+                    maxWidth: "100%",
+                    opacity: 0.7,
+                    transition: "opacity 0.2s ease"
+                  }
+                }
+              );
+              return /* @__PURE__ */ jsx("div", { children: logo.link ? /* @__PURE__ */ jsx("a", { href: logo.link, target: "_blank", rel: "noreferrer", children: img }) : img }, `portfolio-logo-${i.toString()}`);
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/index.ts
+import { PortfolioMobileNav as PortfolioMobileNav2 } from "./components/mobile-nav.js";
+
+// src/components/project-card.tsx
+import { jsx as jsx2, jsxs as jsxs2 } 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 projectHref(doc) {
+  if (doc.slug) {
+    return doc.slug.startsWith("/") ? doc.slug : `/work/${doc.slug}`;
+  }
+  return "#";
+}
+async function PortfolioProjectCard({
+  doc
+}) {
+  const settings = await resolvePortfolioSettings();
+  const href = projectHref(doc);
+  const cover = coverUrl(doc.cover);
+  const title = doc.title ?? "Untitled";
+  return /* @__PURE__ */ jsx2("a", { href, className: "np-portfolio-project-card", children: /* @__PURE__ */ jsxs2("figure", { className: "np-portfolio-project-cover", children: [
+    cover ? /* @__PURE__ */ jsx2("img", { src: cover, alt: coverAlt(doc.cover, title), loading: "lazy" }) : /* @__PURE__ */ jsx2("span", { className: "np-portfolio-project-placeholder", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs2("figcaption", { className: "np-portfolio-project-caption", children: [
+      /* @__PURE__ */ jsx2("span", { className: "np-portfolio-project-title", children: title }),
+      settings.showProjectTags && doc.category ? /* @__PURE__ */ jsx2("span", { className: "np-portfolio-project-category", children: doc.category }) : null
+    ] })
+  ] }) });
+}
+
+// src/footer.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+async function PortfolioFooter() {
+  const settings = await resolvePortfolioSettings();
+  const year = settings.copyrightYear ?? (/* @__PURE__ */ new Date()).getFullYear();
+  const email = process.env.NP_SOCIAL_EMAIL;
+  const social = [
+    { href: process.env.NP_SOCIAL_GITHUB, label: "GitHub" },
+    { href: process.env.NP_SOCIAL_TWITTER, label: "Twitter" },
+    { href: process.env.NP_SOCIAL_LINKEDIN, label: "LinkedIn" },
+    { href: process.env.NP_SOCIAL_MASTODON, label: "Mastodon" },
+    { href: process.env.NP_SOCIAL_DRIBBBLE, label: "Dribbble" },
+    { href: process.env.NP_SOCIAL_INSTAGRAM, label: "Instagram" }
+  ].filter((s) => Boolean(s.href));
+  const studio = settings.studioName;
+  return /* @__PURE__ */ jsx3("footer", { className: "np-site-footer np-portfolio-footer", children: /* @__PURE__ */ jsxs3("div", { className: "np-portfolio-footer-inner", children: [
+    settings.aboutCopy.length > 0 ? /* @__PURE__ */ jsx3(
+      "p",
+      {
+        className: "np-portfolio-footer-bio",
+        style: {
+          maxWidth: "60ch",
+          fontSize: "0.875rem",
+          color: "var(--np-color-muted-foreground)",
+          margin: "0 0 1.25rem"
+        },
+        children: settings.aboutCopy
+      }
+    ) : null,
+    /* @__PURE__ */ jsx3("div", { className: "np-portfolio-footer-contact", children: email ? /* @__PURE__ */ jsx3(
+      "a",
+      {
+        href: email.startsWith("mailto:") ? email : `mailto:${email}`,
+        className: "np-portfolio-footer-email",
+        children: email.replace(/^mailto:/, "")
+      }
+    ) : /* @__PURE__ */ jsx3("span", { className: "np-portfolio-footer-email", children: "Available for select work" }) }),
+    social.length > 0 ? /* @__PURE__ */ jsx3("ul", { className: "np-portfolio-footer-social", children: social.map((s) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3("a", { href: s.href, target: "_blank", rel: "noopener noreferrer", children: s.label }) }, s.href)) }) : null,
+    /* @__PURE__ */ jsxs3("p", { className: "np-portfolio-footer-mark", children: [
+      "\xA9 ",
+      year.toString(),
+      " \xB7 ",
+      studio,
+      settings.showFooterCredit ? " \xB7 Built with NexPress" : ""
+    ] })
+  ] }) });
+}
+
+// src/header.tsx
+import { getCachedNavigation } from "@nexpress/next";
+import { PortfolioMobileNav } from "./components/mobile-nav.js";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+async function PortfolioHeader() {
+  const items = await getCachedNavigation("header");
+  const settings = await resolvePortfolioSettings();
+  return /* @__PURE__ */ jsxs4("header", { className: "np-site-header np-portfolio-header", children: [
+    /* @__PURE__ */ jsx4("a", { href: "/", className: "np-portfolio-logo", children: settings.studioName }),
+    items.length > 0 ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx4("nav", { "aria-label": "Main", className: "np-portfolio-nav-desktop", children: /* @__PURE__ */ jsx4("ul", { className: "np-portfolio-nav", children: items.map((item, index) => /* @__PURE__ */ jsxs4("li", { className: "np-portfolio-nav-item", children: [
+        /* @__PURE__ */ jsx4("a", { href: item.url, children: item.label }),
+        item.children && item.children.length > 0 ? /* @__PURE__ */ jsx4("ul", { className: "np-portfolio-subnav", children: item.children.map((child, childIndex) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4("a", { href: child.url, children: child.label }) }, `portfolio-nav-${index.toString()}-${childIndex.toString()}`)) }) : null
+      ] }, `portfolio-nav-${index.toString()}`)) }) }),
+      /* @__PURE__ */ jsx4(PortfolioMobileNav, { items })
+    ] }) : null
+  ] });
+}
+
+// src/members-not-found.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function PortfolioMembersNotFound() {
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: "np-portfolio-members-not-found",
+      style: {
+        maxWidth: 480,
+        margin: "6rem auto",
+        padding: "0 1.5rem",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx5(
+          "p",
+          {
+            style: {
+              margin: 0,
+              fontSize: "0.75rem",
+              textTransform: "uppercase",
+              letterSpacing: "0.18em",
+              color: "var(--np-color-muted-foreground)",
+              fontFamily: "var(--np-font-body)"
+            },
+            children: "Account"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "h1",
+          {
+            style: {
+              margin: "1rem 0 0",
+              fontSize: "clamp(1.75rem, 4vw, 2.5rem)",
+              fontFamily: "var(--np-font-heading)",
+              fontWeight: 500,
+              letterSpacing: "-0.02em"
+            },
+            children: "Link no longer valid."
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "p",
+          {
+            style: {
+              margin: "1.25rem 0 0",
+              color: "var(--np-color-muted-foreground)",
+              fontSize: "0.9375rem",
+              lineHeight: 1.6
+            },
+            children: "Verification and password-reset links are single-use and short-lived. Request a fresh one from the sign-in page."
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "a",
+          {
+            href: "/members/login",
+            style: {
+              display: "inline-block",
+              marginTop: "2rem",
+              padding: "0.625rem 1.5rem",
+              borderRadius: "0.25rem",
+              background: "var(--np-color-primary)",
+              color: "var(--np-color-primary-foreground)",
+              textDecoration: "none",
+              fontSize: "0.875rem",
+              fontWeight: 500,
+              letterSpacing: "0.02em"
+            },
+            children: "Go to sign in"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/members-shell.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var ASPECT_VALUES = {
+  square: "1 / 1",
+  portrait: "3 / 4",
+  landscape: "4 / 3",
+  golden: "1 / 1.618"
+};
+async function PortfolioMembersShell({
+  children
+}) {
+  const settings = await resolvePortfolioSettings();
+  const aspect = ASPECT_VALUES[settings.cardAspect];
+  const styleVars = {
+    "--np-portfolio-card-aspect": aspect
+  };
+  if (settings.accentColor) {
+    styleVars["--np-color-primary"] = settings.accentColor;
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: "np-portfolio",
+      "data-hover-style": settings.hoverStyle,
+      style: styleVars,
+      children: [
+        /* @__PURE__ */ jsx6(PortfolioHeader, {}),
+        /* @__PURE__ */ jsx6("div", { className: "np-portfolio-members", children: /* @__PURE__ */ jsx6("div", { className: "np-portfolio-members-column", children }) }),
+        /* @__PURE__ */ jsx6(PortfolioFooter, {})
+      ]
+    }
+  );
+}
+
+// src/not-found.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function PortfolioNotFound() {
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: "np-portfolio-not-found",
+      style: {
+        minHeight: "60vh",
+        maxWidth: 480,
+        margin: "0 auto",
+        padding: "6rem 1.5rem",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx7(
+          "p",
+          {
+            style: {
+              margin: 0,
+              fontSize: "0.75rem",
+              textTransform: "uppercase",
+              letterSpacing: "0.15em",
+              color: "var(--np-color-muted-foreground)"
+            },
+            children: "404"
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "h1",
+          {
+            style: {
+              margin: "1rem 0 0",
+              fontSize: "clamp(1.75rem, 4vw, 2.5rem)",
+              fontWeight: 500,
+              letterSpacing: "-0.02em"
+            },
+            children: "Project not found"
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "p",
+          {
+            style: {
+              margin: "1rem 0 2rem",
+              color: "var(--np-color-muted-foreground)",
+              fontSize: "0.9375rem"
+            },
+            children: "The page you're looking for moved or doesn't exist."
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "a",
+          {
+            href: "/",
+            style: {
+              display: "inline-block",
+              padding: "0.5rem 1.5rem",
+              border: "1px solid var(--np-color-border)",
+              borderRadius: "0.25rem",
+              color: "var(--np-color-foreground)",
+              textDecoration: "none",
+              fontSize: "0.875rem"
+            },
+            children: "See selected work \u2192"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/routes/project-detail.tsx
+import { findDocuments } from "@nexpress/core";
+import { notFound } from "next/navigation";
+
+// src/templates/project-detail.tsx
+import { renderBlocks } from "@nexpress/blocks";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function coverUrl2(value) {
+  if (!value) return null;
+  if (typeof value === "string") return value;
+  return value.url ?? null;
+}
+function coverAlt2(value, fallback) {
+  if (value && typeof value === "object" && value.alt) return value.alt;
+  return fallback;
+}
+async function ProjectDetailTemplate({
+  doc,
+  blockCtx
+}) {
+  const project = doc;
+  const settings = await resolvePortfolioSettings();
+  const title = project.title ?? "Untitled";
+  const cover = coverUrl2(project.cover);
+  return /* @__PURE__ */ jsxs8("article", { className: "np-portfolio-project-detail", children: [
+    cover ? /* @__PURE__ */ jsx8("figure", { className: "np-portfolio-project-hero", children: /* @__PURE__ */ jsx8("img", { src: cover, alt: coverAlt2(project.cover, title) }) }) : null,
+    /* @__PURE__ */ jsxs8("header", { className: "np-portfolio-project-header", children: [
+      /* @__PURE__ */ jsx8("h1", { children: title }),
+      project.excerpt ? /* @__PURE__ */ jsx8("p", { className: "np-portfolio-project-excerpt", children: project.excerpt }) : null,
+      settings.showProjectMeta && (project.role || project.year || project.client) ? /* @__PURE__ */ jsxs8("dl", { className: "np-portfolio-project-meta", children: [
+        project.client ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Client" }),
+          /* @__PURE__ */ jsx8("dd", { children: project.client })
+        ] }) : null,
+        project.role ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Role" }),
+          /* @__PURE__ */ jsx8("dd", { children: project.role })
+        ] }) : null,
+        project.year ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Year" }),
+          /* @__PURE__ */ jsx8("dd", { children: String(project.year) })
+        ] }) : null
+      ] }) : null
+    ] }),
+    project.blocks && project.blocks.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "np-portfolio-project-body", children: renderBlocks(project.blocks, { ctx: blockCtx }) }) : null
+  ] });
+}
+
+// src/routes/project-detail.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+async function PortfolioProjectDetailRoute({
+  params,
+  blockCtx
+}) {
+  const slug = typeof params.slug === "string" ? params.slug : "";
+  if (!slug) notFound();
+  const result = await findDocuments("posts", {
+    where: { slug, status: "published" },
+    limit: 1
+  });
+  const doc = result.docs[0];
+  if (!doc) notFound();
+  const templateProps = {
+    doc,
+    blockCtx
+  };
+  return /* @__PURE__ */ jsx9(ProjectDetailTemplate, { ...templateProps });
+}
+
+// src/shell.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var ASPECT_VALUES2 = {
+  square: "1 / 1",
+  portrait: "3 / 4",
+  landscape: "4 / 3",
+  golden: "1 / 1.618"
+};
+async function PortfolioShell({ children }) {
+  const settings = await resolvePortfolioSettings();
+  const aspect = ASPECT_VALUES2[settings.cardAspect];
+  const styleVars = {
+    "--np-portfolio-card-aspect": aspect
+  };
+  if (settings.accentColor) {
+    styleVars["--np-color-primary"] = settings.accentColor;
+  }
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      className: "np-portfolio",
+      "data-hover-style": settings.hoverStyle,
+      style: styleVars,
+      children
+    }
+  );
+}
+
+// src/styles.ts
+var portfolioCss = `
+.np-portfolio {
+  background: var(--np-color-background);
+  color: var(--np-color-foreground);
+  min-height: 100vh;
+  font-family: var(--np-font-body, "Inter", system-ui, sans-serif);
+}
+.np-portfolio a { color: inherit; }
+.np-portfolio ::selection {
+  background: var(--np-color-primary);
+  color: var(--np-color-primary-foreground);
+}
+
+/* ----------------------------------------------------------------
+ * Header
+ * --------------------------------------------------------------- */
+.np-portfolio-header {
+  background: color-mix(in oklab, var(--np-color-background) 85%, transparent);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  border-bottom: 1px solid color-mix(in oklab, var(--np-color-foreground) 8%, transparent);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 2rem;
+  position: sticky;
+  top: 0;
+  z-index: 30;
+  gap: 1rem;
+}
+.np-portfolio-logo {
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-decoration: none;
+  font-size: 0.95rem;
+}
+.np-portfolio-nav {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  gap: 1.5rem;
+  font-size: 0.875rem;
+}
+.np-portfolio-nav a {
+  text-decoration: none;
+  opacity: 0.75;
+  transition: opacity 0.15s ease;
+}
+.np-portfolio-nav a:hover { opacity: 1; }
+.np-portfolio-nav-item {
+  position: relative;
+}
+.np-portfolio-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-portfolio-nav-item:hover > .np-portfolio-subnav,
+.np-portfolio-nav-item:focus-within > .np-portfolio-subnav {
+  display: block;
+}
+.np-portfolio-subnav a {
+  display: block;
+  padding: 0.4rem 1rem;
+  font-size: 0.875rem;
+}
+.np-portfolio-mobile-subnav {
+  list-style: none;
+  margin: 0;
+  padding-left: 1.25rem;
+}
+
+/* Mobile drawer */
+.np-portfolio-nav-toggle {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding: 0.4rem 0.85rem;
+  border: 1px solid color-mix(in oklab, var(--np-color-foreground) 20%, transparent);
+  border-radius: 999px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.75rem;
+  letter-spacing: 0.06em;
+  cursor: pointer;
+}
+.np-portfolio-nav-toggle:hover {
+  border-color: color-mix(in oklab, var(--np-color-foreground) 50%, transparent);
+}
+.np-portfolio-nav-drawer {
+  position: fixed;
+  inset: 0;
+  background: color-mix(in oklab, var(--np-color-background) 95%, transparent);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.25s ease, visibility 0.25s ease;
+}
+.np-portfolio-nav-drawer[data-open="true"] {
+  opacity: 1;
+  visibility: visible;
+}
+.np-portfolio-nav-drawer-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  text-align: center;
+  font-size: clamp(1.4rem, 3vw, 2rem);
+  font-weight: 500;
+  letter-spacing: -0.01em;
+}
+.np-portfolio-nav-drawer-list a {
+  color: inherit;
+  text-decoration: none;
+  opacity: 0.85;
+  transition: opacity 0.15s ease;
+}
+.np-portfolio-nav-drawer-list a:hover { opacity: 1; }
+
+@media (max-width: 720px) {
+  .np-portfolio-nav-desktop { display: none; }
+  .np-portfolio-nav-toggle { display: inline-flex; }
+}
+@media (min-width: 721px) {
+  .np-portfolio-nav-drawer { display: none; }
+}
+
+/* ----------------------------------------------------------------
+ * Footer
+ * --------------------------------------------------------------- */
+.np-portfolio-footer {
+  border-top: 1px solid color-mix(in oklab, var(--np-color-foreground) 8%, transparent);
+  margin-top: 6rem;
+  background: transparent;
+  text-align: center;
+}
+.np-portfolio-footer-inner {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 2.5rem 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: center;
+}
+.np-portfolio-footer-contact { font-size: 1.05rem; }
+.np-portfolio-footer-email {
+  text-decoration: none;
+  letter-spacing: 0.02em;
+  border-bottom: 1px solid color-mix(in oklab, var(--np-color-foreground) 40%, transparent);
+  padding-bottom: 0.15rem;
+}
+.np-portfolio-footer-email:hover {
+  border-bottom-color: color-mix(in oklab, var(--np-color-foreground) 85%, transparent);
+}
+.np-portfolio-footer-social {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1.5rem;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+}
+.np-portfolio-footer-social a {
+  text-decoration: none;
+  opacity: 0.65;
+  transition: opacity 0.15s ease;
+}
+.np-portfolio-footer-social a:hover { opacity: 1; }
+.np-portfolio-footer-mark {
+  margin: 0;
+  font-size: 0.78rem;
+  opacity: 0.5;
+  letter-spacing: 0.06em;
+}
+
+/* ----------------------------------------------------------------
+ * Page templates
+ * --------------------------------------------------------------- */
+.np-portfolio-page {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 4rem 1.5rem;
+  line-height: 1.7;
+}
+.np-portfolio-page h1,
+.np-portfolio-page h2,
+.np-portfolio-page h3 { letter-spacing: -0.01em; }
+
+.np-portfolio-gallery {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 3rem 1.5rem 4rem;
+}
+.np-portfolio-gallery > h1 {
+  text-align: center;
+  font-size: clamp(2rem, 4vw, 3.5rem);
+  margin: 0 0 2.5rem;
+  letter-spacing: -0.02em;
+}
+.np-portfolio-gallery-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1.5rem;
+}
+@media (min-width: 720px) {
+  .np-portfolio-gallery-grid { grid-template-columns: 1fr 1fr; }
+}
+.np-portfolio-gallery-grid img {
+  width: 100%;
+  height: auto;
+  display: block;
+  border-radius: 8px;
+}
+
+/* ----------------------------------------------------------------
+ * Project index (grid of cards)
+ * --------------------------------------------------------------- */
+.np-portfolio-index {
+  max-width: 1320px;
+  margin: 0 auto;
+  padding: 3.5rem 1.5rem 4rem;
+}
+.np-portfolio-index-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+.np-portfolio-index-header h1 {
+  font-size: clamp(2.25rem, 4vw, 3rem);
+  letter-spacing: -0.02em;
+  margin: 0 0 0.65rem;
+  font-weight: 600;
+}
+.np-portfolio-index-header p {
+  margin: 0 auto;
+  max-width: 38rem;
+  opacity: 0.75;
+  line-height: 1.6;
+}
+.np-portfolio-index-empty {
+  text-align: center;
+  padding: 4rem 1.5rem;
+  opacity: 0.6;
+}
+.np-portfolio-index-grid {
+  /* Phase F.9.1-A \u2014 operator's settings.gridColumns
+   * sets --np-portfolio-grid-cols on this element via the
+   * project-index template. Mobile clamps to 1 column
+   * regardless; tablet caps at min(2, --np-portfolio-grid-cols);
+   * desktop honors the operator's choice up to 6. Operator
+   * stays in control without breaking responsive design.
+   */
+  --np-portfolio-grid-cols: 3;
+  --np-portfolio-grid-gutter: 1.5rem;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: var(--np-portfolio-grid-gutter);
+}
+@media (min-width: 640px) {
+  .np-portfolio-index-grid {
+    grid-template-columns: repeat(min(2, var(--np-portfolio-grid-cols, 3)), 1fr);
+  }
+}
+@media (min-width: 1024px) {
+  .np-portfolio-index-grid {
+    grid-template-columns: repeat(var(--np-portfolio-grid-cols, 3), 1fr);
+  }
+}
+
+/* ----------------------------------------------------------------
+ * Project card
+ * --------------------------------------------------------------- */
+.np-portfolio-project-card {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+  position: relative;
+  overflow: hidden;
+  border-radius: 4px;
+  background: var(--np-color-card);
+}
+.np-portfolio-project-cover {
+  margin: 0;
+  position: relative;
+  /* Phase F.9.1-B \u2014 operator-tunable aspect via shell-set
+   * --np-portfolio-card-aspect (square / portrait / landscape /
+   * golden). Falls back to 4/3 when the variable isn't set. */
+  aspect-ratio: var(--np-portfolio-card-aspect, 4 / 3);
+  overflow: hidden;
+}
+.np-portfolio-project-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+  transition: transform 0.5s ease, filter 0.4s ease;
+}
+/* Phase F.9.1-B \u2014 hoverStyle variants. Selected via the shell's
+ * data-hover-style attribute. Default ("fade") = caption fades in
+ * + image scale; the others swap the image effect.
+ *  - scale: only the image zooms (caption stays subtle)
+ *  - slide: image stays put; caption slides up from below
+ *  - lift: card lifts with shadow; image static
+ */
+.np-portfolio[data-hover-style="fade"] .np-portfolio-project-card:hover .np-portfolio-project-cover img,
+.np-portfolio[data-hover-style="scale"] .np-portfolio-project-card:hover .np-portfolio-project-cover img {
+  transform: scale(1.04);
+}
+.np-portfolio[data-hover-style="lift"] .np-portfolio-project-card {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.np-portfolio[data-hover-style="lift"] .np-portfolio-project-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
+}
+.np-portfolio[data-hover-style="slide"] .np-portfolio-project-caption {
+  /* Slide-up reveal \u2014 caption starts further below + opacity 0 */
+  transform: translateY(24px);
+}
+.np-portfolio-project-placeholder {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    135deg,
+    var(--np-color-muted) 0%,
+    var(--np-color-accent) 100%
+  );
+}
+.np-portfolio-project-caption {
+  position: absolute;
+  inset: auto 0 0 0;
+  padding: 1rem 1.25rem;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+  opacity: 0;
+  transform: translateY(8px);
+  transition: opacity 0.25s ease, transform 0.25s ease;
+}
+.np-portfolio-project-card:hover .np-portfolio-project-caption {
+  opacity: 1;
+  transform: translateY(0);
+}
+.np-portfolio-project-title {
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  font-size: 1rem;
+}
+.np-portfolio-project-category {
+  font-size: 0.72rem;
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+  opacity: 0.8;
+}
+
+/* ----------------------------------------------------------------
+ * Project detail
+ * --------------------------------------------------------------- */
+.np-portfolio-project-detail {
+  margin: 0;
+  padding: 0 0 4rem;
+}
+.np-portfolio-project-hero {
+  margin: 0;
+  width: 100%;
+  aspect-ratio: 21 / 9;
+  overflow: hidden;
+  background: var(--np-color-card);
+}
+.np-portfolio-project-hero img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.np-portfolio-project-header {
+  max-width: 760px;
+  margin: 0 auto;
+  padding: 3rem 1.5rem 2rem;
+  text-align: center;
+}
+.np-portfolio-project-header h1 {
+  font-size: clamp(2rem, 4vw, 3rem);
+  letter-spacing: -0.02em;
+  margin: 0 0 0.85rem;
+  font-weight: 600;
+}
+.np-portfolio-project-excerpt {
+  margin: 0 auto;
+  max-width: 38rem;
+  opacity: 0.75;
+  font-size: 1.075rem;
+  line-height: 1.55;
+}
+.np-portfolio-project-meta {
+  margin: 2rem auto 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(8rem, max-content));
+  justify-content: center;
+  gap: 0 2rem;
+  font-size: 0.85rem;
+  text-align: start;
+}
+.np-portfolio-project-meta dt {
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+  font-size: 0.7rem;
+  opacity: 0.55;
+  margin-bottom: 0.2rem;
+}
+.np-portfolio-project-meta dd {
+  margin: 0 0 0.75rem;
+  font-weight: 500;
+}
+.np-portfolio-project-body {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 0 1.5rem;
+  font-size: 1.05rem;
+  line-height: 1.7;
+  opacity: 0.92;
+}
+.np-portfolio-project-body img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 6px;
+  margin: 1.5rem 0;
+}
+
+/* Re-cast the .np-page baseline so links pick up the theme's
+   primary token. Dark theme: primary is light-on-dark, so the
+   link reads correctly. */
+.np-portfolio .np-page a {
+  color: var(--np-color-primary);
+}
+
+/* M.* member surface \u2014 narrow auth-form column under the
+   masthead. The portfolio's public layout is image-led wide;
+   stretching a login form across that would look weird. */
+.np-portfolio-members {
+  display: flex;
+  justify-content: center;
+  min-height: 60vh;
+  padding: 3rem 1.5rem;
+}
+.np-portfolio-members-column {
+  width: 100%;
+  max-width: 420px;
+}
+
+/* Member form token overrides \u2014 portfolio's minimal aesthetic:
+   sharp corners, hairline borders, theme primary on focus. */
+.np-portfolio .np-members-form {
+  --np-member-form-input-bg: transparent;
+  --np-member-form-input-border: var(--np-color-border);
+  --np-member-form-input-border-focus: var(--np-color-primary);
+  --np-member-form-input-radius: 0.25rem;
+  --np-member-form-button-radius: 0.25rem;
+}
+.np-portfolio .np-members-form .np-form-label {
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+}
+`.trim();
+
+// src/templates/page-default.tsx
+import { renderBlocks as renderBlocks2 } from "@nexpress/blocks";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function PageDefaultTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const title = doc.title;
+  return /* @__PURE__ */ jsxs9("article", { className: "np-page np-portfolio-page", children: [
+    title ? /* @__PURE__ */ jsx11("h1", { children: title }) : null,
+    blocks ? renderBlocks2(blocks, { ctx: blockCtx }) : null
+  ] });
+}
+
+// src/templates/page-gallery.tsx
+import { renderBlocks as renderBlocks3 } from "@nexpress/blocks";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function PageGalleryTemplate({ doc, blockCtx }) {
+  const blocks = doc.blocks;
+  const title = doc.title;
+  return /* @__PURE__ */ jsxs10("section", { className: "np-portfolio-gallery", children: [
+    title ? /* @__PURE__ */ jsx12("h1", { children: title }) : null,
+    /* @__PURE__ */ jsx12("div", { className: "np-portfolio-gallery-grid", children: blocks ? renderBlocks3(blocks, { ctx: blockCtx }) : null })
+  ] });
+}
+
+// src/templates/project-index.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+async function ProjectIndexTemplate({
+  doc
+}) {
+  const data = doc;
+  const settings = await resolvePortfolioSettings();
+  const heading = data.heading ?? "Selected work";
+  const intro = data.intro;
+  const docs = data.docs ?? [];
+  const gridStyle = {
+    "--np-portfolio-grid-cols": settings.gridColumns,
+    "--np-portfolio-grid-gutter": `${settings.galleryGutter}px`
+  };
+  return /* @__PURE__ */ jsxs11("section", { className: "np-portfolio-index", children: [
+    /* @__PURE__ */ jsxs11("header", { className: "np-portfolio-index-header", children: [
+      /* @__PURE__ */ jsx13("h1", { children: heading }),
+      intro ? /* @__PURE__ */ jsx13("p", { children: intro }) : null
+    ] }),
+    docs.length === 0 ? /* @__PURE__ */ jsx13("p", { className: "np-portfolio-index-empty", children: "Nothing on display yet. Add projects from the admin to fill the grid." }) : /* @__PURE__ */ jsx13("div", { className: "np-portfolio-index-grid", style: gridStyle, children: docs.map((project) => /* @__PURE__ */ jsx13(
+      PortfolioProjectCard,
+      {
+        doc: project
+      },
+      project.id ?? project.slug ?? project.title
+    )) })
+  ] });
+}
+
+// src/index.ts
+var portfolioTheme = defineTheme({
+  manifest: {
+    id: "portfolio",
+    name: "Portfolio",
+    version: "0.1.0",
+    description: "Image-led dark theme for studios and designers. Hero-led project detail template, archive grid, gallery and centered page templates.",
+    author: { name: "NexPress" },
+    nexpress: { minVersion: "0.1.0" },
+    // Phase F.1 — declared data-shape requirements. The CLI
+    // (`pnpm nexpress theme:install @nexpress/theme-portfolio`)
+    // patches operator collections to satisfy these.
+    requires: {
+      collections: {
+        posts: {
+          fields: {
+            heroImage: { type: "upload" },
+            client: { type: "text", hard: false },
+            year: { type: "number", hard: false },
+            role: { type: "text", hard: false }
+          }
+        }
+      }
+    },
+    // Phase F.3 — operator-tunable settings. Stresses the
+    // auto-form on deep schema (10 fields, range-constrained
+    // numbers, color regex, nested array of objects).
+    settingsSchema: portfolioSettingsSchema
+  },
+  impl: {
+    shell: PortfolioShell,
+    slots: {
+      header: PortfolioHeader,
+      footer: PortfolioFooter
+    },
+    // Dark palette is now token-driven — previously the dark
+    // surface was hardcoded as `#0b0b0c` in `styles.ts`, so admin
+    // overrides couldn't reach it. Tokens here flip background +
+    // foreground for the whole shell; `styles.ts` reads them via
+    // `var(--np-color-*)` so a single token change reflows the
+    // entire theme. Light variant: override these in the admin's
+    // theme settings tab — no fork required.
+    tokens: {
+      colors: {
+        primary: "oklch(0.985 0.001 106)",
+        primaryForeground: "oklch(0.145 0.005 285)",
+        background: "oklch(0.16 0.005 285)",
+        foreground: "oklch(0.91 0.003 286)",
+        muted: "oklch(0.22 0.006 286)",
+        mutedForeground: "oklch(0.66 0.005 286)",
+        border: "oklch(0.28 0.008 286)",
+        card: "oklch(0.20 0.006 286)",
+        cardForeground: "oklch(0.91 0.003 286)",
+        accent: "oklch(0.32 0.012 286)",
+        accentForeground: "oklch(0.985 0.001 106)"
+      },
+      typography: {
+        fontHeading: '"Inter", system-ui, -apple-system, "Segoe UI", sans-serif',
+        fontBody: '"Inter", system-ui, -apple-system, "Segoe UI", sans-serif'
+      }
+    },
+    css: portfolioCss,
+    templates: {
+      pages: {
+        default: {
+          label: "Default",
+          description: "Centered text column on dark background.",
+          component: PageDefaultTemplate
+        },
+        gallery: {
+          label: "Gallery",
+          description: "Two-column block grid for image-led project pages and case studies.",
+          component: PageGalleryTemplate
+        }
+      },
+      posts: {
+        detail: {
+          label: "Project detail",
+          description: "Hero image, centered title and excerpt, role / year / client meta strip, then the body blocks.",
+          component: ProjectDetailTemplate
+        },
+        index: {
+          label: "Project index",
+          description: "Archive grid of square project cards with hover-fade captions.",
+          component: ProjectIndexTemplate
+        }
+      }
+    },
+    // F.2 — theme routes. `/work/:slug` dispatches a posts row
+    // through `ProjectDetailTemplate` (#613). Without this, the
+    // `/work/<slug>` URLs `PortfolioProjectCard` emits would
+    // 404 — the framework catch-all only resolves `pages` rows
+    // by URL, so case studies (`posts` collection) need a theme
+    // route to be reachable.
+    routes: [
+      { pattern: "/work/:slug", component: PortfolioProjectDetailRoute }
+    ],
+    // Phase F.4 — portfolio-shipped block types.
+    blocks: portfolioBlocks,
+    // Phase F.6 — declared nav locations.
+    navLocations: {
+      primary: {
+        label: "Primary nav",
+        description: "Top nav links (Work / About / Contact).",
+        maxItems: 5
+      },
+      footerSocial: {
+        label: "Footer social links",
+        description: "Social profile links shown in the footer.",
+        maxItems: 6
+      }
+    },
+    // Phase F.7 — error chrome.
+    notFound: PortfolioNotFound,
+    // M.* adoption (2026-05-11). Portfolio gains purpose-built
+    // member chrome: narrow column wrapping the auth forms,
+    // tonally matched 404 + error pages. The fallback chain in
+    // `<ShellWrap surface="member">` would have walked back to
+    // `impl.shell` + the public slots, which would have stretched
+    // a 320-wide login form across the image-led wide layout.
+    // - `shell`: PortfolioMembersShell (narrow column, same
+    //   header/footer chrome so a masthead bump cascades).
+    // - `notFound`: PortfolioMembersNotFound (stale-auth-link
+    //   framing with /members/login CTA).
+    // - `error`: forward-compat type marker; the actual render
+    //   goes through `./components/members-error`'s client
+    //   subpath, lazy-imported by
+    //   `apps/web/src/app/(member)/error.tsx`'s registry
+    //   (F.7.1 delegation — Next mandates `error.tsx` is "use
+    //   client").
+    members: {
+      shell: PortfolioMembersShell,
+      notFound: PortfolioMembersNotFound
+    }
+  }
+});
+export {
+  PortfolioFooter,
+  PortfolioHeader,
+  PortfolioMembersNotFound,
+  PortfolioMembersShell,
+  PortfolioMobileNav2 as PortfolioMobileNav,
+  PortfolioNotFound,
+  PortfolioProjectCard,
+  PortfolioShell,
+  portfolioCss,
+  portfolioSettingsSchema,
+  portfolioTheme
+};
+//# sourceMappingURL=index.js.map