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

package/dist/building-progress.mjs

@@ -0,0 +1,74 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/building-progress.tsx
+const SIZES = {
+	default: {
+		row: "wwc:h-12",
+		activeRow: "wwc:h-[52px]",
+		bar: "wwc:h-1.5",
+		text: "wwc:text-xs",
+		label: "wwc:w-9",
+		gap: "wwc:gap-[3px]"
+	},
+	compact: {
+		row: "wwc:h-9",
+		activeRow: "wwc:h-10",
+		bar: "wwc:h-1",
+		text: "wwc:text-[11px]",
+		label: "wwc:w-8",
+		gap: "wwc:gap-0.5"
+	}
+};
+const clamp = (value) => Math.min(100, Math.max(0, value));
+/**
+* A building elevation progress stack: one row per floor (top → bottom) with a completion bar and
+* percentage, tapering wider toward the base like a building silhouette. The `activeId` floor is
+* highlighted; pass `onFloorSelect` to make the rows interactive.
+*/
+const BuildingProgress = React.forwardRef(({ className, floors, activeId, onFloorSelect, taperStep = 24, size = "default", ...props }, ref) => {
+	const sz = SIZES[size];
+	const interactive = Boolean(onFloorSelect);
+	const RowTag = interactive ? "button" : "div";
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:w-full wwc:flex-col wwc:items-start", sz.gap, className),
+		...props,
+		children: floors.map((floor, index) => {
+			const active = floor.id === activeId;
+			const first = index === 0;
+			const last = index === floors.length - 1;
+			const fromBottom = floors.length - 1 - index;
+			return /* @__PURE__ */ jsxs(RowTag, {
+				type: interactive ? "button" : void 0,
+				"aria-pressed": interactive ? active : void 0,
+				"aria-current": !interactive && active ? "true" : void 0,
+				onClick: interactive ? () => onFloorSelect?.(floor.id) : void 0,
+				style: { width: `calc(100% - ${fromBottom * taperStep}px)` },
+				className: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:border wwc:px-3 wwc:text-left wwc:transition-colors", active ? cn("wwc:rounded-md wwc:border-primary wwc:bg-muted/60", sz.activeRow) : cn("wwc:border-border wwc:bg-card", sz.row, first && "wwc:rounded-t-md", last && "wwc:rounded-b-md"), interactive && "wwc:cursor-pointer wwc:hover:bg-muted/60 wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring"),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: cn("wwc:shrink-0 wwc:font-semibold wwc:uppercase", sz.text, sz.label, active ? "wwc:font-bold wwc:text-foreground" : "wwc:text-muted-foreground"),
+						children: floor.label
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: cn("wwc:flex-1 wwc:overflow-hidden wwc:rounded-full", sz.bar, active ? "wwc:bg-primary/15" : "wwc:bg-muted"),
+						children: /* @__PURE__ */ jsx("div", {
+							className: cn("wwc:h-full wwc:rounded-full", active ? "wwc:bg-primary" : "wwc:bg-muted-foreground"),
+							style: { width: `${clamp(floor.value)}%` }
+						})
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: cn("wwc:shrink-0 wwc:font-semibold wwc:tabular-nums wwc:text-foreground", sz.text, active && "wwc:font-bold"),
+						children: [Math.round(clamp(floor.value)), "%"]
+					})
+				]
+			}, floor.id);
+		})
+	});
+});
+BuildingProgress.displayName = "BuildingProgress";
+//#endregion
+export { BuildingProgress };
+
+//# sourceMappingURL=building-progress.mjs.map

