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

package/dist/navigation/switcher.mjs

@@ -0,0 +1,144 @@
+import { Button } from "../button.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover.mjs";
+import { Input } from "../input.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Building2, Check, ChevronsUpDown, Search } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/navigation/switcher.tsx
+const D = {
+	comfortable: {
+		header: "wwc:px-3 wwc:pt-3 wwc:pb-2",
+		input: "wwc:h-8 wwc:text-[13px]",
+		esc: "wwc:h-6 wwc:px-1.5 wwc:text-[11px]",
+		list: "wwc:px-3 wwc:py-2 wwc:space-y-0.5",
+		item: "wwc:gap-3 wwc:px-3 wwc:py-2.5",
+		itemText: "wwc:text-[13px]",
+		empty: "wwc:text-[13px] wwc:py-4",
+		groupLabel: "wwc:px-3 wwc:py-1.5 wwc:text-[11px]",
+		chevron: "wwc:h-3.5 wwc:w-3.5"
+	},
+	compact: {
+		header: "wwc:px-2 wwc:pt-2 wwc:pb-1",
+		input: "wwc:h-7 wwc:text-[12px]",
+		esc: "wwc:h-5 wwc:px-1 wwc:text-[10px]",
+		list: "wwc:px-2 wwc:py-1.5 wwc:space-y-0",
+		item: "wwc:gap-2 wwc:px-2 wwc:py-1.5",
+		itemText: "wwc:text-[12px]",
+		empty: "wwc:text-[12px] wwc:py-3",
+		groupLabel: "wwc:px-2 wwc:py-1 wwc:text-[10px]",
+		chevron: "wwc:h-3 wwc:w-3"
+	}
+};
+/**
+* The canonical searchable "pick from a list" dropdown used across the app shell — the app top bar's
+* project switcher and the app sidebar's organization switcher render THIS component. Supports a flat list
+* or grouped items, matches on type, marks the selected row, and closes on pick / Esc.
+*/
+function Switcher({ children, items, groups, selected, onSelect, placeholder = "Find…", emptyLabel = "No results", density = "comfortable", align = "start", contentWidth = 300, triggerClassName, onViewAll, viewAllLabel = "View all" }) {
+	const [open, setOpen] = React.useState(false);
+	const [query, setQuery] = React.useState("");
+	const d = D[density];
+	const q = query.trim().toLowerCase();
+	const filteredItems = (items ?? []).filter((i) => i.toLowerCase().includes(q));
+	const filteredGroups = (groups ?? []).map((g) => ({
+		label: g.label,
+		items: q === "" || g.label.toLowerCase().includes(q) ? g.items : g.items.filter((i) => i.toLowerCase().includes(q))
+	})).filter((g) => g.items.length > 0);
+	const isEmpty = groups ? filteredGroups.length === 0 : filteredItems.length === 0;
+	const pick = (item) => {
+		onSelect(item);
+		setOpen(false);
+		setQuery("");
+	};
+	const itemButton = (item) => /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: () => pick(item),
+		className: cn("wwc:w-full wwc:flex wwc:items-center wwc:rounded-lg wwc:transition-colors", d.item, selected === item ? "wwc:bg-accent" : "wwc:hover:bg-accent/50"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn("wwc:flex-1 wwc:text-left wwc:font-medium wwc:text-foreground wwc:truncate wwc:min-w-0", d.itemText),
+			children: item
+		}), selected === item && /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-foreground" })]
+	}, item);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (o) => {
+			setOpen(o);
+			if (!o) setQuery("");
+		},
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: cn(triggerClassName, open && "wwc:bg-accent wwc:text-accent-foreground"),
+				children: [children, /* @__PURE__ */ jsx(ChevronsUpDown, { className: cn(d.chevron, "wwc:flex-shrink-0 wwc:text-muted-foreground") })]
+			})
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
+			align,
+			style: { width: contentWidth },
+			className: "wwc:rounded-xl wwc:p-0",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("wwc:flex-shrink-0 wwc:border-b wwc:border-border", d.header),
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Search, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground" }),
+							/* @__PURE__ */ jsx(Input, {
+								autoFocus: true,
+								value: query,
+								onChange: (e) => setQuery(e.target.value),
+								placeholder,
+								className: cn("wwc:border-0 wwc:px-0 wwc:shadow-none wwc:focus-visible:ring-0", d.input)
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => {
+									setOpen(false);
+									setQuery("");
+								},
+								className: cn("wwc:text-muted-foreground", d.esc),
+								children: "Esc"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(ScrollArea, {
+					className: "wwc:max-h-[280px]",
+					children: /* @__PURE__ */ jsx("div", {
+						className: d.list,
+						children: isEmpty ? /* @__PURE__ */ jsx("p", {
+							className: cn("wwc:text-center wwc:text-muted-foreground", d.empty),
+							children: emptyLabel
+						}) : groups ? filteredGroups.map((g) => /* @__PURE__ */ jsxs("div", {
+							className: "wwc:mb-2 wwc:last:mb-0",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: cn("wwc:font-semibold wwc:uppercase wwc:tracking-widest wwc:text-muted-foreground/70", d.groupLabel),
+								children: g.label
+							}), g.items.map(itemButton)]
+						}, g.label)) : filteredItems.map(itemButton)
+					})
+				}),
+				onViewAll && /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex-shrink-0 wwc:border-t wwc:border-border wwc:p-1",
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => {
+							onViewAll();
+							setOpen(false);
+							setQuery("");
+						},
+						className: cn("wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:font-medium wwc:text-foreground wwc:transition-colors wwc:hover:bg-accent/50", d.item, d.itemText),
+						children: [/* @__PURE__ */ jsx(Building2, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-muted-foreground" }), viewAllLabel]
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { Switcher };
+
+//# sourceMappingURL=switcher.mjs.map

package/dist/navigation/switcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switcher.mjs","names":[],"sources":["../../src/navigation/switcher.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Building2, Check, ChevronsUpDown, Search} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"../button\";\nimport {Input} from \"../input\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"../popover\";\nimport {ScrollArea} from \"../scroll-area\";\n\nexport type SwitcherGroup = {label: string; items: string[]};\nexport type SwitcherDensity = \"comfortable\" | \"compact\";\n\nexport interface SwitcherProps {\n\t/** Content rendered inside the trigger button, before the chevron (e.g. a logo + label). */\n\tchildren: React.ReactNode;\n\t/** Flat list of options. Ignored when `groups` is provided. */\n\titems?: readonly string[];\n\t/** Grouped options — a header label with nested items. */\n\tgroups?: SwitcherGroup[];\n\t/** The currently selected option (gets a check mark). */\n\tselected?: string;\n\tonSelect: (item: string) => void;\n\tplaceholder?: string;\n\temptyLabel?: string;\n\tdensity?: SwitcherDensity;\n\talign?: \"start\" | \"end\";\n\t/** Popover width in px. Defaults to 300. */\n\tcontentWidth?: number;\n\t/** Extra classes for the trigger button. */\n\ttriggerClassName?: string;\n\t/** When set, renders a pinned footer action in the popover (e.g. \"View all organizations\"). */\n\tonViewAll?: () => void;\n\t/** Label for the `onViewAll` footer action. Defaults to \"View all\". */\n\tviewAllLabel?: string;\n}\n\nconst D = {\n\tcomfortable: {\n\t\theader: \"wwc:px-3 wwc:pt-3 wwc:pb-2\",\n\t\tinput: \"wwc:h-8 wwc:text-[13px]\",\n\t\tesc: \"wwc:h-6 wwc:px-1.5 wwc:text-[11px]\",\n\t\tlist: \"wwc:px-3 wwc:py-2 wwc:space-y-0.5\",\n\t\titem: \"wwc:gap-3 wwc:px-3 wwc:py-2.5\",\n\t\titemText: \"wwc:text-[13px]\",\n\t\tempty: \"wwc:text-[13px] wwc:py-4\",\n\t\tgroupLabel: \"wwc:px-3 wwc:py-1.5 wwc:text-[11px]\",\n\t\tchevron: \"wwc:h-3.5 wwc:w-3.5\",\n\t},\n\tcompact: {\n\t\theader: \"wwc:px-2 wwc:pt-2 wwc:pb-1\",\n\t\tinput: \"wwc:h-7 wwc:text-[12px]\",\n\t\tesc: \"wwc:h-5 wwc:px-1 wwc:text-[10px]\",\n\t\tlist: \"wwc:px-2 wwc:py-1.5 wwc:space-y-0\",\n\t\titem: \"wwc:gap-2 wwc:px-2 wwc:py-1.5\",\n\t\titemText: \"wwc:text-[12px]\",\n\t\tempty: \"wwc:text-[12px] wwc:py-3\",\n\t\tgroupLabel: \"wwc:px-2 wwc:py-1 wwc:text-[10px]\",\n\t\tchevron: \"wwc:h-3 wwc:w-3\",\n\t},\n} as const;\n\n/**\n * The canonical searchable \"pick from a list\" dropdown used across the app shell — the app top bar's\n * project switcher and the app sidebar's organization switcher render THIS component. Supports a flat list\n * or grouped items, matches on type, marks the selected row, and closes on pick / Esc.\n */\nexport function Switcher({\n\tchildren,\n\titems,\n\tgroups,\n\tselected,\n\tonSelect,\n\tplaceholder = \"Find…\",\n\temptyLabel = \"No results\",\n\tdensity = \"comfortable\",\n\talign = \"start\",\n\tcontentWidth = 300,\n\ttriggerClassName,\n\tonViewAll,\n\tviewAllLabel = \"View all\",\n}: SwitcherProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [query, setQuery] = React.useState(\"\");\n\tconst d = D[density];\n\tconst q = query.trim().toLowerCase();\n\n\tconst filteredItems = (items ?? []).filter((i) => i.toLowerCase().includes(q));\n\tconst filteredGroups = (groups ?? [])\n\t\t.map((g) => ({\n\t\t\tlabel: g.label,\n\t\t\titems:\n\t\t\t\tq === \"\" || g.label.toLowerCase().includes(q) ? g.items : g.items.filter((i) => i.toLowerCase().includes(q)),\n\t\t}))\n\t\t.filter((g) => g.items.length > 0);\n\tconst isEmpty = groups ? filteredGroups.length === 0 : filteredItems.length === 0;\n\n\tconst pick = (item: string) => {\n\t\tonSelect(item);\n\t\tsetOpen(false);\n\t\tsetQuery(\"\");\n\t};\n\n\tconst itemButton = (item: string) => (\n\t\t<button\n\t\t\tkey={item}\n\t\t\ttype=\"button\"\n\t\t\tonClick={() => pick(item)}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:w-full wwc:flex wwc:items-center wwc:rounded-lg wwc:transition-colors\",\n\t\t\t\td.item,\n\t\t\t\tselected === item ? \"wwc:bg-accent\" : \"wwc:hover:bg-accent/50\",\n\t\t\t)}\n\t\t>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex-1 wwc:text-left wwc:font-medium wwc:text-foreground wwc:truncate wwc:min-w-0\",\n\t\t\t\t\td.itemText,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{item}\n\t\t\t</span>\n\t\t\t{selected === item && <Check className=\"wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-foreground\" />}\n\t\t</button>\n\t);\n\n\treturn (\n\t\t<Popover\n\t\t\topen={open}\n\t\t\tonOpenChange={(o) => {\n\t\t\t\tsetOpen(o);\n\t\t\t\tif (!o) setQuery(\"\");\n\t\t\t}}\n\t\t>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"ghost\" className={cn(triggerClassName, open && \"wwc:bg-accent wwc:text-accent-foreground\")}>\n\t\t\t\t\t{children}\n\t\t\t\t\t<ChevronsUpDown className={cn(d.chevron, \"wwc:flex-shrink-0 wwc:text-muted-foreground\")} />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent align={align} style={{width: contentWidth}} className=\"wwc:rounded-xl wwc:p-0\">\n\t\t\t\t<div className={cn(\"wwc:flex-shrink-0 wwc:border-b wwc:border-border\", d.header)}>\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t<Search className=\"wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t\tvalue={query}\n\t\t\t\t\t\t\tonChange={(e) => setQuery(e.target.value)}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tclassName={cn(\"wwc:border-0 wwc:px-0 wwc:shadow-none wwc:focus-visible:ring-0\", d.input)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\tsetQuery(\"\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\"wwc:text-muted-foreground\", d.esc)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tEsc\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ScrollArea className=\"wwc:max-h-[280px]\">\n\t\t\t\t\t<div className={d.list}>\n\t\t\t\t\t\t{isEmpty ? (\n\t\t\t\t\t\t\t<p className={cn(\"wwc:text-center wwc:text-muted-foreground\", d.empty)}>{emptyLabel}</p>\n\t\t\t\t\t\t) : groups ? (\n\t\t\t\t\t\t\tfilteredGroups.map((g) => (\n\t\t\t\t\t\t\t\t<div key={g.label} className=\"wwc:mb-2 wwc:last:mb-0\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"wwc:font-semibold wwc:uppercase wwc:tracking-widest wwc:text-muted-foreground/70\",\n\t\t\t\t\t\t\t\t\t\t\td.groupLabel,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{g.label}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{g.items.map(itemButton)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tfilteredItems.map(itemButton)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</ScrollArea>\n\t\t\t\t{onViewAll && (\n\t\t\t\t\t<div className=\"wwc:flex-shrink-0 wwc:border-t wwc:border-border wwc:p-1\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonViewAll();\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\tsetQuery(\"\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:font-medium wwc:text-foreground wwc:transition-colors wwc:hover:bg-accent/50\",\n\t\t\t\t\t\t\t\td.item,\n\t\t\t\t\t\t\t\td.itemText,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Building2 className=\"wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t{viewAllLabel}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}

package/dist/navigation-menu.d.mts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+//#region src/navigation-menu.d.ts
+/** A collection of links for site navigation built on Radix UI. */
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: typeof NavigationMenuPrimitive.Item;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: typeof NavigationMenuPrimitive.Link;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.mts.map

package/dist/navigation-menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.mts","names":[],"sources":["../src/navigation-menu.tsx"],"mappings":";;;;cAOM,gBAAc,MAAA,0BAAA,KAAA,wBAAA,sBAAA,MAAA,cAAA,uBAAA,MAAA,cAAA;cAkBd,oBAAkB,MAAA,0BAAA,KAAA,wBAAA,0BAAA,MAAA,cAAA,4BAAA,MAAA,cAAA;cAelB,2BAA2B,wBAAwB;cAEnD,6BAA0B,iDAAA;cAI1B,uBAAqB,MAAA,0BAAA,KAAA,wBAAA,6BAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAkBrB,uBAAqB,MAAA,0BAAA,KAAA,wBAAA,6BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAerB,2BAA2B,wBAAwB;cAEnD,wBAAsB,MAAA,0BAAA,KAAA,wBAAA,8BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAiBtB,yBAAuB,MAAA,0BAAA,KAAA,wBAAA,+BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/navigation-menu.mjs

@@ -0,0 +1,64 @@
+import { cn } from "@corensystem/coren-utils";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+//#region src/navigation-menu.tsx
+/** A collection of links for site navigation built on Radix UI. */
+const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
+	ref,
+	className: cn("wwc:relative wwc:z-10 wwc:flex wwc:max-w-max wwc:flex-1 wwc:items-center wwc:justify-center", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+}));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
+	ref,
+	className: cn("wwc:group wwc:flex wwc:flex-1 wwc:list-none wwc:items-center wwc:justify-center wwc:space-x-1", className),
+	...props
+}));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+const NavigationMenuItem = NavigationMenuPrimitive.Item;
+const navigationMenuTriggerStyle = cva("wwc:group wwc:inline-flex wwc:h-10 wwc:w-max wwc:items-center wwc:justify-center wwc:rounded-md wwc:bg-card wwc:px-4 wwc:py-2 wwc:text-sm wwc:font-medium wwc:transition-colors wwc:hover:bg-menu-highlight wwc:hover:text-menu-highlight-foreground wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:focus:outline-none wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:data-[active]:bg-accent/50 wwc:data-[state=open]:bg-accent/50");
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
+	ref,
+	className: cn(navigationMenuTriggerStyle(), "wwc:group", className),
+	...props,
+	children: [
+		children,
+		" ",
+		/* @__PURE__ */ jsx(ChevronDown, {
+			className: "wwc:relative wwc:top-[1px] wwc:ml-1 wwc:h-3 wwc:w-3 wwc:transition wwc:duration-200 wwc:group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})
+	]
+}));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
+	ref,
+	className: cn("wwc:left-0 wwc:top-0 wwc:w-full wwc:data-[motion^=from-]:animate-in wwc:data-[motion^=to-]:animate-out wwc:data-[motion^=from-]:fade-in wwc:data-[motion^=to-]:fade-out wwc:data-[motion=from-end]:slide-in-from-right-52 wwc:data-[motion=from-start]:slide-in-from-left-52 wwc:data-[motion=to-end]:slide-out-to-right-52 wwc:data-[motion=to-start]:slide-out-to-left-52 wwc:md:absolute wwc:md:w-auto ", className),
+	...props
+}));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	className: cn("wwc:absolute wwc:left-0 wwc:top-full wwc:flex wwc:justify-center"),
+	children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {
+		className: cn("wwc:origin-top-center wwc:relative wwc:mt-1.5 wwc:h-[var(--radix-navigation-menu-viewport-height)] wwc:w-full wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:text-popover-foreground wwc:shadow-lg wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-90 wwc:md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+		ref,
+		...props
+	})
+}));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
+	ref,
+	className: cn("wwc:top-full wwc:z-[1] wwc:flex wwc:h-1.5 wwc:items-end wwc:justify-center wwc:overflow-hidden wwc:data-[state=visible]:animate-in wwc:data-[state=hidden]:animate-out wwc:data-[state=hidden]:fade-out wwc:data-[state=visible]:fade-in", className),
+	...props,
+	children: /* @__PURE__ */ jsx("div", { className: "wwc:relative wwc:top-[60%] wwc:h-2 wwc:w-2 wwc:rotate-45 wwc:rounded-tl-sm wwc:bg-border wwc:shadow-md" })
+}));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+
+//# sourceMappingURL=navigation-menu.mjs.map

