@unmap/themes 0.2.0 → 0.5.0

package/dist/index.js

@@ -142,9 +142,64 @@ var cobalt = {
   950: "#0F1629",
   1e3: "#080B15"
 };
+var rose = {
+  25: "#FFF3F3",
+  50: "#FFEBEA",
+  100: "#FFDFDE",
+  200: "#FECFCE",
+  300: "#FCBDBC",
+  400: "#F8A4A4",
+  500: "#E48687",
+  600: "#BA6D6D",
+  700: "#8D5151",
+  800: "#643838",
+  850: "#4B2929",
+  900: "#351B1B",
+  950: "#241111",
+  1e3: "#150808"
+};
+var lilac = {
+  25: "#F8F5FF",
+  50: "#F2EDFF",
+  100: "#EAE4F9",
+  200: "#DFD8EE",
+  300: "#D2CBE1",
+  400: "#C1BACF",
+  500: "#A7A1B5",
+  600: "#888296",
+  700: "#676174",
+  800: "#4A415A",
+  850: "#382E4A",
+  900: "#281C3C",
+  950: "#1C0E30",
+  1e3: "#110225"
+};
+var aqua = {
+  100: "#C7F1F5",
+  200: "#ACE3E9",
+  300: "#89D2DB",
+  400: "#57BEC9",
+  500: "#00A6B3",
+  600: "#00858F",
+  700: "#00636B",
+  800: "#004349",
+  900: "#05292D",
+  950: "#081B1D",
+  980: "#060E0F"
+};
 
 // src/recipe.ts