package/dist/building-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-progress.mjs","names":[],"sources":["../src/building-progress.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/** One floor/level row in the building progress stack. */\nexport interface BuildingFloor {\n\t/** Stable id, matched against `activeId` to pick the highlighted floor. */\n\tid: string;\n\t/** Short floor label, e.g. \"GF\" or \"RF\" (rendered uppercase). */\n\tlabel: string;\n\t/** Completion percentage, 0–100. */\n\tvalue: number;\n}\n\nexport interface BuildingProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n\t/** Floors ordered top → bottom (roof first, base last), mirroring the building elevation. */\n\tfloors: BuildingFloor[];\n\t/** Id of the highlighted (currently viewed) floor. */\n\tactiveId?: string;\n\t/** Fires when a floor is clicked. When provided, the rows render as buttons. */\n\tonFloorSelect?: (id: string) => void;\n\t/** Pixels each floor widens toward the base, giving the tapered building silhouette. Default 24. */\n\ttaperStep?: number;\n\t/** Density. `compact` shrinks the rows, bars and text. Default `default`. */\n\tsize?: \"default\" | \"compact\";\n}\n\ninterface SizeConfig {\n\trow: string;\n\tactiveRow: string;\n\tbar: string;\n\ttext: string;\n\tlabel: string;\n\tgap: string;\n}\n\nconst SIZES: Record<\"default\" | \"compact\", SizeConfig> = {\n\tdefault: {\n\t\trow: \"wwc:h-12\",\n\t\tactiveRow: \"wwc:h-[52px]\",\n\t\tbar: \"wwc:h-1.5\",\n\t\ttext: \"wwc:text-xs\",\n\t\tlabel: \"wwc:w-9\",\n\t\tgap: \"wwc:gap-[3px]\",\n\t},\n\tcompact: {\n\t\trow: \"wwc:h-9\",\n\t\tactiveRow: \"wwc:h-10\",\n\t\tbar: \"wwc:h-1\",\n\t\ttext: \"wwc:text-[11px]\",\n\t\tlabel: \"wwc:w-8\",\n\t\tgap: \"wwc:gap-0.5\",\n\t},\n};\n\nconst clamp = (value: number) => Math.min(100, Math.max(0, value));\n\n/**\n * A building elevation progress stack: one row per floor (top → bottom) with a completion bar and\n * percentage, tapering wider toward the base like a building silhouette. The `activeId` floor is\n * highlighted; pass `onFloorSelect` to make the rows interactive.\n */\nconst BuildingProgress = React.forwardRef<HTMLDivElement, BuildingProgressProps>(\n\t({className, floors, activeId, onFloorSelect, taperStep = 24, size = \"default\", ...props}, ref) => {\n\t\tconst sz = SIZES[size];\n\t\tconst interactive = Boolean(onFloorSelect);\n\t\tconst RowTag = (interactive ? \"button\" : \"div\") as React.ElementType;\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex wwc:w-full wwc:flex-col wwc:items-start\", sz.gap, className)} {...props}>\n\t\t\t\t{floors.map((floor, index) => {\n\t\t\t\t\tconst active = floor.id === activeId;\n\t\t\t\t\tconst first = index === 0;\n\t\t\t\t\tconst last = index === floors.length - 1;\n\t\t\t\t\t// Widen each row toward the base so the stack reads as a tapered building elevation.\n\t\t\t\t\tconst fromBottom = floors.length - 1 - index;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RowTag\n\t\t\t\t\t\t\tkey={floor.id}\n\t\t\t\t\t\t\ttype={interactive ? \"button\" : undefined}\n\t\t\t\t\t\t\taria-pressed={interactive ? active : undefined}\n\t\t\t\t\t\t\taria-current={!interactive && active ? \"true\" : undefined}\n\t\t\t\t\t\t\tonClick={interactive ? () => onFloorSelect?.(floor.id) : undefined}\n\t\t\t\t\t\t\tstyle={{width: `calc(100% - ${fromBottom * taperStep}px)`}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:flex wwc:items-center wwc:gap-2 wwc:border wwc:px-3 wwc:text-left wwc:transition-colors\",\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t? cn(\"wwc:rounded-md wwc:border-primary wwc:bg-muted/60\", sz.activeRow)\n\t\t\t\t\t\t\t\t\t: cn(\n\t\t\t\t\t\t\t\t\t\t\t\"wwc:border-border wwc:bg-card\",\n\t\t\t\t\t\t\t\t\t\t\tsz.row,\n\t\t\t\t\t\t\t\t\t\t\tfirst && \"wwc:rounded-t-md\",\n\t\t\t\t\t\t\t\t\t\t\tlast && \"wwc:rounded-b-md\",\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tinteractive &&\n\t\t\t\t\t\t\t\t\t\"wwc:cursor-pointer wwc:hover:bg-muted/60 wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"wwc:shrink-0 wwc:font-semibold wwc:uppercase\",\n\t\t\t\t\t\t\t\t\tsz.text,\n\t\t\t\t\t\t\t\t\tsz.label,\n\t\t\t\t\t\t\t\t\tactive ? \"wwc:font-bold wwc:text-foreground\" : \"wwc:text-muted-foreground\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{floor.label}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"wwc:flex-1 wwc:overflow-hidden wwc:rounded-full\",\n\t\t\t\t\t\t\t\t\tsz.bar,\n\t\t\t\t\t\t\t\t\tactive ? \"wwc:bg-primary/15\" : \"wwc:bg-muted\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\"wwc:h-full wwc:rounded-full\", active ? \"wwc:bg-primary\" : \"wwc:bg-muted-foreground\")}\n\t\t\t\t\t\t\t\t\tstyle={{width: `${clamp(floor.value)}%`}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"wwc:shrink-0 wwc:font-semibold wwc:tabular-nums wwc:text-foreground\",\n\t\t\t\t\t\t\t\t\tsz.text,\n\t\t\t\t\t\t\t\t\tactive && \"wwc:font-bold\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{Math.round(clamp(floor.value))}%\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</RowTag>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t},\n);\nBuildingProgress.displayName = \"BuildingProgress\";\n\nexport {BuildingProgress};\n"],"mappings":";;;;AAmCA,MAAM,QAAmD;CACxD,SAAS;EACR,KAAK;EACL,WAAW;EACX,KAAK;EACL,MAAM;EACN,OAAO;EACP,KAAK;CACN;CACA,SAAS;EACR,KAAK;EACL,WAAW;EACX,KAAK;EACL,MAAM;EACN,OAAO;EACP,KAAK;CACN;AACD;AAEA,MAAM,SAAS,UAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC;;;;;;AAOjE,MAAM,mBAAmB,MAAM,YAC7B,EAAC,WAAW,QAAQ,UAAU,eAAe,YAAY,IAAI,OAAO,WAAW,GAAG,SAAQ,QAAQ;CAClG,MAAM,KAAK,MAAM;CACjB,MAAM,cAAc,QAAQ,aAAa;CACzC,MAAM,SAAU,cAAc,WAAW;CAEzC,OACC,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,oDAAoD,GAAG,KAAK,SAAS;EAAG,GAAI;EACvG,UAAA,OAAO,KAAK,OAAO,UAAU;GAC7B,MAAM,SAAS,MAAM,OAAO;GAC5B,MAAM,QAAQ,UAAU;GACxB,MAAM,OAAO,UAAU,OAAO,SAAS;GAEvC,MAAM,aAAa,OAAO,SAAS,IAAI;GACvC,OACC,qBAAC,QAAD;IAEC,MAAM,cAAc,WAAW,KAAA;IAC/B,gBAAc,cAAc,SAAS,KAAA;IACrC,gBAAc,CAAC,eAAe,SAAS,SAAS,KAAA;IAChD,SAAS,oBAAoB,gBAAgB,MAAM,EAAE,IAAI,KAAA;IACzD,OAAO,EAAC,OAAO,eAAe,aAAa,UAAU,KAAI;IACzD,WAAW,GACV,+FACA,SACG,GAAG,qDAAqD,GAAG,SAAS,IACpE,GACA,iCACA,GAAG,KACH,SAAS,oBACT,QAAQ,kBACT,GACF,eACC,8HACF;IAnBD,UAAA;KAqBC,oBAAC,QAAD;MACC,WAAW,GACV,gDACA,GAAG,MACH,GAAG,OACH,SAAS,sCAAsC,2BAChD;MAEC,UAAA,MAAM;KACF,CAAA;KACN,oBAAC,OAAD;MACC,WAAW,GACV,mDACA,GAAG,KACH,SAAS,sBAAsB,cAChC;MAEA,UAAA,oBAAC,OAAD;OACC,WAAW,GAAG,+BAA+B,SAAS,mBAAmB,yBAAyB;OAClG,OAAO,EAAC,OAAO,GAAG,MAAM,MAAM,KAAK,EAAE,GAAE;MACvC,CAAA;KACG,CAAA;KACL,qBAAC,QAAD;MACC,WAAW,GACV,uEACA,GAAG,MACH,UAAU,eACX;MALD,UAAA,CAOE,KAAK,MAAM,MAAM,MAAM,KAAK,CAAC,GAAE,GAC3B;;IACC;GAnDF,GAAA,MAAM,EAmDJ;EAEV,CAAC;CACG,CAAA;AAEP,CACD;AACA,iBAAiB,cAAc"}

