@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/site-image-viewer/blocks-zone-1b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks-zone-1b.mjs","names":[],"sources":["../../src/site-image-viewer/blocks-zone-1b.json"],"sourcesContent":[""],"mappings":""}

package/dist/site-image-viewer/legend-items.d.mts

@@ -0,0 +1,6 @@
+import { LegendItem } from "../legend.mjs";
+//#region src/site-image-viewer/legend-items.d.ts
+export declare const PROGRESS_LEGEND_ITEMS: LegendItem[];
+export declare const VARIANCE_LEGEND_ITEMS: LegendItem[];
+//#endregion
+//# sourceMappingURL=legend-items.d.mts.map

package/dist/site-image-viewer/legend-items.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-items.d.mts","names":[],"sources":["../../src/site-image-viewer/legend-items.ts"],"mappings":";;qBAaa,uBAAuB;qBA6DvB,uBAAuB"}

package/dist/site-image-viewer/legend-items.mjs

@@ -0,0 +1,104 @@
+import { MILESTONE_COLOR_RAMP, MILESTONE_LABELS, MILESTONE_RANGES, MISSING_STYLE, OVERLAY_OPACITY, UNLINKED_STYLE, VARIANCE_STYLES } from "./milestone-ramp.mjs";
+//#region src/site-image-viewer/legend-items.ts
+const PROGRESS_LEGEND_ITEMS = [
+	{
+		id: "ms35",
+		label: MILESTONE_LABELS.ms35,
+		description: MILESTONE_RANGES.ms35,
+		color: MILESTONE_COLOR_RAMP.ms35,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "ms50",
+		label: MILESTONE_LABELS.ms50,
+		description: MILESTONE_RANGES.ms50,
+		color: MILESTONE_COLOR_RAMP.ms50,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "ms65",
+		label: MILESTONE_LABELS.ms65,
+		description: MILESTONE_RANGES.ms65,
+		color: MILESTONE_COLOR_RAMP.ms65,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "ms80",
+		label: MILESTONE_LABELS.ms80,
+		description: MILESTONE_RANGES.ms80,
+		color: MILESTONE_COLOR_RAMP.ms80,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "ms95",
+		label: MILESTONE_LABELS.ms95,
+		description: MILESTONE_RANGES.ms95,
+		color: MILESTONE_COLOR_RAMP.ms95,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "ms100",
+		label: MILESTONE_LABELS.ms100,
+		description: MILESTONE_RANGES.ms100,
+		color: MILESTONE_COLOR_RAMP.ms100,
+		opacity: OVERLAY_OPACITY
+	},
+	{
+		id: "missing",
+		label: "Missing data",
+		description: "Linked, no progress",
+		color: MISSING_STYLE.fill,
+		borderColor: MISSING_STYLE.stroke,
+		opacity: MISSING_STYLE.opacity
+	},
+	{
+		id: "unlinked",
+		label: "Unlinked",
+		description: "No LBS link",
+		color: UNLINKED_STYLE.fill,
+		borderColor: UNLINKED_STYLE.stroke,
+		opacity: UNLINKED_STYLE.opacity
+	}
+];
+const VARIANCE_LEGEND_ITEMS = [
+	{
+		id: "behind",
+		label: "Behind",
+		description: "> 2.5% behind plan",
+		color: VARIANCE_STYLES.behind.fill,
+		opacity: VARIANCE_STYLES.behind.opacity
+	},
+	{
+		id: "onTrack",
+		label: "On track",
+		description: "within ±2.5%",
+		color: VARIANCE_STYLES.onTrack.fill,
+		opacity: VARIANCE_STYLES.onTrack.opacity
+	},
+	{
+		id: "ahead",
+		label: "Ahead",
+		description: "> 2.5% ahead",
+		color: VARIANCE_STYLES.ahead.fill,
+		opacity: VARIANCE_STYLES.ahead.opacity
+	},
+	{
+		id: "missing",
+		label: "Missing data",
+		description: "No approved/planned",
+		color: VARIANCE_STYLES.missingData.fill,
+		opacity: VARIANCE_STYLES.missingData.opacity
+	},
+	{
+		id: "unlinked",
+		label: "Unlinked",
+		description: "No LBS link",
+		color: UNLINKED_STYLE.fill,
+		borderColor: UNLINKED_STYLE.stroke,
+		opacity: UNLINKED_STYLE.opacity
+	}
+];
+//#endregion
+export { PROGRESS_LEGEND_ITEMS, VARIANCE_LEGEND_ITEMS };
+
+//# sourceMappingURL=legend-items.mjs.map

