@chiselandco/nexus 2.2.6

package/dist/GalleryCarousel.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+export function GalleryCarousel({ images, projectTitle, }) {
+    const [current, setCurrent] = useState(0);
+    if (images.length === 0)
+        return null;
+    // caption may come back as `caption`, `description`, or `alt` depending on the API
+    const active = images[current];
+    const caption = active.caption || active.description || null;
+    const total = images.length;
+    function prev() {
+        setCurrent((c) => (c - 1 + total) % total);
+    }
+    function next() {
+        setCurrent((c) => (c + 1) % total);
+    }
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", fontFamily: font }, children: [_jsxs("div", { style: { position: "relative", width: "100%", aspectRatio: "16/9", backgroundColor: "#f4f4f5", overflow: "hidden" }, children: [_jsx("img", { src: active.url, alt: active.alt || projectTitle, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } }), total > 1 && (_jsx("button", { onClick: prev, "aria-label": "Previous image", style: {
+                            position: "absolute",
+                            left: "16px",
+                            top: "50%",
+                            transform: "translateY(-50%)",
+                            width: "40px",
+                            height: "40px",
+                            borderRadius: "50%",
+                            backgroundColor: "rgba(255,255,255,0.92)",
+                            border: "none",
+                            cursor: "pointer",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            boxShadow: "0 1px 4px rgba(0,0,0,0.18)",
+                        }, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#18181b", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M15 18l-6-6 6-6" }) }) })), total > 1 && (_jsx("button", { onClick: next, "aria-label": "Next image", style: {
+                            position: "absolute",
+                            right: "16px",
+                            top: "50%",
+                            transform: "translateY(-50%)",
+                            width: "40px",
+                            height: "40px",
+                            borderRadius: "50%",
+                            backgroundColor: "rgba(255,255,255,0.92)",
+                            border: "none",
+                            cursor: "pointer",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            boxShadow: "0 1px 4px rgba(0,0,0,0.18)",
+                        }, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#18181b", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 18l6-6-6-6" }) }) })), total > 1 && (_jsxs("div", { style: {
+                            position: "absolute",
+                            bottom: "14px",
+                            right: "14px",
+                            backgroundColor: "rgba(0,0,0,0.65)",
+                            color: "#fff",
+                            fontSize: "13px",
+                            fontWeight: 600,
+                            padding: "4px 10px",
+                            borderRadius: "9999px",
+                            fontFamily: font,
+                        }, children: [current + 1, " / ", total] }))] }), caption && (_jsx("p", { style: {
+                    textAlign: "center",
+                    fontSize: "14px",
+                    fontStyle: "italic",
+                    color: "#6b7280",
+                    margin: 0,
+                    padding: "0 1rem",
+                    fontFamily: font,
+                }, children: caption })), total > 1 && (_jsx("div", { style: { display: "flex", gap: "8px", overflowX: "auto", WebkitOverflowScrolling: "touch", paddingBottom: "4px" }, children: images.map((img, i) => {
+                    var _a;
+                    return (_jsx("button", { onClick: () => setCurrent(i), "aria-label": `View image ${i + 1}`, style: {
+                            width: "88px",
+                            aspectRatio: "16/9",
+                            padding: 0,
+                            border: i === current ? "2px solid #f18a00" : "2px solid transparent",
+                            borderRadius: "2px",
+                            overflow: "hidden",
+                            cursor: "pointer",
+                            flexShrink: 0,
+                            backgroundColor: "#f4f4f5",
+                            opacity: i === current ? 1 : 0.65,
+                            transition: "opacity 0.15s, border-color 0.15s",
+                        }, children: _jsx("img", { src: img.url, alt: img.alt || `Image ${i + 1}`, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }, (_a = img.id) !== null && _a !== void 0 ? _a : i));
+                }) }))] }));
+}

package/dist/ProjectCard.d.ts

