@tileflow/core 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/index.js

@@ -1,203 +1,13 @@
 // src/basemaps/osm.ts
+var defaultOsmBrightSprite = "https://openmaptiles.github.io/osm-bright-gl-style/sprite";
 function osm(options = {}) {
   return {
     type: "osm",
+    sprite: defaultOsmBrightSprite,
     ...options
   };
 }
 
-// src/modules/roads/index.ts
-function roads(options = {}) {
-  return {
-    type: "roads",
-    preset: options.preset ?? "modern",
-    ...options.density ? { density: options.density } : {}
-  };
-}
-function resolveRoads(legacyRoads, moduleConfig, fallback) {
-  if (!moduleConfig) {
-    return legacyRoads ?? fallback;
-  }
-  if (moduleConfig.preset === "minimal" || moduleConfig.density === "clean") {
-    return "soft";
-  }
-  if (moduleConfig.density === "dense") {
-    return "detailed";
-  }
-  return "standard";
-}
-function roadLayers(source, sourceLayer, colors, roadsMode) {
-  if (roadsMode === "hidden") {
-    return [];
-  }
-  const opacity = roadsMode === "soft" ? 0.72 : roadsMode === "standard" ? 0.84 : 0.96;
-  const casingOpacity = roadsMode === "detailed" ? 0.3 : 0.16;
-  const majorRoadFilter = classFilter(["motorway", "trunk", "primary", "secondary"]);
-  const ferryFilter = classFilter(["ferry"]);
-  const pathFilter = classFilter(["path", "track"]);
-  const railFilter = classFilter(["rail", "transit"]);
-  const minorRoadFilter = [
-    "all",
-    ["!", majorRoadFilter],
-    ["!", ferryFilter],
-    ["!", pathFilter],
-    ["!", railFilter]
-  ];
-  const nonTunnelRoadFilter = ["!=", ["get", "brunnel"], "tunnel"];
-  const roadClassColor = roadClassColorExpression(colors);
-  return [
-    {
-      id: "roads-tunnels-casing",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 10,
-      filter: ["==", ["get", "brunnel"], "tunnel"],
-      paint: {
-        "line-color": colors.roads.tunnel,
-        "line-dasharray": [0.6, 0.8],
-        "line-opacity": 0.28,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.5, 14, 1.7, 16, 3.8]
-      }
-    },
-    {
-      id: "roads-tunnels",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 10,
-      filter: ["==", ["get", "brunnel"], "tunnel"],
-      paint: {
-        "line-color": roadClassColor,
-        "line-dasharray": [0.6, 0.8],
-        "line-opacity": 0.2,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.25, 14, 1, 16, 2.4]
-      }
-    },
-    {
-      id: "roads-casing",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 6,
-      filter: nonTunnelRoadFilter,
-      paint: {
-        "line-color": colors.roads.casing,
-        "line-opacity": casingOpacity,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 6, 0.4, 12, 1.2, 16, 4]
-      }
-    },
-    {
-      id: "roads-ferry",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 5,
-      filter: ["all", nonTunnelRoadFilter, ferryFilter],
-      paint: {
-        "line-color": colors.roads.ferry,
-        "line-dasharray": [1.2, 1.1],
-        "line-opacity": opacity * 0.8,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 5, 0.25, 12, 0.8, 16, 2.6]
-      }
-    },
-    {
-      id: "roads-paths",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 10,
-      filter: ["all", nonTunnelRoadFilter, pathFilter],
-      paint: {
-        "line-color": colors.roads.path,
-        "line-dasharray": [0.7, 0.7],
-        "line-opacity": opacity * 0.68,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.25, 14, 0.8, 16, 2.2]
-      }
-    },
-    {
-      id: "roads-rail",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 7,
-      filter: ["all", nonTunnelRoadFilter, railFilter],
-      paint: {
-        "line-color": colors.roads.rail,
-        "line-opacity": opacity * 0.58,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 7, 0.35, 12, 0.9, 16, 2.4]
-      }
-    },
-    {
-      id: "roads-minor",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 6,
-      filter: ["all", nonTunnelRoadFilter, minorRoadFilter],
-      paint: {
-        "line-color": colors.roads.minor,
-        "line-opacity": opacity * 0.88,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 6, 0.2, 12, 0.8, 16, 3]
-      }
-    },
-    {
-      id: "roads-major",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 5,
-      filter: ["all", nonTunnelRoadFilter, majorRoadFilter],
-      paint: {
-        "line-color": roadClassColor,
-        "line-opacity": opacity,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 5, 0.35, 12, 1.2, 16, 4]
-      }
-    },
-    {
-      id: "roads-bridges",
-      type: "line",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 10,
-      filter: ["==", ["get", "brunnel"], "bridge"],
-      paint: {
-        "line-color": colors.roads.bridge,
-        "line-opacity": opacity,
-        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.45, 14, 1.6, 16, 4.4]
-      }
-    }
-  ];
-}
-function classFilter(classes) {
-  return ["match", ["get", "class"], classes, true, false];
-}
-function roadClassColorExpression(colors) {
-  return [
-    "match",
-    ["get", "class"],
-    "motorway",
-    colors.roads.motorway,
-    "trunk",
-    colors.roads.trunk,
-    "primary",
-    colors.roads.primary,
-    "secondary",
-    colors.roads.secondary,
-    "rail",
-    colors.roads.rail,
-    "transit",
-    colors.roads.rail,
-    "ferry",
-    colors.roads.ferry,
-    "path",
-    colors.roads.path,
-    "track",
-    colors.roads.path,
-    colors.roads.minor
-  ];
-}
-
 // src/themes/index.ts
 var defaultColors = {
   background: "#F6F7F3",
@@ -366,12 +176,27 @@ function resolveColors(overrides = {}, defaults = defaultColors, moduleOverrides
     country: base.text,
     halo: base.textHalo,
     muted: base.textMuted,
+    neighborhood: base.textMuted,
     poi: base.textMuted,
     primary: base.text,
     road: base.textMuted,
     settlement: base.text,
     water: mix(base.water, base.text, 0.42)
   };
+  const poiDefaults = {
+    coffee: mix(base.textMuted, base.roadMajor, 0.24),
+    culture: mix(base.textMuted, base.text, 0.18),
+    education: mix(base.textMuted, base.water, 0.18),
+    food: mix(base.textMuted, base.roadMajor, 0.34),
+    halo: labelDefaults.halo,
+    health: mix(base.textMuted, "#D45E5E", 0.22),
+    icon: labelDefaults.poi,
+    label: labelDefaults.poi,
+    lodging: mix(base.textMuted, base.water, 0.24),
+    services: labelDefaults.poi,
+    shopping: mix(base.textMuted, base.park, 0.2),
+    transit: labelDefaults.road
+  };
   const landuseDefaults = {
     cemetery: mix(base.park, base.land, 0.35),
     civic: mix(base.land, base.textMuted, 0.08),
@@ -422,6 +247,7 @@ function resolveColors(overrides = {}, defaults = defaultColors, moduleOverrides
     landuse: mapColorRecord(
       resolveGroup(landuseDefaults, defaultModules.landuse, overrideModules.landuse)
     ),
+    poi: mapColorRecord(resolveGroup(poiDefaults, defaultModules.poi, overrideModules.poi)),
     roads: mapColorRecord(resolveGroup(roadDefaults, defaultModules.roads, overrideModules.roads))
   };
 }
@@ -575,6 +401,7 @@ function stripLegacyModuleColors(colors) {
     labels: _labels,
     landcover: _landcover,
     landuse: _landuse,
+    poi: _poi,
     roads: _roads,
     ...baseColors
   } = colors;
@@ -591,6 +418,7 @@ function extractLegacyModuleColors(colors) {
     ...colors.labels ? { labels: colors.labels } : {},
     ...colors.landcover ? { landcover: colors.landcover } : {},
     ...colors.landuse ? { landuse: colors.landuse } : {},
+    ...colors.poi ? { poi: colors.poi } : {},
     ...colors.roads ? { roads: colors.roads } : {}
   };
 }