package/dist/site-image-viewer/legend-items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-items.mjs","names":[],"sources":["../../src/site-image-viewer/legend-items.ts"],"sourcesContent":["import {type LegendItem} from \"../legend\";\nimport {\n\tMILESTONE_COLOR_RAMP,\n\tMILESTONE_LABELS,\n\tMILESTONE_RANGES,\n\tMISSING_STYLE,\n\tOVERLAY_OPACITY,\n\tUNLINKED_STYLE,\n\tVARIANCE_STYLES,\n} from \"./milestone-ramp\";\n\n// Legend rows, sourced from the same ramp/state colours as the polygon fills. Swatch `opacity` mirrors\n// each state's overlay opacity so the key reads like the villas on the plan.\nexport const PROGRESS_LEGEND_ITEMS: LegendItem[] = [\n\t{\n\t\tid: \"ms35\",\n\t\tlabel: MILESTONE_LABELS.ms35,\n\t\tdescription: MILESTONE_RANGES.ms35,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms35,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"ms50\",\n\t\tlabel: MILESTONE_LABELS.ms50,\n\t\tdescription: MILESTONE_RANGES.ms50,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms50,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"ms65\",\n\t\tlabel: MILESTONE_LABELS.ms65,\n\t\tdescription: MILESTONE_RANGES.ms65,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms65,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"ms80\",\n\t\tlabel: MILESTONE_LABELS.ms80,\n\t\tdescription: MILESTONE_RANGES.ms80,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms80,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"ms95\",\n\t\tlabel: MILESTONE_LABELS.ms95,\n\t\tdescription: MILESTONE_RANGES.ms95,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms95,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"ms100\",\n\t\tlabel: MILESTONE_LABELS.ms100,\n\t\tdescription: MILESTONE_RANGES.ms100,\n\t\tcolor: MILESTONE_COLOR_RAMP.ms100,\n\t\topacity: OVERLAY_OPACITY,\n\t},\n\t{\n\t\tid: \"missing\",\n\t\tlabel: \"Missing data\",\n\t\tdescription: \"Linked, no progress\",\n\t\tcolor: MISSING_STYLE.fill,\n\t\tborderColor: MISSING_STYLE.stroke,\n\t\topacity: MISSING_STYLE.opacity,\n\t},\n\t{\n\t\tid: \"unlinked\",\n\t\tlabel: \"Unlinked\",\n\t\tdescription: \"No LBS link\",\n\t\tcolor: UNLINKED_STYLE.fill,\n\t\tborderColor: UNLINKED_STYLE.stroke,\n\t\topacity: UNLINKED_STYLE.opacity,\n\t},\n];\n\nexport const VARIANCE_LEGEND_ITEMS: LegendItem[] = [\n\t{\n\t\tid: \"behind\",\n\t\tlabel: \"Behind\",\n\t\tdescription: \"> 2.5% behind plan\",\n\t\tcolor: VARIANCE_STYLES.behind.fill,\n\t\topacity: VARIANCE_STYLES.behind.opacity,\n\t},\n\t{\n\t\tid: \"onTrack\",\n\t\tlabel: \"On track\",\n\t\tdescription: \"within ±2.5%\",\n\t\tcolor: VARIANCE_STYLES.onTrack.fill,\n\t\topacity: VARIANCE_STYLES.onTrack.opacity,\n\t},\n\t{\n\t\tid: \"ahead\",\n\t\tlabel: \"Ahead\",\n\t\tdescription: \"> 2.5% ahead\",\n\t\tcolor: VARIANCE_STYLES.ahead.fill,\n\t\topacity: VARIANCE_STYLES.ahead.opacity,\n\t},\n\t{\n\t\tid: \"missing\",\n\t\tlabel: \"Missing data\",\n\t\tdescription: \"No approved/planned\",\n\t\tcolor: VARIANCE_STYLES.missingData.fill,\n\t\topacity: VARIANCE_STYLES.missingData.opacity,\n\t},\n\t{\n\t\tid: \"unlinked\",\n\t\tlabel: \"Unlinked\",\n\t\tdescription: \"No LBS link\",\n\t\tcolor: UNLINKED_STYLE.fill,\n\t\tborderColor: UNLINKED_STYLE.stroke,\n\t\topacity: UNLINKED_STYLE.opacity,\n\t},\n];\n"],"mappings":";;AAaA,MAAa,wBAAsC;CAClD;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO,iBAAiB;EACxB,aAAa,iBAAiB;EAC9B,OAAO,qBAAqB;EAC5B,SAAS;CACV;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,cAAc;EACrB,aAAa,cAAc;EAC3B,SAAS,cAAc;CACxB;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,eAAe;EACtB,aAAa,eAAe;EAC5B,SAAS,eAAe;CACzB;AACD;AAEA,MAAa,wBAAsC;CAClD;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,gBAAgB,OAAO;EAC9B,SAAS,gBAAgB,OAAO;CACjC;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,gBAAgB,QAAQ;EAC/B,SAAS,gBAAgB,QAAQ;CAClC;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,gBAAgB,MAAM;EAC7B,SAAS,gBAAgB,MAAM;CAChC;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,gBAAgB,YAAY;EACnC,SAAS,gBAAgB,YAAY;CACtC;CACA;EACC,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO,eAAe;EACtB,aAAa,eAAe;EAC5B,SAAS,eAAe;CACzB;AACD"}

package/dist/site-image-viewer/milestone-ramp.d.mts

@@ -0,0 +1,81 @@
+//#region src/site-image-viewer/milestone-ramp.d.ts
+export declare const MILESTONE_COLOR_RAMP: {
+  readonly ms35: "#93C5FD";
+  readonly ms50: "#3B82F6";
+  readonly ms65: "#FACC15";
+  readonly ms80: "#84CC16";
+  readonly ms95: "#22C55E";
+  readonly ms100: "#15803D";
+};
+export type MilestoneBucket = keyof typeof MILESTONE_COLOR_RAMP;
+/** Progress % → ramp bucket. Strict `>` comparisons: exactly 35 → ms35, 35.1 → ms50, 100 → ms100. */
+export declare function approvedProgressToBucket(percent: number): MilestoneBucket;
+/**
+ * Label shown for each bucket — the milestone the villa has REACHED, not the bucket ceiling. A villa in the
+ * >35–50% band has passed the M35 milestone (but not M50), so it reads "M35"; anything below the first
+ * milestone reads "<M35". This is the single source of truth for the legend, distribution, filter and hover.
+ */
+export declare const MILESTONE_LABELS: Record<MilestoneBucket, string>;
+/** The progress range each bucket covers (paired with MILESTONE_LABELS). */
+export declare const MILESTONE_RANGES: Record<MilestoneBucket, string>;
+/** Human label for a bucket, e.g. "M65". */
+export declare function bucketLabel(b: MilestoneBucket): string;
+export declare const UNLINKED_STYLE: {
+  readonly fill: "#e5e7eb";
+  readonly stroke: "#71717a";
+  readonly opacity: 0.32;
+};
+export declare const MISSING_STYLE: {
+  readonly fill: "#94a3b8";
+  readonly stroke: "#475569";
+  readonly opacity: 0.5;
+};
+/** Overlay opacity for a coloured (linked, has-progress) villa. */
+export declare const OVERLAY_OPACITY = 0.7;
+/**
+ * Uniform neutral fill used to HIDE progress colouring (e.g. on the parent grouping levels — phase / zone /
+ * batch / block) while the underlying progress values stay intact. Every polygon renders this one grey
+ * regardless of progress or link state.
+ */
+export declare const MONOCHROME_STYLE: {
+  readonly fill: "#9ca3af";
+  readonly stroke: "#6b7280";
+  readonly opacity: 0.7;
+};
+export declare const VARIANCE_ON_TRACK_THRESHOLD_PERCENT = 2.5;
+export declare const VARIANCE_STYLES: {
+  readonly behind: {
+    readonly fill: "#ef4444";
+    readonly stroke: "#b91c1c";
+    readonly opacity: 0.7;
+  };
+  readonly onTrack: {
+    readonly fill: "#0ea5e9";
+    readonly stroke: "#0369a1";
+    readonly opacity: 0.68;
+  };
+  readonly ahead: {
+    readonly fill: "#22c55e";
+    readonly stroke: "#15803d";
+    readonly opacity: 0.7;
+  };
+  readonly missingData: {
+    readonly fill: "#94a3b8";
+    readonly stroke: "#475569";
+    readonly opacity: 0.5;
+  };
+};
+export declare function classifyVariance(approved: number | null | undefined, planned: number | null | undefined): keyof typeof VARIANCE_STYLES;
+export type ShapeStyle = {
+  fill: string;
+  stroke: string;
+  opacity: number;
+};
+/** The single resolver a villa polygon uses for its fill/stroke/opacity. */
+export declare function styleForVilla(villa: {
+  linkedLbsItemId: number | null;
+  approvedProgressPercent: number | null;
+  plannedProgressPercent?: number | null;
+}, mapMode?: "progress" | "variance"): ShapeStyle;
+//#endregion
+//# sourceMappingURL=milestone-ramp.d.mts.map

