@chiselandco/nexus 2.5.2 → 2.6.1

package/README.md

@@ -2,7 +2,7 @@
 
 Self-contained project portfolio components for Next.js App Router. Pass a `clientSlug`, `apiBase`, and `apiKey` — each component fetches, caches, and renders everything it needs with no client-side waterfall requests.
 
-**Version:** 2.5.1
+**Version:** 2.6.1
 
 ---
 
@@ -150,6 +150,7 @@ export default async function ProjectsPage({
 | `font` | `string` | No | System font | Font family string |
 | `noCache` | `boolean` | No | `false` | Sets `cache: "no-store"` — useful during development |
 | `revalidate` | `number` | No | `86400` | Cache revalidation period in seconds |
+| `side` | `"architectural" \| "speedrail"` | No | — | Filter projects by website side. When omitted all projects are shown. See [Filtering by side](#filtering-by-side). |
 
 #### URL param format
 
@@ -402,6 +403,7 @@ Use `variant="card"` to render baseball-card style instead of the default list s
 | `font` | `string` | No | System font stack | Font family string |
 | `revalidate` | `number` | No | `86400` | Cache revalidation period in seconds |
 | `noCache` | `boolean` | No | `false` | Sets `cache: "no-store"` — useful during development |
+| `side` | `"architectural" \| "speedrail"` | No | — | Filter projects by website side. When omitted all projects are shown. |
 
 ---
 
@@ -566,6 +568,7 @@ export default async function ProjectsPage({
 | `searchParams` | `Record<string, string \| string[] \| undefined>` | No | `{}` | Filter params — pass Next.js `searchParams` directly |
 | `revalidate` | `number` | No | `86400` | Cache revalidation period in seconds |
 | `noCache` | `boolean` | No | `false` | Sets `cache: "no-store"` — useful during development |
+| `side` | `"architectural" \| "speedrail"` | No | — | Filter projects by website side. When omitted all projects are shown. |
 
 ---
 
@@ -608,6 +611,39 @@ export default function ProjectsPage() {
 | `filters` | `Record<string, string>` | No | `{}` | Active filters — filtering is instant, no API call on change |
 | `columns` | `2 \| 3` | No | `3` | Number of grid columns |
 | `font` | `string` | No | System font stack | Font family string |
+| `side` | `"architectural" \| "speedrail"` | No | — | Filter projects by website side. When omitted all projects are shown. |
+
+---
+
+## Filtering by side
+
+Every project returned by the API includes a `side` field: `"architectural"`, `"speedrail"`, or `"both"`. This reflects which section of the client's website a project belongs to.
+
+The following components accept an optional `side` prop: `FilteredPortfolio`, `ProjectPortfolio`, `ProjectPortfolioClient`, and `SimilarProjects`.
+
+```tsx
+// Architectural side of the site — only shows architectural + both projects
+<FilteredPortfolio
+  clientSlug="hollaender"
+  apiBase="https://your-api.com"
+  apiKey={process.env.HOLLAENDER_API_KEY!}
+  basePath="/architectural/projects"
+  searchParams={searchParams}
+  side="architectural"
+/>
+
+// Speed-Rail side of the site — only shows speedrail + both projects
+<FilteredPortfolio
+  clientSlug="hollaender"
+  apiBase="https://your-api.com"
+  apiKey={process.env.HOLLAENDER_API_KEY!}
+  basePath="/speedrail/projects"
+  searchParams={searchParams}
+  side="speedrail"
+/>
+```
+
+When `side` is omitted the component behaves exactly as before — all projects are shown. The client controls which value to pass based on the current route or context. No extra API calls are made — the filtering happens in memory after the standard fetch.
 
 ---
 

package/dist/FilteredPortfolio.d.ts

@@ -19,6 +19,13 @@ export interface FilteredPortfolioProps {
     revalidate?: number;
     noCache?: boolean;
     font?: string;
+    /**
+     * Filter projects by website side.
+     * - "architectural" — shows projects with side "architectural" or "both"
+     * - "speedrail"     — shows projects with side "speedrail" or "both"
+     * - omit            — shows all projects regardless of side
+     */
+    side?: "architectural" | "speedrail";
 }
 /**
  * FilteredPortfolio — server component.
@@ -41,5 +48,5 @@ export interface FilteredPortfolioProps {
  *     )
  *   }
  */
-export declare function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams, filterKeys, basePath, revalidate, noCache, font, }: FilteredPortfolioProps): Promise<import("react").JSX.Element>;
+export declare function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams, filterKeys, basePath, revalidate, noCache, font, side, }: FilteredPortfolioProps): Promise<import("react").JSX.Element>;
 //# sourceMappingURL=FilteredPortfolio.d.ts.map

package/dist/FilteredPortfolio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredPortfolio.d.ts","sourceRoot":"","sources":["../src/FilteredPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AA8ED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,YAAiB,EACjB,UAAU,EACV,QAAsB,EACtB,UAAe,EACf,OAAe,EACf,IAAI,GACL,EAAE,sBAAsB,wCA8FxB"}
+{"version":3,"file":"FilteredPortfolio.d.ts","sourceRoot":"","sources":["../src/FilteredPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,GAAG,WAAW,CAAA;CACrC;AA8ED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,YAAiB,EACjB,UAAU,EACV,QAAsB,EACtB,UAAe,EACf,OAAe,EACf,IAAI,EACJ,IAAI,GACL,EAAE,sBAAsB,wCAqGxB"}

package/dist/FilteredPortfolio.js

@@ -74,7 +74,7 @@ async function fetchSchema(apiBase, clientSlug, apiKey, fetchOpts) {
  *     )
  *   }
  */
-export async function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams = {}, filterKeys, basePath = "/projects", revalidate = 60, noCache = false, font, }) {
+export async function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams = {}, filterKeys, basePath = "/projects", revalidate = 60, noCache = false, font, side, }) {
     const fetchOpts = noCache
         ? { cache: "no-store" }
         : { next: { revalidate } };
@@ -95,6 +95,13 @@ export async function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchPar
         fetchSchema(apiBase, clientSlug, apiKey, fetchOpts),
     ]);
     const activeCount = Object.values(activeFilters).reduce((n, ids) => n + ids.length, 0);