@@ -602,6 +430,7 @@ function mergeThemeModules(defaults = {}, overrides = {}) {
     ...mergeThemeModuleGroup("labels", defaults, overrides),
     ...mergeThemeModuleGroup("landcover", defaults, overrides),
     ...mergeThemeModuleGroup("landuse", defaults, overrides),
+    ...mergeThemeModuleGroup("poi", defaults, overrides),
     ...mergeThemeModuleGroup("roads", defaults, overrides)
   };
 }
@@ -685,6 +514,437 @@ function rgbToHex(r, g, b) {
   return `#${[r, g, b].map((value) => value.toString(16).padStart(2, "0")).join("")}`;
 }
 
+// src/modules/labels/index.ts
+function labels(options = {}) {
+  return {
+    type: "labels",
+    ...options.language ? { language: options.language } : {},
+    ...options.places ? { places: options.places } : {},
+    ...options.preset ? { preset: options.preset } : {},
+    ...options.roads ? { roads: options.roads } : {},
+    ...options.water ? { water: options.water } : {}
+  };
+}
+function resolveLabels(legacyLabels, moduleConfig, fallback) {
+  const mode = moduleConfig?.preset ?? legacyLabels ?? fallback;
+  const density = labelDensityFromMode(mode);
+  return {
+    language: moduleConfig?.language ?? "auto",
+    mode,
+    places: moduleConfig?.places ?? density,
+    roads: moduleConfig?.roads ?? density,
+    water: moduleConfig?.water ?? density
+  };
+}
+function labelLayers(source, sourceLayer, colors, labelsConfig, typography) {
+  if (labelsConfig.mode === "none" || labelsConfig.places === "none") {
+    return [];
+  }
+  const maxRank = labelsConfig.places === "minimal" ? 3 : labelsConfig.places === "balanced" ? 7 : 12;
+  return [
+    {
+      id: "place-labels",
+      type: "symbol",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 3,
+      filter: ["<=", ["coalesce", ["get", "rank"], 10], maxRank],
+      layout: {
+        "text-field": labelTextField(labelsConfig.language),
+        "text-font": textFont(typography),
+        "text-size": ["interpolate", ["linear"], ["zoom"], 3, 10, 8, 13, 14, 17],
+        "text-letter-spacing": 0,
+        "text-padding": 4
+      },
+      paint: {
+        "text-color": colors.labels.primary,
+        "text-halo-color": colors.labels.halo,
+        "text-halo-width": 1.2
+      }
+    }
+  ];
+}
+function labelDensityFromMode(mode) {
+  if (mode === "none") return "none";
+  if (mode === "essential") return "minimal";
+  if (mode === "full") return "detailed";
+  return "balanced";
+}
+function labelTextField(language) {
+  if (language === "local") {
+    return ["coalesce", ["get", "name"], ["get", "name:latin"], ["get", "name:en"]];
+  }
+  if (language === "auto") {
+    return ["coalesce", ["get", "name:latin"], ["get", "name"], ["get", "name:en"]];
+  }
+  return ["coalesce", ["get", `name:${language}`], ["get", "name:latin"], ["get", "name"]];
+}
+
+// src/modules/poi/index.ts
+var defaultPoiMinZoom = {
+  none: 24,
+  minimal: 15,
+  balanced: 13,
+  full: 11
+};
+function poi(options = {}) {
+  return {
+    type: "poi",
+    ...options.categories ? { categories: options.categories } : {},
+    ...options.icons !== void 0 ? { icons: options.icons } : {},
+    ...options.labels ? { labels: options.labels } : {},
+    ...options.minZoom !== void 0 ? { minZoom: options.minZoom } : {},
+    ...options.preset ? { preset: options.preset } : {}
+  };
+}
+function resolvePoi(legacyPoi, moduleConfig, fallback) {
+  const mode = moduleConfig?.preset ?? legacyPoi ?? fallback;
+  return {
+    categories: moduleConfig?.categories,
+    icons: moduleConfig?.icons ?? (mode === "none" ? false : "essential"),
+    labels: moduleConfig?.labels ?? poiLabelsFromMode(mode),
+    minZoom: moduleConfig?.minZoom ?? defaultPoiMinZoom[mode],
+    mode
+  };
+}
+function poiLayers(source, sourceLayer, colors, poiConfig, typography, customIconSpriteId2, customIconMapping) {
+  if (poiConfig.mode === "none") {
+    return [];
+  }
+  const layout = {
+    "text-field": labelTextField("auto"),
+    "text-font": textFont(typography),
+    "text-size": ["interpolate", ["linear"], ["zoom"], poiConfig.minZoom, 10, 17, 12],
+    "text-letter-spacing": 0,
+    "text-padding": 2
+  };
+  if (poiConfig.labels === "none") {
+    delete layout["text-field"];
+  }
+  if (poiConfig.icons) {
+    layout["icon-image"] = poiIconImageExpression(customIconSpriteId2, customIconMapping);
+    layout["icon-optional"] = true;
+    layout["icon-padding"] = 2;
+    layout["icon-size"] = ["interpolate", ["linear"], ["zoom"], poiConfig.minZoom, 0.85, 17, 1];
+    layout["text-anchor"] = "top";
+    layout["text-offset"] = [0, 0.75];
+  }
+  return [
+    {
+      id: "poi-labels",
+      type: "symbol",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: poiConfig.minZoom,
+      ...poiConfig.categories ? { filter: poiCategoryFilter(poiConfig.categories) } : {},
+      layout,
+      paint: {
+        "text-color": colors.poi.label,
+        "text-halo-color": colors.poi.halo ?? alpha(colors.background, 0.78),
+        "text-halo-width": 1
+      }
+    }
+  ];
+}
+function poiLabelsFromMode(mode) {
+  if (mode === "none") return "none";
+  if (mode === "minimal") return "minimal";
+  if (mode === "full") return "full";
+  return "balanced";
+}
+function poiCategoryFilter(categories) {
+  return ["in", "class", ...categories.flatMap((category) => poiCategoryClasses(category))];
+}
+function poiIconImageExpression(customIconSpriteId2, customIconMapping = {}) {
+  const matchParts = [];
+  for (const [className, iconName] of Object.entries(poiClassIconNames)) {
+    matchParts.push(
+      className,
+      poiIconImageFallback(iconName, customIconSpriteId2, customIconMapping)
+    );
+  }
+  return [
+    "match",
+    ["get", "class"],
+    ...matchParts,
+    poiIconImageFallback("default", customIconSpriteId2, customIconMapping)
+  ];
+}
+function poiCategoryClasses(category) {
+  return poiCategoryClassNames[category] ?? [category];
+}
+function poiIconImageFallback(iconName, customIconSpriteId2, customIconMapping) {
+  const osmBrightIcon = `${osmBrightIconNameForSemanticIcon(iconName)}_11`;
+  const customIconName = customIconMapping[iconName] ?? iconName;
+  if (!customIconSpriteId2) {
+    return ["coalesce", ["image", customIconName], ["image", osmBrightIcon]];
+  }
+  return [
+    "coalesce",
+    ["image", `${customIconSpriteId2}:${customIconName}`],
+    ["image", osmBrightIcon]
+  ];
+}
+function osmBrightIconNameForSemanticIcon(iconName) {
+  return semanticToOsmBrightIconName[iconName] ?? "marker";
+}
+var poiCategoryClassNames = {
+  coffee: ["cafe"],
+  culture: ["museum", "gallery", "theatre", "cinema", "library", "attraction"],
+  education: ["school", "college", "university"],
+  food: ["restaurant", "fast_food", "bar", "pub", "biergarten"],
+  health: ["hospital", "pharmacy", "doctors", "dentist"],
+  lodging: ["hotel", "motel", "hostel", "guest_house"],
+  services: ["bank", "post", "toilet", "police", "fire_station", "town_hall"],
+  shopping: ["shop", "mall", "supermarket", "marketplace"],
+  transit: ["railway", "station", "bus", "bus_stop", "subway", "tram"]
+};
+var poiClassIconNames = {
+  attraction: "culture",
+  bank: "services",
+  bar: "food",
+  biergarten: "food",
+  bus: "transit",
+  bus_stop: "transit",
+  cafe: "coffee",
+  cinema: "culture",
+  college: "education",
+  dentist: "health",
+  doctors: "health",
+  fast_food: "food",
+  fire_station: "services",
+  gallery: "culture",
+  guest_house: "lodging",
+  hospital: "health",
+  hostel: "lodging",
+  hotel: "lodging",
+  library: "culture",
+  mall: "shopping",
+  marketplace: "shopping",
+  motel: "lodging",
+  museum: "culture",
+  pharmacy: "health",
+  police: "services",
+  post: "services",
+  pub: "food",
+  railway: "transit",
+  restaurant: "food",
+  school: "education",
+  shop: "shopping",
+  station: "transit",
+  subway: "transit",
+  supermarket: "shopping",
+  theatre: "culture",
+  toilet: "services",
+  town_hall: "services",
+  tram: "transit",
+  university: "education"
+};
+var semanticToOsmBrightIconName = {
+  coffee: "cafe",
+  culture: "museum",
+  default: "marker",
+  education: "school",
+  food: "restaurant",
+  health: "hospital",
+  lodging: "lodging",
+  services: "marker",
+  shopping: "shop",
+  transit: "railway"
+};
+
+// src/modules/roads/index.ts
+function roads(options = {}) {
+  return {
+    type: "roads",
+    preset: options.preset ?? "modern",
+    ...options.density ? { density: options.density } : {}
+  };
+}
+function resolveRoads(legacyRoads, moduleConfig, fallback) {
+  if (!moduleConfig) {
+    return legacyRoads ?? fallback;
+  }
+  if (moduleConfig.preset === "minimal" || moduleConfig.density === "clean") {
+    return "soft";
+  }
+  if (moduleConfig.density === "dense") {
+    return "detailed";
+  }
+  return "standard";
+}
+function roadLayers(source, sourceLayer, colors, roadsMode) {
+  if (roadsMode === "hidden") {
+    return [];
+  }
+  const opacity = roadsMode === "soft" ? 0.72 : roadsMode === "standard" ? 0.84 : 0.96;
+  const casingOpacity = roadsMode === "detailed" ? 0.3 : 0.16;
+  const majorRoadFilter = classFilter(["motorway", "trunk", "primary", "secondary"]);
+  const ferryFilter = classFilter(["ferry"]);
+  const pathFilter = classFilter(["path", "track"]);
+  const railFilter = classFilter(["rail", "transit"]);
+  const minorRoadFilter = [
+    "all",
+    ["!", majorRoadFilter],
+    ["!", ferryFilter],
+    ["!", pathFilter],
+    ["!", railFilter]
+  ];
+  const nonTunnelRoadFilter = ["!=", ["get", "brunnel"], "tunnel"];
+  const roadClassColor = roadClassColorExpression(colors);
+  return [
+    {
+      id: "roads-tunnels-casing",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 10,
+      filter: ["==", ["get", "brunnel"], "tunnel"],
+      paint: {
+        "line-color": colors.roads.tunnel,
+        "line-dasharray": [0.6, 0.8],
+        "line-opacity": 0.28,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.5, 14, 1.7, 16, 3.8]
+      }
+    },
+    {
+      id: "roads-tunnels",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 10,
+      filter: ["==", ["get", "brunnel"], "tunnel"],
+      paint: {
+        "line-color": roadClassColor,
+        "line-dasharray": [0.6, 0.8],
+        "line-opacity": 0.2,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.25, 14, 1, 16, 2.4]
+      }
+    },
+    {
+      id: "roads-casing",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 6,
+      filter: nonTunnelRoadFilter,
+      paint: {
+        "line-color": colors.roads.casing,
+        "line-opacity": casingOpacity,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 6, 0.4, 12, 1.2, 16, 4]
+      }
+    },
+    {
+      id: "roads-ferry",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 5,
+      filter: ["all", nonTunnelRoadFilter, ferryFilter],
+      paint: {
+        "line-color": colors.roads.ferry,
+        "line-dasharray": [1.2, 1.1],
+        "line-opacity": opacity * 0.8,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 5, 0.25, 12, 0.8, 16, 2.6]
+      }
+    },
+    {
+      id: "roads-paths",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 10,
+      filter: ["all", nonTunnelRoadFilter, pathFilter],
+      paint: {
+        "line-color": colors.roads.path,
+        "line-dasharray": [0.7, 0.7],
+        "line-opacity": opacity * 0.68,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.25, 14, 0.8, 16, 2.2]
+      }
+    },
+    {
+      id: "roads-rail",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 7,
+      filter: ["all", nonTunnelRoadFilter, railFilter],
+      paint: {
+        "line-color": colors.roads.rail,
+        "line-opacity": opacity * 0.58,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 7, 0.35, 12, 0.9, 16, 2.4]
+      }
+    },
+    {
+      id: "roads-minor",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 6,
+      filter: ["all", nonTunnelRoadFilter, minorRoadFilter],
+      paint: {
+        "line-color": colors.roads.minor,
+        "line-opacity": opacity * 0.88,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 6, 0.2, 12, 0.8, 16, 3]
+      }
+    },
+    {
+      id: "roads-major",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 5,
+      filter: ["all", nonTunnelRoadFilter, majorRoadFilter],
+      paint: {
+        "line-color": roadClassColor,
+        "line-opacity": opacity,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 5, 0.35, 12, 1.2, 16, 4]
+      }
+    },
+    {
+      id: "roads-bridges",
+      type: "line",
+      source,
+      "source-layer": sourceLayer,
+      minzoom: 10,
+      filter: ["==", ["get", "brunnel"], "bridge"],
+      paint: {
+        "line-color": colors.roads.bridge,
+        "line-opacity": opacity,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 0.45, 14, 1.6, 16, 4.4]
+      }
+    }
+  ];
+}
+function classFilter(classes) {
+  return ["match", ["get", "class"], classes, true, false];
+}
+function roadClassColorExpression(colors) {
+  return [
+    "match",
+    ["get", "class"],
+    "motorway",
+    colors.roads.motorway,
+    "trunk",
+    colors.roads.trunk,
+    "primary",
+    colors.roads.primary,
+    "secondary",
+    colors.roads.secondary,
+    "rail",
+    colors.roads.rail,
+    "transit",
+    colors.roads.rail,
+    "ferry",
+    colors.roads.ferry,
+    "path",
+    colors.roads.path,
+    "track",
+    colors.roads.path,
+    colors.roads.minor
+  ];
+}
+
 // src/basemaps/osm/layers.ts
 function openMapTilesLayers(source, sourceLayers, colors, options) {
   return [
@@ -696,13 +956,27 @@ function openMapTilesLayers(source, sourceLayers, colors, options) {
       }
     },
     fillLayer("landuse", source, sourceLayers.landuse, colors.landuse.residential, 0.42),
-    fillLayer("parks", source, sourceLayers.park, colors.landcover.park, parkOpacity(options.density)),
+    fillLayer(
+      "parks",
+      source,
+      sourceLayers.park,
+      colors.landcover.park,
+      parkOpacity(options.density)
+    ),
     fillLayer("water", source, sourceLayers.water, colors.hydro.water, 1),
     ...buildingLayers(source, sourceLayers.building, colors, options.density, options.buildings),
     ...roadLayers(source, sourceLayers.road, colors, options.roads),
     ...boundaryLayers(source, sourceLayers.boundary, colors),
     ...labelLayers(source, sourceLayers.place, colors, options.labels, options.typography),
-    ...poiLayers(source, sourceLayers.poi, colors, options.poi, options.typography)
+    ...poiLayers(
+      source,
+      sourceLayers.poi,
+      colors,
+      options.poi,
+      options.typography,
+      options.customIconSpriteId,
+      options.customIconMapping
+    )
   ];
 }
 function fillLayer(id, source, sourceLayer, color, opacity) {
@@ -818,61 +1092,6 @@ function boundaryLayers(source, sourceLayer, colors) {
     }
   ];
 }
