@downcity/ui 0.1.84 → 0.1.93

package/dist/index.cjs

@@ -1184,7 +1184,7 @@ var GRID_COLS = 40;
 var GRID_ROWS = 24;
 var STAGE_WIDTH = TILE_SIZE * GRID_COLS;
 var STAGE_HEIGHT = TILE_SIZE * GRID_ROWS;
-var WORKBOARD_TOWN_PLAZA_POINT = { x: 800, y: 480 };
+var WORKBOARD_VILLAGE_PLAZA_POINT = { x: 800, y: 480 };
 var WORKBOARD_ZONE_GATE_POINTS = {
   engaged: { x: 560, y: 400 },
   steady: { x: 1040, y: 400 },
@@ -1227,7 +1227,7 @@ var ZONE_PIXEL_PALETTE = {
     shadow: "rgba(146,78,28,0.2)"
   }
 };
-var TOWN_PATH_TILES = [
+var VILLAGE_PATH_TILES = [
   { col: 0, row: 10, cols: 40, rows: 4 },
   { col: 19, row: 0, cols: 2, rows: 24 },
   { col: 12, row: 7, cols: 7, rows: 2 },
@@ -1235,7 +1235,7 @@ var TOWN_PATH_TILES = [
   { col: 12, row: 15, cols: 7, rows: 2 },
   { col: 21, row: 15, cols: 7, rows: 2 }
 ];
-var TOWN_WATER_TILES = [
+var VILLAGE_WATER_TILES = [
   { col: 0, row: 0, cols: 10, rows: 2 },
   { col: 30, row: 0, cols: 10, rows: 2 },
   { col: 0, row: 22, cols: 11, rows: 2 },
@@ -1243,13 +1243,13 @@ var TOWN_WATER_TILES = [
   { col: 0, row: 2, cols: 2, rows: 5 },
   { col: 38, row: 17, cols: 2, rows: 5 }
 ];
-var TOWN_FENCE_TILES = [
+var VILLAGE_FENCE_TILES = [
   { col: 2, row: 2, cols: 15, rows: 1 },
   { col: 23, row: 2, cols: 15, rows: 1 },
   { col: 2, row: 22, cols: 15, rows: 1 },
   { col: 23, row: 22, cols: 15, rows: 1 }
 ];
-var TOWN_BUILDINGS = [
+var VILLAGE_BUILDINGS = [
   {
     col: 1,
     row: 3,
@@ -1343,7 +1343,7 @@ var TOWN_BUILDINGS = [
     ]
   }
 ];
-var TOWN_TREE_POINTS = [
+var VILLAGE_TREE_POINTS = [
   { col: 19, row: 2 },
   { col: 20, row: 21 },
   { col: 7, row: 2 },
@@ -1353,7 +1353,7 @@ var TOWN_TREE_POINTS = [
   { col: 17, row: 19 },
   { col: 22, row: 19 }
 ];
-var TOWN_SHRUB_POINTS = [
+var VILLAGE_SHRUB_POINTS = [
   { col: 16, row: 8 },
   { col: 23, row: 8 },
   { col: 16, row: 15 },
@@ -1363,7 +1363,7 @@ var TOWN_SHRUB_POINTS = [
   { col: 4, row: 22 },
   { col: 35, row: 22 }
 ];
-var TOWN_FLOWER_POINTS = [
+var VILLAGE_FLOWER_POINTS = [
   { col: 6, row: 11 },
   { col: 11, row: 12 },
   { col: 16, row: 9 },
@@ -1427,43 +1427,43 @@ function renderGrassTiles() {
     ] }, `grass-${col}-${row}`);
   });
 }
-function renderTownPath(tile, index) {
+function renderVillagePath(tile, index) {
   const rect2 = tileToRect(tile);
   const cobbles = Array.from({ length: tile.cols * tile.rows }, (_, cobbleIndex) => {
     const col = tile.col + cobbleIndex % tile.cols;
     const row = tile.row + Math.floor(cobbleIndex / tile.cols);
     const x = col * TILE_SIZE + ((col + row) % 2 === 0 ? 8 : 22);
     const y = row * TILE_SIZE + ((col * 3 + row) % 2 === 0 ? 10 : 24);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y, width: "8", height: "5", fill: "rgba(134,105,67,0.24)" }, `town-path-cobble-${index}-${cobbleIndex}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y, width: "8", height: "5", fill: "rgba(134,105,67,0.24)" }, `village-path-cobble-${index}-${cobbleIndex}`);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: rect2.height, fill: "rgba(193,165,104,0.98)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: "4", fill: "rgba(116,92,62,0.34)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x, y: rect2.y + rect2.height - 4, width: rect2.width, height: "4", fill: "rgba(116,92,62,0.28)" }),
     cobbles
-  ] }, `town-path-${index}`);
+  ] }, `village-path-${index}`);
 }
-function renderTownWater(tile, index) {
+function renderVillageWater(tile, index) {
   const rect2 = tileToRect(tile);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: rect2.height, fill: "rgba(82,139,149,0.9)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x + 8, y: rect2.y + 10, width: Math.max(12, rect2.width - 16), height: "4", fill: "rgba(160,205,199,0.34)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x + 18, y: rect2.y + rect2.height - 14, width: Math.max(18, rect2.width - 48), height: "4", fill: "rgba(53,103,112,0.24)" })
-  ] }, `town-water-${index}`);
+  ] }, `village-water-${index}`);
 }
-function renderTownFence(tile, index) {
+function renderVillageFence(tile, index) {
   const rect2 = tileToRect(tile);
   const posts = Array.from({ length: tile.cols }, (_, postIndex) => {
     const x = rect2.x + postIndex * TILE_SIZE + 16;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y: rect2.y + 8, width: "8", height: "24", fill: "rgba(111,78,47,0.88)" }, `town-fence-post-${index}-${postIndex}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y: rect2.y + 8, width: "8", height: "24", fill: "rgba(111,78,47,0.88)" }, `village-fence-post-${index}-${postIndex}`);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x + 8, y: rect2.y + 15, width: rect2.width - 16, height: "6", fill: "rgba(151,104,61,0.82)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x + 8, y: rect2.y + 25, width: rect2.width - 16, height: "5", fill: "rgba(126,88,54,0.7)" }),
     posts
-  ] }, `town-fence-${index}`);
+  ] }, `village-fence-${index}`);
 }
-function renderTownPlaza() {
+function renderVillagePlaza() {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TileRectSvg, { tile: { col: 17, row: 9, cols: 6, rows: 6 }, fill: "rgba(211,189,128,0.96)", stroke: "rgba(126,97,58,0.36)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TileRectSvg, { tile: { col: 18, row: 10, cols: 4, rows: 4 }, fill: "rgba(232,210,148,0.98)", stroke: "rgba(126,97,58,0.32)" }),
@@ -1475,7 +1475,7 @@ function renderTownPlaza() {
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "856", y: "436", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "736", y: "556", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "856", y: "556", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" })
-  ] }, "town-plaza");
+  ] }, "village-plaza");
 }
 function renderTree(point, index) {
   const x = point.col * TILE_SIZE;
@@ -1505,7 +1505,7 @@ function renderFlower(point, index) {
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 17, y: y + 26, width: "4", height: "4", fill: "rgba(134,104,218,0.76)" })
   ] }, `flower-${index}`);
 }