package/dist/navigation-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.mjs","names":[],"sources":["../src/navigation-menu.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport {cva} from \"class-variance-authority\";\nimport {ChevronDown} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** A collection of links for site navigation built on Radix UI. */\nconst NavigationMenu = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({className, children, ...props}, ref) => (\n\t<NavigationMenuPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:relative wwc:z-10 wwc:flex wwc:max-w-max wwc:flex-1 wwc:items-center wwc:justify-center\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\t<NavigationMenuViewport />\n\t</NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.List>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({className, ...props}, ref) => (\n\t<NavigationMenuPrimitive.List\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:group wwc:flex wwc:flex-1 wwc:list-none wwc:items-center wwc:justify-center wwc:space-x-1\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem: typeof NavigationMenuPrimitive.Item = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n\t\"wwc:group wwc:inline-flex wwc:h-10 wwc:w-max wwc:items-center wwc:justify-center wwc:rounded-md wwc:bg-card wwc:px-4 wwc:py-2 wwc:text-sm wwc:font-medium wwc:transition-colors wwc:hover:bg-menu-highlight wwc:hover:text-menu-highlight-foreground wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:focus:outline-none wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:data-[active]:bg-accent/50 wwc:data-[state=open]:bg-accent/50\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({className, children, ...props}, ref) => (\n\t<NavigationMenuPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(navigationMenuTriggerStyle(), \"wwc:group\", className)}\n\t\t{...props}\n\t>\n\t\t{children}{\" \"}\n\t\t<ChevronDown\n\t\t\tclassName=\"wwc:relative wwc:top-[1px] wwc:ml-1 wwc:h-3 wwc:w-3 wwc:transition wwc:duration-200 wwc:group-data-[state=open]:rotate-180\"\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t</NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({className, ...props}, ref) => (\n\t<NavigationMenuPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:left-0 wwc:top-0 wwc:w-full wwc:data-[motion^=from-]:animate-in wwc:data-[motion^=to-]:animate-out wwc:data-[motion^=from-]:fade-in wwc:data-[motion^=to-]:fade-out wwc:data-[motion=from-end]:slide-in-from-right-52 wwc:data-[motion=from-start]:slide-in-from-left-52 wwc:data-[motion=to-end]:slide-out-to-right-52 wwc:data-[motion=to-start]:slide-out-to-left-52 wwc:md:absolute wwc:md:w-auto \",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuLink: typeof NavigationMenuPrimitive.Link = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({className, ...props}, ref) => (\n\t<div className={cn(\"wwc:absolute wwc:left-0 wwc:top-full wwc:flex wwc:justify-center\")}>\n\t\t<NavigationMenuPrimitive.Viewport\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:origin-top-center wwc:relative wwc:mt-1.5 wwc:h-[var(--radix-navigation-menu-viewport-height)] wwc:w-full wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:text-popover-foreground wwc:shadow-lg wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-90 wwc:md:w-[var(--radix-navigation-menu-viewport-width)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t/>\n\t</div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n\tReact.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n\tReact.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({className, ...props}, ref) => (\n\t<NavigationMenuPrimitive.Indicator\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:top-full wwc:z-[1] wwc:flex wwc:h-1.5 wwc:items-end wwc:justify-center wwc:overflow-hidden wwc:data-[state=visible]:animate-in wwc:data-[state=hidden]:animate-out wwc:data-[state=hidden]:fade-out wwc:data-[state=visible]:fade-in\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<div className=\"wwc:relative wwc:top-[60%] wwc:h-2 wwc:w-2 wwc:rotate-45 wwc:rounded-tl-sm wwc:bg-border wwc:shadow-md\" />\n\t</NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n\tnavigationMenuTriggerStyle,\n\tNavigationMenu,\n\tNavigationMenuList,\n\tNavigationMenuItem,\n\tNavigationMenuContent,\n\tNavigationMenuTrigger,\n\tNavigationMenuLink,\n\tNavigationMenuIndicator,\n\tNavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,MAAM,YAG1B,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,qBAAC,wBAAwB,MAAzB;CACM;CACL,WAAW,GACV,+FACA,SACD;CACA,GAAI;CANL,UAAA,CAQE,UACD,oBAAC,wBAAD,CAAyB,CAAA,CACI;AAC9B,CAAA,CAAA;AACD,eAAe,cAAc,wBAAwB,KAAK;AAE1D,MAAM,qBAAqB,MAAM,YAG9B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,wBAAwB,MAAzB;CACM;CACL,WAAW,GACV,iGACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,mBAAmB,cAAc,wBAAwB,KAAK;AAE9D,MAAM,qBAA0D,wBAAwB;AAExF,MAAM,6BAA6B,IAClC,6cACD;AAEA,MAAM,wBAAwB,MAAM,YAGjC,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,qBAAC,wBAAwB,SAAzB;CACM;CACL,WAAW,GAAG,2BAA2B,GAAG,aAAa,SAAS;CAClE,GAAI;CAHL,UAAA;EAKE;EAAU;EACX,oBAAC,aAAD;GACC,WAAU;GACV,eAAY;EACZ,CAAA;CAC+B;AACjC,CAAA,CAAA;AACD,sBAAsB,cAAc,wBAAwB,QAAQ;AAEpE,MAAM,wBAAwB,MAAM,YAGjC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,wBAAwB,SAAzB;CACM;CACL,WAAW,GACV,8YACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,sBAAsB,cAAc,wBAAwB,QAAQ;AAEpE,MAAM,qBAA0D,wBAAwB;AAExF,MAAM,yBAAyB,MAAM,YAGlC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,OAAD;CAAK,WAAW,GAAG,kEAAkE;CACpF,UAAA,oBAAC,wBAAwB,UAAzB;EACC,WAAW,GACV,yZACA,SACD;EACK;EACL,GAAI;CACJ,CAAA;AACG,CAAA,CACL;AACD,uBAAuB,cAAc,wBAAwB,SAAS;AAEtE,MAAM,0BAA0B,MAAM,YAGnC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,wBAAwB,WAAzB;CACM;CACL,WAAW,GACV,4OACA,SACD;CACA,GAAI;CAEJ,UAAA,oBAAC,OAAD,EAAK,WAAU,yGAA0G,CAAA;AACvF,CAAA,CACnC;AACD,wBAAwB,cAAc,wBAAwB,UAAU"}