package/dist/building-viewer.d.mts

@@ -0,0 +1,91 @@
+import { FootprintViewer } from "./footprint-viewer.mjs";
+import { MapMode, Villa } from "./site-image-viewer/types.mjs";
+import "./site-image-viewer.mjs";
+//#region src/building-viewer.d.ts
+/** Structural mirror of the host's (non-exported) `SatelliteBasemap`. */
+export type BuildingViewerSatelliteBasemap = {
+  backgroundUrl: string;
+  villas: Villa[];
+  imageWidth: number;
+  imageHeight: number;
+};
+type ViewId = "villa" | "batch";
+type ViewMode = "plan" | "satellite" | "3d";
+type LevelId = "block" | "batch" | "zone" | "phase";
+/** The plan-view map data the host resolves from zoneVilla / levelView. */
+export type BuildingViewerMapData = {
+  villas: Villa[];
+  /**
+   * Optional block-hull polygons for this location (same pixel space as `villas`). When set on the villa
+   * (leaf) view, the plan shows block-name labels while fully zoomed out and swaps to villa chips once zoomed
+   * in past 10% — matching the 3D reality view's Block → Villa label hand-off. Omit on parent grouping levels.
+   */
+  blocks?: Villa[];
+  backgroundUrl: string;
+  imageWidth: number;
+  imageHeight: number;
+  /** Stable React key the host computes: isParent ? level : `villa-${currentLocation}`. */
+  contentKey: string;
+};
+export type BuildingViewerProps = {
+  mode: ViewMode;
+  view: ViewId;
+  level: LevelId;
+  currentLocation: string;
+  /** view === "batch" && level !== "batch" — parent view draws grouping polygons + drills down. */
+  isParent: boolean;
+  map: BuildingViewerMapData;
+  satelliteBasemap: BuildingViewerSatelliteBasemap | null;
+  /** SiteImageViewer highlight: detailOpen && !isParent ? selectedId : undefined. */
+  selectedVillaId?: string;
+  /** 3D camera target: detailOpen && selectedId ? selectedNumber : undefined. */
+  selectedPlot?: string;
+  /** Search/filter whitelist (plot numbers): the 3D view paints only these footprints; `null` = show all. */
+  visiblePlots?: string[] | null;
+  mapMode: MapMode;
+  mesh3dOn: boolean;
+  mesh3dOpacity: number;
+  model3dOn: boolean;
+  model3dOpacity: number;
+  progressColours: boolean;
+  showLabels: boolean;
+  showPolygons: boolean;
+  /** threeDLoaded || mode === "3d" — keep the mesh mounted across Plan↔Reality. */
+  keep3dMounted: boolean;
+  mapScaledOut: boolean;
+  mapBlurred: boolean;
+  showSpinner: boolean;
+  /** reportsOpen — hide the viewer's own hover card/legend/zoom tools + fade chrome. */
+  chromeHidden: boolean;
+  /** transition-opacity duration-500 + opacity-0 pointer-events-none when reportsOpen. */
+  chromeFade: string;
+  /** Map wrapper translateY(-reportScrollY) parallax during report scroll. */
+  reportScrollY: number;
+  jumpToast: string | null;
+  jumpToastLeaving: boolean;
+  /** Precomputed left offset: 412 detailOpen / 372 searchOpen / 340 sidebarFull / 12. */
+  layersOffsetLeft: number;
+  /** Noun for the polygon toggle row ("Villas"/"Zones"/…). */
+  polyNoun: string;
+  /** 2D vs 3D branch for the Layers panel body (defaults to `mode === "3d"`). */
+  hide3dLayers?: boolean;
+  /** 3D footprint click (passes plot code) OR 2D leaf polygon click (passes villa id).
+   *  Host resolves villaByPlot, hops currentLocation if cross-zone, then openVilla. */
+  onSelectVilla: (idOrPlot: string) => void;
+  /** 2D parent-view polygon click → host.drillDownLevel(id). */
+  onDrillDown: (id: string) => void;
+  /** SiteImageViewer's internal SPA/Construction legend toggle. */
+  onMapModeChange: (m: MapMode) => void;
+  /** Surfaces the lazy-created FootprintViewer to the host (stored in realityViewerRef). */
+  onViewerReady: (api: FootprintViewer) => void;
+  onMesh3dOnChange: (b: boolean) => void;
+  onModel3dOnChange: (b: boolean) => void;
+  onModel3dOpacityChange: (n: number) => void;
+  onProgressColoursChange: (b: boolean) => void;
+  onShowLabelsChange: (b: boolean) => void;
+  onShowPolygonsChange: (b: boolean) => void;
+};
+export declare function BuildingViewer({ mode, view, level, isParent, map, satelliteBasemap, selectedVillaId, selectedPlot, visiblePlots, mapMode, mesh3dOn, mesh3dOpacity, model3dOn, model3dOpacity, progressColours, showLabels, showPolygons, keep3dMounted, mapScaledOut, mapBlurred, showSpinner, chromeHidden, chromeFade, reportScrollY, jumpToast, jumpToastLeaving, layersOffsetLeft, polyNoun, hide3dLayers, onSelectVilla, onDrillDown, onMapModeChange, onViewerReady, onMesh3dOnChange, onModel3dOnChange, onModel3dOpacityChange, onProgressColoursChange, onShowLabelsChange, onShowPolygonsChange }: BuildingViewerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { BuildingViewer as default, type LevelId, type MapMode, type ViewId, type ViewMode };
+//# sourceMappingURL=building-viewer.d.mts.map

package/dist/building-viewer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-viewer.d.mts","names":[],"sources":["../src/building-viewer.tsx"],"mappings":";;;;;YAyEY;EACX;EACA,QAAQ;EACR;EACA;;KAGI;KACA;KACA;;YAsPO;EACX,QAAQ;;;;;;EAMR,SAAS;EACT;EACA;EACA;;EAEA;;YAGW;EAEX,MAAM;EACN,MAAM;EACN,OAAO;EACP;;EAEA;EAGA,KAAK;EACL,kBAAkB;;EAIlB;;EAEA;;EAEA;EAGA,SAAS;EAGT;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA;EAGA;EACA;EACA;;EAEA;;EAEA;;EAEA;EAGA;EACA;;EAIA;;EAEA;;EAEA;;;EAKA,gBAAgB;;EAEhB,cAAc;;EAEd,kBAAkB,GAAG;;EAErB,gBAAgB,KAAK;EAGrB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,0BAA0B;EAC1B,qBAAqB;EACrB,uBAAuB;;wBAWR,iBACf,MACA,MACA,OACA,UACA,KACA,kBACA,iBACA,cACA,cACA,SACA,UACA,eACA,WACA,gBACA,iBACA,YACA,cACA,eACA,cACA,YACA,aACA,cACA,YACA,eACA,WACA,kBACA,kBACA,UACA,cACA,eACA,aACA,iBACA,eACA,kBACA,mBACA,wBACA,yBACA,oBACA,wBACE,kDAAmB,IAAA"}