package/dist/site-image-viewer/milestone-ramp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-ramp.d.mts","names":[],"sources":["../../src/site-image-viewer/milestone-ramp.ts"],"mappings":";qBAIa;;;;;;;;YASD,+BAA+B;;wBAG3B,yBAAyB,kBAAkB;;;;;;qBAc9C,kBAAkB,OAAO;;qBAUzB,kBAAkB,OAAO;;wBAUtB,YAAY,GAAG;qBAKlB;;;;;qBAKA;;;;;;qBAOA;;;;;;qBAOA;;;;;qBAOA;qBACA;;;;;;;;;;;;;;;;;;;;;;wBAOG,iBACf,qCACA,kDACe;YAQJ;EAAc;EAAc;EAAgB;;;wBAGxC,cACf;EACC;EACA;EACA;GAED,oCACE"}

package/dist/site-image-viewer/milestone-ramp.mjs

@@ -0,0 +1,112 @@
+//#region src/site-image-viewer/milestone-ramp.ts
+const MILESTONE_COLOR_RAMP = {
+	ms35: "#93C5FD",
+	ms50: "#3B82F6",
+	ms65: "#FACC15",
+	ms80: "#84CC16",
+	ms95: "#22C55E",
+	ms100: "#15803D"
+};
+/** Progress % → ramp bucket. Strict `>` comparisons: exactly 35 → ms35, 35.1 → ms50, 100 → ms100. */
+function approvedProgressToBucket(percent) {
+	if (percent > 95) return "ms100";
+	if (percent > 80) return "ms95";
+	if (percent > 65) return "ms80";
+	if (percent > 50) return "ms65";
+	if (percent > 35) return "ms50";
+	return "ms35";
+}
+/**
+* Label shown for each bucket — the milestone the villa has REACHED, not the bucket ceiling. A villa in the
+* >35–50% band has passed the M35 milestone (but not M50), so it reads "M35"; anything below the first
+* milestone reads "<M35". This is the single source of truth for the legend, distribution, filter and hover.
+*/
+const MILESTONE_LABELS = {
+	ms35: "<M35",
+	ms50: "M35",
+	ms65: "M50",
+	ms80: "M65",
+	ms95: "M80",
+	ms100: "M95"
+};
+/** The progress range each bucket covers (paired with MILESTONE_LABELS). */
+const MILESTONE_RANGES = {
+	ms35: "<35%",
+	ms50: "35–50%",
+	ms65: "50–65%",
+	ms80: "65–80%",
+	ms95: "80–95%",
+	ms100: "95–100%"
+};
+/** Human label for a bucket, e.g. "M65". */
+function bucketLabel(b) {
+	return MILESTONE_LABELS[b];
+}
+const UNLINKED_STYLE = {
+	fill: "#e5e7eb",
+	stroke: "#71717a",
+	opacity: .32
+};
+const MISSING_STYLE = {
+	fill: "#94a3b8",
+	stroke: "#475569",
+	opacity: .5
+};
+/** Overlay opacity for a coloured (linked, has-progress) villa. */
+const OVERLAY_OPACITY = .7;
+/**
+* Uniform neutral fill used to HIDE progress colouring (e.g. on the parent grouping levels — phase / zone /
+* batch / block) while the underlying progress values stay intact. Every polygon renders this one grey
+* regardless of progress or link state.
+*/
+const MONOCHROME_STYLE = {
+	fill: "#9ca3af",
+	stroke: "#6b7280",
+	opacity: OVERLAY_OPACITY
+};
+const VARIANCE_ON_TRACK_THRESHOLD_PERCENT = 2.5;
+const VARIANCE_STYLES = {
+	behind: {
+		fill: "#ef4444",
+		stroke: "#b91c1c",
+		opacity: .7
+	},
+	onTrack: {
+		fill: "#0ea5e9",
+		stroke: "#0369a1",
+		opacity: .68
+	},
+	ahead: {
+		fill: "#22c55e",
+		stroke: "#15803d",
+		opacity: .7
+	},
+	missingData: {
+		fill: "#94a3b8",
+		stroke: "#475569",
+		opacity: .5
+	}
+};
+function classifyVariance(approved, planned) {
+	if (approved == null || planned == null) return "missingData";
+	const variance = approved - planned;
+	if (variance < -2.5) return "behind";
+	if (variance > 2.5) return "ahead";
+	return "onTrack";
+}
+/** The single resolver a villa polygon uses for its fill/stroke/opacity. */
+function styleForVilla(villa, mapMode = "progress") {
+	if (villa.linkedLbsItemId == null) return { ...UNLINKED_STYLE };
+	if (mapMode === "variance") return { ...VARIANCE_STYLES[classifyVariance(villa.approvedProgressPercent, villa.plannedProgressPercent)] };
+	if (villa.approvedProgressPercent == null) return { ...MISSING_STYLE };
+	const hex = MILESTONE_COLOR_RAMP[approvedProgressToBucket(villa.approvedProgressPercent)];
+	return {
+		fill: hex,
+		stroke: hex,
+		opacity: OVERLAY_OPACITY
+	};
+}
+//#endregion
+export { MILESTONE_COLOR_RAMP, MILESTONE_LABELS, MILESTONE_RANGES, MISSING_STYLE, MONOCHROME_STYLE, OVERLAY_OPACITY, UNLINKED_STYLE, VARIANCE_ON_TRACK_THRESHOLD_PERCENT, VARIANCE_STYLES, approvedProgressToBucket, bucketLabel, classifyVariance, styleForVilla };
+
+//# sourceMappingURL=milestone-ramp.mjs.map