-var THEME_BASES = ["base", "muted", "outdoor", "decimal", "blueprint"];
+var THEME_BASES = [
+  "base",
+  "muted",
+  "outdoor",
+  "decimal",
+  "blueprint",
+  "blush",
+  "orchid",
+  "canopy",
+  "lagoon"
+];
 var RETIRED_BASES = {
   relief: "outdoor",
   street: "base"
@@ -251,6 +306,9 @@ var STOCK_RAMPS = {
   mist,
   jade,
   cobalt,
+  rose,
+  lilac,
+  aqua,
   ember
 };
 function buildRecipes(r) {
@@ -258,10 +316,10 @@ function buildRecipes(r) {
     background: r.paper[100],
     earth: r.paper[25],
     water: r.sky[200],
-    parkA: r.verdant[300],
-    parkB: r.verdant[400],
-    woodA: r.verdant[300],
-    woodB: r.verdant[400],
+    parkA: r.verdant[200],
+    parkB: r.verdant[300],
+    woodA: r.verdant[200],
+    woodB: r.verdant[300],
     scrubA: r.verdant[200],
     scrubB: r.verdant[300],
     sand: r.sandstone[200],
@@ -325,7 +383,7 @@ function buildRecipes(r) {
       farmland: r.verdant[100],
       glacier: r.paper[25],
       scrub: r.verdant[200],
-      forest: r.verdant[400]
+      forest: r.verdant[300]
     }
   };
   const BASE_DARK = {
@@ -999,16 +1057,623 @@ function buildRecipes(r) {
       forest: r.cobalt[600]
     }
   };
+  const BLUSH_LIGHT = {
+    background: r.ember[200],
+    earth: r.rose[300],
+    water: r.ember[200],
+    parkA: r.verdant[300],
+    parkB: r.verdant[400],
+    woodA: r.verdant[300],
+    woodB: r.verdant[400],
+    scrubA: r.sandstone[200],
+    scrubB: r.sandstone[300],
+    sand: r.sandstone[200],
+    beach: r.sandstone[100],
+    glacier: r.rose[100],
+    institutional: r.rose[200],
+    pedestrian: r.lilac[200],
+    aerodrome: r.rose[200],
+    runway: r.ember[200],
+    pier: r.sandstone[300],
+    buildings: r.rose[500],
+    railway: r.sandstone[100],
+    boundaries: r.rose[700],
+    roads: {
+      other: r.ember[200],
+      otherCasing: r.rose[300],
+      minor: r.ember[200],
+      minorCasing: r.rose[300],
+      service: r.ember[200],
+      serviceCasing: r.rose[300],
+      major: r.ember[200],
+      majorCasing: r.rose[400],
+      highway: "#FFFFFF",
+      highwayCasing: r.rose[400],
+      link: r.ember[200],
+      linkCasing: r.rose[400]
+    },
+    tunnelFill: r.rose[200],
+    tunnelCasing: r.rose[300],
+    bridgeCasing: r.rose[500],
+    labels: {
+      city: r.paper[1e3],
+      cityHalo: r.rose[25],
+      state: r.rose[800],
+      stateHalo: r.rose[25],
+      country: r.rose[800],
+      subplace: r.rose[700],
+      subplaceHalo: r.rose[25],
+      address: r.rose[800],
+      addressHalo: r.rose[25],
+      roadMinor: r.rose[800],
+      roadMinorHalo: r.rose[25],
+      roadMajor: r.rose[850],
+      roadMajorHalo: r.rose[25],
+      ocean: r.ember[700]
+    },
+    pois: {
+      blue: r.cobalt[700],
+      green: r.verdant[700],
+      lapis: r.cobalt[700],
+      pink: r.rose[700],
+      red: r.rose[700],
+      slategray: r.rose[700],
+      tangerine: r.ember[700],
+      turquoise: r.sky[700]
+    },
+    landcover: {
+      grassland: r.verdant[300],
+      barren: r.sandstone[200],
+      urban_area: r.rose[400],
+      farmland: r.verdant[200],
+      glacier: r.rose[100],
+      scrub: r.verdant[200],
+      forest: r.verdant[400]
+    }
+  };
+  const BLUSH_DARK = {
+    background: r.rose[1e3],
+    earth: r.rose[900],
+    water: r.rose[1e3],
+    parkA: r.verdant[800],
+    parkB: r.verdant[700],
+    woodA: r.verdant[800],
+    woodB: r.verdant[700],
+    scrubA: r.verdant[900],
+    scrubB: r.verdant[800],
+    sand: r.sandstone[500],
+    beach: r.sandstone[400],
+    glacier: r.rose[700],
+    institutional: r.rose[850],
+    pedestrian: r.lilac[900],
+    aerodrome: r.rose[850],
+    runway: r.rose[800],
+    pier: r.sandstone[500],
+    buildings: r.rose[700],
+    railway: r.rose[700],
+    boundaries: r.rose[500],
+    roads: {
+      other: r.rose[850],
+      otherCasing: r.rose[1e3],
+      minor: r.rose[800],
+      minorCasing: r.rose[1e3],
+      service: r.rose[850],
+      serviceCasing: r.rose[1e3],
+      major: r.rose[700],
+      majorCasing: r.rose[1e3],
+      highway: r.rose[600],
+      highwayCasing: r.rose[1e3],
+      link: r.rose[700],
+      linkCasing: r.rose[1e3]
+    },
+    tunnelFill: r.rose[900],
+    tunnelCasing: r.rose[1e3],
+    bridgeCasing: r.rose[1e3],
+    labels: {
+      city: r.rose[100],
+      cityHalo: r.rose[1e3],
+      state: r.rose[500],
+      stateHalo: r.rose[1e3],
+      country: r.rose[500],
+      subplace: r.rose[500],
+      subplaceHalo: r.rose[1e3],
+      address: r.rose[500],
+      addressHalo: r.rose[1e3],
+      roadMinor: r.rose[500],
+      roadMinorHalo: r.rose[1e3],
+      roadMajor: r.rose[400],
+      roadMajorHalo: r.rose[1e3],
+      ocean: r.ember[400]
+    },
+    pois: {
+      blue: r.cobalt[400],
+      green: r.verdant[400],
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.rose[500],
+      tangerine: r.ember[400],
+      turquoise: r.sky[400]
+    },
+    landcover: {
+      grassland: r.verdant[800],
+      barren: r.sandstone[500],
+      urban_area: r.rose[900],
+      farmland: r.verdant[900],
+      glacier: r.rose[700],
+      scrub: r.verdant[900],
+      forest: r.verdant[700]
+    }
+  };
+  const ORCHID_LIGHT = {
+    background: r.lilac[25],
+    earth: r.lilac[200],
+    water: r.sky[300],
+    parkA: r.aqua[300],
+    parkB: r.aqua[400],
+    woodA: r.jade[500],
+    woodB: r.jade[600],
+    scrubA: r.sandstone[300],
+    scrubB: r.sandstone[400],
+    sand: r.sandstone[300],
+    beach: r.sandstone[200],
+    glacier: r.lilac[100],
+    institutional: r.lilac[300],
+    pedestrian: r.lilac[300],
+    aerodrome: r.sandstone[100],
+    runway: r.lilac[25],
+    pier: r.cobalt[500],
+    buildings: r.lilac[300],
+    railway: r.lilac[400],
+    boundaries: r.cobalt[900],
+    roads: {
+      other: "#FFFFFF",
+      otherCasing: r.lilac[200],
+      minor: "#FFFFFF",
+      minorCasing: r.lilac[200],
+      service: "#FFFFFF",
+      serviceCasing: r.lilac[200],
+      major: "#FFFFFF",
+      majorCasing: r.lilac[300],
+      highway: "#FFFFFF",
+      highwayCasing: r.lilac[400],
+      link: "#FFFFFF",
+      linkCasing: r.lilac[300]
+    },
+    tunnelFill: r.lilac[100],
+    tunnelCasing: r.lilac[200],
+    bridgeCasing: r.lilac[500],
+    labels: {
+      city: r.cobalt[950],
+      cityHalo: r.lilac[25],
+      state: r.lilac[700],
+      stateHalo: r.lilac[25],
+      country: r.lilac[850],
+      subplace: r.lilac[700],
+      subplaceHalo: r.lilac[25],
+      address: r.lilac[700],
+      addressHalo: r.lilac[25],
+      roadMinor: r.lilac[800],
+      roadMinorHalo: r.lilac[25],
+      roadMajor: r.lilac[850],
+      roadMajorHalo: r.lilac[25],
+      ocean: r.cobalt[800]
+    },
+    pois: {
+      blue: r.cobalt[700],
+      green: r.jade[700],
+      lapis: r.cobalt[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.lilac[700],
+      tangerine: r.ember[700],
+      turquoise: r.aqua[700]
+    },
+    landcover: {
+      grassland: r.jade[400],
+      barren: r.sandstone[300],
+      urban_area: r.lilac[200],
+      farmland: r.jade[500],
+      glacier: r.lilac[100],
+      scrub: r.verdant[400],
+      forest: r.jade[500]
+    }
+  };
+  const ORCHID_DARK = {
+    background: r.lilac[1e3],
+    earth: r.lilac[900],
+    water: r.sky[980],
+    parkA: r.aqua[800],
+    parkB: r.aqua[700],
+    woodA: r.jade[800],
+    woodB: r.jade[700],
+    scrubA: r.sandstone[500],
+    scrubB: r.sandstone[500],
+    sand: r.sandstone[500],
+    beach: r.sandstone[400],
+    glacier: r.lilac[700],
+    institutional: r.lilac[850],
+    pedestrian: r.lilac[850],
+    aerodrome: r.lilac[850],
+    runway: r.lilac[800],
+    pier: r.cobalt[600],
+    buildings: r.lilac[800],
+    railway: r.lilac[700],
+    boundaries: r.cobalt[400],
+    roads: {
+      other: r.lilac[850],
+      otherCasing: r.lilac[1e3],
+      minor: r.lilac[800],
+      minorCasing: r.lilac[1e3],
+      service: r.lilac[850],
+      serviceCasing: r.lilac[1e3],
+      major: r.lilac[700],
+      majorCasing: r.lilac[1e3],
+      highway: r.lilac[600],
+      highwayCasing: r.lilac[1e3],
+      link: r.lilac[700],
+      linkCasing: r.lilac[1e3]
+    },
+    tunnelFill: r.lilac[900],
+    tunnelCasing: r.lilac[1e3],
+    bridgeCasing: r.lilac[1e3],
+    labels: {
+      city: r.lilac[100],
+      cityHalo: r.lilac[1e3],
+      state: r.lilac[500],
+      stateHalo: r.lilac[1e3],
+      country: r.lilac[500],
+      subplace: r.lilac[500],
+      subplaceHalo: r.lilac[1e3],
+      address: r.lilac[500],
+      addressHalo: r.lilac[1e3],
+      roadMinor: r.lilac[500],
+      roadMinorHalo: r.lilac[1e3],
+      roadMajor: r.lilac[400],
+      roadMajorHalo: r.lilac[1e3],
+      ocean: r.sky[400]
+    },
+    pois: {
+      blue: r.cobalt[400],
+      green: r.jade[400],
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.lilac[500],
+      tangerine: r.ember[400],
+      turquoise: r.aqua[400]
+    },
+    landcover: {
+      grassland: r.jade[800],
+      barren: r.sandstone[500],
+      urban_area: r.lilac[900],
+      farmland: r.jade[900],
+      glacier: r.lilac[700],
+      scrub: r.verdant[800],
+      forest: r.jade[800]
+    }
+  };
+  const CANOPY_LIGHT = {
+    background: r.verdant[100],
+    earth: r.sandstone[200],
+    water: r.cobalt[600],
+    parkA: r.verdant[800],
+    parkB: r.verdant[700],
+    woodA: r.verdant[600],
+    woodB: r.verdant[700],
+    scrubA: r.sandstone[500],
+    scrubB: r.sandstone[400],
+    sand: r.sandstone[200],
+    beach: r.sandstone[100],
+    glacier: r.paper[25],
+    institutional: r.rose[200],
+    pedestrian: r.rose[100],
+    aerodrome: r.lilac[500],
+    runway: r.paper[1e3],
+    pier: r.sky[300],
+    buildings: r.ember[700],
+    railway: r.paper[950],
+    boundaries: r.graphite[300],
+    roads: {
+      other: r.rose[1e3],
+      otherCasing: r.sandstone[200],
+      minor: r.rose[1e3],
+      minorCasing: r.sandstone[200],
+      service: r.rose[1e3],
+      serviceCasing: r.sandstone[200],
+      major: r.rose[1e3],
+      majorCasing: r.sandstone[100],
+      highway: r.rose[1e3],
+      highwayCasing: r.sandstone[100],
+      link: r.rose[1e3],
+      linkCasing: r.sandstone[100]
+    },
+    tunnelFill: r.rose[900],
+    tunnelCasing: r.sandstone[200],
+    bridgeCasing: r.sandstone[100],
+    labels: {
+      city: r.paper[1e3],
+      cityHalo: r.sandstone[100],
+      state: r.paper[800],
+      stateHalo: r.sandstone[100],
+      country: r.paper[800],
+      subplace: r.paper[700],
+      subplaceHalo: r.sandstone[100],
+      address: r.paper[800],
+      addressHalo: r.sandstone[100],
+      roadMinor: r.paper[800],
+      roadMinorHalo: r.sandstone[100],
+      roadMajor: r.paper[900],
+      roadMajorHalo: r.sandstone[100],
+      ocean: r.cobalt[25]
+    },
+    pois: {
+      blue: r.cobalt[700],
+      green: r.verdant[700],
+      lapis: r.cobalt[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.paper[700],
+      tangerine: r.ember[700],
+      turquoise: r.sky[700]
+    },
+    landcover: {
+      grassland: r.verdant[500],
+      barren: r.sandstone[400],
+      urban_area: r.rose[600],
+      farmland: r.verdant[600],
+      glacier: r.paper[25],
+      scrub: r.sandstone[500],
+      forest: r.verdant[800]
+    }
+  };
+  const CANOPY_DARK = {
+    background: r.paper[950],
+    earth: r.paper[900],
+    water: r.cobalt[950],
+    parkA: r.verdant[900],
+    parkB: r.verdant[800],
+    woodA: r.verdant[800],
+    woodB: r.verdant[800],
+    scrubA: r.paper[850],
+    scrubB: r.paper[850],
+    sand: r.sandstone[500],
+    beach: r.sandstone[400],
+    glacier: r.paper[700],
+    institutional: r.paper[850],
+    pedestrian: r.rose[900],
+    aerodrome: r.lilac[850],
+    runway: r.paper[800],
+    pier: r.sky[700],
+    buildings: r.ember[700],
+    railway: r.paper[700],
+    boundaries: r.graphite[600],
+    roads: {
+      other: r.sandstone[500],
+      otherCasing: r.paper[1e3],
+      minor: r.sandstone[400],
+      minorCasing: r.paper[1e3],
+      service: r.sandstone[500],
+      serviceCasing: r.paper[1e3],
+      major: r.sandstone[300],
+      majorCasing: r.paper[1e3],
+      highway: r.sandstone[200],
+      highwayCasing: r.paper[1e3],
+      link: r.sandstone[300],
+      linkCasing: r.paper[1e3]
+    },
+    tunnelFill: r.paper[900],
+    tunnelCasing: r.paper[1e3],
+    bridgeCasing: r.paper[1e3],
+    labels: {
+      city: r.sandstone[100],
+      cityHalo: r.paper[1e3],
+      state: r.sandstone[300],
+      stateHalo: r.paper[1e3],
+      country: r.sandstone[300],
+      subplace: r.sandstone[300],
+      subplaceHalo: r.paper[1e3],
+      address: r.sandstone[300],
+      addressHalo: r.paper[1e3],
+      roadMinor: r.sandstone[300],
+      roadMinorHalo: r.paper[1e3],
+      roadMajor: r.sandstone[200],
+      roadMajorHalo: r.paper[1e3],
+      ocean: r.cobalt[300]
+    },
+    pois: {
+      blue: r.cobalt[400],
+      green: r.verdant[400],
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.sandstone[300],
+      tangerine: r.ember[400],
+      turquoise: r.sky[400]
+    },
+    landcover: {
+      grassland: r.verdant[900],
+      barren: r.sandstone[500],
+      urban_area: r.rose[900],
+      farmland: r.verdant[900],
+      glacier: r.paper[700],
+      scrub: r.paper[850],
+      forest: r.verdant[900]
+    }
+  };
+  const LAGOON_LIGHT = {
+    background: r.verdant[100],
+    earth: r.verdant[100],
+    water: r.wave[200],
+    parkA: r.aqua[300],
+    parkB: r.aqua[400],
+    woodA: r.wave[300],
+    woodB: r.wave[400],
+    scrubA: r.verdant[300],
+    scrubB: r.verdant[400],
+    sand: r.sandstone[200],
+    beach: r.verdant[100],
+    glacier: r.graphite[50],
+    institutional: r.verdant[200],
+    pedestrian: r.wave[100],
+    aerodrome: r.paper[200],
+    runway: r.verdant[100],
+    pier: r.sky[300],
+    buildings: r.graphite[100],
+    railway: r.graphite[25],
+    boundaries: r.graphite[500],
+    roads: {
+      other: "#FFFFFF",
+      otherCasing: r.verdant[200],
+      minor: "#FFFFFF",
+      minorCasing: r.verdant[200],
+      service: "#FFFFFF",
+      serviceCasing: r.verdant[200],
+      major: "#FFFFFF",
+      majorCasing: r.verdant[300],
+      highway: "#FFFFFF",
+      highwayCasing: r.verdant[300],
+      link: "#FFFFFF",
+      linkCasing: r.verdant[300]
+    },
+    tunnelFill: r.graphite[50],
+    tunnelCasing: r.verdant[200],
+    bridgeCasing: r.graphite[400],
+    labels: {
+      city: r.graphite[800],
+      cityHalo: r.verdant[100],
+      state: r.graphite[700],
+      stateHalo: r.verdant[100],
+      country: r.graphite[700],
+      subplace: r.graphite[700],
+      subplaceHalo: r.verdant[100],
+      address: r.graphite[700],
+      addressHalo: r.verdant[100],
+      roadMinor: r.graphite[700],
+      roadMinorHalo: r.verdant[100],
+      roadMajor: r.graphite[800],
+      roadMajorHalo: r.verdant[100],
+      ocean: r.wave[800]
+    },
+    pois: {
+      blue: r.wave[700],
+      green: r.verdant[700],
+      lapis: r.sky[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.graphite[700],
+      tangerine: r.sandstone[500],
+      turquoise: r.aqua[700]
+    },
+    landcover: {
+      grassland: r.verdant[400],
+      barren: r.sandstone[200],
+      urban_area: r.verdant[100],
+      farmland: r.verdant[300],
+      glacier: r.graphite[50],
+      scrub: r.verdant[300],
+      forest: r.wave[300]
+    }
+  };
+  const LAGOON_DARK = {
+    background: r.verdant[900],
+    earth: r.verdant[900],
+    water: r.wave[980],
+    parkA: r.aqua[800],
+    parkB: r.aqua[700],
+    woodA: r.wave[800],
+    woodB: r.wave[700],
+    scrubA: r.verdant[800],
+    scrubB: r.verdant[800],
+    sand: r.sandstone[500],
+    beach: r.verdant[800],
+    glacier: r.graphite[700],
+    institutional: r.verdant[800],
+    pedestrian: r.wave[900],
+    aerodrome: r.graphite[800],
+    runway: r.verdant[800],
+    pier: r.sky[600],
+    buildings: r.verdant[800],
+    railway: r.graphite[700],
+    boundaries: r.graphite[600],
+    roads: {
+      other: r.verdant[700],
+      otherCasing: r.verdant[900],
+      minor: r.verdant[600],
+      minorCasing: r.verdant[900],
+      service: r.verdant[700],
+      serviceCasing: r.verdant[900],
+      major: r.verdant[500],
+      majorCasing: r.verdant[900],
+      highway: r.verdant[400],
+      highwayCasing: r.verdant[900],
+      link: r.verdant[500],
+      linkCasing: r.verdant[900]
+    },
+    tunnelFill: r.verdant[800],
+    tunnelCasing: r.verdant[900],
+    bridgeCasing: r.verdant[900],
+    labels: {
+      city: r.verdant[100],
+      cityHalo: r.verdant[900],
+      state: r.verdant[300],
+      stateHalo: r.verdant[900],
+      country: r.verdant[300],
+      subplace: r.verdant[300],
+      subplaceHalo: r.verdant[900],
+      address: r.verdant[300],
+      addressHalo: r.verdant[900],
+      roadMinor: r.verdant[300],
+      roadMinorHalo: r.verdant[900],
+      roadMajor: r.verdant[200],
+      roadMajorHalo: r.verdant[900],
+      ocean: r.wave[400]
+    },
+    pois: {
+      blue: r.wave[400],
+      green: r.verdant[400],
+      lapis: r.sky[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.graphite[400],
+      tangerine: r.sandstone[400],
+      turquoise: r.aqua[400]
+    },
+    landcover: {
+      grassland: r.verdant[800],
+      barren: r.sandstone[500],
+      urban_area: r.verdant[900],
+      farmland: r.verdant[800],
+      glacier: r.graphite[700],
+      scrub: r.verdant[800],
+      forest: r.wave[800]
+    }
+  };
   return {
     base: { light: BASE_LIGHT, dark: BASE_DARK },
     muted: { light: MUTED_LIGHT, dark: MUTED_DARK },
     outdoor: { light: OUTDOOR_LIGHT, dark: OUTDOOR_DARK },
     decimal: { light: DECIMAL_LIGHT, dark: DECIMAL_DARK },
-    blueprint: { light: BLUEPRINT_LIGHT, dark: BLUEPRINT_DARK }
+    blueprint: { light: BLUEPRINT_LIGHT, dark: BLUEPRINT_DARK },
+    blush: { light: BLUSH_LIGHT, dark: BLUSH_DARK },
+    orchid: { light: ORCHID_LIGHT, dark: ORCHID_DARK },
+    canopy: { light: CANOPY_LIGHT, dark: CANOPY_DARK },
+    lagoon: { light: LAGOON_LIGHT, dark: LAGOON_DARK }
   };
 }
 var RECIPES = buildRecipes(STOCK_RAMPS);
 
+// src/doc.ts
+var LAYER_GROUPS = [
+  "land",
+  "water",
+  "buildings",
+  "roads",
+  "boundaries",
+  "buildings3d",
+  "labels"
+];
+
 // src/validate.ts
 var ThemeError = class extends Error {
   detail;
@@ -1072,7 +1737,42 @@ function walkLeaf(value, colorKeys, bounds, path, errors) {
   }
 }
 var HALF_KEYS = ["basemap", "marker", "route"];
-var DOC_KEYS = ["v", "name", "base", "seeds", "light", "dark"];
+var DOC_KEYS = ["v", "name", "base", "seeds", "layers", "light", "dark"];
+var LAYERS_KEYS = ["visible", "order"];
+var isLayerGroup = (v) => typeof v === "string" && LAYER_GROUPS.includes(v);
+function walkLayers(value, errors) {
+  if (!isRecord(value)) {
+    errors.push("layers: must be an object");
+    return;
+  }
+  for (const key of Object.keys(value)) {
+    if (!LAYERS_KEYS.includes(key)) errors.push(`layers.${key}: unknown field`);
+  }
+  if (value.visible !== void 0) {
+    if (!isRecord(value.visible)) {
+      errors.push("layers.visible: must be an object");
+    } else {
+      for (const [group, v] of Object.entries(value.visible)) {
+        if (!isLayerGroup(group)) errors.push(`layers.visible.${group}: unknown layer group`);
+        else if (typeof v !== "boolean") errors.push(`layers.visible.${group}: must be a boolean`);
+      }
+    }
+  }
+  if (value.order !== void 0) {
+    const order = value.order;
+    if (!Array.isArray(order)) {
+      errors.push("layers.order: must be an array");
+    } else {
+      order.forEach((g, i) => {
+        if (!isLayerGroup(g)) errors.push(`layers.order[${i}]: unknown layer group`);
+      });
+      const known = order.filter(isLayerGroup);
+      if (new Set(known).size !== known.length || known.length !== LAYER_GROUPS.length) {
+        errors.push(`layers.order: must list each of ${LAYER_GROUPS.join(", ")} exactly once`);
+      }
+    }
+  }
+}
 var SEED_COLOR_KEYS = ["land", "water", "nature", "accent"];
 var REQUIRED_SEED_KEYS = ["land", "water", "nature"];
 function validateTheme(input) {
@@ -1101,6 +1801,7 @@ function validateTheme(input) {
       }
     }
   }
+  if (input.layers !== void 0) walkLayers(input.layers, errors);
   const reference = RECIPES.base.light;
   for (const mode of ["light", "dark"]) {
     const half = input[mode];
@@ -1133,7 +1834,11 @@ var STYLE_THEMES = {
   muted: { v: 1, name: "muted", base: "muted" },
   outdoor: { v: 1, name: "outdoor", base: "outdoor" },
   decimal: { v: 1, name: "decimal", base: "decimal" },
-  blueprint: { v: 1, name: "blueprint", base: "blueprint" }
+  blueprint: { v: 1, name: "blueprint", base: "blueprint" },
+  blush: { v: 1, name: "blush", base: "blush" },
+  orchid: { v: 1, name: "orchid", base: "orchid" },
+  canopy: { v: 1, name: "canopy", base: "canopy" },
+  lagoon: { v: 1, name: "lagoon", base: "lagoon" }
 };
 
 // src/oklch.ts
@@ -1381,6 +2086,9 @@ function generateTheme(base, seeds) {
     graphite: reRamp(STOCK_RAMPS.graphite, seeds.land, MUTED_CHROMA_CAP),
     jade: reRamp(STOCK_RAMPS.jade, seeds.land, CHROMA_CAP),
     cobalt: reRamp(STOCK_RAMPS.cobalt, seeds.land, CHROMA_CAP),
+    rose: reRamp(STOCK_RAMPS.rose, seeds.land, CHROMA_CAP),
+    lilac: reRamp(STOCK_RAMPS.lilac, seeds.land, NEUTRAL_CHROMA_CAP),
+    aqua: reRamp(STOCK_RAMPS.aqua, seeds.nature, CHROMA_CAP),
     wave: reRamp(STOCK_RAMPS.wave, seeds.water, CHROMA_CAP),
     sky: reRamp(STOCK_RAMPS.sky, seeds.water, CHROMA_CAP),
     mist: reRamp(STOCK_RAMPS.mist, seeds.water, CHROMA_CAP),
@@ -1455,7 +2163,11 @@ var STYLE_ENCODE = {
   muted: 1,
   outdoor: 4,
   decimal: 5,
-  blueprint: 6
+  blueprint: 6,
+  blush: 8,
+  orchid: 9,
+  canopy: 10,
+  lagoon: 11
 };
 var STYLE_DECODE = [
   "base",
@@ -1465,16 +2177,26 @@ var STYLE_DECODE = [
   "outdoor",
   "decimal",
   "blueprint",
-  void 0
+  void 0,
+  "blush",
+  "orchid",
+  "canopy",
+  "lagoon"
 ];
 var PRESET_OFFSET = 8n;
 var ORIGINAL_SLOTS = 5n;
 var ORIGINAL_PRESET_LIMIT = 64n;
-var LATER_PRESET_OFFSET = PRESET_OFFSET + ORIGINAL_PRESET_LIMIT * ORIGINAL_SLOTS;
-var LATER_SLOT_BASE = 5;
-var LATER_SLOTS = 3n;
+var LATER_OFFSET = PRESET_OFFSET + ORIGINAL_PRESET_LIMIT * ORIGINAL_SLOTS;
+var LATER_LANES = 3n;
+var LATER_ROWS = 232n;
+var WAVE2_BASE = 5;
+var WAVE3_BASE = 8;
+var WAVE3_BARE_ROWS = 32n;
+var WAVE3_STYLE_COLUMNS = 20n;
+var WAVE3_PRESET_LIMIT = (LATER_ROWS - WAVE3_BARE_ROWS) / WAVE3_STYLE_COLUMNS;
 var CUSTOM_OFFSET = 1024n;
-var LATER_PRESET_LIMIT = (CUSTOM_OFFSET - LATER_PRESET_OFFSET) / LATER_SLOTS;
+var ESCAPE_SLOT = 7n;
+var ESCAPE_BITS = 5n;
 var sameHex = (a, b) => a.toLowerCase() === b.toLowerCase();
 function isThemePresetCode(code) {
   return PRESET_CODE_RE.test(code);
@@ -1543,27 +2265,39 @@ function encodeBits(bits) {
   return PRESET_CODE_PREFIX + toBase62(bits);
 }
 function encodePreset(doc) {
-  const slot = STYLE_ENCODE[doc.base];
-  if (slot === void 0) return null;
+  const index = STYLE_ENCODE[doc.base];
+  if (index === void 0) return null;
+  const s = BigInt(index);
   if (isBareStyle(doc)) {
-    return encodeBits(BigInt(slot));
+    if (index < WAVE3_BASE) return encodeBits(s);
+    return encodeBits(LATER_OFFSET + (s - BigInt(WAVE3_BASE)) * LATER_LANES + 2n);
   }
   if (!doc.seeds || !generatedMatch(doc)) return null;
   const presetIndex = findPresetIndex(doc.seeds);
   if (presetIndex >= 0) {
     const p = BigInt(presetIndex);
-    if (slot < LATER_SLOT_BASE) {
-      if (p < ORIGINAL_PRESET_LIMIT) {
-        return encodeBits(PRESET_OFFSET + p * ORIGINAL_SLOTS + BigInt(slot));
+    if (index < WAVE2_BASE) {
+      if (p < ORIGINAL_PRESET_LIMIT) return encodeBits(PRESET_OFFSET + p * ORIGINAL_SLOTS + s);
+    } else if (index < WAVE3_BASE) {
+      if (p < LATER_ROWS) {
+        return encodeBits(LATER_OFFSET + p * LATER_LANES + (s - BigInt(WAVE2_BASE)));
       }
-    } else if (p < LATER_PRESET_LIMIT) {
-      return encodeBits(LATER_PRESET_OFFSET + p * LATER_SLOTS + BigInt(slot - LATER_SLOT_BASE));
+    } else if (p < WAVE3_PRESET_LIMIT && s - BigInt(WAVE3_BASE) < WAVE3_STYLE_COLUMNS) {
+      const row = WAVE3_BARE_ROWS + p * WAVE3_STYLE_COLUMNS + (s - BigInt(WAVE3_BASE));
+      return encodeBits(LATER_OFFSET + row * LATER_LANES + 2n);
     }
   }
   if (!doc.seeds.accent) return null;
   const filled = { ...DEFAULT_SEEDS, ...doc.seeds };
-  let bits = CUSTOM_OFFSET + BigInt(slot);
-  let shift = 3n;
+  let bits;
+  let shift;
+  if (index < WAVE3_BASE) {
+    bits = CUSTOM_OFFSET + s;
+    shift = 3n;
+  } else {
+    bits = CUSTOM_OFFSET + ESCAPE_SLOT + (s - BigInt(WAVE3_BASE) << 3n);
+    shift = 3n + ESCAPE_BITS;
+  }
   for (const key of SEED_KEYS) {
     bits += rgb24(filled[key]) << shift;
     shift += 24n;
@@ -1575,38 +2309,48 @@ function decodePreset(code) {
     throw new ThemeError("invalid theme", ["code is not a valid preset"]);
   }
   const bits = fromBase62(code.slice(PRESET_CODE_PREFIX.length));
+  const styleAt = (index) => {
+    const base2 = STYLE_DECODE[index];
+    if (!base2) throw new ThemeError("invalid theme", ["preset style is out of range"]);
+    return base2;
+  };
+  const presetAt = (index) => {
+    const preset = THEME_PRESETS[index];
+    if (!preset) throw new ThemeError("invalid theme", ["preset is out of range"]);
+    return preset;
+  };
   if (bits < PRESET_OFFSET) {
-    const base2 = STYLE_DECODE[Number(bits)];
-    if (!base2) {
-      throw new ThemeError("invalid theme", ["preset style slot is out of range"]);
-    }
-    return structuredClone(STYLE_THEMES[base2]);
+    return structuredClone(STYLE_THEMES[styleAt(Number(bits))]);
+  }
+  if (bits < LATER_OFFSET) {
+    const n = bits - PRESET_OFFSET;
+    return generateTheme(styleAt(Number(n % ORIGINAL_SLOTS)), presetAt(Number(n / ORIGINAL_SLOTS)).seeds);
   }
   if (bits < CUSTOM_OFFSET) {
-    let slot;
-    let presetIndex;
-    if (bits < LATER_PRESET_OFFSET) {
-      const n = bits - PRESET_OFFSET;
-      slot = Number(n % ORIGINAL_SLOTS);
-      presetIndex = Number(n / ORIGINAL_SLOTS);
-    } else {
-      const n = bits - LATER_PRESET_OFFSET;
-      slot = LATER_SLOT_BASE + Number(n % LATER_SLOTS);
-      presetIndex = Number(n / LATER_SLOTS);
+    const n = bits - LATER_OFFSET;
+    const lane = Number(n % LATER_LANES);
+    const row = n / LATER_LANES;
+    if (lane < 2) {
+      return generateTheme(styleAt(WAVE2_BASE + lane), presetAt(Number(row)).seeds);
     }
-    const base2 = STYLE_DECODE[slot];
-    const preset = THEME_PRESETS[presetIndex];
-    if (!base2 || !preset) {
-      throw new ThemeError("invalid theme", ["preset is out of range"]);
+    if (row < WAVE3_BARE_ROWS) {
+      return structuredClone(STYLE_THEMES[styleAt(WAVE3_BASE + Number(row))]);
     }
-    return generateTheme(base2, preset.seeds);
+    const j = row - WAVE3_BARE_ROWS;
+    const base2 = styleAt(WAVE3_BASE + Number(j % WAVE3_STYLE_COLUMNS));
+    return generateTheme(base2, presetAt(Number(j / WAVE3_STYLE_COLUMNS)).seeds);
   }
   const payload = bits - CUSTOM_OFFSET;
-  const base = STYLE_DECODE[Number(payload & 7n)];
-  if (!base) {
-    throw new ThemeError("invalid theme", ["preset style slot is out of range"]);
+  const slot = payload & 7n;
+  let base;
+  let rest;
+  if (slot === ESCAPE_SLOT) {
+    base = styleAt(WAVE3_BASE + Number(payload >> 3n & (1n << ESCAPE_BITS) - 1n));
+    rest = payload >> 3n + ESCAPE_BITS;
+  } else {
+    base = styleAt(Number(slot));
+    rest = payload >> 3n;
   }
-  let rest = payload >> 3n;
   const seeds = { ...DEFAULT_SEEDS };
   for (const key of SEED_KEYS) {
     seeds[key] = fromRgb24(rest & 0xffffffn);
@@ -1625,6 +2369,86 @@ function registryThemeKey(doc) {
   return presetId(THEME_PRESETS[presetIndex].name);
 }
 
+// src/layers.ts
+var DEFAULT_LAYER_VISIBILITY = {
+  land: true,
+  water: true,
+  buildings: true,
+  roads: true,
+  boundaries: true,
+  buildings3d: false,
+  labels: true
+};
+var BUILDINGS_3D_LAYER_ID = "buildings_3d";
+var LAND_LINES = /* @__PURE__ */ new Set(["roads_runway", "roads_taxiway"]);
+function layerGroupOf(layer) {
+  const { id, type } = layer;
+  if (type === "symbol") return "labels";
+  if (id === "background") return null;
+  if (id === BUILDINGS_3D_LAYER_ID) return "buildings3d";
+  if (id === "buildings") return "buildings";
+  if (id.startsWith("water")) return "water";
+  if (id.startsWith("boundaries")) return "boundaries";
+  if (LAND_LINES.has(id)) return "land";
+  if (id.startsWith("roads")) return "roads";
+  if (id === "earth" || id === "landcover" || id.startsWith("landuse")) return "land";
+  return null;
+}
+function isLayerVisible(layers, group) {
+  return layers?.visible?.[group] ?? DEFAULT_LAYER_VISIBILITY[group];
+}
+function effectiveLayerOrder(layers) {
+  return layers?.order ?? LAYER_GROUPS;
+}
+function isStockLayerOrder(order) {
+  return !order || order.length === LAYER_GROUPS.length && order.every((g, i) => g === LAYER_GROUPS[i]);
+}
+function isStockLayers(layers) {
+  if (!layers) return true;
+  if (!isStockLayerOrder(layers.order)) return false;
+  return LAYER_GROUPS.every((g) => isLayerVisible(layers, g) === DEFAULT_LAYER_VISIBILITY[g]);
+}
+function buildings3dLayer(source, color) {
+  return {
+    id: BUILDINGS_3D_LAYER_ID,
+    type: "fill-extrusion",
+    source,
+    "source-layer": "buildings",
+    minzoom: 13,
+    filter: ["in", "kind", "building", "building_part"],
+    paint: {
+      "fill-extrusion-color": color,
+      "fill-extrusion-height": ["coalesce", ["get", "height"], 6],
+      "fill-extrusion-base": ["coalesce", ["get", "min_height"], 0],
+      "fill-extrusion-opacity": 0.85
+    }
+  };
+}
+function applyThemeLayers(styleLayers, layers, buildingsColor) {
+  if (isStockLayers(layers)) return styleLayers;
+  const visible = (g) => isLayerVisible(layers, g);
+  const tagged = styleLayers.map((layer) => ({ layer, group: layerGroupOf(layer) }));
+  const source = styleLayers.find((l) => l.id === "buildings")?.source ?? "unmap";
+  const extrusion = visible("buildings3d") ? buildings3dLayer(source, buildingsColor) : null;
+  if (isStockLayerOrder(layers?.order)) {
+    const kept = tagged.filter(({ group }) => group === null || visible(group)).map((t) => t.layer);
+    if (!extrusion) return kept;
+    const firstLabel = kept.findIndex((l) => layerGroupOf(l) === "labels");
+    const at = firstLabel === -1 ? kept.length : firstLabel;
+    return [...kept.slice(0, at), extrusion, ...kept.slice(at)];
+  }
+  const out = tagged.filter(({ group }) => group === null).map((t) => t.layer);
+  for (const group of effectiveLayerOrder(layers)) {
+    if (!visible(group)) continue;
+    if (group === "buildings3d") {
+      if (extrusion) out.push(extrusion);
+      continue;
+    }
+    for (const t of tagged) if (t.group === group) out.push(t.layer);
+  }
+  return out;
+}
+
 // src/codec.ts
 var THEME_CODE_PREFIX = "ut1.";
 var MAX_CODE_LENGTH = 4096;
@@ -1669,7 +2493,7 @@ async function through(bytes, transform, cap) {
 }
 async function encodeTheme(doc) {
   const valid = validateTheme(doc);
-  const preset = encodePreset(valid);
+  const preset = isStockLayers(valid.layers) ? encodePreset(valid) : null;
   if (preset) return preset;
   const json = new TextEncoder().encode(JSON.stringify(valid));
   const packed = await through(json, new CompressionStream("deflate"), Number.POSITIVE_INFINITY);
@@ -1713,10 +2537,13 @@ async function decodeDeflate(code) {
   return validateTheme(parsed);
 }
 export {
+  BUILDINGS_3D_LAYER_ID,
+  DEFAULT_LAYER_VISIBILITY,
   DEFAULT_MARKER,
   DEFAULT_ROUTE,
   DEFAULT_SEEDS,
   LABEL_PAIRS,
+  LAYER_GROUPS,
   MAX_CODE_LENGTH,
   MODES,
   PRESET_CODE_PREFIX,
@@ -1728,12 +2555,15 @@ export {
   THEME_CODE_PREFIX,
   THEME_PRESETS,
   ThemeError,
+  applyThemeLayers,
+  aqua,
   buildRecipes,
   cobalt,
   contrast,
   contrastWarnings,
   decodePreset,
   decodeTheme,
+  effectiveLayerOrder,
   ember,
   encodePreset,
   encodeTheme,
@@ -1741,8 +2571,13 @@ export {
   graphite,
   hexToOklch,
   ink,
+  isLayerVisible,
+  isStockLayerOrder,
+  isStockLayers,
   isThemePresetCode,
   jade,
+  layerGroupOf,
+  lilac,
   makeFlavor,
   mergeRecipe,
   mist,
@@ -1752,6 +2587,7 @@ export {
   presetId,
   registryThemeKey,
   resolveTheme,
+  rose,
   sandstone,
   shuffleSeeds,
   sky,