+    const visible = side
+        ? projects.filter((p) => {
+            var _a;
+            const s = (_a = p.custom_field_values) === null || _a === void 0 ? void 0 : _a["side"];
+            return s === side || s === "both";
+        })
+        : projects;
     return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
         .nxs-fp-wrap {
           width: 100%;
@@ -130,5 +137,5 @@ export async function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchPar
         .chisel-project-card-img { height: 180px; }
         @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
         @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
-      ` }), _jsxs("div", { className: "nxs-fp-wrap", children: [_jsxs("div", { className: "nxs-fp-toolbar", children: [_jsxs("p", { className: "nxs-fp-count", children: ["Showing ", _jsx("strong", { children: projects.length }), total > projects.length ? ` of ${total}` : "", " project", projects.length !== 1 ? "s" : "", activeCount > 0 && ` (${activeCount} filter${activeCount !== 1 ? "s" : ""} active)`] }), _jsx(FilterSidebar, { schema: schema, filterKeys: filterKeys, font: font })] }), projects.length === 0 ? (_jsx("div", { style: { padding: "4rem 0", textAlign: "center" }, children: _jsx("p", { style: { color: "#71717a" }, children: "No projects match the selected filters." }) })) : (_jsx("div", { className: "nxs-fp-grid", children: projects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: index === 0 }, project.id))) }))] })] }));
+      ` }), _jsxs("div", { className: "nxs-fp-wrap", children: [_jsxs("div", { className: "nxs-fp-toolbar", children: [_jsxs("p", { className: "nxs-fp-count", children: ["Showing ", _jsx("strong", { children: projects.length }), total > projects.length ? ` of ${total}` : "", " project", projects.length !== 1 ? "s" : "", activeCount > 0 && ` (${activeCount} filter${activeCount !== 1 ? "s" : ""} active)`] }), _jsx(FilterSidebar, { schema: schema, filterKeys: filterKeys, font: font })] }), projects.length === 0 ? (_jsx("div", { style: { padding: "4rem 0", textAlign: "center" }, children: _jsx("p", { style: { color: "#71717a" }, children: "No projects match the selected filters." }) })) : (_jsx("div", { className: "nxs-fp-grid", children: visible.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: index === 0 }, project.id))) }))] })] }));
 }