-function labelLayers(source, sourceLayer, colors, labels, typography) {
-  if (labels === "none") {
-    return [];
-  }
-  const maxRank = labels === "essential" ? 3 : labels === "balanced" ? 7 : 12;
-  return [
-    {
-      id: "place-labels",
-      type: "symbol",
-      source,
-      "source-layer": sourceLayer,
-      minzoom: 3,
-      filter: ["<=", ["coalesce", ["get", "rank"], 10], maxRank],
-      layout: {
-        "text-field": ["coalesce", ["get", "name:en"], ["get", "name"]],
-        "text-font": textFont(typography),
-        "text-size": ["interpolate", ["linear"], ["zoom"], 3, 10, 8, 13, 14, 17],
-        "text-letter-spacing": 0,
-        "text-padding": 4
-      },
-      paint: {
-        "text-color": colors.labels.primary,
-        "text-halo-color": colors.labels.halo,
-        "text-halo-width": 1.2
-      }
-    }
-  ];
-}
-function poiLayers(source, sourceLayer, colors, poi, typography) {
-  if (poi === "none") {
-    return [];
-  }
-  const minzoom = poi === "minimal" ? 15 : poi === "balanced" ? 13 : 11;
-  return [
-    {
-      id: "poi-labels",
-      type: "symbol",
-      source,
-      "source-layer": sourceLayer,
-      minzoom,
-      layout: {
-        "text-field": ["coalesce", ["get", "name:en"], ["get", "name"]],
-        "text-font": textFont(typography),
-        "text-size": ["interpolate", ["linear"], ["zoom"], minzoom, 10, 17, 12],
-        "text-letter-spacing": 0,
-        "text-padding": 2
-      },
-      paint: {
-        "text-color": colors.labels.poi,
-        "text-halo-color": alpha(colors.background, 0.78),
-        "text-halo-width": 1
-      }
-    }
-  ];
-}
 function parkOpacity(density) {
   return density === "clean" ? 0.64 : density === "balanced" ? 0.78 : 0.9;
 }