-function renderTownProp(prop, index) {
+function renderVillageProp(prop, index) {
   const rect2 = tileToRect(prop);
   const x = rect2.x + 6;
   const y = rect2.y + 7;
@@ -1514,33 +1514,33 @@ function renderTownProp(prop, index) {
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y, width: "28", height: "24", fill: "rgba(178,112,68,0.88)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 4, y: y + 4, width: "20", height: "8", fill: "rgba(249,209,122,0.9)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 4, y: y + 14, width: "20", height: "7", fill: "rgba(208,94,67,0.78)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "shelf") {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y, width: Math.max(24, rect2.width - 12), height: "9", fill: "rgba(124,83,56,0.92)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y: y + 12, width: Math.max(24, rect2.width - 12), height: "9", fill: "rgba(124,83,56,0.84)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 5, y: y + 3, width: "5", height: "4", fill: "rgba(229,195,96,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "table") {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 3, y: y + 5, width: Math.max(28, rect2.width - 18), height: "18", fill: "rgba(156,103,64,0.92)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 8, y: y + 9, width: "6", height: "6", fill: "rgba(236,226,188,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "sofa") {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y: y + 4, width: "26", height: "19", fill: "rgba(99,143,178,0.88)" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 4, y: y + 8, width: "18", height: "7", fill: "rgba(145,185,211,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x, y: y + 4, width: "26", height: "16", fill: "rgba(124,83,56,0.92)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: x + 4, y, width: "18", height: "8", fill: "rgba(194,214,221,0.9)" })
-  ] }, `town-prop-${index}`);
+  ] }, `village-prop-${index}`);
 }