package/dist/site-image-viewer/milestone-ramp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-ramp.mjs","names":[],"sources":["../../src/site-image-viewer/milestone-ramp.ts"],"sourcesContent":["// SHA-1036 milestone colour ramp + variance classification — the load-bearing design decision for the\n// site view. These exact hexes + strict-`>` breakpoints are duplicated across the shape fill, the\n// hover-card status chip, and the legend, and MUST stay identical.\n\nexport const MILESTONE_COLOR_RAMP = {\n\tms35: \"#93C5FD\", // light blue   (0–35%)\n\tms50: \"#3B82F6\", // blue         (>35–50%)\n\tms65: \"#FACC15\", // yellow       (>50–65%)\n\tms80: \"#84CC16\", // lime         (>65–80%)\n\tms95: \"#22C55E\", // green        (>80–95%)\n\tms100: \"#15803D\", // dark green  (>95%)\n} as const;\n\nexport type MilestoneBucket = keyof typeof MILESTONE_COLOR_RAMP;\n\n/** Progress % → ramp bucket. Strict `>` comparisons: exactly 35 → ms35, 35.1 → ms50, 100 → ms100. */\nexport function approvedProgressToBucket(percent: number): MilestoneBucket {\n\tif (percent > 95) return \"ms100\";\n\tif (percent > 80) return \"ms95\";\n\tif (percent > 65) return \"ms80\";\n\tif (percent > 50) return \"ms65\";\n\tif (percent > 35) return \"ms50\";\n\treturn \"ms35\";\n}\n\n/**\n * Label shown for each bucket — the milestone the villa has REACHED, not the bucket ceiling. A villa in the\n * >35–50% band has passed the M35 milestone (but not M50), so it reads \"M35\"; anything below the first\n * milestone reads \"<M35\". This is the single source of truth for the legend, distribution, filter and hover.\n */\nexport const MILESTONE_LABELS: Record<MilestoneBucket, string> = {\n\tms35: \"<M35\",\n\tms50: \"M35\",\n\tms65: \"M50\",\n\tms80: \"M65\",\n\tms95: \"M80\",\n\tms100: \"M95\",\n};\n\n/** The progress range each bucket covers (paired with MILESTONE_LABELS). */\nexport const MILESTONE_RANGES: Record<MilestoneBucket, string> = {\n\tms35: \"<35%\",\n\tms50: \"35–50%\",\n\tms65: \"50–65%\",\n\tms80: \"65–80%\",\n\tms95: \"80–95%\",\n\tms100: \"95–100%\",\n};\n\n/** Human label for a bucket, e.g. \"M65\". */\nexport function bucketLabel(b: MilestoneBucket): string {\n\treturn MILESTONE_LABELS[b];\n}\n\n// Non-ramp states.\nexport const UNLINKED_STYLE = {\n\tfill: \"#e5e7eb\",\n\tstroke: \"#71717a\",\n\topacity: 0.32,\n} as const;\nexport const MISSING_STYLE = {\n\tfill: \"#94a3b8\",\n\tstroke: \"#475569\",\n\topacity: 0.5,\n} as const;\n\n/** Overlay opacity for a coloured (linked, has-progress) villa. */\nexport const OVERLAY_OPACITY = 0.7;\n\n/**\n * Uniform neutral fill used to HIDE progress colouring (e.g. on the parent grouping levels — phase / zone /\n * batch / block) while the underlying progress values stay intact. Every polygon renders this one grey\n * regardless of progress or link state.\n */\nexport const MONOCHROME_STYLE = {\n\tfill: \"#9ca3af\", // zinc-400\n\tstroke: \"#6b7280\", // zinc-500\n\topacity: OVERLAY_OPACITY,\n} as const;\n\n// ---- Variance mode (mapMode === \"variance\") ----\nexport const VARIANCE_ON_TRACK_THRESHOLD_PERCENT = 2.5;\nexport const VARIANCE_STYLES = {\n\tbehind: {fill: \"#ef4444\", stroke: \"#b91c1c\", opacity: 0.7},\n\tonTrack: {fill: \"#0ea5e9\", stroke: \"#0369a1\", opacity: 0.68},\n\tahead: {fill: \"#22c55e\", stroke: \"#15803d\", opacity: 0.7},\n\tmissingData: {fill: \"#94a3b8\", stroke: \"#475569\", opacity: 0.5},\n} as const;\n\nexport function classifyVariance(\n\tapproved: number | null | undefined,\n\tplanned: number | null | undefined,\n): keyof typeof VARIANCE_STYLES {\n\tif (approved == null || planned == null) return \"missingData\";\n\tconst variance = approved - planned;\n\tif (variance < -VARIANCE_ON_TRACK_THRESHOLD_PERCENT) return \"behind\";\n\tif (variance > VARIANCE_ON_TRACK_THRESHOLD_PERCENT) return \"ahead\";\n\treturn \"onTrack\";\n}\n\nexport type ShapeStyle = {fill: string; stroke: string; opacity: number};\n\n/** The single resolver a villa polygon uses for its fill/stroke/opacity. */\nexport function styleForVilla(\n\tvilla: {\n\t\tlinkedLbsItemId: number | null;\n\t\tapprovedProgressPercent: number | null;\n\t\tplannedProgressPercent?: number | null;\n\t},\n\tmapMode: \"progress\" | \"variance\" = \"progress\",\n): ShapeStyle {\n\tif (villa.linkedLbsItemId == null) return {...UNLINKED_STYLE};\n\tif (mapMode === \"variance\") {\n\t\treturn {\n\t\t\t...VARIANCE_STYLES[classifyVariance(villa.approvedProgressPercent, villa.plannedProgressPercent)],\n\t\t};\n\t}\n\tif (villa.approvedProgressPercent == null) return {...MISSING_STYLE};\n\tconst hex = MILESTONE_COLOR_RAMP[approvedProgressToBucket(villa.approvedProgressPercent)];\n\treturn {fill: hex, stroke: hex, opacity: OVERLAY_OPACITY};\n}\n"],"mappings":";AAIA,MAAa,uBAAuB;CACnC,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;AACR;;AAKA,SAAgB,yBAAyB,SAAkC;CAC1E,IAAI,UAAU,IAAI,OAAO;CACzB,IAAI,UAAU,IAAI,OAAO;CACzB,IAAI,UAAU,IAAI,OAAO;CACzB,IAAI,UAAU,IAAI,OAAO;CACzB,IAAI,UAAU,IAAI,OAAO;CACzB,OAAO;AACR;;;;;;AAOA,MAAa,mBAAoD;CAChE,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;AACR;;AAGA,MAAa,mBAAoD;CAChE,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;AACR;;AAGA,SAAgB,YAAY,GAA4B;CACvD,OAAO,iBAAiB;AACzB;AAGA,MAAa,iBAAiB;CAC7B,MAAM;CACN,QAAQ;CACR,SAAS;AACV;AACA,MAAa,gBAAgB;CAC5B,MAAM;CACN,QAAQ;CACR,SAAS;AACV;;AAGA,MAAa,kBAAkB;;;;;;AAO/B,MAAa,mBAAmB;CAC/B,MAAM;CACN,QAAQ;CACR,SAAS;AACV;AAGA,MAAa,sCAAsC;AACnD,MAAa,kBAAkB;CAC9B,QAAQ;EAAC,MAAM;EAAW,QAAQ;EAAW,SAAS;CAAG;CACzD,SAAS;EAAC,MAAM;EAAW,QAAQ;EAAW,SAAS;CAAI;CAC3D,OAAO;EAAC,MAAM;EAAW,QAAQ;EAAW,SAAS;CAAG;CACxD,aAAa;EAAC,MAAM;EAAW,QAAQ;EAAW,SAAS;CAAG;AAC/D;AAEA,SAAgB,iBACf,UACA,SAC+B;CAC/B,IAAI,YAAY,QAAQ,WAAW,MAAM,OAAO;CAChD,MAAM,WAAW,WAAW;CAC5B,IAAI,WAAW,MAAsC,OAAO;CAC5D,IAAI,WAAA,KAAgD,OAAO;CAC3D,OAAO;AACR;;AAKA,SAAgB,cACf,OAKA,UAAmC,YACtB;CACb,IAAI,MAAM,mBAAmB,MAAM,OAAO,EAAC,GAAG,eAAc;CAC5D,IAAI,YAAY,YACf,OAAO,EACN,GAAG,gBAAgB,iBAAiB,MAAM,yBAAyB,MAAM,sBAAsB,GAChG;CAED,IAAI,MAAM,2BAA2B,MAAM,OAAO,EAAC,GAAG,cAAa;CACnE,MAAM,MAAM,qBAAqB,yBAAyB,MAAM,uBAAuB;CACvF,OAAO;EAAC,MAAM;EAAK,QAAQ;EAAK,SAAS;CAAe;AACzD"}