package/dist/GalleryCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryCarousel.d.ts","sourceRoot":"","sources":["../src/GalleryCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAe,MAAM,SAAS,CAAA;AASpE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC7B;AA+ND,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,MAAW,EAAE,EAAE,oBAAoB,4BA2V1F"}
+{"version":3,"file":"GalleryCarousel.d.ts","sourceRoot":"","sources":["../src/GalleryCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAe,MAAM,SAAS,CAAA;AASpE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC7B;AAgOD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,MAAW,EAAE,EAAE,oBAAoB,4BA2V1F"}

package/dist/GalleryCarousel.js

@@ -23,6 +23,8 @@ function getTagsForImage(image, schema) {
         return [];
     const tags = [];
     for (const field of schema) {
+        if (field.display_position === "hidden")
+            continue;
         const raw = cfv[field.key];
         if (raw === null || raw === undefined)
             continue;

package/dist/ProjectPortfolio.d.ts

@@ -24,6 +24,13 @@ export interface ProjectPortfolioProps {
      * Useful for debugging — do not use in production.
      */
     noCache?: boolean;
+    /**
+     * Filter projects by website side.
+     * - "architectural" — shows projects with side "architectural" or "both"
+     * - "speedrail"     — shows projects with side "speedrail" or "both"
+     * - omit            — shows all projects regardless of side
+     */
+    side?: "architectural" | "speedrail";
 }
 /**
  * ProjectPortfolio — pure self-fetching card grid.
@@ -40,5 +47,5 @@ export interface ProjectPortfolioProps {
  *     apiBase="https://your-api.com"
  *   />
  */
-export declare function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath, searchParams, revalidate, noCache, }: ProjectPortfolioProps): Promise<import("react").JSX.Element>;
+export declare function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath, searchParams, revalidate, noCache, side, }: ProjectPortfolioProps): Promise<import("react").JSX.Element>;
 //# sourceMappingURL=ProjectPortfolio.d.ts.map

package/dist/ProjectPortfolio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA0ED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,GAChB,EAAE,qBAAqB,wCA+HvB"}
+{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,GAAG,WAAW,CAAA;CACrC;AA0ED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,EACf,IAAI,GACL,EAAE,qBAAqB,wCAsIvB"}

package/dist/ProjectPortfolio.js

@@ -65,7 +65,7 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, apiKey, revalidate,
  *     apiBase="https://your-api.com"
  *   />
  */
-export async function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath = "/projects", searchParams = {}, revalidate = 60, noCache = false, }) {
+export async function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath = "/projects", searchParams = {}, revalidate = 60, noCache = false, side, }) {
     // Parse filter[key]=value from searchParams into { key: value }
     const filters = {};
     Object.entries(searchParams).forEach(([key, val]) => {
@@ -77,6 +77,13 @@ export async function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath =
     });
     const filtersKey = JSON.stringify(filters);
     const { projects, schema, fieldOptionsMap } = await fetchPortfolioData(apiBase, clientSlug, apiKey, revalidate, filtersKey, noCache);
+    const visible = side
+        ? projects.filter((p) => {
+            var _a;
+            const s = (_a = p.custom_field_values) === null || _a === void 0 ? void 0 : _a["side"];
+            return s === side || s === "both";
+        })
+        : projects;
     const hasFilters = Object.keys(filters).length > 0;
     const activeFilterLabels = Object.entries(filters)
         .map(([key, val]) => {
@@ -149,5 +156,5 @@ export async function ProjectPortfolio({ clientSlug, apiBase, apiKey, basePath =
             height: 220px;
           }
         }
-      ` }), _jsx("div", { className: "chisel-project-grid", children: projects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: index === 0 }, project.id))) })] }));
+      ` }), _jsx("div", { className: "chisel-project-grid", children: visible.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: index === 0 }, project.id))) })] }));
 }