-function renderTownBuilding(building, activeZoneId) {
+function renderVillageBuilding(building, activeZoneId) {
   const rect2 = tileToRect(building);
   const active = building.zoneId === activeZoneId;
   const doorX = rect2.x + rect2.width / 2 - 24;
@@ -1583,9 +1583,9 @@ function renderTownBuilding(building, activeZoneId) {
     }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: doorX, y: doorY, width: "48", height: "16", fill: "rgba(226,204,139,0.98)" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: doorX + 8, y: doorY + 4, width: "32", height: "8", fill: "rgba(91,65,44,0.55)" }),
-    building.props.map(renderTownProp),
+    building.props.map(renderVillageProp),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: rect2.x - 8, y: rect2.y - 8, width: rect2.width + 16, height: rect2.height + 16, fill: "none", stroke: active ? ZONE_PIXEL_PALETTE[building.zoneId].stroke : "rgba(17,17,19,0.34)", strokeWidth: active ? 5 : 3 })
-  ] }, `town-building-${building.zoneId}`);
+  ] }, `village-building-${building.zoneId}`);
 }
 function PixelAtlasMap(props) {
   const activeZoneId = props.zones.find((zone) => zone.active)?.id;
@@ -1600,16 +1600,16 @@ function PixelAtlasMap(props) {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: 0, y: 0, width: STAGE_WIDTH, height: STAGE_HEIGHT, fill: "rgba(247,244,236,0.98)" }),
         renderGrassTiles(),