package/dist/site-image-viewer/phases.mjs

@@ -0,0 +1,60 @@
+//#region src/site-image-viewer/phases.json
+var polygons = [{
+	"canvasObjectId": 2277,
+	"linkedLbsItemId": 102533,
+	"name": "CONSTRUCTION",
+	"type": "Polygon",
+	"geometry": {
+		"x": 1509.226,
+		"y": 1532.697,
+		"width": 2095.594,
+		"height": 1215.587,
+		"rotation": 0,
+		"points": [
+			{
+				"x": 1509.226,
+				"y": 2166.916
+			},
+			{
+				"x": 2884.253,
+				"y": 1532.697
+			},
+			{
+				"x": 3604.82,
+				"y": 1863.019
+			},
+			{
+				"x": 2282.679,
+				"y": 2748.284
+			}
+		]
+	},
+	"authoredStyle": {
+		"fillColor": "#22c55e",
+		"strokeColor": "#16a34a",
+		"opacity": .15
+	},
+	"progress": {
+		"approvedProgressPercent": 24.78,
+		"plannedProgressPercent": 35.02,
+		"progressVariancePercent": -10.24
+	},
+	"coloring": {
+		"spaMilestoneMode": {
+			"bucket": "M35",
+			"fillColor": "#93C5FD",
+			"strokeColor": "#93C5FD",
+			"opacity": .7
+		},
+		"constructionVarianceMode": {
+			"bucket": "behind",
+			"fillColor": "#ef4444",
+			"strokeColor": "#b91c1c",
+			"opacity": .7
+		}
+	}
+}];
+//#endregion
+export { polygons };
+
+//# sourceMappingURL=phases.mjs.map

package/dist/site-image-viewer/phases.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"phases.mjs","names":[],"sources":["../../src/site-image-viewer/phases.json"],"sourcesContent":[""],"mappings":""}

package/dist/site-image-viewer/site-legend.d.mts

