project-portfolio 1.8.0 → 1.9.2

package/README.md

@@ -147,15 +147,126 @@ export async function ProjectsMegaMenu() {
 | `subtitle` | `string` | No | — | Description paragraph shown above the project cards |
 | `font` | `string` | No | System font stack | Font family string applied to all inline styles |
 | `maxProjects` | `number` | No | `6` | Maximum number of projects to display |
-| `revalidate` | `number` | No | `60` | Cache revalidation period in seconds |
+| `revalidate` | `number` | No | `86400` | Cache revalidation period in seconds (24 hours) |
+| `noCache` | `boolean` | No | `false` | Disable caching entirely — useful for development |
 
 The filter options in the right sidebar are driven automatically by the `is_filterable` fields returned from the API schema — no manual configuration needed.
 
 ---
 
+### `SimilarProjects`
+
+A standalone similar projects section. Fetches all projects for a client, filters to the same type as the current project, and renders up to 3 matching cards. Designed to be placed after `ProjectDetail` on a project detail page.
+
+```tsx
+// app/projects/[slug]/page.tsx
+import { ProjectDetail, SimilarProjects } from "project-portfolio"
+
+export default async function ProjectPage({ params }: { params: { slug: string } }) {
+  return (
+    <>
+      <ProjectDetail
+        slug={params.slug}
+        clientSlug="your-client-slug"
+        apiBase="https://your-api.com"
+      />
+      <SimilarProjects
+        filters={{ type: "commercial" }}
+        excludeSlug={params.slug}
+        clientSlug="your-client-slug"
+        apiBase="https://your-api.com"
+        basePath="/projects"
+      />
+    </>
+  )
+}
+```
+
+`filters` accepts any combination of custom field key/value pairs — all must match (AND logic). `excludeSlug` optionally removes the current project from results.
+
+| Prop | Type | Required | Default | Description |
+|---|---|---|---|---|
+| `filters` | `Record<string, string>` | No | `{}` | Key/value pairs to filter projects by custom field values. All filters must match (AND logic) |
+| `excludeSlug` | `string` | No | — | Slug of a project to exclude from results (e.g. the current project) |
+| `clientSlug` | `string` | Yes | — | Identifies which client's projects to load |
+| `apiBase` | `string` | Yes | — | Base URL of the projects API |
+| `basePath` | `string` | No | `"/projects"` | Base path for project detail links |
+| `maxItems` | `number` | No | `3` | Maximum number of projects to show |
+| `font` | `string` | No | System font stack | Font family string applied to all inline styles |
+| `revalidate` | `number` | No | `60` | Cache revalidation period in seconds |
+
+---
+
+### `ProjectMenuClient` + `createMenuHandler`
+
+`ProjectMenuClient` is a `"use client"` component that works in any React tree — no RSC, no `Suspense` wrapper, no server file needed. It fetches its own data and caches it in memory for the lifetime of the page session so the API is never called twice on a hover/re-hover.
+
+There are two ways to use it:
+
+---
+
+**Option 1 — `dataUrl` + `createMenuHandler` (recommended for production)**
+
+Set up one API route once. The data is server-cached for 24 hours — most users never trigger a call to the upstream API at all.
+
+```ts
+// app/api/chisel-menu/route.ts
+import { createMenuHandler } from "project-portfolio"
+
+export const GET = createMenuHandler({
+  clientSlug: "your-client-slug",
+  apiBase: "https://your-api.com",
+})
+```
+
+```tsx
+// In your nav/header — works in any "use client" component
+import { ProjectMenuClient } from "project-portfolio"
+
+<ProjectMenuClient
+  dataUrl="/api/chisel-menu"
+  basePath="/projects"
+  viewAllPath="/projects"
+/>
+```
+
+---
+
+**Option 2 — Direct fetch (quick setup / non-Next.js environments)**
+
+No API route needed. The component fetches directly from the upstream API on first mount and caches the result in memory for the session.
+
+```tsx
+import { ProjectMenuClient } from "project-portfolio"
+
+<ProjectMenuClient
+  clientSlug="your-client-slug"
+  apiBase="https://your-api.com"
+  basePath="/projects"
+  viewAllPath="/projects"
+/>
+```
+
+---
+
+| Prop | Type | Required | Default | Description |
+|---|---|---|---|---|
+| `dataUrl` | `string` | No | — | URL of a local API route created with `createMenuHandler()`. Recommended for production |
+| `clientSlug` | `string` | No* | — | Client slug for direct fetch mode |
+| `apiBase` | `string` | No* | — | API base URL for direct fetch mode |
+| `basePath` | `string` | Yes | — | Base path for project detail links |
+| `viewAllPath` | `string` | Yes | — | Path for the "View All Projects" link |
+| `subtitle` | `string` | No | — | Description shown above the project cards |
+| `font` | `string` | No | System font stack | Font family string |
+| `maxProjects` | `number` | No | `6` | Maximum number of projects to display |
+
+*One of `dataUrl` or `clientSlug + apiBase` must be provided. Pre-fetched `projects`, `schema`, `filterOptions`, `filterFieldKey`, and `fieldOptionsMap` can also be passed directly for SSR usage.
+
+---
+
 ## Important: Server Component Usage
 
-All three components (`ProjectPortfolio`, `ProjectDetail`, `ProjectMenu`) are **async Server Components**. They must be rendered in a server context:
+All top-level components (`ProjectPortfolio`, `ProjectDetail`, `ProjectMenu`, `SimilarProjects`) are **async Server Components**. They must be rendered in a server context:
 
 ```tsx
 // CORRECT
@@ -176,10 +287,33 @@ If a parent component uses `"use client"`, these components cannot be rendered i
 
 ## Caching
 
-Data is cached at two levels:
+Data is cached at multiple levels depending on which component is used.
+
+**Server Components (`ProjectMenu`, `ProjectPortfolio`, `ProjectDetail`, `SimilarProjects`)**
+1. **Per-render** — `React.cache()` deduplicates duplicate calls within the same render pass
+2. **Cross-request** — `next: { revalidate: 86400 }` (24 hours) caches responses in Next.js's Data Cache across all users and sessions
+
+**`ProjectMenuClient` with `createMenuHandler` (recommended)**
+3. **Server-side route cache** — the `/api/chisel-menu` route is cached by Next.js for 24 hours. The upstream API is called at most once per day regardless of traffic
+4. **Module-level client cache** — after the first fetch within a session, the result is held in memory. Re-hovering the menu or remounting the component never triggers another network request
+
+**`ProjectMenuClient` with direct fetch**
+4. **Module-level client cache only** — the upstream API is called once per session per user (on first mount), then cached in memory for the rest of that page session
 
-1. **Per-render** — `React.cache()` deduplicates any duplicate calls within the same render pass
-2. **Cross-request** — `next: { revalidate: N }` caches responses in Next.js's built-in Data Cache
+**Bypassing the cache**
+
+| Method | Scope | Use case |
+|---|---|---|
+| `?bust=1` on `/api/chisel-menu` | Single request | Dev/testing after a CMS change |
+| `CHISEL_CACHE_BYPASS=true` env var | Entire deployment | Staging environments |
+| `revalidateTag("chisel-menu-{clientSlug}")` | Server cache only | CMS webhook on content publish |
+| `noCache: true` on `ProjectMenu` | Single render | Debug during development |
+
+```ts
+// CMS webhook example — invalidate server cache immediately on publish
+import { revalidateTag } from "next/cache"
+revalidateTag("chisel-menu-your-client-slug")
+```
 
 No third-party caching libraries are required.
 

package/dist/ProjectDetail.d.ts

@@ -9,12 +9,6 @@ export interface ProjectDetailProps {
     backPath?: string;
     /** Label for the "back" link. Defaults to "All Projects" */
     backLabel?: string;
-    /**
-     * Base path used to build individual project detail URLs in similar project cards.
-     * Defaults to backPath if not provided, then "/projects".
-     * e.g. if backPath="/" set projectBasePath="/projects"
-     */
-    projectBasePath?: string;
     /**
      * Seconds to cache via Next.js Data Cache on production deployments.
      * React.cache() always deduplicates within a single render in all environments.
@@ -22,5 +16,5 @@ export interface ProjectDetailProps {
      */
     revalidate?: number;
 }
-export declare function ProjectDetail({ slug, clientSlug, apiBase, backPath, backLabel, projectBasePath, revalidate, }: ProjectDetailProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function ProjectDetail({ slug, clientSlug, apiBase, backPath, backLabel, revalidate, }: ProjectDetailProps): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ProjectDetail.d.ts.map

package/dist/ProjectDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAkLD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,eAAe,EACf,UAAe,GAChB,EAAE,kBAAkB,oDA0MpB"}
+{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAmDD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,GAChB,EAAE,kBAAkB,oDAyKpB"}

package/dist/ProjectDetail.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cache } from "react";
+// LocationValue is used in locationValue cast below
 import { GalleryCarousel } from "./GalleryCarousel";
 // ─── Helpers ────────────────────────────────────────────────────────────────
 function parseMultiValue(raw) {
@@ -20,76 +21,27 @@ function dedupeByKey(arr) {
 }
 // ─── Data fetching ───────────────────────────────────────────────────────────
 const fetchProjectDetail = cache(async (apiBase, clientSlug, slug, revalidate) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const fetchOpts = revalidate > 0
         ? { next: { revalidate } }
         : {};
     try {
-        const [projectRes, allProjectsRes] = await Promise.all([
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects/${slug}?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts),
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts),
-        ]);
-        // Per API docs, single project response is { client: {..., custom_fields_schema}, data: {...} }
+        const projectRes = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects/${slug}?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts);
         const projectJson = projectRes.ok ? await projectRes.json() : null;
         const project = (_a = projectJson === null || projectJson === void 0 ? void 0 : projectJson.data) !== null && _a !== void 0 ? _a : null;
         const schema = dedupeByKey((_c = (_b = projectJson === null || projectJson === void 0 ? void 0 : projectJson.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
-        // All projects response is { client: {...}, data: [...] }
-        const allProjectsJson = allProjectsRes.ok ? await allProjectsRes.json() : null;
-        const allProjects = (_d = allProjectsJson === null || allProjectsJson === void 0 ? void 0 : allProjectsJson.data) !== null && _d !== void 0 ? _d : [];
-        return { project, schema, allProjects };
+        return { project, schema };
     }
-    catch (_e) {
-        return { project: null, schema: [], allProjects: [] };
+    catch (_d) {
+        return { project: null, schema: [] };
     }
 });
-// ─── Similar Projects sub-component ─────────────────────────────────────────
-function SimilarProjects({ allProjects, currentSlug, badgeValue, badgeField, locationField, basePath, font, }) {
-    const similar = allProjects
-        .filter((p) => {
-        var _a;
-        if (p.slug === currentSlug)
-            return false;
-        if (!badgeValue || !badgeField)
-            return true;
-        const val = (_a = parseMultiValue(p.custom_field_values[badgeField.key])[0]) !== null && _a !== void 0 ? _a : null;
-        return val === badgeValue;
-    })
-        .slice(0, 3);
-    if (similar.length === 0)
-        return null;
-    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", paddingTop: "3rem" }, children: [_jsxs("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "space-between", marginBottom: "2rem" }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#f18a00", margin: "0 0 6px 0" }, children: "More Work" }), _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "28px", margin: 0, fontFamily: font }, children: "Similar Projects" })] }), _jsxs("a", { href: basePath, style: { color: "#18181b", fontWeight: 600, fontSize: "15px", textDecoration: "none", display: "flex", alignItems: "center", gap: "6px", fontFamily: font }, children: ["View All", _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 18l6-6-6-6" }) })] })] }), _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
-                    var _a, _b, _c, _d, _e;
-                    const imgUrl = (_d = (_a = p.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = p.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
-                    const badge = badgeField
-                        ? ((_e = parseMultiValue(p.custom_field_values[badgeField.key])[0]) !== null && _e !== void 0 ? _e : null)
-                        : null;
-                    const loc = locationField
-                        ? p.custom_field_values[locationField.key]
-                        : null;
-                    const locStr = loc ? [loc.city, loc.state].filter(Boolean).join(", ") : null;
-                    return (_jsxs("a", { href: `${basePath}/${p.slug}`, style: { textDecoration: "none", color: "inherit", display: "block", borderBottom: "1px solid #e4e4e7", fontFamily: font }, children: [_jsxs("div", { style: { position: "relative", width: "100%", height: "220px", overflow: "hidden", backgroundColor: "#f4f4f5", marginBottom: "1rem" }, children: [imgUrl && (_jsx("img", { src: imgUrl, alt: p.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })), badge && (_jsx("span", { style: {
-                                            position: "absolute",
-                                            top: "12px",
-                                            left: "12px",
-                                            backgroundColor: "#f18a00",
-                                            color: "#fff",
-                                            fontSize: "10px",
-                                            fontWeight: 700,
-                                            textTransform: "uppercase",
-                                            letterSpacing: "0.1em",
-                                            padding: "4px 10px",
-                                        }, children: badge }))] }), _jsxs("div", { style: { paddingBottom: "1.25rem" }, children: [_jsx("h3", { style: { color: "#18181b", fontWeight: 700, fontSize: "17px", lineHeight: 1.3, margin: "0 0 8px 0", fontFamily: font }, children: p.title }), locStr && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "5px", color: "#71717a", fontSize: "14px", margin: 0 }, children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locStr] }))] })] }, p.id));
-                }) })] }));
-}
 // ─── Component ───────────────────────────────────────────────────────────────
-export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/projects", backLabel = "All Projects", projectBasePath, revalidate = 60, }) {
+export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/projects", backLabel = "All Projects", revalidate = 60, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    // projectBasePath is for individual project card links in the similar projects section.
-    // Falls back to backPath so existing integrations work without any changes.
-    const resolvedProjectBasePath = projectBasePath !== null && projectBasePath !== void 0 ? projectBasePath : backPath;
-    const { project, schema, allProjects } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
+    const { project, schema } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
     if (!project) {
-        return (_jsxs("div", { style: { textAlign: "center", padding: "6rem 1.5rem", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: [_jsx("p", { style: { color: "#71717a", fontSize: "18px" }, children: "Project not found." }), _jsxs("a", { href: backPath, style: { color: "#f18a00", fontWeight: 600, fontSize: "14px", textDecoration: "none", marginTop: "1rem", display: "inline-block" }, children: ["\u2190 ", backLabel] })] }));
+        return (_jsx("div", { style: { textAlign: "center", padding: "6rem 1.5rem", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: _jsx("p", { style: { color: "#71717a", fontSize: "18px" }, children: "Project not found." }) }));
     }
     const imageUrl = (_d = (_a = project.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = project.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
     const galleryImages = project.image_url
@@ -131,12 +83,9 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
         return isNaN(n) ? String(raw) : String(Math.round(n));
     })();
     const font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.38) 50%, rgba(0,0,0,0.12) 100%)" } }), _jsx("div", { style: { position: "absolute", top: "1.5rem", left: 0, right: 0, padding: "0 1.5rem" }, children: _jsxs("a", { href: backPath, style: { display: "inline-flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.7)", fontSize: "14px", textDecoration: "none", fontFamily: font }, children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M19 12H5M12 5l-7 7 7 7" }) }), backLabel] }) }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1.5rem 2.5rem", maxWidth: "900px" }, children: [badgeValue && (_jsx("p", { style: { color: "#f18a00", fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", margin: "0 0 10px 0" }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4vw, 52px)", lineHeight: 1.1, margin: "0 0 12px 0", fontFamily: font }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.75)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), _jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
+    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.38) 50%, rgba(0,0,0,0.12) 100%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1.5rem 2.5rem", maxWidth: "900px" }, children: [badgeValue && (_jsx("p", { style: { color: "#f18a00", fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", margin: "0 0 10px 0" }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4vw, 52px)", lineHeight: 1.1, margin: "0 0 12px 0", fontFamily: font }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.75)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), _jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
           .chisel-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
           @media (min-width: 768px) { .chisel-stats-grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; } }
-          .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
-          @media (min-width: 640px) { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
-          @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
           .chisel-gallery-placeholder { display: grid; grid-template-columns: 1fr; gap: 12px; }
           @media (min-width: 640px) { .chisel-gallery-placeholder { grid-template-columns: repeat(3, 1fr); } }
           .chisel-hero-img { height: 50vw; min-height: 220px; max-height: 560px; }
@@ -146,7 +95,7 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
                             { label: "Project Type", value: badgeValue !== null && badgeValue !== void 0 ? badgeValue : "—" },
                             { label: "Sq. Footage", value: coverageFormatted !== null && coverageFormatted !== void 0 ? coverageFormatted : "—" },
                             { label: "Completed", value: yearCompleted !== null && yearCompleted !== void 0 ? yearCompleted : "—" },
-                        ].map(({ label, value }) => (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: "#a1a1aa", margin: "0 0 6px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0 }, children: value })] }, label))) })] }), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "2rem 1rem", boxSizing: "border-box", display: "flex", flexDirection: "column", gap: "2.5rem" }, children: [(project.blurb || project.description) && (_jsxs("section", { style: { maxWidth: "720px" }, children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 16px 0", fontFamily: font }, children: "Project Overview" }), project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: "0 0 16px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: 0 }, children: project.description }))] })), _jsxs("section", { children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 1.5rem 0", fontFamily: font }, children: "Project Gallery" }), galleryImages.length > 0 ? (_jsx(GalleryCarousel, { images: galleryImages, projectTitle: project.title })) : (
+                        ].map(({ label, value }) => (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: "#a1a1aa", margin: "0 0 6px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0 }, children: value })] }, label))) })] }), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "2rem 1rem", boxSizing: "border-box", display: "flex", flexDirection: "column", gap: "2.5rem" }, children: [(project.blurb || project.description) && (_jsxs("section", { style: { maxWidth: "900px" }, children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 16px 0", fontFamily: font }, children: "Project Overview" }), project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: "0 0 16px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: 0 }, children: project.description }))] })), _jsxs("section", { children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 1.5rem 0", fontFamily: font }, children: "Project Gallery" }), galleryImages.length > 0 ? (_jsx(GalleryCarousel, { images: galleryImages, projectTitle: project.title })) : (
                             /* Placeholder */
-                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "4/3", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] }), _jsx(SimilarProjects, { allProjects: allProjects, currentSlug: slug, badgeValue: badgeValue, badgeField: badgeField !== null && badgeField !== void 0 ? badgeField : null, locationField: locationField !== null && locationField !== void 0 ? locationField : null, basePath: resolvedProjectBasePath, font: font })] })] }));
+                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "4/3", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] })] })] }));
 }

package/dist/ProjectMenu.d.ts

@@ -1,3 +1,4 @@
+import type { Project, CustomFieldSchema } from "./types";
 export interface ProjectMenuProps {
     /** Client slug used to fetch projects */
     clientSlug: string;
@@ -13,7 +14,7 @@ export interface ProjectMenuProps {
     font?: string;
     /** Max number of projects to show at once. Defaults to 6 */
     maxProjects?: number;
-    /** Revalidation period in seconds. Defaults to 60 */
+    /** Revalidation period in seconds. Defaults to 86400 (24 hours) */
     revalidate?: number;
     /**
      * Disable all caching. Every request hits the API fresh.
@@ -21,5 +22,50 @@ export interface ProjectMenuProps {
      */
     noCache?: boolean;
 }
+/**
+ * createMenuHandler
+ *
+ * Creates a Next.js route handler that fetches and server-caches the menu data.
+ * Drop it into app/api/chisel-menu/route.ts — one line of setup.
+ *
+ * Features:
+ * - Cached for 24 hours by default (override with revalidate option)
+ * - Add ?bust=1 to bypass the cache for a single request (dev/testing)
+ * - Set CHISEL_CACHE_BYPASS=true in env to disable caching for the whole deployment (staging)
+ * - Fetch is tagged with "chisel-menu-{clientSlug}" for revalidateTag() support
+ *
+ * @example
+ * // app/api/chisel-menu/route.ts
+ * import { createMenuHandler } from "project-portfolio"
+ * export const GET = createMenuHandler({ clientSlug: "my-client", apiBase: "https://nexus.chiselandco.com" })
+ *
+ * // Bust the cache manually (one request):
+ * fetch("/api/chisel-menu?bust=1")
+ *
+ * // Invalidate from a CMS webhook:
+ * import { revalidateTag } from "next/cache"
+ * revalidateTag("chisel-menu-my-client")
+ */
+export declare function createMenuHandler({ clientSlug, apiBase, revalidate, }: {
+    clientSlug: string;
+    apiBase: string;
+    revalidate?: number;
+}): (request: Request) => Promise<Response>;
+export declare function fetchProjectMenuData({ apiBase, clientSlug, revalidate, noCache, }: {
+    apiBase: string;
+    clientSlug: string;
+    revalidate?: number;
+    noCache?: boolean;
+}): Promise<{
+    projects: Project[];
+    schema: CustomFieldSchema[];
+    filterOptions: {
+        id: string;
+        label: string;
+    }[];
+    filterFieldKey: string | null;
+    filterFieldName: string;
+    fieldOptionsMap: Record<string, Record<string, string>>;
+}>;
 export declare function ProjectMenu({ clientSlug, apiBase, basePath, viewAllPath, subtitle, font, maxProjects, revalidate, noCache, }: ProjectMenuProps): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ProjectMenu.d.ts.map

package/dist/ProjectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA6CD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAe,EACf,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}
+{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKzD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,UAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,aACoC,OAAO,uBAsD3C;AAED,wBAAsB,oBAAoB,CAAC,EACzC,OAAO,EACP,UAAU,EACV,UAAkB,EAClB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,OAAO,CAAC;IACV,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD,CAAC,CAqBD;AA6CD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAkB,EAClB,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}

package/dist/ProjectMenu.js

@@ -2,7 +2,104 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cache } from "react";
 import { ProjectMenuClient } from "./ProjectMenuClient";
 const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
-const fetchMenuData = cache(async (apiBase, clientSlug, revalidate, noCache = false) => {
+/**
+ * createMenuHandler
+ *
+ * Creates a Next.js route handler that fetches and server-caches the menu data.
+ * Drop it into app/api/chisel-menu/route.ts — one line of setup.
+ *
+ * Features:
+ * - Cached for 24 hours by default (override with revalidate option)
+ * - Add ?bust=1 to bypass the cache for a single request (dev/testing)
+ * - Set CHISEL_CACHE_BYPASS=true in env to disable caching for the whole deployment (staging)
+ * - Fetch is tagged with "chisel-menu-{clientSlug}" for revalidateTag() support
+ *
+ * @example
+ * // app/api/chisel-menu/route.ts
+ * import { createMenuHandler } from "project-portfolio"
+ * export const GET = createMenuHandler({ clientSlug: "my-client", apiBase: "https://nexus.chiselandco.com" })
+ *
+ * // Bust the cache manually (one request):
+ * fetch("/api/chisel-menu?bust=1")
+ *
+ * // Invalidate from a CMS webhook:
+ * import { revalidateTag } from "next/cache"
+ * revalidateTag("chisel-menu-my-client")
+ */
+export function createMenuHandler({ clientSlug, apiBase, revalidate = 86400, }) {
+    return async function GET(request) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const bypass = process.env.CHISEL_CACHE_BYPASS === "true" ||
+            new URL(request.url).searchParams.has("bust");
+        const fetchOpts = bypass
+            ? { cache: "no-store" }
+            : { next: { revalidate, tags: [`chisel-menu-${clientSlug}`] } };
+        try {
+            const [projectsRes, fieldsRes] = await Promise.all([
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
+            ]);
+            const json = projectsRes.ok ? await projectsRes.json() : {};
+            const projects = (_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : [];
+            const schema = (_c = (_b = json === null || json === void 0 ? void 0 : json.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : [];
+            const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+            const fieldOptionsMap = {};
+            for (const field of ((_d = fieldsJson.fields) !== null && _d !== void 0 ? _d : [])) {
+                const map = {};
+                for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
+                    if (typeof opt === "object" && opt.id && opt.label) {
+                        map[opt.id] = opt.label;
+                        map[opt.label] = opt.label;
+                    }
+                }
+                fieldOptionsMap[field.key] = map;
+            }
+            const filterField = (_f = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _f !== void 0 ? _f : null;
+            const filterOptions = filterField
+                ? ((_g = filterField.options) !== null && _g !== void 0 ? _g : []).map((opt) => {
+                    var _a, _b;
+                    if (typeof opt === "string")
+                        return { id: opt.toLowerCase().replace(/\s+/g, "-"), label: opt };
+                    return { id: (_a = opt.id) !== null && _a !== void 0 ? _a : "", label: (_b = opt.label) !== null && _b !== void 0 ? _b : "" };
+                })
+                : [];
+            return Response.json({
+                projects,
+                schema,
+                filterOptions,
+                filterFieldKey: (_h = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _h !== void 0 ? _h : null,
+                filterFieldName: (_j = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _j !== void 0 ? _j : "Project Type",
+                fieldOptionsMap,
+            });
+        }
+        catch (_k) {
+            return Response.json({ projects: [], schema: [], filterOptions: [], filterFieldKey: null, filterFieldName: "Project Type", fieldOptionsMap: {} }, { status: 500 });
+        }
+    };
+}
+export async function fetchProjectMenuData({ apiBase, clientSlug, revalidate = 86400, noCache = false, }) {
+    var _a, _b, _c, _d;
+    const raw = await _fetchMenuData(apiBase, clientSlug, revalidate, noCache);
+    const filterField = (_a = raw.schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _a !== void 0 ? _a : null;
+    const filterOptions = filterField
+        ? ((_b = filterField.options) !== null && _b !== void 0 ? _b : []).map((opt) => {
+            var _a, _b, _c;
+            if (typeof opt === "string") {
+                return { id: opt.toLowerCase().replace(/\s+/g, "-"), label: opt };
+            }
+            return { id: (_a = opt.id) !== null && _a !== void 0 ? _a : String((_b = opt.label) !== null && _b !== void 0 ? _b : "").toLowerCase().replace(/\s+/g, "-"), label: (_c = opt.label) !== null && _c !== void 0 ? _c : "" };
+        })
+        : [];
+    return {
+        projects: raw.projects,
+        schema: raw.schema,
+        filterOptions,
+        filterFieldKey: (_c = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _c !== void 0 ? _c : null,
+        filterFieldName: (_d = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _d !== void 0 ? _d : "Project Type",
+        fieldOptionsMap: raw.fieldOptionsMap,
+    };
+}
+const _fetchMenuData = cache(async (apiBase, clientSlug, revalidate, noCache = false) => {
     var _a, _b, _c, _d, _e;
     const fetchOpts = noCache
         ? { cache: "no-store" }
@@ -36,9 +133,9 @@ const fetchMenuData = cache(async (apiBase, clientSlug, revalidate, noCache = fa
         return { projects: [], schema: [], fieldOptionsMap: {} };
     }
 });
-export async function ProjectMenu({ clientSlug, apiBase, basePath = "/projects", viewAllPath, subtitle, font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", maxProjects = 6, revalidate = 60, noCache = false, }) {
+export async function ProjectMenu({ clientSlug, apiBase, basePath = "/projects", viewAllPath, subtitle, font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", maxProjects = 6, revalidate = 86400, noCache = false, }) {
     var _a, _b, _c, _d;
-    const { projects, schema, fieldOptionsMap } = await fetchMenuData(apiBase, clientSlug, revalidate, noCache);
+    const { projects, schema, fieldOptionsMap } = await _fetchMenuData(apiBase, clientSlug, revalidate, noCache);
     // Find the filterable select field (badge_overlay is our category field)
     const filterField = (_a = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _a !== void 0 ? _a : null;
     // Build filter option list from schema

package/dist/ProjectMenuClient.d.ts

@@ -1,20 +1,33 @@
 import type { Project, CustomFieldSchema } from "./types";
-interface ProjectMenuClientProps {
-    projects: Project[];
-    schema: CustomFieldSchema[];
-    filterOptions: {
+export interface ProjectMenuClientProps {
+    /**
+     * URL of a local API route created with createMenuHandler().
+     * Recommended for production — data is server-cached for 24h and never
+     * exposes the upstream API key to the browser.
+     * e.g. dataUrl="/api/chisel-menu"
+     */
+    dataUrl?: string;
+    /**
+     * Pass clientSlug + apiBase to have the component fetch its own data directly.
+     * Use this for quick setup or non-Next.js environments.
+     * For production Next.js apps, prefer dataUrl + createMenuHandler instead.
+     */
+    clientSlug?: string;
+    apiBase?: string;
+    projects?: Project[];
+    schema?: CustomFieldSchema[];
+    filterOptions?: {
         id: string;
         label: string;
     }[];
-    filterFieldKey: string | null;
+    filterFieldKey?: string | null;
     filterFieldName?: string;
     fieldOptionsMap?: Record<string, Record<string, string>>;
     subtitle?: string;
     basePath: string;
     viewAllPath: string;
-    font: string;
+    font?: string;
     maxProjects?: number;
 }
-export declare function ProjectMenuClient({ projects, schema, filterOptions, filterFieldKey, filterFieldName, fieldOptionsMap, subtitle, basePath, viewAllPath, font, maxProjects, }: ProjectMenuClientProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ProjectMenuClient({ dataUrl, clientSlug, apiBase, projects: projectsProp, schema: schemaProp, filterOptions: filterOptionsProp, filterFieldKey: filterFieldKeyProp, filterFieldName: filterFieldNameProp, fieldOptionsMap: fieldOptionsMapProp, subtitle, basePath, viewAllPath, font, maxProjects, }: ProjectMenuClientProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProjectMenuClient.d.ts.map

package/dist/ProjectMenuClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenuClient.d.ts","sourceRoot":"","sources":["../src/ProjectMenuClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAa3E,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,eAAgC,EAChC,eAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,WAAe,GAChB,EAAE,sBAAsB,2CA4VxB"}
+{"version":3,"file":"ProjectMenuClient.d.ts","sourceRoot":"","sources":["../src/ProjectMenuClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAa3E,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmBD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,kBAAkB,EAClC,eAAe,EAAE,mBAAoC,EACrD,eAAe,EAAE,mBAAwB,EACzC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAmB,EACnB,WAAe,GAChB,EAAE,sBAAsB,2CAscxB"}

package/dist/ProjectMenuClient.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 function parseSingleValue(raw) {
     if (typeof raw === "string")
         return raw.replace(/`/g, "").trim();