package/dist/neighborhood-scene.d.mts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/neighborhood-scene.d.ts
+type ScenePoint = {
+  x: number;
+  y: number;
+};
+declare const neighborhoodSceneVariants: (props?: ({
+  fit?: "full" | "contain" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NeighborhoodSceneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect">, VariantProps<typeof neighborhoodSceneVariants> {
+  /** Id of the currently selected house, or `null` when nothing is selected. */
+  selectedId?: string | null;
+  /** Fires when a house is activated, with its id and the pointer/keyboard point. */
+  onSelect?: (id: string, point: ScenePoint) => void;
+}
+/** An isometric SVG neighborhood plan with interactive house hit-shapes driven by hover and selected state. */
+declare const NeighborhoodScene: React.ForwardRefExoticComponent<NeighborhoodSceneProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { NeighborhoodScene, neighborhoodSceneVariants };
+//# sourceMappingURL=neighborhood-scene.d.mts.map

package/dist/neighborhood-scene.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neighborhood-scene.d.mts","names":[],"sources":["../src/neighborhood-scene.tsx"],"mappings":";;;KAQK;EAAc;EAAW;;cAgRxB,4BAAyB;;6CAY7B;iBAEe,+BACR,KAAK,MAAM,eAAe,8BAA8B,oBAAoB;;EAEpF;;EAEA,YAAY,YAAY,OAAO;;;cAI1B,mBAAiB,MAAA,0BAAA,yBAAA,MAAA,cAAA"}

package/dist/neighborhood-scene.mjs

@@ -0,0 +1,285 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/neighborhood-scene.tsx
+const VIEWBOX = "0 0 1200 800";
+const SCENE_AR = "3 / 2";
+const TILE_X = 110;
+const TILE_Y = 55;
+const ORIGIN_X = 600;
+const ORIGIN_Y = 300;
+const iso = (gx, gy) => [ORIGIN_X + (gx - gy) * TILE_X, ORIGIN_Y + (gx + gy) * TILE_Y];
+const pts = (points) => points.map(([x, y]) => `${Math.round(x * 100) / 100},${Math.round(y * 100) / 100}`).join(" ");
+const GROUND = pts([
+	iso(-.8, -.8),
+	iso(3.8, -.8),
+	iso(3.8, 3.8),
+	iso(-.8, 3.8)
+]);
+const ROADS = [pts([
+	iso(1.35, -.8),
+	iso(1.65, -.8),
+	iso(1.65, 3.8),
+	iso(1.35, 3.8)
+]), pts([
+	iso(-.8, 1.35),
+	iso(3.8, 1.35),
+	iso(3.8, 1.65),
+	iso(-.8, 1.65)
+])];
+const GRID_X = [
+	.2,
+	1.05,
+	1.95,
+	2.8
+];
+const HOUSES = [
+	.2,
+	1.05,
+	1.95,
+	2.8
+].flatMap((gy, row) => GRID_X.map((gx, col) => ({
+	id: `house-${row + 1}-${col + 1}`,
+	label: `Unit ${String.fromCharCode(65 + row)}${col + 1}`,
+	gx,
+	gy,
+	scale: .9 + (row * 4 + col) % 3 * .08
+}))).sort((a, b) => a.gx + a.gy - (b.gx + b.gy));
+const BASE_HALF_WIDTH = 48;
+const BASE_WALL_HEIGHT = 46;
+const BASE_ROOF_RISE = 28;
+function houseGeometry(house) {
+	const [cx, cy] = iso(house.gx, house.gy);
+	const hx = BASE_HALF_WIDTH * house.scale;
+	const hy = hx / 2;
+	const h = BASE_WALL_HEIGHT * house.scale;
+	const rise = BASE_ROOF_RISE * house.scale;
+	const F = [cx, cy + hy];
+	const R = [cx + hx, cy];
+	const B = [cx, cy - hy];
+	const L = [cx - hx, cy];
+	const Ft = [cx, cy + hy - h];
+	const Rt = [cx + hx, cy - h];
+	const Bt = [cx, cy - hy - h];
+	const Lt = [cx - hx, cy - h];
+	const P1 = [cx - hx / 2, cy + hy / 2 - h - rise];
+	const P2 = [cx + hx / 2, cy - hy / 2 - h - rise];
+	const wallPoint = (t, u) => [F[0] + t * (R[0] - F[0]), F[1] + t * (R[1] - F[1]) - u * h];
+	return {
+		cx,
+		cy,
+		hx,
+		hy,
+		footprint: pts([
+			F,
+			R,
+			B,
+			L
+		]),
+		wallLeft: pts([
+			L,
+			F,
+			Ft,
+			Lt
+		]),
+		wallRight: pts([
+			F,
+			R,
+			Rt,
+			Ft
+		]),
+		roofFront: pts([
+			Ft,
+			Rt,
+			P2,
+			P1
+		]),
+		roofBack: pts([
+			Lt,
+			Bt,
+			P2,
+			P1
+		]),
+		gable: pts([
+			Ft,
+			Lt,
+			P1
+		]),
+		door: pts([
+			wallPoint(.36, 0),
+			wallPoint(.62, 0),
+			wallPoint(.62, .62),
+			wallPoint(.36, .62)
+		])
+	};
+}
+const HOUSE_TONES = {
+	idle: {
+		wallLight: "wwc:fill-card",
+		wallDark: "wwc:fill-muted",
+		roofLight: "wwc:fill-secondary",
+		roofDark: "wwc:fill-secondary/70",
+		gable: "wwc:fill-card",
+		detail: "wwc:fill-muted-foreground/30",
+		stroke: "wwc:stroke-border",
+		strokeWidth: 1
+	},
+	hover: {
+		wallLight: "wwc:fill-accent",
+		wallDark: "wwc:fill-accent/70",
+		roofLight: "wwc:fill-accent-foreground/25",
+		roofDark: "wwc:fill-accent-foreground/15",
+		gable: "wwc:fill-accent",
+		detail: "wwc:fill-accent-foreground/40",
+		stroke: "wwc:stroke-ring",
+		strokeWidth: 1.5
+	},
+	selected: {
+		wallLight: "wwc:fill-primary/85",
+		wallDark: "wwc:fill-primary/60",
+		roofLight: "wwc:fill-primary",
+		roofDark: "wwc:fill-primary/75",
+		gable: "wwc:fill-primary/85",
+		detail: "wwc:fill-primary-foreground/50",
+		stroke: "wwc:stroke-primary",
+		strokeWidth: 1.75
+	}
+};
+function HouseShape({ house, state, onEnter, onLeave, onSelect }) {
+	const g = houseGeometry(house);
+	const tone = HOUSE_TONES[state];
+	return /* @__PURE__ */ jsxs("g", {
+		role: "button",
+		tabIndex: 0,
+		"aria-pressed": state === "selected",
+		"aria-label": house.label,
+		onMouseEnter: onEnter,
+		onMouseLeave: onLeave,
+		onFocus: onEnter,
+		onBlur: onLeave,
+		onClick: (event) => onSelect({
+			x: event.clientX,
+			y: event.clientY
+		}),
+		onKeyDown: (event) => {
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			const rect = event.currentTarget.getBoundingClientRect();
+			onSelect({
+				x: rect.left + rect.width / 2,
+				y: rect.top + rect.height / 2
+			});
+		},
+		className: cn("wwc:pointer-events-auto wwc:cursor-pointer wwc:outline-none", "wwc:transition-transform wwc:duration-150 wwc:ease-out", state !== "idle" && "wwc:-translate-y-0.5"),
+		children: [
+			/* @__PURE__ */ jsx("title", { children: house.label }),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: g.cx,
+				cy: g.cy + g.hy * .35,
+				rx: g.hx * 1.02,
+				ry: g.hy * .95,
+				className: "wwc:fill-foreground/10"
+			}),
+			state === "selected" ? /* @__PURE__ */ jsx("ellipse", {
+				cx: g.cx,
+				cy: g.cy,
+				rx: g.hx * 1.22,
+				ry: g.hy * 1.22,
+				strokeWidth: 2,
+				strokeDasharray: "6 5",
+				className: "wwc:fill-primary/10 wwc:stroke-primary"
+			}) : null,
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.footprint,
+				strokeWidth: tone.strokeWidth,
+				className: cn(tone.wallDark, tone.stroke)
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.wallLeft,
+				strokeWidth: tone.strokeWidth,
+				strokeLinejoin: "round",
+				className: cn(tone.wallDark, tone.stroke, "wwc:transition-colors wwc:duration-150")
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.wallRight,
+				strokeWidth: tone.strokeWidth,
+				strokeLinejoin: "round",
+				className: cn(tone.wallLight, tone.stroke, "wwc:transition-colors wwc:duration-150")
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.door,
+				className: cn(tone.detail)
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.roofBack,
+				strokeWidth: tone.strokeWidth,
+				strokeLinejoin: "round",
+				className: cn(tone.roofDark, tone.stroke, "wwc:transition-colors wwc:duration-150")
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.gable,
+				strokeWidth: tone.strokeWidth,
+				strokeLinejoin: "round",
+				className: cn(tone.gable, tone.stroke, "wwc:transition-colors wwc:duration-150")
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: g.roofFront,
+				strokeWidth: tone.strokeWidth,
+				strokeLinejoin: "round",
+				className: cn(tone.roofLight, tone.stroke, "wwc:transition-colors wwc:duration-150")
+			})
+		]
+	});
+}
+const neighborhoodSceneVariants = cva("wwc:pointer-events-none wwc:select-none", {
+	variants: { fit: {
+		contain: "wwc:w-[82%] wwc:max-w-[64rem]",
+		full: "wwc:w-full"
+	} },
+	defaultVariants: { fit: "contain" }
+});
+/** An isometric SVG neighborhood plan with interactive house hit-shapes driven by hover and selected state. */
+const NeighborhoodScene = React.forwardRef(({ className, fit, selectedId = null, onSelect, ...props }, ref) => {
+	const [hovered, setHovered] = React.useState(null);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn(neighborhoodSceneVariants({
+			fit,
+			className
+		})),
+		style: { aspectRatio: SCENE_AR },
+		...props,
+		children: /* @__PURE__ */ jsxs("svg", {
+			viewBox: VIEWBOX,
+			preserveAspectRatio: "xMidYMid meet",
+			role: "img",
+			"aria-label": "Neighborhood map",
+			className: "wwc:h-full wwc:w-full wwc:overflow-visible",
+			children: [
+				/* @__PURE__ */ jsx("polygon", {
+					points: GROUND,
+					strokeWidth: 1,
+					strokeLinejoin: "round",
+					className: "wwc:fill-muted wwc:stroke-border"
+				}),
+				ROADS.map((points, i) => /* @__PURE__ */ jsx("polygon", {
+					points,
+					className: "wwc:fill-muted-foreground/20"
+				}, i)),
+				HOUSES.map((house) => /* @__PURE__ */ jsx(HouseShape, {
+					house,
+					state: selectedId === house.id ? "selected" : hovered === house.id ? "hover" : "idle",
+					onEnter: () => setHovered(house.id),
+					onLeave: () => setHovered((h) => h === house.id ? null : h),
+					onSelect: (point) => onSelect?.(house.id, point)
+				}, house.id))
+			]
+		})
+	});
+});
+NeighborhoodScene.displayName = "NeighborhoodScene";
+//#endregion
+export { NeighborhoodScene, neighborhoodSceneVariants };
+
+//# sourceMappingURL=neighborhood-scene.mjs.map