@@ -0,0 +1,20 @@
+import { MapMode } from "./types.mjs";
+//#region src/site-image-viewer/site-legend.d.ts
+export interface SiteLegendProps {
+  value: MapMode;
+  onValueChange: (mode: MapMode) => void;
+  className?: string;
+  /** Start collapsed to a small "Legend" pill (click to expand). Default true. */
+  defaultCollapsed?: boolean;
+  /** Show the SPA/Construction segmented toggle inside the legend. Default true. */
+  showModeToggle?: boolean;
+}
+/**
+ * The Site Image Viewer legend: a SPA/Construction segmented toggle, a header (title · caption), the
+ * colour ramp laid out horizontally with a label under each bucket, and the non-ramp states as footnotes.
+ * Built from Core semantic tokens; the swatch colours come from the milestone/variance ramp data.
+ * Collapsible — collapsed by default to a small "Legend" pill; click to expand.
+ */
+export declare function SiteLegend({ value, onValueChange, className, defaultCollapsed, showModeToggle }: SiteLegendProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=site-legend.d.mts.map

package/dist/site-image-viewer/site-legend.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-legend.d.mts","names":[],"sources":["../../src/site-image-viewer/site-legend.tsx"],"mappings":";;iBAiCiB;EAChB,OAAO;EACP,gBAAgB,MAAM;EACtB;;EAEA;;EAEA;;;;;;;;wBASe,aACf,OACA,eACA,WACA,kBACA,kBACE,8CAAe,IAAA"}

package/dist/site-image-viewer/site-legend.mjs

@@ -0,0 +1,113 @@
+import { PROGRESS_LEGEND_ITEMS, VARIANCE_LEGEND_ITEMS } from "./legend-items.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ChevronDown } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/site-image-viewer/site-legend.tsx
+/** The non-ramp states rendered as footnotes rather than ramp segments. */
+const FOOTNOTE_IDS = /* @__PURE__ */ new Set(["missing", "unlinked"]);
+const MODES = [{
+	id: "progress",
+	label: "SPA",
+	title: "Approved progress",
+	caption: "milestone buckets",
+	items: PROGRESS_LEGEND_ITEMS
+}, {
+	id: "variance",
+	label: "Progress",
+	title: "Variance",
+	caption: "vs plan (±2.5%)",
+	items: VARIANCE_LEGEND_ITEMS
+}];
+/**
+* The Site Image Viewer legend: a SPA/Construction segmented toggle, a header (title · caption), the
+* colour ramp laid out horizontally with a label under each bucket, and the non-ramp states as footnotes.
+* Built from Core semantic tokens; the swatch colours come from the milestone/variance ramp data.
+* Collapsible — collapsed by default to a small "Legend" pill; click to expand.
+*/
+function SiteLegend({ value, onValueChange, className, defaultCollapsed = true, showModeToggle = true }) {
+	const [collapsed, setCollapsed] = useState(defaultCollapsed);
+	const mode = MODES.find((m) => m.id === value) ?? MODES[0];
+	const ramp = mode.items.filter((i) => !FOOTNOTE_IDS.has(i.id));
+	const footnotes = mode.items.filter((i) => FOOTNOTE_IDS.has(i.id));
+	if (collapsed) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-expanded": false,
+		onClick: () => setCollapsed(false),
+		className: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:px-3 wwc:py-2 wwc:text-sm wwc:font-medium wwc:shadow-lg wwc:backdrop-blur-sm wwc:transition-colors wwc:hover:bg-accent", className),
+		children: "Legend"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:w-[320px] wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:p-3 wwc:shadow-lg wwc:backdrop-blur-sm", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:mb-2 wwc:flex wwc:items-center wwc:justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:text-[10px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+					children: "Legend"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Collapse legend",
+					onClick: () => setCollapsed(true),
+					className: "wwc:rounded wwc:p-0.5 wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground",
+					children: /* @__PURE__ */ jsx(ChevronDown, { className: "wwc:size-4" })
+				})]
+			}),
+			showModeToggle ? /* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:w-full wwc:gap-1 wwc:rounded-md wwc:bg-muted wwc:p-1",
+				children: MODES.map((m) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-pressed": m.id === value,
+					onClick: () => onValueChange(m.id),
+					className: cn("wwc:flex-1 wwc:rounded wwc:px-2 wwc:py-1 wwc:text-sm wwc:font-medium wwc:transition-colors", m.id === value ? "wwc:bg-background wwc:text-foreground wwc:shadow-sm" : "wwc:text-muted-foreground wwc:hover:text-foreground"),
+					children: m.label
+				}, m.id))
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:mt-3 wwc:flex wwc:items-center wwc:justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:text-[10px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+					children: mode.title
+				}), /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: mode.caption
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:mt-2 wwc:flex wwc:w-full wwc:gap-0.5",
+				children: ramp.map((b, i) => /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col wwc:items-center wwc:gap-1",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cn("wwc:h-3 wwc:w-full", i === 0 && "wwc:rounded-l-sm", i === ramp.length - 1 && "wwc:rounded-r-sm"),
+						style: {
+							backgroundColor: b.color,
+							opacity: b.opacity
+						}
+					}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:w-full wwc:truncate wwc:text-center wwc:text-[11px] wwc:font-medium wwc:text-foreground",
+						children: b.label
+					})]
+				}, b.id))
+			}),
+			/* @__PURE__ */ jsx("div", { className: "wwc:my-3 wwc:h-px wwc:w-full wwc:bg-border" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:flex-row wwc:flex-wrap wwc:gap-x-4 wwc:gap-y-1.5",
+				children: footnotes.map((f) => /* @__PURE__ */ jsxs("span", {
+					className: "wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs wwc:text-muted-foreground",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:size-2.5 wwc:rounded-sm",
+						style: {
+							backgroundColor: f.color,
+							opacity: f.opacity,
+							border: f.borderColor ? `1px solid ${f.borderColor}` : void 0
+						}
+					}), f.label]
+				}, f.id))
+			})
+		]
+	});
+}
+//#endregion
+export { SiteLegend };
+
+//# sourceMappingURL=site-legend.mjs.map