@@ -0,0 +1,15 @@
+import type { Project, CustomFieldSchema } from "./types";
+export type CardVariant = "card" | "compact";
+interface ProjectCardProps {
+    project: Project;
+    schema: CustomFieldSchema[];
+    /** Map of fieldKey -> { id: label, label: label } for normalizing mixed id/label values */
+    fieldOptionsMap?: Record<string, Record<string, string>>;
+    priority?: boolean;
+    variant?: CardVariant;
+    /** Base path for project detail links. Defaults to "/projects" */
+    basePath?: string;
+}
+export declare function ProjectCard({ project, schema, fieldOptionsMap, priority, variant, basePath, }: ProjectCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/ProjectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAA;AAE1F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5C,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAeD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,eAAoB,EACpB,QAAQ,EACR,OAAgB,EAChB,QAAsB,GACvB,EAAE,gBAAgB,2CA2QlB"}

package/dist/ProjectCard.js

@@ -0,0 +1,159 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 parseSingleValue(raw) {
+    if (typeof raw === "string")
+        return raw.replace(/`/g, "").trim();
+    return String(raw !== null && raw !== void 0 ? raw : "");
+}
+export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, variant = "card", basePath = "/projects", }) {
+    var _a, _b, _c, _d, _e, _f;
+    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 badgeField = schema.find((f) => f.display_position === "badge_overlay");
+    const tagFields = schema
+        .filter((f) => f.display_position === "tags" && f.type !== "number")
+        .filter((f, i, arr) => arr.findIndex((x) => x.key === f.key) === i);
+    // Coverage/sq ft field for footer stat — matched by key or name regardless of type
+    const numericField = schema.find((f) => /sq|sqft|square|coverage/i.test(f.key + f.name));
+    const locationField = schema.find((f) => f.type === "location");
+    const badgeRaw = badgeField
+        ? parseSingleValue(project.custom_field_values[badgeField.key])
+        : null;
+    const badgeOptMap = badgeField ? ((_e = fieldOptionsMap[badgeField.key]) !== null && _e !== void 0 ? _e : {}) : {};
+    const badgeValue = badgeRaw ? ((_f = badgeOptMap[badgeRaw]) !== null && _f !== void 0 ? _f : badgeRaw) : null;
+    const locationValue = locationField
+        ? project.custom_field_values[locationField.key]
+        : null;
+    const locationString = locationValue
+        ? [locationValue.city, locationValue.state].filter(Boolean).join(", ")
+        : null;
+    const footerStat = (() => {
+        if (!numericField)
+            return null;
+        const val = project.custom_field_values[numericField.key];
+        if (val === undefined || val === null || val === "")
+            return null;
+        const label = numericField.name.replace(/\s*\([^)]+\)/, "");
+        // Coverage is a pre-formatted string from the API (e.g. "186,446 SF") — render as-is.
+        // For numeric fields, format with commas.
+        const formatted = typeof val === "string"
+            ? val
+            : typeof val === "number"
+                ? Math.round(val).toLocaleString()
+                : String(val);
+        return { label, formatted };
+    })();
+    const compactTags = tagFields.flatMap((field) => {
+        var _a;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+        const hasOptions = Object.keys(optMap).length > 0;
+        const vals = parseMultiValue(project.custom_field_values[field.key]);
+        const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+        return active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+    });
+    const href = `${basePath}/${project.slug}`;
+    if (variant === "compact") {
+        return (_jsxs("a", { href: href, style: {
+                all: "revert",
+                display: "flex",
+                alignItems: "center",
+                gap: "1rem",
+                padding: "1rem",
+                backgroundColor: "#fff",
+                border: "1px solid #e4e4e7",
+                borderRadius: "2px",
+                textDecoration: "none",
+                transition: "border-color 0.2s, box-shadow 0.2s",
+                fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+                boxSizing: "border-box",
+                color: "inherit",
+            }, children: [_jsx("div", { style: {
+                        position: "relative",
+                        width: "80px",
+                        height: "80px",
+                        flexShrink: 0,
+                        borderRadius: "2px",
+                        overflow: "hidden",
+                        backgroundColor: "#f4f4f5",
+                    }, children: imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover" } })) : (_jsx("div", { style: { width: "100%", height: "100%", backgroundColor: "#e4e4e7" } })) }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px", minWidth: 0 }, children: [_jsx("p", { style: { fontWeight: 700, color: "#18181b", fontSize: "14px", margin: 0, lineHeight: 1.4, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: project.title }), badgeValue && (_jsx("p", { style: { fontSize: "12px", color: "#71717a", margin: 0 }, children: badgeValue })), compactTags.length > 0 && (_jsx("p", { style: { fontSize: "12px", color: "#f18a00", margin: 0, lineHeight: 1.4 }, children: compactTags.join(" · ") }))] })] }));
+    }
+    return (_jsxs("article", { style: {
+            all: "revert",
+            backgroundColor: "#fff",
+            borderRadius: "2px",
+            boxShadow: "0 2px 8px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.07)",
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column",
+            transition: "box-shadow 0.3s",
+            fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+            boxSizing: "border-box",
+        }, children: [_jsxs("div", { className: "chisel-project-card-img", style: { position: "relative", width: "100%", overflow: "hidden", flexShrink: 0 }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, loading: priority ? "eager" : "lazy", style: { width: "100%", height: "100%", objectFit: "cover" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#f4f4f5" } })), _jsx("div", { style: {
+                            position: "absolute",
+                            inset: 0,
+                            background: "linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.25) 50%, transparent 100%)",
+                        } }), project.is_featured && (_jsx("span", { style: {
+                            position: "absolute",
+                            top: "1rem",
+                            left: "1rem",
+                            backgroundColor: "#fbbf24",
+                            color: "#451a03",
+                            fontSize: "11px",
+                            fontWeight: 700,
+                            textTransform: "uppercase",
+                            letterSpacing: "0.05em",
+                            padding: "3px 10px",
+                            zIndex: 10,
+                        }, children: "Featured" })), _jsxs("div", { style: {
+                            position: "absolute",
+                            bottom: 0,
+                            left: 0,
+                            right: 0,
+                            padding: "1.25rem",
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: "6px",
+                            zIndex: 10,
+                        }, children: [badgeValue && (_jsx("span", { style: {
+                                    alignSelf: "flex-start",
+                                    backgroundColor: "rgba(255,255,255,0.85)",
+                                    backdropFilter: "blur(4px)",
+                                    color: "#27272a",
+                                    fontSize: "11px",
+                                    fontWeight: 600,
+                                    padding: "3px 10px",
+                                }, children: badgeValue })), _jsx("h3", { style: { color: "#fff", fontWeight: 700, fontSize: "20px", lineHeight: 1.3, margin: 0, padding: 0, fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: project.title }), locationString && (_jsx("p", { style: { color: "rgba(255,255,255,0.8)", fontSize: "14px", margin: 0 }, children: locationString }))] })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", flex: 1, padding: "1.5rem" }, children: [(project.blurb || project.description) && (_jsx("p", { style: { fontSize: "14px", color: "#3f3f46", lineHeight: 1.6, margin: "0 0 16px 0" }, children: project.blurb || project.description })), tagFields.map((field) => {
+                        var _a;
+                        const vals = parseMultiValue(project.custom_field_values[field.key]);
+                        if (vals.length === 0)
+                            return null;
+                        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+                        const hasOptions = Object.keys(optMap).length > 0;
+                        // Filter out archived values — if optMap is populated and the value isn't in it, it's archived
+                        const activeVals = hasOptions ? vals.filter((val) => optMap[val] !== undefined) : vals;
+                        if (activeVals.length === 0)
+                            return null;
+                        return (_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 600, letterSpacing: "0.1em", textTransform: "uppercase", color: "#a1a1aa", marginBottom: "8px" }, children: "Systems Used:" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: activeVals.map((val, i) => {
+                                        var _a, _b, _c, _d;
+                                        // Normalize: look up by id or label, always display the label
+                                        const label = (_a = optMap[val]) !== null && _a !== void 0 ? _a : val;
+                                        const url = (_c = (_b = field.option_urls) === null || _b === void 0 ? void 0 : _b[val]) !== null && _c !== void 0 ? _c : (_d = field.option_urls) === null || _d === void 0 ? void 0 : _d[label];
+                                        const tagStyle = {
+                                            border: "1px solid #d4d4d8",
+                                            padding: "4px 12px",
+                                            fontSize: "14px",
+                                            color: "#3f3f46",
+                                            textDecoration: "none",
+                                            backgroundColor: "transparent",
+                                            cursor: url ? "pointer" : "default",
+                                        };
+                                        return url ? (_jsx("a", { href: url, style: tagStyle, children: label }, `${project.id}-${field.key}-${i}`)) : (_jsx("span", { style: tagStyle, children: label }, `${project.id}-${field.key}-${i}`));
+                                    }) })] }, `${project.id}-${field.key}`));
+                    }), _jsx("div", { style: { flex: 1 } }), _jsxs("div", { style: { marginTop: "16px", borderTop: "1px solid #e4e4e7", paddingTop: "12px", display: "flex", alignItems: "flex-end", justifyContent: "space-between", gap: "16px" }, children: [footerStat ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [_jsx("span", { style: { fontSize: "12px", color: "#a1a1aa" }, children: footerStat.label }), _jsx("span", { style: { color: "#18181b", fontWeight: 700, fontSize: "16px" }, children: footerStat.formatted })] })) : _jsx("div", {}), _jsx("a", { href: href, style: { all: "revert", color: "#f18a00", fontWeight: 600, fontSize: "14px", textDecoration: "none", flexShrink: 0, fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: "Details \u2192" })] })] })] }));
+}

package/dist/ProjectDetail.d.ts

@@ -0,0 +1,25 @@
+export interface ProjectDetailProps {
+    /** The project slug to load */
+    slug: string;
+    /** The client slug identifying which client owns this project */
+    clientSlug: string;
+    /** Base URL of the projects API */
+    apiBase: string;
+    /** Base path for the "back" link and "View All" link. Defaults to "/projects" */
+    backPath?: string;
+    /** Label for the "back" link. Defaults to "All Projects" */
+    backLabel?: string;
+    /**
+     * Seconds to cache via Next.js Data Cache on production deployments.
+     * React.cache() always deduplicates within a single render in all environments.
+     * Defaults to 60.
+     */
+    revalidate?: number;
+    /**
+     * When true, bypasses the Next.js Data Cache and always fetches fresh data.
+     * Sets fetch cache to "no-store". Useful during development or for frequently updated projects.
+     */
+    noCache?: boolean;
+}
+export declare function ProjectDetail({ slug, clientSlug, apiBase, backPath, backLabel, revalidate, noCache, }: ProjectDetailProps): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=ProjectDetail.d.ts.map

package/dist/ProjectDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAWA,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;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAoED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,EACf,OAAe,GAChB,EAAE,kBAAkB,oDAoQpB"}

package/dist/ProjectDetail.js

@@ -0,0 +1,179 @@
+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) {
+    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 fetchProjectDetail = cache(async (apiBase, clientSlug, slug, revalidate, noCache) => {
+    var _a, _b, _c, _d;
+    const fetchOpts = noCache
+        ? { cache: "no-store" }
+        : revalidate > 0
+            ? { next: { revalidate } }
+            : {};
+    try {
+        // Single call — /projects/{slug} returns the project AND client.custom_fields_schema
+        // with full options embedded. No need for a separate /fields call.
+        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 : []);
+        // Build fieldOptionsMap directly from schema options — identical data to /fields
+        const fieldOptionsMap = {};
+        for (const field of schema) {
+            const map = {};
+            for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
+                if (typeof opt === "object" && opt.id && opt.label) {
+                    map[opt.id] = opt.label;
+                    map[opt.label] = opt.label;
+                }
+            }
+            fieldOptionsMap[field.key] = map;
+        }
+        return { project, schema, fieldOptionsMap };
+    }
+    catch (_e) {
+        return { project: null, schema: [], fieldOptionsMap: {} };
+    }
+});
+// ─── Component ───────────────────────────────────────────────────────────────
+export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/projects", backLabel = "All Projects", revalidate = 60, noCache = false, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { project, schema, fieldOptionsMap } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate, noCache);
+    if (!project) {
+        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
+        ? ((_e = project.media) !== null && _e !== void 0 ? _e : [])
+        : ((_g = (_f = project.media) === null || _f === void 0 ? void 0 : _f.slice(1)) !== null && _g !== void 0 ? _g : []);
+    const badgeField = schema.find((f) => f.display_position === "badge_overlay");
+    const locationField = schema.find((f) => f.type === "location");
+    const badgeRaw = badgeField
+        ? ((_h = parseMultiValue(project.custom_field_values[badgeField.key])[0]) !== null && _h !== void 0 ? _h : null)
+        : null;
+    const badgeOptMap = badgeField ? ((_j = fieldOptionsMap[badgeField.key]) !== null && _j !== void 0 ? _j : {}) : {};
+    const badgeValue = badgeRaw ? ((_k = badgeOptMap[badgeRaw]) !== null && _k !== void 0 ? _k : badgeRaw) : null;
+    const locationValue = locationField
+        ? project.custom_field_values[locationField.key]
+        : null;
+    const locationString = locationValue
+        ? [locationValue.city, locationValue.state].filter(Boolean).join(", ")
+        : null;
+    // Helper: format a raw field value to a display string, resolving slugs via fieldOptionsMap
+    function formatFieldValue(field, raw) {
+        var _a, _b;
+        if (raw === null || raw === undefined || raw === "")
+            return null;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+        if (typeof raw === "string")
+            return (_b = optMap[raw]) !== null && _b !== void 0 ? _b : raw;
+        if (typeof raw === "number") {
+            if (/year/i.test(field.key + field.name))
+                return String(Math.round(raw));
+            return Math.round(raw).toLocaleString();
+        }
+        if (Array.isArray(raw)) {
+            const hasOptions = Object.keys(optMap).length > 0;
+            const vals = raw.map(String).filter(Boolean);
+            const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+            const labels = active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+            return labels.length > 0 ? labels.join(", ") : null;
+        }
+        return null;
+    }
+    // ── Stats bar: explicit ordered list of fields to show ────────────────────
+    // Location and badge/type are handled first from their detected fields,
+    // then remaining stat bar fields are matched by key in the schema.
+    const STAT_BAR_KEYS = ["coverage", "year-completed", "architect", "general-contractor"];
+    const metadataStats = [];
+    if (locationString) {
+        metadataStats.push({ label: "Location", value: locationString });
+    }
+    if (badgeValue) {
+        metadataStats.push({ label: badgeField.name, value: badgeValue });
+    }
+    for (const key of STAT_BAR_KEYS) {
+        const field = schema.find((f) => f.key === key);
+        if (!field)
+            continue;
+        const raw = project.custom_field_values[field.key];
+        const formatted = formatFieldValue(field, raw);
+        // Use "Completed" as the label for year-completed
+        const label = key === "year-completed" ? "Completed" : field.name;
+        if (formatted)
+            metadataStats.push({ label, value: formatted });
+    }
+    // ── Specs sidebar: explicit ordered list of fields ────────────────────────
+    const SPEC_SIDEBAR_KEYS = [
+        "systems-used",
+        "systems",
+        "series-used",
+        "operation-type",
+        "finishes",
+        "specifications",
+    ];
+    const specFields = SPEC_SIDEBAR_KEYS
+        .map((key) => schema.find((f) => f.key === key))
+        .filter((f) => f !== undefined);
+    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%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1rem 1.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] }))] })] }), metadataStats.length > 0 && (_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: 0; }
+            @media (min-width: 640px) { .chisel-stats-grid { grid-template-columns: repeat(3, 1fr); } }
+            @media (min-width: 1024px) { .chisel-stats-grid { grid-template-columns: repeat(${Math.min(metadataStats.length, 6)}, 1fr); } }
+            .chisel-stat-item { padding: 1.5rem 1.25rem; border-right: 1px solid #e4e4e7; border-bottom: 1px solid #e4e4e7; }
+            .chisel-stat-item:last-child { border-right: none; }
+            .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; }
+            .chisel-overview-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
+            @media (min-width: 1024px) { .chisel-overview-grid { grid-template-columns: 1fr 300px; gap: 4rem; align-items: start; } }
+          ` }), _jsx("div", { style: { maxWidth: "1280px", margin: "0 auto", boxSizing: "border-box", padding: "0 0 0 0" }, className: "chisel-stats-grid", children: metadataStats.map(({ label, value }) => (_jsxs("div", { className: "chisel-stat-item", children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 8px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0, lineHeight: 1.4 }, children: value })] }, label))) })] })), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "3rem 1.5rem", boxSizing: "border-box" }, children: [(project.blurb || project.description || specFields.length > 0) && (_jsxs("section", { style: { marginBottom: "3rem" }, children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem", display: "flex", alignItems: "baseline", justifyContent: "space-between" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Overview" }) }), _jsxs("div", { className: "chisel-overview-grid", children: [_jsxs("div", { children: [project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: "0 0 20px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: 0 }, children: project.description }))] }), specFields.length > 0 && (_jsx("aside", { style: { borderLeft: "3px solid #f18a00", paddingLeft: "2rem" }, children: _jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2rem" }, children: specFields.map((field) => {
+                                                var _a;
+                                                const raw = project.custom_field_values[field.key];
+                                                const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+                                                const hasOptions = Object.keys(optMap).length > 0;
+                                                const rawVals = Array.isArray(raw)
+                                                    ? raw.map(String).filter(Boolean)
+                                                    : typeof raw === "string"
+                                                        ? [raw]
+                                                        : raw !== null && raw !== undefined
+                                                            ? [String(raw)]
+                                                            : [];
+                                                // Filter out archived values and resolve slugs to labels
+                                                const vals = hasOptions
+                                                    ? rawVals.filter((v) => optMap[v] !== undefined).map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; })
+                                                    : rawVals;
+                                                if (vals.length === 0)
+                                                    return null;
+                                                return (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 12px 0" }, children: field.name }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: vals.map((val) => (_jsx("span", { style: {
+                                                                    display: "inline-block",
+                                                                    padding: "5px 14px",
+                                                                    backgroundColor: "#fafafa",
+                                                                    border: "1px solid #e4e4e7",
+                                                                    color: "#3f3f46",
+                                                                    fontSize: "13px",
+                                                                    fontWeight: 500,
+                                                                    borderRadius: "2px",
+                                                                    lineHeight: 1.5,
+                                                                }, children: val }, val))) })] }, field.key));
+                                            }) }) }))] })] })), _jsxs("section", { children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", 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: "16/9", 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/ProjectFilters.d.ts

@@ -0,0 +1,11 @@
+import type { CustomFieldSchema } from "./types";
+interface ProjectFiltersProps {
+    fields: CustomFieldSchema[];
+    filters: Record<string, string>;
+    onFilterChange: (key: string, value: string) => void;
+    onClearFilters: () => void;
+    hasActiveFilters: boolean;
+}
+export declare function ProjectFilters({ fields, filters, onFilterChange, onClearFilters, hasActiveFilters, }: ProjectFiltersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProjectFilters.d.ts.map

package/dist/ProjectFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectFilters.d.ts","sourceRoot":"","sources":["../src/ProjectFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,mBAAmB,2CAgGrB"}

package/dist/ProjectFilters.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ProjectFilters({ fields, filters, onFilterChange, onClearFilters, hasActiveFilters, }) {
+    const deduped = fields.filter((f, i, arr) => arr.findIndex((x) => x.key === f.key) === i);
+    return (_jsxs("div", { style: {
+            marginBottom: "2rem",
+            paddingBottom: "2rem",
+            borderBottom: "1px solid #e4e4e7",
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "flex-end",
+            gap: "1rem",
+        }, children: [deduped.map((field, fieldIndex) => {
+                if (field.type === "select" || field.type === "multi-select") {
+                    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: [_jsx("label", { style: { fontSize: "13px", fontWeight: 500, color: "#71717a" }, children: field.name }), _jsxs("select", { value: filters[field.key] || "all", onChange: (e) => onFilterChange(field.key, e.target.value === "all" ? "" : e.target.value), style: {
+                                    width: "180px",
+                                    padding: "8px 12px",
+                                    border: "1px solid #e4e4e7",
+                                    borderRadius: "6px",
+                                    fontSize: "14px",
+                                    backgroundColor: "#fff",
+                                    color: "#18181b",
+                                    outline: "none",
+                                    cursor: "pointer",
+                                }, children: [_jsxs("option", { value: "all", children: ["All ", field.name] }), [...new Set(field.options.map((o) => typeof o === "string" ? o : o.label))].map((option, i) => (_jsx("option", { value: option, children: option }, `${field.key}-opt-${i}`)))] })] }, `filter-${fieldIndex}-${field.key}`));
+                }
+                if (field.type === "text" || field.type === "location") {
+                    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: [_jsx("label", { style: { fontSize: "13px", fontWeight: 500, color: "#71717a" }, children: field.name }), _jsx("input", { type: "text", placeholder: `Search ${field.name.toLowerCase()}...`, value: filters[field.key] || "", onChange: (e) => onFilterChange(field.key, e.target.value), style: {
+                                    width: "180px",
+                                    padding: "8px 12px",
+                                    border: "1px solid #e4e4e7",
+                                    borderRadius: "6px",
+                                    fontSize: "14px",
+                                    color: "#18181b",
+                                    outline: "none",
+                                } })] }, `filter-${fieldIndex}-${field.key}`));
+                }
+                return null;
+            }), hasActiveFilters && (_jsx("button", { onClick: onClearFilters, style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    padding: "8px 12px",
+                    background: "none",
+                    border: "none",
+                    fontSize: "14px",
+                    color: "#71717a",
+                    cursor: "pointer",
+                }, children: "\u00D7 Clear filters" }))] }));
+}

package/dist/ProjectGrid.d.ts

@@ -0,0 +1,10 @@
+import type { Project, CustomFieldSchema } from "./types";
+interface ProjectGridProps {
+    projects: Project[];
+    schema: CustomFieldSchema[];
+    /** Base path for project detail links. Defaults to "/projects" */
+    basePath?: string;
+}
+export declare function ProjectGrid({ projects, schema, basePath }: ProjectGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProjectGrid.d.ts.map

package/dist/ProjectGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectGrid.d.ts","sourceRoot":"","sources":["../src/ProjectGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEzD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAsB,EAAE,EAAE,gBAAgB,2CAsBzF"}

package/dist/ProjectGrid.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProjectCard } from "./ProjectCard";
+export function ProjectGrid({ projects, schema, basePath = "/projects" }) {
+    if (projects.length === 0) {
+        return (_jsx("div", { style: { textAlign: "center", padding: "4rem 0" }, children: _jsx("p", { style: { color: "#71717a" }, children: "No projects found." }) }));
+    }
+    return (_jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "2rem" }, children: projects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, priority: index === 0, basePath: basePath }, project.id))) }));
+}