package/dist/neighborhood-scene.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neighborhood-scene.mjs","names":[],"sources":["../src/neighborhood-scene.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n/* ------------------------------------------------------------------ *\n * Inline types (self-contained — no local imports)\n * ------------------------------------------------------------------ */\n\ntype ScenePoint = {x: number; y: number};\n\ntype HouseState = \"idle\" | \"hover\" | \"selected\";\n\ntype House = {\n\tid: string;\n\tlabel: string;\n\t/** isometric grid coords */\n\tgx: number;\n\tgy: number;\n\tscale: number;\n};\n\n/* ------------------------------------------------------------------ *\n * Scene geometry (inline mock data)\n * ------------------------------------------------------------------ */\n\nconst VIEWBOX = \"0 0 1200 800\";\nconst SCENE_AR = \"3 / 2\";\n\nconst TILE_X = 110;\nconst TILE_Y = 55;\nconst ORIGIN_X = 600;\nconst ORIGIN_Y = 300;\n\nconst iso = (gx: number, gy: number): [number, number] => [\n\tORIGIN_X + (gx - gy) * TILE_X,\n\tORIGIN_Y + (gx + gy) * TILE_Y,\n];\n\nconst pts = (points: Array<[number, number]>): string =>\n\tpoints.map(([x, y]) => `${Math.round(x * 100) / 100},${Math.round(y * 100) / 100}`).join(\" \");\n\nconst GROUND = pts([iso(-0.8, -0.8), iso(3.8, -0.8), iso(3.8, 3.8), iso(-0.8, 3.8)]);\n\nconst ROADS: string[] = [\n\t// north↔south avenue\n\tpts([iso(1.35, -0.8), iso(1.65, -0.8), iso(1.65, 3.8), iso(1.35, 3.8)]),\n\t// east↔west avenue\n\tpts([iso(-0.8, 1.35), iso(3.8, 1.35), iso(3.8, 1.65), iso(-0.8, 1.65)]),\n];\n\nconst GRID_X = [0.2, 1.05, 1.95, 2.8];\nconst GRID_Y = [0.2, 1.05, 1.95, 2.8];\n\nconst HOUSES: House[] = GRID_Y.flatMap((gy, row) =>\n\tGRID_X.map((gx, col) => ({\n\t\tid: `house-${row + 1}-${col + 1}`,\n\t\tlabel: `Unit ${String.fromCharCode(65 + row)}${col + 1}`,\n\t\tgx,\n\t\tgy,\n\t\tscale: 0.9 + ((row * 4 + col) % 3) * 0.08,\n\t})),\n).sort((a, b) => a.gx + a.gy - (b.gx + b.gy));\n\nconst BASE_HALF_WIDTH = 48;\nconst BASE_WALL_HEIGHT = 46;\nconst BASE_ROOF_RISE = 28;\n\ntype HouseGeometry = {\n\tcx: number;\n\tcy: number;\n\thx: number;\n\thy: number;\n\tfootprint: string;\n\twallLeft: string;\n\twallRight: string;\n\troofFront: string;\n\troofBack: string;\n\tgable: string;\n\tdoor: string;\n};\n\nfunction houseGeometry(house: House): HouseGeometry {\n\tconst [cx, cy] = iso(house.gx, house.gy);\n\tconst hx = BASE_HALF_WIDTH * house.scale;\n\tconst hy = hx / 2;\n\tconst h = BASE_WALL_HEIGHT * house.scale;\n\tconst rise = BASE_ROOF_RISE * house.scale;\n\n\t// footprint diamond (ground level)\n\tconst F: [number, number] = [cx, cy + hy];\n\tconst R: [number, number] = [cx + hx, cy];\n\tconst B: [number, number] = [cx, cy - hy];\n\tconst L: [number, number] = [cx - hx, cy];\n\n\t// top of the walls\n\tconst Ft: [number, number] = [cx, cy + hy - h];\n\tconst Rt: [number, number] = [cx + hx, cy - h];\n\tconst Bt: [number, number] = [cx, cy - hy - h];\n\tconst Lt: [number, number] = [cx - hx, cy - h];\n\n\t// gable ridge\n\tconst P1: [number, number] = [cx - hx / 2, cy + hy / 2 - h - rise];\n\tconst P2: [number, number] = [cx + hx / 2, cy - hy / 2 - h - rise];\n\n\t// door sits on the front-right wall face\n\tconst wallPoint = (t: number, u: number): [number, number] => [\n\t\tF[0] + t * (R[0] - F[0]),\n\t\tF[1] + t * (R[1] - F[1]) - u * h,\n\t];\n\n\treturn {\n\t\tcx,\n\t\tcy,\n\t\thx,\n\t\thy,\n\t\tfootprint: pts([F, R, B, L]),\n\t\twallLeft: pts([L, F, Ft, Lt]),\n\t\twallRight: pts([F, R, Rt, Ft]),\n\t\troofFront: pts([Ft, Rt, P2, P1]),\n\t\troofBack: pts([Lt, Bt, P2, P1]),\n\t\tgable: pts([Ft, Lt, P1]),\n\t\tdoor: pts([wallPoint(0.36, 0), wallPoint(0.62, 0), wallPoint(0.62, 0.62), wallPoint(0.36, 0.62)]),\n\t};\n}\n\n/* ------------------------------------------------------------------ *\n * Tokenised tones per interaction state\n * ------------------------------------------------------------------ */\n\nconst HOUSE_TONES: Record<\n\tHouseState,\n\t{\n\t\twallLight: string;\n\t\twallDark: string;\n\t\troofLight: string;\n\t\troofDark: string;\n\t\tgable: string;\n\t\tdetail: string;\n\t\tstroke: string;\n\t\tstrokeWidth: number;\n\t}\n> = {\n\tidle: {\n\t\twallLight: \"wwc:fill-card\",\n\t\twallDark: \"wwc:fill-muted\",\n\t\troofLight: \"wwc:fill-secondary\",\n\t\troofDark: \"wwc:fill-secondary/70\",\n\t\tgable: \"wwc:fill-card\",\n\t\tdetail: \"wwc:fill-muted-foreground/30\",\n\t\tstroke: \"wwc:stroke-border\",\n\t\tstrokeWidth: 1,\n\t},\n\thover: {\n\t\twallLight: \"wwc:fill-accent\",\n\t\twallDark: \"wwc:fill-accent/70\",\n\t\troofLight: \"wwc:fill-accent-foreground/25\",\n\t\troofDark: \"wwc:fill-accent-foreground/15\",\n\t\tgable: \"wwc:fill-accent\",\n\t\tdetail: \"wwc:fill-accent-foreground/40\",\n\t\tstroke: \"wwc:stroke-ring\",\n\t\tstrokeWidth: 1.5,\n\t},\n\tselected: {\n\t\twallLight: \"wwc:fill-primary/85\",\n\t\twallDark: \"wwc:fill-primary/60\",\n\t\troofLight: \"wwc:fill-primary\",\n\t\troofDark: \"wwc:fill-primary/75\",\n\t\tgable: \"wwc:fill-primary/85\",\n\t\tdetail: \"wwc:fill-primary-foreground/50\",\n\t\tstroke: \"wwc:stroke-primary\",\n\t\tstrokeWidth: 1.75,\n\t},\n};\n\n/* ------------------------------------------------------------------ *\n * House\n * ------------------------------------------------------------------ */\n\nfunction HouseShape({\n\thouse,\n\tstate,\n\tonEnter,\n\tonLeave,\n\tonSelect,\n}: {\n\thouse: House;\n\tstate: HouseState;\n\tonEnter: () => void;\n\tonLeave: () => void;\n\tonSelect: (point: ScenePoint) => void;\n}) {\n\tconst g = houseGeometry(house);\n\tconst tone = HOUSE_TONES[state];\n\n\treturn (\n\t\t<g\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\taria-pressed={state === \"selected\"}\n\t\t\taria-label={house.label}\n\t\t\tonMouseEnter={onEnter}\n\t\t\tonMouseLeave={onLeave}\n\t\t\tonFocus={onEnter}\n\t\t\tonBlur={onLeave}\n\t\t\tonClick={(event) => onSelect({x: event.clientX, y: event.clientY})}\n\t\t\tonKeyDown={(event) => {\n\t\t\t\tif (event.key !== \"Enter\" && event.key !== \" \") return;\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst rect = event.currentTarget.getBoundingClientRect();\n\t\t\t\tonSelect({x: rect.left + rect.width / 2, y: rect.top + rect.height / 2});\n\t\t\t}}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:pointer-events-auto wwc:cursor-pointer wwc:outline-none\",\n\t\t\t\t\"wwc:transition-transform wwc:duration-150 wwc:ease-out\",\n\t\t\t\tstate !== \"idle\" && \"wwc:-translate-y-0.5\",\n\t\t\t)}\n\t\t>\n\t\t\t<title>{house.label}</title>\n\n\t\t\t{/* ground shadow */}\n\t\t\t<ellipse cx={g.cx} cy={g.cy + g.hy * 0.35} rx={g.hx * 1.02} ry={g.hy * 0.95} className=\"wwc:fill-foreground/10\" />\n\n\t\t\t{/* selection halo */}\n\t\t\t{state === \"selected\" ? (\n\t\t\t\t<ellipse\n\t\t\t\t\tcx={g.cx}\n\t\t\t\t\tcy={g.cy}\n\t\t\t\t\trx={g.hx * 1.22}\n\t\t\t\t\try={g.hy * 1.22}\n\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\tstrokeDasharray=\"6 5\"\n\t\t\t\t\tclassName=\"wwc:fill-primary/10 wwc:stroke-primary\"\n\t\t\t\t/>\n\t\t\t) : null}\n\n\t\t\t{/* footprint plinth */}\n\t\t\t<polygon points={g.footprint} strokeWidth={tone.strokeWidth} className={cn(tone.wallDark, tone.stroke)} />\n\n\t\t\t{/* walls */}\n\t\t\t<polygon\n\t\t\t\tpoints={g.wallLeft}\n\t\t\t\tstrokeWidth={tone.strokeWidth}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tclassName={cn(tone.wallDark, tone.stroke, \"wwc:transition-colors wwc:duration-150\")}\n\t\t\t/>\n\t\t\t<polygon\n\t\t\t\tpoints={g.wallRight}\n\t\t\t\tstrokeWidth={tone.strokeWidth}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tclassName={cn(tone.wallLight, tone.stroke, \"wwc:transition-colors wwc:duration-150\")}\n\t\t\t/>\n\t\t\t<polygon points={g.door} className={cn(tone.detail)} />\n\n\t\t\t{/* roof */}\n\t\t\t<polygon\n\t\t\t\tpoints={g.roofBack}\n\t\t\t\tstrokeWidth={tone.strokeWidth}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tclassName={cn(tone.roofDark, tone.stroke, \"wwc:transition-colors wwc:duration-150\")}\n\t\t\t/>\n\t\t\t<polygon\n\t\t\t\tpoints={g.gable}\n\t\t\t\tstrokeWidth={tone.strokeWidth}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tclassName={cn(tone.gable, tone.stroke, \"wwc:transition-colors wwc:duration-150\")}\n\t\t\t/>\n\t\t\t<polygon\n\t\t\t\tpoints={g.roofFront}\n\t\t\t\tstrokeWidth={tone.strokeWidth}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tclassName={cn(tone.roofLight, tone.stroke, \"wwc:transition-colors wwc:duration-150\")}\n\t\t\t/>\n\t\t</g>\n\t);\n}\n\n/* ------------------------------------------------------------------ *\n * Scene\n * ------------------------------------------------------------------ */\n\nconst neighborhoodSceneVariants = cva(\"wwc:pointer-events-none wwc:select-none\", {\n\tvariants: {\n\t\t// How the plan sizes itself inside its container. `contain` keeps the authored\n\t\t// centered plate; `full` lets it stretch to the available width (e.g. a pan surface).\n\t\tfit: {\n\t\t\tcontain: \"wwc:w-[82%] wwc:max-w-[64rem]\",\n\t\t\tfull: \"wwc:w-full\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tfit: \"contain\",\n\t},\n});\n\nexport interface NeighborhoodSceneProps\n\textends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\">, VariantProps<typeof neighborhoodSceneVariants> {\n\t/** Id of the currently selected house, or `null` when nothing is selected. */\n\tselectedId?: string | null;\n\t/** Fires when a house is activated, with its id and the pointer/keyboard point. */\n\tonSelect?: (id: string, point: ScenePoint) => void;\n}\n\n/** An isometric SVG neighborhood plan with interactive house hit-shapes driven by hover and selected state. */\nconst NeighborhoodScene = React.forwardRef<HTMLDivElement, NeighborhoodSceneProps>(\n\t({className, fit, selectedId = null, onSelect, ...props}, ref) => {\n\t\tconst [hovered, setHovered] = React.useState<string | null>(null);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(neighborhoodSceneVariants({fit, className}))}\n\t\t\t\tstyle={{aspectRatio: SCENE_AR}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{/* pointer-events are none on the scene (see the pan surface) — only houses opt back in. */}\n\t\t\t\t<svg\n\t\t\t\t\tviewBox={VIEWBOX}\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\taria-label=\"Neighborhood map\"\n\t\t\t\t\tclassName=\"wwc:h-full wwc:w-full wwc:overflow-visible\"\n\t\t\t\t>\n\t\t\t\t\t<polygon\n\t\t\t\t\t\tpoints={GROUND}\n\t\t\t\t\t\tstrokeWidth={1}\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tclassName=\"wwc:fill-muted wwc:stroke-border\"\n\t\t\t\t\t/>\n\t\t\t\t\t{ROADS.map((points, i) => (\n\t\t\t\t\t\t<polygon key={i} points={points} className=\"wwc:fill-muted-foreground/20\" />\n\t\t\t\t\t))}\n\t\t\t\t\t{HOUSES.map((house) => (\n\t\t\t\t\t\t<HouseShape\n\t\t\t\t\t\t\tkey={house.id}\n\t\t\t\t\t\t\thouse={house}\n\t\t\t\t\t\t\tstate={selectedId === house.id ? \"selected\" : hovered === house.id ? \"hover\" : \"idle\"}\n\t\t\t\t\t\t\tonEnter={() => setHovered(house.id)}\n\t\t\t\t\t\t\tonLeave={() => setHovered((h) => (h === house.id ? null : h))}\n\t\t\t\t\t\t\tonSelect={(point) => onSelect?.(house.id, point)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t},\n);\nNeighborhoodScene.displayName = \"NeighborhoodScene\";\n\nexport {NeighborhoodScene, neighborhoodSceneVariants};\n"],"mappings":"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"}