package/dist/ProjectPortfolioClient.d.ts

@@ -19,6 +19,13 @@ export interface ProjectPortfolioClientProps {
     font?: string;
     /** Max columns in the grid. 2 or 3. Defaults to 3 */
     columns?: 2 | 3;
+    /**
+     * Filter projects by website side.
+     * - "architectural" — shows projects with side "architectural" or "both"
+     * - "speedrail"     — shows projects with side "speedrail" or "both"
+     * - omit            — shows all projects regardless of side
+     */
+    side?: "architectural" | "speedrail";
 }
-export declare function ProjectPortfolioClient({ clientSlug, apiBase, apiKey, basePath, filters, font, columns, }: ProjectPortfolioClientProps): React.JSX.Element;
+export declare function ProjectPortfolioClient({ clientSlug, apiBase, apiKey, basePath, filters, font, columns, side, }: ProjectPortfolioClientProps): React.JSX.Element;
 //# sourceMappingURL=ProjectPortfolioClient.d.ts.map

package/dist/ProjectPortfolioClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectPortfolioClient.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolioClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,MAAM,WAAW,2BAA2B;IAC1C,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAChB;AAyDD,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,OAAY,EACZ,IAAmB,EACnB,OAAW,GACZ,EAAE,2BAA2B,qBAmJ7B"}
+{"version":3,"file":"ProjectPortfolioClient.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolioClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,MAAM,WAAW,2BAA2B;IAC1C,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,GAAG,WAAW,CAAA;CACrC;AAyDD,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,OAAY,EACZ,IAAmB,EACnB,OAAW,EACX,IAAI,GACL,EAAE,2BAA2B,qBAyJ7B"}

package/dist/ProjectPortfolioClient.js

@@ -39,7 +39,7 @@ function matchesFilters(project, filters, schema, fieldOptionsMap) {
     });
 }
 // ─── Component ───────────────────────────────────────────────────────────────