package/dist/site-image-viewer/site-legend.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-legend.mjs","names":[],"sources":["../../src/site-image-viewer/site-legend.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ChevronDown} from \"lucide-react\";\nimport {useState} from \"react\";\n\nimport {type LegendItem} from \"../legend\";\nimport {PROGRESS_LEGEND_ITEMS, VARIANCE_LEGEND_ITEMS} from \"./legend-items\";\nimport type {MapMode} from \"./types\";\n\n/** The non-ramp states rendered as footnotes rather than ramp segments. */\nconst FOOTNOTE_IDS = new Set([\"missing\", \"unlinked\"]);\n\ninterface Mode {\n\tid: MapMode;\n\t/** Segmented-toggle label. */\n\tlabel: string;\n\t/** Uppercase header, left. */\n\ttitle: string;\n\t/** Muted caption, right. */\n\tcaption: string;\n\titems: LegendItem[];\n}\n\nconst MODES: Mode[] = [\n\t{\n\t\tid: \"progress\",\n\t\tlabel: \"SPA\",\n\t\ttitle: \"Approved progress\",\n\t\tcaption: \"milestone buckets\",\n\t\titems: PROGRESS_LEGEND_ITEMS,\n\t},\n\t{id: \"variance\", label: \"Progress\", title: \"Variance\", caption: \"vs plan (±2.5%)\", items: VARIANCE_LEGEND_ITEMS},\n];\n\nexport interface SiteLegendProps {\n\tvalue: MapMode;\n\tonValueChange: (mode: MapMode) => void;\n\tclassName?: string;\n\t/** Start collapsed to a small \"Legend\" pill (click to expand). Default true. */\n\tdefaultCollapsed?: boolean;\n\t/** Show the SPA/Construction segmented toggle inside the legend. Default true. */\n\tshowModeToggle?: boolean;\n}\n\n/**\n * The Site Image Viewer legend: a SPA/Construction segmented toggle, a header (title · caption), the\n * colour ramp laid out horizontally with a label under each bucket, and the non-ramp states as footnotes.\n * Built from Core semantic tokens; the swatch colours come from the milestone/variance ramp data.\n * Collapsible — collapsed by default to a small \"Legend\" pill; click to expand.\n */\nexport function SiteLegend({\n\tvalue,\n\tonValueChange,\n\tclassName,\n\tdefaultCollapsed = true,\n\tshowModeToggle = true,\n}: SiteLegendProps) {\n\tconst [collapsed, setCollapsed] = useState(defaultCollapsed);\n\tconst mode = MODES.find((m) => m.id === value) ?? MODES[0];\n\tconst ramp = mode.items.filter((i) => !FOOTNOTE_IDS.has(i.id));\n\tconst footnotes = mode.items.filter((i) => FOOTNOTE_IDS.has(i.id));\n\n\tif (collapsed) {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-expanded={false}\n\t\t\t\tonClick={() => setCollapsed(false)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:px-3 wwc:py-2 wwc:text-sm wwc:font-medium wwc:shadow-lg wwc:backdrop-blur-sm wwc:transition-colors wwc:hover:bg-accent\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\tLegend\n\t\t\t</button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:w-[320px] wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:p-3 wwc:shadow-lg wwc:backdrop-blur-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/* Collapse control */}\n\t\t\t<div className=\"wwc:mb-2 wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t<span className=\"wwc:text-[10px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t\tLegend\n\t\t\t\t</span>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Collapse legend\"\n\t\t\t\t\tonClick={() => setCollapsed(true)}\n\t\t\t\t\tclassName=\"wwc:rounded wwc:p-0.5 wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground\"\n\t\t\t\t>\n\t\t\t\t\t<ChevronDown className=\"wwc:size-4\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t{/* Segmented mode toggle */}\n\t\t\t{showModeToggle ? (\n\t\t\t\t<div className=\"wwc:flex wwc:w-full wwc:gap-1 wwc:rounded-md wwc:bg-muted wwc:p-1\">\n\t\t\t\t\t{MODES.map((m) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={m.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={m.id === value}\n\t\t\t\t\t\t\tonClick={() => onValueChange(m.id)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:flex-1 wwc:rounded wwc:px-2 wwc:py-1 wwc:text-sm wwc:font-medium wwc:transition-colors\",\n\t\t\t\t\t\t\t\tm.id === value\n\t\t\t\t\t\t\t\t\t? \"wwc:bg-background wwc:text-foreground wwc:shadow-sm\"\n\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground wwc:hover:text-foreground\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{m.label}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{/* Header row */}\n\t\t\t<div className=\"wwc:mt-3 wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t<span className=\"wwc:text-[10px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t\t{mode.title}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">{mode.caption}</span>\n\t\t\t</div>\n\n\t\t\t{/* Colour ramp — a bucket per segment with its label underneath. Segments keep a hair gap, but the\n\t\t\t    corners are square except the outer ends (left of the first, right of the last). */}\n\t\t\t<div className=\"wwc:mt-2 wwc:flex wwc:w-full wwc:gap-0.5\">\n\t\t\t\t{ramp.map((b, i) => (\n\t\t\t\t\t<div key={b.id} className=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col wwc:items-center wwc:gap-1\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:h-3 wwc:w-full\",\n\t\t\t\t\t\t\t\ti === 0 && \"wwc:rounded-l-sm\",\n\t\t\t\t\t\t\t\ti === ramp.length - 1 && \"wwc:rounded-r-sm\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={{backgroundColor: b.color, opacity: b.opacity}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"wwc:w-full wwc:truncate wwc:text-center wwc:text-[11px] wwc:font-medium wwc:text-foreground\">\n\t\t\t\t\t\t\t{b.label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{/* Separator */}\n\t\t\t<div className=\"wwc:my-3 wwc:h-px wwc:w-full wwc:bg-border\" />\n\n\t\t\t{/* Footnotes — the non-ramp states */}\n\t\t\t<div className=\"wwc:flex wwc:flex-row wwc:flex-wrap wwc:gap-x-4 wwc:gap-y-1.5\">\n\t\t\t\t{footnotes.map((f) => (\n\t\t\t\t\t<span key={f.id} className=\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"wwc:size-2.5 wwc:rounded-sm\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackgroundColor: f.color,\n\t\t\t\t\t\t\t\topacity: f.opacity,\n\t\t\t\t\t\t\t\tborder: f.borderColor ? `1px solid ${f.borderColor}` : undefined,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{f.label}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AASA,MAAM,+BAAe,IAAI,IAAI,CAAC,WAAW,UAAU,CAAC;AAapD,MAAM,QAAgB,CACrB;CACC,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;AACR,GACA;CAAC,IAAI;CAAY,OAAO;CAAY,OAAO;CAAY,SAAS;CAAmB,OAAO;AAAqB,CAChH;;;;;;;AAkBA,SAAgB,WAAW,EAC1B,OACA,eACA,WACA,mBAAmB,MACnB,iBAAiB,QACE;CACnB,MAAM,CAAC,WAAW,gBAAgB,SAAS,gBAAgB;CAC3D,MAAM,OAAO,MAAM,MAAM,MAAM,EAAE,OAAO,KAAK,KAAK,MAAM;CACxD,MAAM,OAAO,KAAK,MAAM,QAAQ,MAAM,CAAC,aAAa,IAAI,EAAE,EAAE,CAAC;CAC7D,MAAM,YAAY,KAAK,MAAM,QAAQ,MAAM,aAAa,IAAI,EAAE,EAAE,CAAC;CAEjE,IAAI,WACH,OACC,oBAAC,UAAD;EACC,MAAK;EACL,iBAAe;EACf,eAAe,aAAa,KAAK;EACjC,WAAW,GACV,6NACA,SACD;EACA,UAAA;CAEO,CAAA;CAIV,OACC,qBAAC,OAAD;EACC,WAAW,GACV,uHACA,SACD;EAJD,UAAA;GAOC,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACC,oBAAC,QAAD;KAAM,WAAU;KAA+F,UAAA;IAEzG,CAAA,GACN,oBAAC,UAAD;KACC,MAAK;KACL,cAAW;KACX,eAAe,aAAa,IAAI;KAChC,WAAU;KAEV,UAAA,oBAAC,aAAD,EAAa,WAAU,aAAc,CAAA;IAC9B,CAAA,CACJ;;GAGJ,iBACA,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,MAAM,KAAK,MACX,oBAAC,UAAD;KAEC,MAAK;KACL,gBAAc,EAAE,OAAO;KACvB,eAAe,cAAc,EAAE,EAAE;KACjC,WAAW,GACV,8FACA,EAAE,OAAO,QACN,wDACA,qDACJ;KAEC,UAAA,EAAE;IACI,GAZF,EAAE,EAYA,CACR;GACG,CAAA,IACF;GAGJ,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACC,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,KAAK;IACD,CAAA,GACN,oBAAC,QAAD;KAAM,WAAU;KAAyC,UAAA,KAAK;IAAc,CAAA,CACxE;;GAIL,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,KAAK,KAAK,GAAG,MACb,qBAAC,OAAD;KAAgB,WAAU;KAA1B,UAAA,CACC,oBAAC,QAAD;MACC,WAAW,GACV,sBACA,MAAM,KAAK,oBACX,MAAM,KAAK,SAAS,KAAK,kBAC1B;MACA,OAAO;OAAC,iBAAiB,EAAE;OAAO,SAAS,EAAE;MAAO;KACpD,CAAA,GACD,oBAAC,QAAD;MAAM,WAAU;MACd,UAAA,EAAE;KACE,CAAA,CACF;IAZK,GAAA,EAAE,EAYP,CACL;GACG,CAAA;GAGL,oBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA;GAG7D,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,UAAU,KAAK,MACf,qBAAC,QAAD;KAAiB,WAAU;KAA3B,UAAA,CACC,oBAAC,QAAD;MACC,WAAU;MACV,OAAO;OACN,iBAAiB,EAAE;OACnB,SAAS,EAAE;OACX,QAAQ,EAAE,cAAc,aAAa,EAAE,gBAAgB,KAAA;MACxD;KACA,CAAA,GACA,EAAE,KACE;IAVK,GAAA,EAAE,EAUP,CACN;GACG,CAAA;EACD;;AAEP"}