@@ -983,6 +1202,7 @@ var colorConfigSchema = z.object({
     "country",
     "halo",
     "muted",
+    "neighborhood",
     "poi",
     "primary",
     "road",
@@ -997,6 +1217,20 @@ var colorConfigSchema = z.object({
     "industrial",
     "residential"
   ]).optional(),
+  poi: colorGroupSchema([
+    "coffee",
+    "culture",
+    "education",
+    "food",
+    "halo",
+    "health",
+    "icon",
+    "label",
+    "lodging",
+    "services",
+    "shopping",
+    "transit"
+  ]).optional(),
   roads: colorGroupSchema([
     "bridge",
     "casing",
@@ -1019,6 +1253,7 @@ var themeModulesSchema = z.object({
     "country",
     "halo",
     "muted",
+    "neighborhood",
     "poi",
     "primary",
     "road",
@@ -1033,6 +1268,20 @@ var themeModulesSchema = z.object({
     "industrial",
     "residential"
   ]).optional(),
+  poi: colorGroupSchema([
+    "coffee",
+    "culture",
+    "education",
+    "food",
+    "halo",
+    "health",
+    "icon",
+    "label",
+    "lodging",
+    "services",
+    "shopping",
+    "transit"
+  ]).optional(),
   roads: colorGroupSchema([
     "bridge",
     "casing",
@@ -1103,12 +1352,43 @@ var roadsModuleSchema = z.object({
   density: z.enum(["clean", "balanced", "dense"]).optional(),
   preset: z.enum(["modern", "minimal"]).optional()
 }).strict();
+var labelDensitySchema = z.enum(["none", "minimal", "balanced", "detailed"]);
+var labelsModuleSchema = z.object({
+  type: z.literal("labels"),
+  language: z.string().trim().min(1).optional(),
+  places: labelDensitySchema.optional(),
+  preset: z.enum(["none", "essential", "balanced", "full"]).optional(),
+  roads: labelDensitySchema.optional(),
+  water: labelDensitySchema.optional()
+}).strict();
+var poiModuleSchema = z.object({
+  type: z.literal("poi"),
+  categories: z.array(identifierSchema).optional(),
+  icons: z.union([z.boolean(), z.enum(["essential", "full"])]).optional(),
+  labels: z.enum(["none", "minimal", "balanced", "full"]).optional(),
+  minZoom: z.number().finite().min(0).max(24).optional(),
+  preset: z.enum(["none", "minimal", "balanced", "full"]).optional()
+}).strict();
 var styleOverrideModuleSchema = z.object({
   type: z.literal("styleOverride"),
   layers: z.record(z.string(), styleLayerOverrideSchema).optional(),
   removeLayers: z.array(z.string().min(1)).optional()
 }).strict();
-var moduleSchema = z.discriminatedUnion("type", [roadsModuleSchema, styleOverrideModuleSchema]);
+var moduleSchema = z.discriminatedUnion("type", [
+  labelsModuleSchema,
+  poiModuleSchema,
+  roadsModuleSchema,
+  styleOverrideModuleSchema
+]);
+var iconSetSchema = z.union([
+  z.string().trim().min(1),
+  z.object({
+    extends: z.string().trim().min(1).optional(),
+    mapping: z.record(identifierSchema, z.string().trim().min(1)).optional(),
+    source: z.string().trim().min(1).optional(),
+    sprite: z.string().trim().min(1).optional()
+  }).strict()
+]);
 var viewSchema = z.object({
   bearing: z.number().finite().min(-180).max(180).optional(),
   center: z.tuple([z.number().finite(), z.number().finite()]).refine(([lng, lat]) => lng >= -180 && lng <= 180 && lat >= -90 && lat <= 90, {
@@ -1148,6 +1428,7 @@ var tileflowMapSchema = z.object({
   buildings: z.enum(["hidden", "flat", "3d"]).optional(),
   terrain: z.union([z.enum(["none", "hillshade", "3d"]), terrainConfigSchema]).optional(),
   glyphs: z.string().min(1).optional(),
+  icons: iconSetSchema.optional(),
   sprite: z.string().min(1).optional(),
   tiles: tilesSchema.optional(),
   view: viewSchema.optional(),
@@ -1161,6 +1442,7 @@ var tilesetConfigSchema = z.object({
   sourceLayers: sourceLayersSchema.optional()
 }).strict();
 var tileflowProjectSchema = z.object({
+  icons: z.record(identifierSchema, iconSetSchema).optional(),
   themes: z.record(identifierSchema, themeConfigSchema).optional(),
   tilesets: z.record(identifierSchema, tilesetConfigSchema).optional(),
   maps: z.record(identifierSchema, configSchema).refine((maps) => {
@@ -1229,10 +1511,11 @@ function isProjectConfigLike(input) {
 function validateProjectThemeReferences(project) {
   const themeNames = new Set(Object.keys(project.themes ?? {}));
   const themeMessages = validateThemeExtends(project.themes, themeNames);
+  const iconMessages = validateProjectIconReferences(project);
   const mapMessages = Object.entries(project.maps).flatMap(
     ([mapName, mapConfig]) => validateMapThemeReference(mapConfig, themeNames, `maps.${mapName}.theme`)
   );
-  return [...themeMessages, ...mapMessages];
+  return [...themeMessages, ...iconMessages, ...mapMessages];
 }
 function validateMapThemeReference(config, themeNames, path) {
   if (!config.theme) {
@@ -1297,6 +1580,242 @@ function findThemeCycle(themeName, themes, path) {
   }
   return findThemeCycle(nextThemeName, themes, [...path, themeName]);
 }
+function validateProjectIconReferences(project) {
+  const messages = [];
+  const iconSets = project.icons ?? {};
+  for (const [iconSetName, iconSet] of Object.entries(iconSets)) {
+    const extendedName = iconSetReference(iconSet);
+    if (extendedName && !iconSets[extendedName]) {
+      messages.push({
+        level: "error",
+        path: iconSetExtendsPath(`icons.${iconSetName}`, iconSet),
+        message: `Unknown Tileflow icon set "${extendedName}"`
+      });
+    }
+  }
+  for (const iconSetName of Object.keys(iconSets)) {
+    const cycle = findIconSetCycle(iconSetName, iconSets, []);
+    if (cycle) {
+      messages.push({
+        level: "error",
+        path: iconSetExtendsPath(`icons.${iconSetName}`, iconSets[iconSetName]),
+        message: `Circular Tileflow icon set extends: ${cycle.join(" -> ")}`
+      });
+    }
+  }
+  for (const [mapName, mapConfig] of Object.entries(project.maps)) {
+    if (!isIconSetObject(mapConfig.icons) || !mapConfig.icons.extends) {
+      continue;
+    }
+    if (!iconSets[mapConfig.icons.extends]) {
+      messages.push({
+        level: "error",
+        path: `maps.${mapName}.icons.extends`,
+        message: `Unknown Tileflow icon set "${mapConfig.icons.extends}"`
+      });
+    }
+  }
+  return messages;
+}
+function findIconSetCycle(iconSetName, iconSets, path) {
+  if (path.includes(iconSetName)) {
+    return [...path, iconSetName];
+  }
+  const nextIconSetName = iconSetReference(iconSets?.[iconSetName]);
+  if (!nextIconSetName || !iconSets?.[nextIconSetName]) {
+    return void 0;
+  }
+  return findIconSetCycle(nextIconSetName, iconSets, [...path, iconSetName]);
+}
+function iconSetReference(iconSet) {
+  if (typeof iconSet === "string") {
+    return iconSet;
+  }
+  return isIconSetObject(iconSet) ? iconSet.extends : void 0;
+}
+function iconSetExtendsPath(basePath, iconSet) {
+  return isIconSetObject(iconSet) ? `${basePath}.extends` : basePath;
+}
+function isIconSetObject(value) {
+  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+
+// src/terrain/index.ts
+function resolveTerrain(terrain, tileBaseUrl) {
+  if (!terrain || terrain === "none") {
+    return void 0;
+  }
+  const terrainConfig = typeof terrain === "string" ? { mode: terrain } : terrain;
+  const mode = terrainConfig.mode ?? "hillshade";
+  if (mode === "none") {
+    return void 0;
+  }
+  const sourceId = terrainConfig.sourceId ?? "tileflow-terrain";
+  const tileset = terrainConfig.tileset ?? "terrain";
+  const url = terrainConfig.url ?? `${tileBaseUrl}/tiles/${tileset}/tiles.json`;
+  const encoding = terrainConfig.encoding ?? "terrarium";
+  return {
+    exaggeration: terrainConfig.exaggeration ?? 1.2,
+    mode,
+    sourceId,
+    source: {
+      ...terrainConfig.attribution ? { attribution: terrainConfig.attribution } : {},
+      encoding,
+      type: "raster-dem",
+      url
+    }
+  };
+}
+function withTerrainLayers(layers, terrain) {
+  const hillshadeLayer = {
+    id: "terrain-hillshade",
+    type: "hillshade",
+    source: terrain.sourceId,
+    maxzoom: 15,
+    paint: {
+      "hillshade-accent-color": "rgba(255, 255, 255, 0.18)",
+      "hillshade-exaggeration": terrain.mode === "3d" ? 0.24 : 0.42,
+      "hillshade-highlight-color": "rgba(255, 255, 255, 0.28)",
+      "hillshade-shadow-color": "rgba(38, 44, 50, 0.34)"
+    }
+  };
+  const insertionIndex = layers.findIndex((layer) => layer.id === "water");
+  if (insertionIndex === -1) {
+    return [hillshadeLayer, ...layers];
+  }
+  return [
+    ...layers.slice(0, insertionIndex + 1),
+    hillshadeLayer,
+    ...layers.slice(insertionIndex + 1)
+  ];
+}
+
+// src/templates/osm-bright/controls.ts
+function applyOsmBrightControls(layers, options) {
+  return layers.map((layer) => {
+    const id = stringValue(layer.id);
+    const sourceLayer = stringValue(layer["source-layer"]);
+    const type = stringValue(layer.type);
+    if (type !== "symbol") {
+      return layer;
+    }
+    if (isPoiLayer(id, sourceLayer)) {
+      return applyPoiLayerControls(
+        layer,
+        options.poi,
+        options.customIconSpriteId,
+        options.customIconMapping
+      );
+    }
+    if (isLabelLayer(id, sourceLayer)) {
+      return applyLabelLayerControls(layer, options.labels);
+    }
+    return layer;
+  });
+}
+function applyLabelLayerControls(layer, labels2) {
+  const id = stringValue(layer.id);
+  const sourceLayer = stringValue(layer["source-layer"]);
+  const group = labelGroup(id, sourceLayer);
+  const density = labelGroupDensity(labels2, group);
+  if (labels2.mode === "none" || density === "none") {
+    return setLayerVisibility(layer, "none");
+  }
+  const nextLayer = setLayerVisibility(layer, "visible");
+  const layout = isRecord3(nextLayer.layout) ? { ...nextLayer.layout } : {};
+  if ("text-field" in layout && !isHighwayShieldLayer(id)) {
+    layout["text-field"] = labelTextField(labels2.language);
+  }
+  if (density === "minimal") {
+    nextLayer.minzoom = Math.max(numberValue(nextLayer.minzoom) ?? 0, minimalMinZoom(group));
+  }
+  if (density === "detailed") {
+    const currentMinZoom = numberValue(nextLayer.minzoom);
+    if (currentMinZoom !== void 0) {
+      nextLayer.minzoom = Math.max(0, currentMinZoom - 1);
+    }
+  }
+  nextLayer.layout = layout;
+  return nextLayer;
+}
+function applyPoiLayerControls(layer, poi2, customIconSpriteId2, customIconMapping) {
+  if (poi2.mode === "none") {
+    return setLayerVisibility(layer, "none");
+  }
+  const nextLayer = setLayerVisibility(layer, "visible");
+  const layout = isRecord3(nextLayer.layout) ? { ...nextLayer.layout } : {};
+  nextLayer.minzoom = Math.max(numberValue(nextLayer.minzoom) ?? 0, poi2.minZoom);
+  if (poi2.categories && sourceLayerValue(nextLayer) === "poi") {
+    nextLayer.filter = combineFilters(nextLayer.filter, poiCategoryFilter(poi2.categories));
+  }
+  if (poi2.labels === "none") {
+    delete layout["text-field"];
+  } else if ("text-field" in layout) {
+    layout["text-field"] = labelTextField("auto");
+  }
+  if (poi2.icons === false) {
+    delete layout["icon-image"];
+  } else if ("icon-image" in layout || customIconSpriteId2) {
+    layout["icon-image"] = poiIconImageExpression(customIconSpriteId2, customIconMapping);
+    layout["icon-optional"] = true;
+  }
+  nextLayer.layout = layout;
+  return nextLayer;
+}
+function labelGroupDensity(labels2, group) {
+  if (group === "roads") return labels2.roads;
+  if (group === "water") return labels2.water;
+  return labels2.places;
+}
+function labelGroup(id, sourceLayer) {
+  if (sourceLayer === "transportation_name" || id.includes("highway-name") || id.includes("highway-shield")) {
+    return "roads";
+  }
+  if (sourceLayer === "water_name" || sourceLayer === "waterway" || id.includes("water-name")) {
+    return "water";
+  }
+  return "places";
+}
+function minimalMinZoom(group) {
+  if (group === "roads") return 13;
+  if (group === "water") return 5;
+  return 4;
+}
+function isLabelLayer(id, sourceLayer) {
+  return sourceLayer === "place" || sourceLayer === "transportation_name" || sourceLayer === "water_name" || sourceLayer === "waterway" || id.includes("highway-name") || id.includes("highway-shield") || id.includes("water-name");
+}
+function isPoiLayer(id, sourceLayer) {
+  return sourceLayer === "poi" || id.startsWith("poi-");
+}
+function isHighwayShieldLayer(id) {
+  return id.includes("highway-shield");
+}
+function setLayerVisibility(layer, visibility) {
+  const layout = isRecord3(layer.layout) ? { ...layer.layout } : {};
+  layout.visibility = visibility;
+  return {
+    ...layer,
+    layout
+  };
+}
+function combineFilters(first, second) {
+  if (!first) {
+    return second;
+  }
+  return ["all", first, second];
+}
+function sourceLayerValue(layer) {
+  return stringValue(layer["source-layer"]);
+}
+function stringValue(value) {
+  return typeof value === "string" ? value : "";
+}
+function numberValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function isRecord3(value) {
+  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
 
 // src/templates/osm-bright/style.json
 var style_default = {
@@ -3860,68 +4379,18 @@ var style_default = {
   id: "bright"
 };
 
-// src/terrain/index.ts
-function resolveTerrain(terrain, tileBaseUrl) {
-  if (!terrain || terrain === "none") {
-    return void 0;
-  }
-  const terrainConfig = typeof terrain === "string" ? { mode: terrain } : terrain;
-  const mode = terrainConfig.mode ?? "hillshade";
-  if (mode === "none") {
-    return void 0;
-  }
-  const sourceId = terrainConfig.sourceId ?? "tileflow-terrain";
-  const tileset = terrainConfig.tileset ?? "terrain";
-  const url = terrainConfig.url ?? `${tileBaseUrl}/tiles/${tileset}/tiles.json`;
-  const encoding = terrainConfig.encoding ?? "terrarium";
-  return {
-    exaggeration: terrainConfig.exaggeration ?? 1.2,
-    mode,
-    sourceId,
-    source: {
-      ...terrainConfig.attribution ? { attribution: terrainConfig.attribution } : {},
-      encoding,
-      type: "raster-dem",
-      url
-    }
-  };
-}
-function withTerrainLayers(layers, terrain) {
-  const hillshadeLayer = {
-    id: "terrain-hillshade",
-    type: "hillshade",
-    source: terrain.sourceId,
-    maxzoom: 15,
-    paint: {
-      "hillshade-accent-color": "rgba(255, 255, 255, 0.18)",
-      "hillshade-exaggeration": terrain.mode === "3d" ? 0.24 : 0.42,
-      "hillshade-highlight-color": "rgba(255, 255, 255, 0.28)",
-      "hillshade-shadow-color": "rgba(38, 44, 50, 0.34)"
-    }
-  };
-  const insertionIndex = layers.findIndex((layer) => layer.id === "water");
-  if (insertionIndex === -1) {
-    return [hillshadeLayer, ...layers];
-  }
-  return [
-    ...layers.slice(0, insertionIndex + 1),
-    hillshadeLayer,
-    ...layers.slice(insertionIndex + 1)
-  ];
-}
-
 // src/templates/osm-bright/theme.ts
 function applyOsmBrightTheme(layers, colors, theme, typography) {
   if (!theme.custom && theme.name === "light") {
     return layers;
   }
   return layers.map((layer) => {
-    const type = stringValue(layer.type);
-    const sourceLayer = stringValue(layer["source-layer"]);
-    const id = stringValue(layer.id);
+    const type = stringValue2(layer.type);
+    const sourceLayer = stringValue2(layer["source-layer"]);
+    const id = stringValue2(layer.id);
     const nextLayer = { ...layer };
-    const paint = isRecord3(layer.paint) ? { ...layer.paint } : {};
-    const layout = isRecord3(layer.layout) ? { ...layer.layout } : {};
+    const paint = isRecord4(layer.paint) ? { ...layer.paint } : {};
+    const layout = isRecord4(layer.layout) ? { ...layer.layout } : {};
     let paintChanged = false;
     let layoutChanged = false;
     if (type === "background" && hasBaseColor(theme, ["background", "canvas"])) {
@@ -4032,6 +4501,9 @@ function osmBrightTextColor(id, sourceLayer, colors, theme) {
     return shouldThemeLabelColor(theme, "road") ? colors.labels.road : void 0;
   }
   if (sourceLayer === "poi" || id.includes("poi")) {
+    if (hasNestedModuleColor(theme, "poi", "label")) {
+      return colors.poi.label;
+    }
     return shouldThemeLabelColor(theme, "poi") ? colors.labels.poi : void 0;
   }
   if (id.includes("country")) {
@@ -4167,10 +4639,10 @@ function hasNestedModuleColor(theme, group, key) {
   }
   return typeof value[key] === "string";
 }
-function isRecord3(value) {
+function isRecord4(value) {
   return Boolean(value && typeof value === "object" && !Array.isArray(value));
 }
-function stringValue(value) {
+function stringValue2(value) {
   return typeof value === "string" ? value : "";
 }
 
@@ -4184,7 +4656,13 @@ function createOsmBrightStyle(options) {
     options.theme,
     options.typography
   );
-  const resolvedLayers = options.terrain ? withTerrainLayers(themedLayers, options.terrain) : themedLayers;
+  const controlledLayers = applyOsmBrightControls(themedLayers, {
+    customIconMapping: options.customIconMapping,
+    customIconSpriteId: options.customIconSpriteId,
+    labels: options.labelsModule,
+    poi: options.poiModule
+  });
+  const resolvedLayers = options.terrain ? withTerrainLayers(controlledLayers, options.terrain) : controlledLayers;
   return {
     ...template,
     name: options.name,
@@ -4246,6 +4724,7 @@ var defaultConfig = {
 };
 var defaultTileBaseUrl = "https://api.tileflow.dev";
 var defaultTileset = "world";
+var customIconSpriteId = "tileflow";
 function createStyle(input = {}, options = {}) {
   const parsed = configSchema.safeParse(input);
   if (!parsed.success) {
@@ -4278,9 +4757,21 @@ function createStyle(input = {}, options = {}) {
   const roadModule = config.modules?.find(
     (moduleConfig) => moduleConfig.type === "roads"
   );
+  const labelsModule = config.modules?.find(
+    (moduleConfig) => moduleConfig.type === "labels"
+  );
+  const poiModule = config.modules?.find(
+    (moduleConfig) => moduleConfig.type === "poi"
+  );
   const roads2 = resolveRoads(config.roads, roadModule, theme.preset.roads ?? defaultConfig.roads);
-  const labels = config.labels ?? theme.preset.labels ?? defaultConfig.labels;
-  const poi = config.poi ?? theme.preset.poi ?? defaultConfig.poi;
+  const resolvedLabels = resolveLabels(
+    config.labels,
+    labelsModule,
+    theme.preset.labels ?? defaultConfig.labels
+  );
+  const resolvedPoi = resolvePoi(config.poi, poiModule, theme.preset.poi ?? defaultConfig.poi);
+  const labels2 = resolvedLabels.mode;
+  const poi2 = resolvedPoi.mode;
   const buildings = config.buildings ?? "flat";
   const colors = resolveColors(config.colors, theme.colors, {}, theme.modules);
   const sourceId = config.tiles?.sourceId ?? basemap.sourceId ?? "tileflow";
@@ -4290,7 +4781,10 @@ function createStyle(input = {}, options = {}) {
   const typography = resolveTypography(config.typography, theme.typography);
   const terrain = resolveTerrain(config.terrain, tileBaseUrl);
   const glyphs = config.glyphs ?? basemap.glyphs ?? `${tileBaseUrl}/fonts/{fontstack}/{range}.pbf`;
-  const sprite = config.sprite ?? basemap.sprite;
+  const iconSet = resolveIconSet(config.icons, options.iconSets);
+  const iconSprite = iconSet?.sprite;
+  const sprite = config.sprite ?? resolveSprite(basemap.sprite, iconSprite);
+  const customIconSpriteName = Array.isArray(sprite) && iconSprite ? customIconSpriteId : void 0;
   const attribution = config.tiles?.attribution ?? basemap.attribution ?? "\xA9 OpenMapTiles \xA9 OpenStreetMap contributors";
   const metadata = {
     "tileflow:basemap": basemap.type,
@@ -4298,8 +4792,15 @@ function createStyle(input = {}, options = {}) {
     "tileflow:themeMode": theme.mode,
     "tileflow:density": density,
     "tileflow:roads": roads2,
-    "tileflow:labels": labels,
-    "tileflow:poi": poi,
+    "tileflow:labels": labels2,
+    "tileflow:labelsModule": labelsModule,
+    "tileflow:poi": poi2,
+    "tileflow:poiModule": poiModule,
+    "tileflow:icons": iconSet ? {
+      customSpriteId: customIconSpriteName,
+      mapping: iconSet.mapping,
+      sprite: iconSprite
+    } : void 0,
     "tileflow:buildings": buildings,
     "tileflow:modules": config.modules?.map((moduleConfig) => moduleConfig.type) ?? [],
     "tileflow:themeModules": Object.keys(theme.moduleOverrides),
@@ -4327,7 +4828,13 @@ function createStyle(input = {}, options = {}) {
       terrain,
       theme,
       tilesUrl,
-      typography
+      typography,
+      labels: labels2,
+      labelsModule: resolvedLabels,
+      poi: poi2,
+      poiModule: resolvedPoi,
+      customIconMapping: iconSet?.mapping,
+      customIconSpriteId: customIconSpriteName
     });
     return {
       ...style2,
@@ -4345,10 +4852,12 @@ function createStyle(input = {}, options = {}) {
   const layers = openMapTilesLayers(sourceId, sourceLayers, colors, {
     buildings,
     density,
-    labels,
-    poi,
+    labels: resolvedLabels,
+    poi: resolvedPoi,
     roads: roads2,
-    typography
+    typography,
+    customIconMapping: iconSet?.mapping,
+    customIconSpriteId: customIconSpriteName
   });
   const terrainLayers = terrain ? withTerrainLayers(layers, terrain) : layers;
   const resolvedLayers = applyStyleOverrides(terrainLayers, styleOverrideModules);
@@ -4408,6 +4917,7 @@ function createStyleFromProject(projectConfig, mapName, options = {}) {
     },
     {
       ...options,
+      iconSets: projectConfig.icons,
       themes: projectConfig.themes,
       tileset: resolvedTileset
     }
@@ -4440,7 +4950,9 @@ function resolveSourceLayers(mapLayers, tilesetLayers) {
 }
 function shouldUseOsmBrightTemplate(config, basemap, theme) {
   const templateTheme = theme.custom || theme.name === "light" || theme.name === "dark";
-  return basemap.type === "osm" && templateTheme && !hasEffectiveColorOverrides(config.colors) && !config.typography && !config.density && !config.roads && !config.labels && !config.poi && !config.buildings && !config.modules?.some((moduleConfig) => moduleConfig.type !== "styleOverride") && !basemap.sourceLayers && !config.tiles?.sourceLayers;
+  return basemap.type === "osm" && templateTheme && !hasEffectiveColorOverrides(config.colors) && !config.typography && !config.density && !config.roads && !config.buildings && !config.modules?.some(
+    (moduleConfig) => moduleConfig.type !== "styleOverride" && moduleConfig.type !== "labels" && moduleConfig.type !== "poi"
+  ) && !basemap.sourceLayers && !config.tiles?.sourceLayers;
 }
 function hasEffectiveColorOverrides(colors) {
   if (!colors) {
@@ -4450,13 +4962,13 @@ function hasEffectiveColorOverrides(colors) {
     if (key === "accent" || value === void 0) {
       return false;
     }
-    if (isRecord4(value)) {
+    if (isRecord5(value)) {
       return Object.values(value).some((nestedValue) => typeof nestedValue === "string");
     }
     return typeof value === "string";
   });
 }
-function isRecord4(value) {
+function isRecord5(value) {
   return Boolean(value && typeof value === "object" && !Array.isArray(value));
 }
 function normalizeBaseUrl(value) {
@@ -4468,6 +4980,48 @@ function normalizeStyleBaseUrl(value) {
 function normalizeUrl(value) {
   return value.replace(/\/+$/, "");
 }
+function resolveIconSet(icons, iconSets, path = []) {
+  if (!icons) {
+    return void 0;
+  }
+  if (typeof icons === "string") {
+    const referenced = iconSets?.[icons];
+    if (referenced) {
+      if (path.includes(icons)) {
+        throw new Error(`Circular Tileflow icon set extends: ${[...path, icons].join(" -> ")}`);
+      }
+      return resolveIconSet(referenced, iconSets, [...path, icons]);
+    }
+    if (isSpriteReference(icons)) {
+      return { sprite: icons };
+    }
+    return { source: icons };
+  }
+  const extended = icons.extends ? resolveIconSet(icons.extends, iconSets, path) : void 0;
+  return {
+    ...extended,
+    ...icons,
+    mapping: {
+      ...extended?.mapping,
+      ...icons.mapping
+    }
+  };
+}
+function resolveSprite(basemapSprite, iconSprite) {
+  if (!basemapSprite) {
+    return iconSprite;
+  }
+  if (!iconSprite || iconSprite === basemapSprite) {
+    return basemapSprite;
+  }
+  return [
+    { id: "default", url: basemapSprite },
+    { id: customIconSpriteId, url: iconSprite }
+  ];
+}
+function isSpriteReference(value) {
+  return value.startsWith("http://") || value.startsWith("https://") || value.startsWith("/") || value.startsWith("data:");
+}
 
 // src/config.ts
 function defineTileflow(config) {
@@ -4480,9 +5034,11 @@ export {
   createStyleFromProject,
   defineTileflow,
   getDefaultColors2 as getDefaultColors,
+  labels,
   osm,
   parseTileflowMap,
   parseTileflowProject,
+  poi,
   roads,
   styleOverride,
   tileflowMapSchema,