-export function ProjectPortfolioClient({ clientSlug, apiBase, apiKey, basePath = "/projects", filters = {}, font = DEFAULT_FONT, columns = 3, }) {
+export function ProjectPortfolioClient({ clientSlug, apiBase, apiKey, basePath = "/projects", filters = {}, font = DEFAULT_FONT, columns = 3, side, }) {
     const [data, setData] = useState(null);
     useEffect(() => {
         const cacheKey = `${clientSlug}:${apiBase}:${apiKey}`;
@@ -90,11 +90,18 @@ export function ProjectPortfolioClient({ clientSlug, apiBase, apiKey, basePath =
     const filteredProjects = useMemo(() => {
         if (!data)
             return [];
+        const bySide = side
+            ? data.projects.filter((p) => {
+                var _a;
+                const s = (_a = p.custom_field_values) === null || _a === void 0 ? void 0 : _a["side"];
+                return s === side || s === "both";
+            })
+            : data.projects;
         const hasActiveFilters = Object.values(filters).some(Boolean);
         if (!hasActiveFilters)
-            return data.projects;
-        return data.projects.filter((p) => matchesFilters(p, filters, data.schema, data.fieldOptionsMap));
-    }, [data, filters]);
+            return bySide;
+        return bySide.filter((p) => matchesFilters(p, filters, data.schema, data.fieldOptionsMap));
+    }, [data, filters, side]);
     const gridCols = columns === 2
         ? "repeat(2, 1fr)"
         : "repeat(3, 1fr)";

package/dist/SimilarProjects.d.ts

@@ -43,6 +43,13 @@ export interface SimilarProjectsProps {
     title?: string;
     /** Small label above the heading. Defaults to "More Work" */
     subtitle?: string;
+    /**
+     * Filter projects by website side.
+     * - "architectural" — shows projects with side "architectural" or "both"
+     * - "speedrail"     — shows projects with side "speedrail" or "both"
+     * - omit            — shows all projects regardless of side
+     */
+    side?: "architectural" | "speedrail";
 }
-export declare function SimilarProjects({ filters, excludeSlug, clientSlug, apiBase, apiKey, basePath, maxItems, revalidate, noCache, variant, projectSlugs, title, subtitle, }: SimilarProjectsProps): Promise<import("react").JSX.Element | null>;
+export declare function SimilarProjects({ filters, excludeSlug, clientSlug, apiBase, apiKey, basePath, maxItems, revalidate, noCache, variant, projectSlugs, title, subtitle, side, }: SimilarProjectsProps): Promise<import("react").JSX.Element | null>;
 //# sourceMappingURL=SimilarProjects.d.ts.map

package/dist/SimilarProjects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAe,EACf,OAAgB,EAChB,YAAY,EACZ,KAA0B,EAC1B,QAAsB,GACvB,EAAE,oBAAoB,+CAoKtB"}
+{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,GAAG,WAAW,CAAA;CACrC;AA6DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAe,EACf,OAAgB,EAChB,YAAY,EACZ,KAA0B,EAC1B,QAAsB,EACtB,IAAI,GACL,EAAE,oBAAoB,+CA4KtB"}

package/dist/SimilarProjects.js

@@ -49,8 +49,16 @@ async function fetchSimilarData(apiBase, clientSlug, apiKey, revalidate, noCache
     }
 }
 // ─── Component ────────────────────────────────────────────────────────────────
-export async function SimilarProjects({ filters = {}, excludeSlug, clientSlug, apiBase, apiKey, basePath = "/projects", maxItems = 3, revalidate = 60, noCache = false, variant = "list", projectSlugs, title = "Similar Projects", subtitle = "More Work", }) {
-    const { allProjects, schema, fieldOptionsMap } = await fetchSimilarData(apiBase, clientSlug, apiKey, revalidate, noCache);
+export async function SimilarProjects({ filters = {}, excludeSlug, clientSlug, apiBase, apiKey, basePath = "/projects", maxItems = 3, revalidate = 60, noCache = false, variant = "list", projectSlugs, title = "Similar Projects", subtitle = "More Work", side, }) {
+    const { allProjects: allProjectsRaw, schema, fieldOptionsMap } = await fetchSimilarData(apiBase, clientSlug, apiKey, revalidate, noCache);
+    // Apply side filter before any other filtering
+    const allProjects = side
+        ? allProjectsRaw.filter((p) => {
+            var _a;
+            const s = (_a = p.custom_field_values) === null || _a === void 0 ? void 0 : _a["side"];
+            return s === side || s === "both";
+        })
+        : allProjectsRaw;
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const locationField = schema.find((f) => f.type === "location");
     const font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";

package/dist/types.d.ts

@@ -39,6 +39,8 @@ export interface Project {
     image_url: string | null;
     is_featured: boolean;
     is_published?: boolean;
+    /** Which website side this project belongs to. Omitted = show on all sides. */
+    side?: "architectural" | "speedrail" | "both";
     custom_field_values: Record<string, CustomFieldValue>;
     created_at: string;
     updated_at: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAA;IAChE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAA;CACpE;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAA;CAC/D;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,aAAa,GAAG,IAAI,CAAA;AAEhF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IACrD,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,EAAE,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAA;IAChE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAA;CACpE;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAA;CAC/D;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,aAAa,GAAG,IAAI,CAAA;AAEhF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,eAAe,GAAG,WAAW,GAAG,MAAM,CAAA;IAC7C,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IACrD,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,EAAE,CAAA;CACf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chiselandco/nexus",
-  "version": "2.5.2",
+  "version": "2.6.1",
   "description": "Self-contained project portfolio components for Next.js App Router. Includes ProjectPortfolio, ProjectPortfolioClient, ProjectDetail, SimilarProjects, ProjectMenu, ProjectMenuClient, GalleryCarousel, FilterSidebar, and FilteredPortfolio. Pass a clientSlug and apiBase — done.",
   "keywords": [
     "nextjs",
@@ -37,7 +37,7 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.19.43",
+    "@types/node": "^26.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "next": "^15.0.0",