package/dist/site-image-viewer/types.d.mts

@@ -0,0 +1,32 @@
+//#region src/site-image-viewer/types.d.ts
+/** SPA (progress ramp) vs Construction (variance ±plan) colour mode. */
+export type MapMode = "progress" | "variance";
+/** One villa footprint on the site plan, in image-pixel space. */
+export type Villa = {
+  id: number;
+  /** LBS link; `null` renders the footprint grey (unlinked, non-interactive). */
+  linkedLbsItemId: number | null;
+  name: string;
+  plotNumber: string;
+  type: "Polygon";
+  /** Polygon vertices in image-pixel space (0..imageWidth × 0..imageHeight). */
+  points: {
+    x: number;
+    y: number;
+  }[];
+  /** Bounding box, image-pixel space — used to place the hover label. */
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  approvedProgressPercent: number | null;
+  plannedProgressPercent: number | null;
+};
+/** Site-plan metadata — the image's natural pixel size drives the SVG `viewBox`. */
+export type SiteMeta = {
+  imageWidth: number;
+  imageHeight: number;
+  count: number;
+};
+//#endregion
+//# sourceMappingURL=types.d.mts.map

package/dist/site-image-viewer/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/site-image-viewer/types.ts"],"mappings":";;YACY;;YAGA;EACX;;EAEA;EACA;EACA;EACA;;EAEA;IAAS;IAAW;;;EAEpB;EACA;EACA;EACA;EACA;EACA;;;YAIW;EAAY;EAAoB;EAAqB"}

package/dist/site-image-viewer/types.mjs

@@ -0,0 +1 @@
+export {};

package/dist/site-image-viewer/villa-hover-card.d.mts

@@ -0,0 +1,15 @@
+import { MapMode, Villa } from "./types.mjs";
+import { CSSProperties } from "react";
+//#region src/site-image-viewer/villa-hover-card.d.ts
+/**
+ * The floating progress card shown while hovering a villa. Wraps the design-system `ProgressComparison`
+ * — Approved vs Planned with a variance pill and a status chip filled with the villa's ramp colour.
+ * `pointer-events-none` so it never steals the hover.
+ */
+export declare function VillaHoverCard({ villa, mapMode, style }: {
+  villa: Villa;
+  mapMode: MapMode;
+  style: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=villa-hover-card.d.mts.map

package/dist/site-image-viewer/villa-hover-card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"villa-hover-card.d.mts","names":[],"sources":["../../src/site-image-viewer/villa-hover-card.tsx"],"mappings":";;;;;;;;wBAkBgB,iBAAgB,OAAO,SAAS;EAAS,OAAO;EAAO,SAAS;EAAS,OAAO;gCAAc,IAAA"}