-        TOWN_WATER_TILES.map(renderTownWater),
-        TOWN_PATH_TILES.map(renderTownPath),
-        renderTownPlaza(),
-        TOWN_FENCE_TILES.map(renderTownFence),
-        TOWN_SHRUB_POINTS.map(renderShrub),
-        TOWN_TREE_POINTS.map(renderTree),
-        TOWN_FLOWER_POINTS.map(renderFlower),
-        TOWN_BUILDINGS.map((building) => renderTownBuilding(building, activeZoneId)),
+        VILLAGE_WATER_TILES.map(renderVillageWater),
+        VILLAGE_PATH_TILES.map(renderVillagePath),
+        renderVillagePlaza(),
+        VILLAGE_FENCE_TILES.map(renderVillageFence),
+        VILLAGE_SHRUB_POINTS.map(renderShrub),
+        VILLAGE_TREE_POINTS.map(renderTree),
+        VILLAGE_FLOWER_POINTS.map(renderFlower),
+        VILLAGE_BUILDINGS.map((building) => renderVillageBuilding(building, activeZoneId)),
         props.zones.map((zone) => {
-          const building = TOWN_BUILDINGS.find((item) => item.zoneId === zone.id);
+          const building = VILLAGE_BUILDINGS.find((item) => item.zoneId === zone.id);
           if (!building) return null;
           const layout = WORKBOARD_ZONE_LAYOUT[zone.id];
           const active = zone.active;
@@ -2373,8 +2373,8 @@ function buildOverviewPatrolRoute(params) {
   const laneOffset = (laneIndex - 1) * 10;
   const roadY = params.zoneId === "engaged" || params.zoneId === "steady" ? 460 : 500;
   const plazaLane = {
-    x: WORKBOARD_TOWN_PLAZA_POINT.x + laneOffset,
-    y: WORKBOARD_TOWN_PLAZA_POINT.y + (roadY < WORKBOARD_TOWN_PLAZA_POINT.y ? -10 : 10)
+    x: WORKBOARD_VILLAGE_PLAZA_POINT.x + laneOffset,
+    y: WORKBOARD_VILLAGE_PLAZA_POINT.y + (roadY < WORKBOARD_VILLAGE_PLAZA_POINT.y ? -10 : 10)
   };
   return [
     anchor,
@@ -2385,7 +2385,7 @@ function buildOverviewPatrolRoute(params) {
     { x: city.x, y: roadY },
     { x: plazaLane.x, y: roadY },
     plazaLane,
-    WORKBOARD_TOWN_PLAZA_POINT,
+    WORKBOARD_VILLAGE_PLAZA_POINT,
     plazaLane,
     { x: plazaLane.x, y: roadY },
     { x: city.x, y: roadY },

package/dist/index.js

@@ -1081,7 +1081,7 @@ var GRID_COLS = 40;
 var GRID_ROWS = 24;
 var STAGE_WIDTH = TILE_SIZE * GRID_COLS;
 var STAGE_HEIGHT = TILE_SIZE * GRID_ROWS;
-var WORKBOARD_TOWN_PLAZA_POINT = { x: 800, y: 480 };
+var WORKBOARD_VILLAGE_PLAZA_POINT = { x: 800, y: 480 };
 var WORKBOARD_ZONE_GATE_POINTS = {
   engaged: { x: 560, y: 400 },
   steady: { x: 1040, y: 400 },
@@ -1124,7 +1124,7 @@ var ZONE_PIXEL_PALETTE = {
     shadow: "rgba(146,78,28,0.2)"
   }
 };
-var TOWN_PATH_TILES = [
+var VILLAGE_PATH_TILES = [
   { col: 0, row: 10, cols: 40, rows: 4 },
   { col: 19, row: 0, cols: 2, rows: 24 },
   { col: 12, row: 7, cols: 7, rows: 2 },
@@ -1132,7 +1132,7 @@ var TOWN_PATH_TILES = [
   { col: 12, row: 15, cols: 7, rows: 2 },
   { col: 21, row: 15, cols: 7, rows: 2 }
 ];
-var TOWN_WATER_TILES = [
+var VILLAGE_WATER_TILES = [
   { col: 0, row: 0, cols: 10, rows: 2 },
   { col: 30, row: 0, cols: 10, rows: 2 },
   { col: 0, row: 22, cols: 11, rows: 2 },
@@ -1140,13 +1140,13 @@ var TOWN_WATER_TILES = [
   { col: 0, row: 2, cols: 2, rows: 5 },
   { col: 38, row: 17, cols: 2, rows: 5 }
 ];
-var TOWN_FENCE_TILES = [
+var VILLAGE_FENCE_TILES = [
   { col: 2, row: 2, cols: 15, rows: 1 },
   { col: 23, row: 2, cols: 15, rows: 1 },
   { col: 2, row: 22, cols: 15, rows: 1 },
   { col: 23, row: 22, cols: 15, rows: 1 }
 ];
-var TOWN_BUILDINGS = [
+var VILLAGE_BUILDINGS = [
   {
     col: 1,
     row: 3,
@@ -1240,7 +1240,7 @@ var TOWN_BUILDINGS = [
     ]
   }
 ];
-var TOWN_TREE_POINTS = [
+var VILLAGE_TREE_POINTS = [
   { col: 19, row: 2 },
   { col: 20, row: 21 },
   { col: 7, row: 2 },
@@ -1250,7 +1250,7 @@ var TOWN_TREE_POINTS = [
   { col: 17, row: 19 },
   { col: 22, row: 19 }
 ];
-var TOWN_SHRUB_POINTS = [
+var VILLAGE_SHRUB_POINTS = [
   { col: 16, row: 8 },
   { col: 23, row: 8 },
   { col: 16, row: 15 },
@@ -1260,7 +1260,7 @@ var TOWN_SHRUB_POINTS = [
   { col: 4, row: 22 },
   { col: 35, row: 22 }
 ];
-var TOWN_FLOWER_POINTS = [
+var VILLAGE_FLOWER_POINTS = [
   { col: 6, row: 11 },
   { col: 11, row: 12 },
   { col: 16, row: 9 },
@@ -1324,43 +1324,43 @@ function renderGrassTiles() {
     ] }, `grass-${col}-${row}`);
   });
 }
-function renderTownPath(tile, index) {
+function renderVillagePath(tile, index) {
   const rect2 = tileToRect(tile);
   const cobbles = Array.from({ length: tile.cols * tile.rows }, (_, cobbleIndex) => {
     const col = tile.col + cobbleIndex % tile.cols;
     const row = tile.row + Math.floor(cobbleIndex / tile.cols);
     const x = col * TILE_SIZE + ((col + row) % 2 === 0 ? 8 : 22);
     const y = row * TILE_SIZE + ((col * 3 + row) % 2 === 0 ? 10 : 24);
-    return /* @__PURE__ */ jsx18("rect", { x, y, width: "8", height: "5", fill: "rgba(134,105,67,0.24)" }, `town-path-cobble-${index}-${cobbleIndex}`);
+    return /* @__PURE__ */ jsx18("rect", { x, y, width: "8", height: "5", fill: "rgba(134,105,67,0.24)" }, `village-path-cobble-${index}-${cobbleIndex}`);
   });
   return /* @__PURE__ */ jsxs5("g", { children: [
     /* @__PURE__ */ jsx18("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: rect2.height, fill: "rgba(193,165,104,0.98)" }),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: "4", fill: "rgba(116,92,62,0.34)" }),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x, y: rect2.y + rect2.height - 4, width: rect2.width, height: "4", fill: "rgba(116,92,62,0.28)" }),
     cobbles
-  ] }, `town-path-${index}`);
+  ] }, `village-path-${index}`);
 }
-function renderTownWater(tile, index) {
+function renderVillageWater(tile, index) {
   const rect2 = tileToRect(tile);
   return /* @__PURE__ */ jsxs5("g", { children: [
     /* @__PURE__ */ jsx18("rect", { x: rect2.x, y: rect2.y, width: rect2.width, height: rect2.height, fill: "rgba(82,139,149,0.9)" }),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x + 8, y: rect2.y + 10, width: Math.max(12, rect2.width - 16), height: "4", fill: "rgba(160,205,199,0.34)" }),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x + 18, y: rect2.y + rect2.height - 14, width: Math.max(18, rect2.width - 48), height: "4", fill: "rgba(53,103,112,0.24)" })
-  ] }, `town-water-${index}`);
+  ] }, `village-water-${index}`);
 }
-function renderTownFence(tile, index) {
+function renderVillageFence(tile, index) {
   const rect2 = tileToRect(tile);
   const posts = Array.from({ length: tile.cols }, (_, postIndex) => {
     const x = rect2.x + postIndex * TILE_SIZE + 16;
-    return /* @__PURE__ */ jsx18("rect", { x, y: rect2.y + 8, width: "8", height: "24", fill: "rgba(111,78,47,0.88)" }, `town-fence-post-${index}-${postIndex}`);
+    return /* @__PURE__ */ jsx18("rect", { x, y: rect2.y + 8, width: "8", height: "24", fill: "rgba(111,78,47,0.88)" }, `village-fence-post-${index}-${postIndex}`);
   });
   return /* @__PURE__ */ jsxs5("g", { children: [
     /* @__PURE__ */ jsx18("rect", { x: rect2.x + 8, y: rect2.y + 15, width: rect2.width - 16, height: "6", fill: "rgba(151,104,61,0.82)" }),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x + 8, y: rect2.y + 25, width: rect2.width - 16, height: "5", fill: "rgba(126,88,54,0.7)" }),
     posts
-  ] }, `town-fence-${index}`);
+  ] }, `village-fence-${index}`);
 }
-function renderTownPlaza() {
+function renderVillagePlaza() {
   return /* @__PURE__ */ jsxs5("g", { children: [
     /* @__PURE__ */ jsx18(TileRectSvg, { tile: { col: 17, row: 9, cols: 6, rows: 6 }, fill: "rgba(211,189,128,0.96)", stroke: "rgba(126,97,58,0.36)" }),
     /* @__PURE__ */ jsx18(TileRectSvg, { tile: { col: 18, row: 10, cols: 4, rows: 4 }, fill: "rgba(232,210,148,0.98)", stroke: "rgba(126,97,58,0.32)" }),
@@ -1372,7 +1372,7 @@ function renderTownPlaza() {
     /* @__PURE__ */ jsx18("rect", { x: "856", y: "436", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" }),
     /* @__PURE__ */ jsx18("rect", { x: "736", y: "556", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" }),
     /* @__PURE__ */ jsx18("rect", { x: "856", y: "556", width: "8", height: "8", fill: "rgba(238,228,183,0.9)" })
-  ] }, "town-plaza");
+  ] }, "village-plaza");
 }
 function renderTree(point, index) {
   const x = point.col * TILE_SIZE;
@@ -1402,7 +1402,7 @@ function renderFlower(point, index) {
     /* @__PURE__ */ jsx18("rect", { x: x + 17, y: y + 26, width: "4", height: "4", fill: "rgba(134,104,218,0.76)" })
   ] }, `flower-${index}`);
 }
-function renderTownProp(prop, index) {
+function renderVillageProp(prop, index) {
   const rect2 = tileToRect(prop);
   const x = rect2.x + 6;
   const y = rect2.y + 7;
@@ -1411,33 +1411,33 @@ function renderTownProp(prop, index) {
       /* @__PURE__ */ jsx18("rect", { x, y, width: "28", height: "24", fill: "rgba(178,112,68,0.88)" }),
       /* @__PURE__ */ jsx18("rect", { x: x + 4, y: y + 4, width: "20", height: "8", fill: "rgba(249,209,122,0.9)" }),
       /* @__PURE__ */ jsx18("rect", { x: x + 4, y: y + 14, width: "20", height: "7", fill: "rgba(208,94,67,0.78)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "shelf") {
     return /* @__PURE__ */ jsxs5("g", { children: [
       /* @__PURE__ */ jsx18("rect", { x, y, width: Math.max(24, rect2.width - 12), height: "9", fill: "rgba(124,83,56,0.92)" }),
       /* @__PURE__ */ jsx18("rect", { x, y: y + 12, width: Math.max(24, rect2.width - 12), height: "9", fill: "rgba(124,83,56,0.84)" }),
       /* @__PURE__ */ jsx18("rect", { x: x + 5, y: y + 3, width: "5", height: "4", fill: "rgba(229,195,96,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "table") {
     return /* @__PURE__ */ jsxs5("g", { children: [
       /* @__PURE__ */ jsx18("rect", { x: x + 3, y: y + 5, width: Math.max(28, rect2.width - 18), height: "18", fill: "rgba(156,103,64,0.92)" }),
       /* @__PURE__ */ jsx18("rect", { x: x + 8, y: y + 9, width: "6", height: "6", fill: "rgba(236,226,188,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   if (prop.kind === "sofa") {
     return /* @__PURE__ */ jsxs5("g", { children: [
       /* @__PURE__ */ jsx18("rect", { x, y: y + 4, width: "26", height: "19", fill: "rgba(99,143,178,0.88)" }),
       /* @__PURE__ */ jsx18("rect", { x: x + 4, y: y + 8, width: "18", height: "7", fill: "rgba(145,185,211,0.9)" })
-    ] }, `town-prop-${index}`);
+    ] }, `village-prop-${index}`);
   }
   return /* @__PURE__ */ jsxs5("g", { children: [
     /* @__PURE__ */ jsx18("rect", { x, y: y + 4, width: "26", height: "16", fill: "rgba(124,83,56,0.92)" }),
     /* @__PURE__ */ jsx18("rect", { x: x + 4, y, width: "18", height: "8", fill: "rgba(194,214,221,0.9)" })
-  ] }, `town-prop-${index}`);
+  ] }, `village-prop-${index}`);
 }
-function renderTownBuilding(building, activeZoneId) {
+function renderVillageBuilding(building, activeZoneId) {
   const rect2 = tileToRect(building);
   const active = building.zoneId === activeZoneId;
   const doorX = rect2.x + rect2.width / 2 - 24;
@@ -1480,9 +1480,9 @@ function renderTownBuilding(building, activeZoneId) {
     }),
     /* @__PURE__ */ jsx18("rect", { x: doorX, y: doorY, width: "48", height: "16", fill: "rgba(226,204,139,0.98)" }),
     /* @__PURE__ */ jsx18("rect", { x: doorX + 8, y: doorY + 4, width: "32", height: "8", fill: "rgba(91,65,44,0.55)" }),
-    building.props.map(renderTownProp),
+    building.props.map(renderVillageProp),
     /* @__PURE__ */ jsx18("rect", { x: rect2.x - 8, y: rect2.y - 8, width: rect2.width + 16, height: rect2.height + 16, fill: "none", stroke: active ? ZONE_PIXEL_PALETTE[building.zoneId].stroke : "rgba(17,17,19,0.34)", strokeWidth: active ? 5 : 3 })
-  ] }, `town-building-${building.zoneId}`);
+  ] }, `village-building-${building.zoneId}`);
 }
 function PixelAtlasMap(props) {
   const activeZoneId = props.zones.find((zone) => zone.active)?.id;
@@ -1497,16 +1497,16 @@ function PixelAtlasMap(props) {
       children: [
         /* @__PURE__ */ jsx18("rect", { x: 0, y: 0, width: STAGE_WIDTH, height: STAGE_HEIGHT, fill: "rgba(247,244,236,0.98)" }),
         renderGrassTiles(),
-        TOWN_WATER_TILES.map(renderTownWater),
-        TOWN_PATH_TILES.map(renderTownPath),
-        renderTownPlaza(),
-        TOWN_FENCE_TILES.map(renderTownFence),
-        TOWN_SHRUB_POINTS.map(renderShrub),
-        TOWN_TREE_POINTS.map(renderTree),
-        TOWN_FLOWER_POINTS.map(renderFlower),
-        TOWN_BUILDINGS.map((building) => renderTownBuilding(building, activeZoneId)),
+        VILLAGE_WATER_TILES.map(renderVillageWater),
+        VILLAGE_PATH_TILES.map(renderVillagePath),
+        renderVillagePlaza(),
+        VILLAGE_FENCE_TILES.map(renderVillageFence),
+        VILLAGE_SHRUB_POINTS.map(renderShrub),
+        VILLAGE_TREE_POINTS.map(renderTree),
+        VILLAGE_FLOWER_POINTS.map(renderFlower),
+        VILLAGE_BUILDINGS.map((building) => renderVillageBuilding(building, activeZoneId)),
         props.zones.map((zone) => {
-          const building = TOWN_BUILDINGS.find((item) => item.zoneId === zone.id);
+          const building = VILLAGE_BUILDINGS.find((item) => item.zoneId === zone.id);
           if (!building) return null;
           const layout = WORKBOARD_ZONE_LAYOUT[zone.id];
           const active = zone.active;
@@ -2270,8 +2270,8 @@ function buildOverviewPatrolRoute(params) {
   const laneOffset = (laneIndex - 1) * 10;
   const roadY = params.zoneId === "engaged" || params.zoneId === "steady" ? 460 : 500;
   const plazaLane = {
-    x: WORKBOARD_TOWN_PLAZA_POINT.x + laneOffset,
-    y: WORKBOARD_TOWN_PLAZA_POINT.y + (roadY < WORKBOARD_TOWN_PLAZA_POINT.y ? -10 : 10)
+    x: WORKBOARD_VILLAGE_PLAZA_POINT.x + laneOffset,
+    y: WORKBOARD_VILLAGE_PLAZA_POINT.y + (roadY < WORKBOARD_VILLAGE_PLAZA_POINT.y ? -10 : 10)
   };
   return [
     anchor,
@@ -2282,7 +2282,7 @@ function buildOverviewPatrolRoute(params) {
     { x: city.x, y: roadY },
     { x: plazaLane.x, y: roadY },
     plazaLane,
-    WORKBOARD_TOWN_PLAZA_POINT,
+    WORKBOARD_VILLAGE_PLAZA_POINT,
     plazaLane,
     { x: plazaLane.x, y: roadY },
     { x: city.x, y: roadY },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@downcity/ui",
-  "version": "0.1.84",
+  "version": "0.1.93",
   "description": "Downcity UI SDK for React and Tailwind CSS applications.",
   "type": "module",
   "license": "MIT",