@@ -14,9 +14,99 @@ function parseMultiValue(raw) {
     return [];
 }
 const ACCENT = "oklch(0.78 0.16 85)";
-export function ProjectMenuClient({ projects, schema, filterOptions, filterFieldKey, filterFieldName = "Project Type", fieldOptionsMap = {}, subtitle, basePath, viewAllPath, font, maxProjects = 6, }) {
+const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
+const DEFAULT_FONT = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+const menuDataCache = new Map();
+export function ProjectMenuClient({ dataUrl, clientSlug, apiBase, projects: projectsProp, schema: schemaProp, filterOptions: filterOptionsProp, filterFieldKey: filterFieldKeyProp, filterFieldName: filterFieldNameProp = "Project Type", fieldOptionsMap: fieldOptionsMapProp = {}, subtitle, basePath, viewAllPath, font = DEFAULT_FONT, maxProjects = 6, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const [filtersOpen, setFiltersOpen] = useState(false);
     const [hoveredCard, setHoveredCard] = useState(null);
+    const [fetched, setFetched] = useState(null);
+    // Self-fetch mode: fires when dataUrl OR (clientSlug + apiBase) are provided.
+    // Uses a module-level Promise cache so repeated mounts never re-hit the API.
+    useEffect(() => {
+        const hasDataUrl = !!dataUrl;
+        const hasDirectFetch = !!(clientSlug && apiBase);
+        if (!hasDataUrl && !hasDirectFetch)
+            return;
+        let cancelled = false;
+        const cacheKey = dataUrl !== null && dataUrl !== void 0 ? dataUrl : `${clientSlug}:${apiBase}`;
+        async function fetchAndCache() {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            // dataUrl mode: fetch from local API route (server-cached, no API key exposed)
+            if (dataUrl) {
+                const res = await fetch(dataUrl);
+                const json = res.ok ? await res.json() : {};
+                return {
+                    projects: (_a = json.projects) !== null && _a !== void 0 ? _a : [],
+                    schema: (_b = json.schema) !== null && _b !== void 0 ? _b : [],
+                    filterOptions: (_c = json.filterOptions) !== null && _c !== void 0 ? _c : [],
+                    filterFieldKey: (_d = json.filterFieldKey) !== null && _d !== void 0 ? _d : null,
+                    filterFieldName: (_e = json.filterFieldName) !== null && _e !== void 0 ? _e : "Project Type",
+                    fieldOptionsMap: (_f = json.fieldOptionsMap) !== null && _f !== void 0 ? _f : {},
+                };
+            }
+            // Direct fetch mode: fetch from the upstream API directly
+            const [projectsRes, fieldsRes] = await Promise.all([
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`),
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`),
+            ]);
+            const json = projectsRes.ok ? await projectsRes.json() : {};
+            const projects = (_g = json === null || json === void 0 ? void 0 : json.data) !== null && _g !== void 0 ? _g : [];
+            const schema = (_j = (_h = json === null || json === void 0 ? void 0 : json.client) === null || _h === void 0 ? void 0 : _h.custom_fields_schema) !== null && _j !== void 0 ? _j : [];
+            const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+            const fieldOptionsMap = {};
+            for (const field of ((_k = fieldsJson.fields) !== null && _k !== void 0 ? _k : [])) {
+                const map = {};
+                for (const opt of ((_l = field.options) !== null && _l !== void 0 ? _l : [])) {
+                    if (typeof opt === "object" && opt.id && opt.label) {
+                        map[opt.id] = opt.label;
+                        map[opt.label] = opt.label;
+                    }
+                }
+                fieldOptionsMap[field.key] = map;
+            }
+            const filterField = (_m = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _m !== void 0 ? _m : null;
+            const filterOptions = filterField
+                ? ((_o = filterField.options) !== null && _o !== void 0 ? _o : []).map((opt) => {
+                    var _a, _b;
+                    if (typeof opt === "string")
+                        return { id: opt.toLowerCase().replace(/\s+/g, "-"), label: opt };
+                    return { id: (_a = opt.id) !== null && _a !== void 0 ? _a : "", label: (_b = opt.label) !== null && _b !== void 0 ? _b : "" };
+                })
+                : [];
+            return {
+                projects,
+                schema,
+                filterOptions,
+                filterFieldKey: (_p = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _p !== void 0 ? _p : null,
+                filterFieldName: (_q = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _q !== void 0 ? _q : "Project Type",
+                fieldOptionsMap,
+            };
+        }
+        // Store the Promise on first call — reuse it on every subsequent mount
+        if (!menuDataCache.has(cacheKey)) {
+            menuDataCache.set(cacheKey, fetchAndCache());
+        }
+        menuDataCache.get(cacheKey).then((data) => {
+            if (!cancelled)
+                setFetched(data);
+        }).catch(() => {
+            // silently fail — render nothing
+        });
+        return () => { cancelled = true; };
+    }, [dataUrl, clientSlug, apiBase]);
+    // Resolve data: prefer self-fetched, fall back to props
+    const projects = (_b = (_a = fetched === null || fetched === void 0 ? void 0 : fetched.projects) !== null && _a !== void 0 ? _a : projectsProp) !== null && _b !== void 0 ? _b : [];
+    const schema = (_d = (_c = fetched === null || fetched === void 0 ? void 0 : fetched.schema) !== null && _c !== void 0 ? _c : schemaProp) !== null && _d !== void 0 ? _d : [];
+    const filterOptions = (_f = (_e = fetched === null || fetched === void 0 ? void 0 : fetched.filterOptions) !== null && _e !== void 0 ? _e : filterOptionsProp) !== null && _f !== void 0 ? _f : [];
+    const filterFieldKey = (_h = (_g = fetched === null || fetched === void 0 ? void 0 : fetched.filterFieldKey) !== null && _g !== void 0 ? _g : filterFieldKeyProp) !== null && _h !== void 0 ? _h : null;
+    const filterFieldName = (_j = fetched === null || fetched === void 0 ? void 0 : fetched.filterFieldName) !== null && _j !== void 0 ? _j : filterFieldNameProp;
+    const fieldOptionsMap = (_k = fetched === null || fetched === void 0 ? void 0 : fetched.fieldOptionsMap) !== null && _k !== void 0 ? _k : fieldOptionsMapProp;
+    // Show a minimal skeleton while self-fetching
+    if ((dataUrl || (clientSlug && apiBase)) && !fetched) {
+        return (_jsx("div", { style: { padding: "2rem 2.5rem", fontFamily: font, color: "#a1a1aa", fontSize: "14px" }, children: "Loading projects..." }));
+    }
     const displayed = projects.slice(0, maxProjects);
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const tagsField = schema.find((f) => f.display_position === "tags");

package/dist/SimilarProjects.d.ts

@@ -0,0 +1,25 @@
+export interface SimilarProjectsProps {
+    /**
+     * Key/value pairs to filter projects by custom field values.
+     * e.g. { type: "commercial" } or { type: "educational-facilities" }
+     * All filters must match (AND logic).
+     */
+    filters?: Record<string, string>;
+    /**
+     * Slug of a project to exclude from results (e.g. the currently viewed project).
+     * Optional — omit if you don't need to exclude any project.
+     */
+    excludeSlug?: string;
+    /** The client slug identifying which client owns these projects */
+    clientSlug: string;
+    /** Base URL of the projects API */
+    apiBase: string;
+    /** Base path used to build individual project detail URLs e.g. "/projects" */
+    basePath?: string;
+    /** Maximum number of projects to show. Defaults to 3 */
+    maxItems?: number;
+    /** Seconds to cache. Defaults to 60 */
+    revalidate?: number;
+}
+export declare function SimilarProjects({ filters, excludeSlug, clientSlug, apiBase, basePath, maxItems, revalidate, }: SimilarProjectsProps): Promise<import("react/jsx-runtime").JSX.Element | null>;
+//# sourceMappingURL=SimilarProjects.d.ts.map

package/dist/SimilarProjects.d.ts.map

@@ -0,0 +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,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA8CD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,GAChB,EAAE,oBAAoB,2DA6GtB"}

package/dist/SimilarProjects.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cache } from "react";
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+function parseMultiValue(raw) {
+    if (Array.isArray(raw))
+        return raw.map(String).map((s) => s.replace(/`/g, "").trim()).filter(Boolean);
+    if (typeof raw === "string")
+        return raw.replace(/`/g, "").split(",").map((s) => s.trim()).filter(Boolean);
+    return [];
+}
+function dedupeByKey(arr) {
+    const seen = new Set();
+    return arr.filter((f) => {
+        if (seen.has(f.key))
+            return false;
+        seen.add(f.key);
+        return true;
+    });
+}
+// ─── Data fetching ────────────────────────────────────────────────────────────
+const fetchSimilarData = cache(async (apiBase, clientSlug, revalidate) => {
+    var _a, _b, _c;
+    const fetchOpts = revalidate > 0 ? { next: { revalidate } } : {};
+    try {
+        const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts);
+        const json = res.ok ? await res.json() : null;
+        const allProjects = (_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : [];
+        const schema = dedupeByKey((_c = (_b = json === null || json === void 0 ? void 0 : json.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
+        return { allProjects, schema };
+    }
+    catch (_d) {
+        return { allProjects: [], schema: [] };
+    }
+});
+// ─── Component ────────────────────────────────────────────────────────────────
+export async function SimilarProjects({ filters = {}, excludeSlug, clientSlug, apiBase, basePath = "/projects", maxItems = 3, revalidate = 60, }) {
+    const { allProjects, schema } = await fetchSimilarData(apiBase, clientSlug, revalidate);
+    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";
+    const filterEntries = Object.entries(filters);
+    const similar = allProjects
+        .filter((p) => {
+        // Exclude the specified slug if provided
+        if (excludeSlug && p.slug === excludeSlug)
+            return false;
+        // Every filter key/value must match the project's custom field values
+        return filterEntries.every(([key, value]) => {
+            const fieldValues = parseMultiValue(p.custom_field_values[key]);
+            return fieldValues.some((v) => v.toLowerCase() === value.toLowerCase());
+        });
+    })
+        .slice(0, maxItems);
+    if (similar.length === 0)
+        return null;
+    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", paddingTop: "3rem", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [_jsx("style", { children: `
+        .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
+        @media (min-width: 640px)  { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
+        @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
+      ` }), _jsxs("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "space-between", marginBottom: "2rem" }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "oklch(0.78 0.16 85)", margin: "0 0 6px 0" }, children: "More Work" }), _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "28px", margin: 0, fontFamily: font }, children: "Similar Projects" })] }), _jsxs("a", { href: basePath, style: { color: "#18181b", fontWeight: 600, fontSize: "15px", textDecoration: "none", display: "flex", alignItems: "center", gap: "6px", fontFamily: font }, children: ["View All", _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 18l6-6-6-6" }) })] })] }), _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
+                    var _a, _b, _c, _d, _e;
+                    const imgUrl = (_d = (_a = p.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = p.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
+                    const badge = badgeField
+                        ? ((_e = parseMultiValue(p.custom_field_values[badgeField.key])[0]) !== null && _e !== void 0 ? _e : null)
+                        : null;
+                    const loc = locationField
+                        ? p.custom_field_values[locationField.key]
+                        : null;
+                    const locStr = loc ? [loc.city, loc.state].filter(Boolean).join(", ") : null;
+                    return (_jsxs("a", { href: `${basePath}/${p.slug}`, style: { textDecoration: "none", color: "inherit", display: "block", borderBottom: "1px solid #e4e4e7", fontFamily: font }, children: [_jsxs("div", { style: { position: "relative", width: "100%", height: "220px", overflow: "hidden", backgroundColor: "#f4f4f5", marginBottom: "1rem" }, children: [imgUrl && (_jsx("img", { src: imgUrl, alt: p.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })), badge && (_jsx("span", { style: {
+                                            position: "absolute", top: "12px", left: "12px",
+                                            backgroundColor: "oklch(0.78 0.16 85)", color: "#fff",
+                                            fontSize: "10px", fontWeight: 700, textTransform: "uppercase",
+                                            letterSpacing: "0.1em", padding: "4px 10px",
+                                        }, children: badge }))] }), _jsxs("div", { style: { paddingBottom: "1.25rem" }, children: [_jsx("h3", { style: { color: "#18181b", fontWeight: 700, fontSize: "17px", lineHeight: 1.3, margin: "0 0 8px 0", fontFamily: font }, children: p.title }), locStr && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "5px", color: "#71717a", fontSize: "14px", margin: 0 }, children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locStr] }))] })] }, p.id));
+                }) })] }));
+}

package/dist/index.d.ts

@@ -2,9 +2,13 @@ export { ProjectPortfolio } from "./ProjectPortfolio";
 export type { ProjectPortfolioProps } from "./ProjectPortfolio";
 export { ProjectDetail } from "./ProjectDetail";
 export type { ProjectDetailProps } from "./ProjectDetail";
+export { SimilarProjects } from "./SimilarProjects";
+export type { SimilarProjectsProps } from "./SimilarProjects";
 export { GalleryCarousel } from "./GalleryCarousel";
-export { ProjectMenu } from "./ProjectMenu";
+export { ProjectMenu, fetchProjectMenuData, createMenuHandler } from "./ProjectMenu";
 export type { ProjectMenuProps } from "./ProjectMenu";
+export { ProjectMenuClient } from "./ProjectMenuClient";
+export type { ProjectMenuClientProps } from "./ProjectMenuClient";
 export { ProjectCard } from "./ProjectCard";
 export type { CardVariant } from "./ProjectCard";
 export type { Project, CustomFieldSchema, CustomFieldValue, LocationValue, Media, } from "./types";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,YAAY,EACV,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,KAAK,GACN,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACpF,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,YAAY,EACV,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,KAAK,GACN,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,5 +1,7 @@
 export { ProjectPortfolio } from "./ProjectPortfolio";
 export { ProjectDetail } from "./ProjectDetail";
+export { SimilarProjects } from "./SimilarProjects";
 export { GalleryCarousel } from "./GalleryCarousel";
-export { ProjectMenu } from "./ProjectMenu";
+export { ProjectMenu, fetchProjectMenuData, createMenuHandler } from "./ProjectMenu";
+export { ProjectMenuClient } from "./ProjectMenuClient";
 export { ProjectCard } from "./ProjectCard";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-portfolio",
-  "version": "1.8.0",
+  "version": "1.9.2",
   "description": "Self-contained project portfolio components for Next.js App Router. Includes ProjectPortfolio, ProjectDetail, ProjectMenu (megamenu), and GalleryCarousel. Pass a clientSlug and apiBase — done.",
   "keywords": ["nextjs", "react", "portfolio", "projects", "megamenu", "gallery"],
   "license": "MIT",