@toclocoinc/lattice-grid 1.62.1 → 1.63.0

package/modules/chart-alluvial.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-alluvial module type declarations
+ * Lattice Grid 1.63.0, chart-alluvial module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-alluvial.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-alluvial module
+ * Lattice Grid 1.63.0, chart-alluvial module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-alluvial.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-alluvial module
+ * Lattice Grid 1.63.0, chart-alluvial module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-alluvial.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-alluvial module
+ * Lattice Grid 1.63.0, chart-alluvial module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-arc module type declarations
+ * Lattice Grid 1.63.0, chart-arc module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-arc module
+ * Lattice Grid 1.63.0, chart-arc module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-arc module
+ * Lattice Grid 1.63.0, chart-arc module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-arc module
+ * Lattice Grid 1.63.0, chart-arc module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bubblemap.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bubblemap module type declarations
+ * Lattice Grid 1.63.0, chart-bubblemap module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bubblemap.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bubblemap module
+ * Lattice Grid 1.63.0, chart-bubblemap module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -47,34 +47,70 @@ points.push({lon,lat,size:Number.isFinite(size)?size:0,label:spec.label?grid.row
 }
 return{points,empty:points.length===0};
 }
+function packProjection(opts){
+const{spec,plot,helpers}=opts;
+if(!spec||!spec.shapes)return null;
+const{
+resolvePack,packRegions,fitted,resolveProjection,
+}=helpers;
+const resolved=resolvePack(spec.shapes,spec.layer);
+if(!resolved)return null;
+const regions=packRegions(resolved.topology);
+const project=resolveProjection(
+spec.projection||resolved.pack.projection,
+{...(resolved.pack.projectionOptions||{}),...(spec.projectionOptions||{})},
+);
+const fit=fitted({project,rings:regions.flatMap((r)=>r.rings),plot});
+return{to:fit.to,regions};
+}
 function drawBubbleMap(ctx){
 const{
 plot,bound,scheme,groups,spec,helpers,
 }=ctx;
 const{
-extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,
+extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,projectedPath,
 }=helpers;
 const sch=scheme||resolveScheme();
 const colour=sch.series(0);
 const{points}=bound;
+const marks=new Pool(groups.marks);
+const fit=packProjection({spec,plot,helpers});
+let project;
+if(fit){
+for(const region of fit.regions){
+const d=region.rings.map((ring)=>projectedPath(ring,fit.to)).filter(Boolean).join(' ');
+if(!d)continue;
+attrs(marks.next('path',`${NS}__region`),{
+d,fill:'var(--lattice-chart-empty, #eceff1)',class:`${NS}__region`,
+});
+}
+project=fit.to;
+}else{
 const lonD=extent(points.map((p)=>p.lon))||{min:0,max:1};
 const latD=extent(points.map((p)=>p.lat))||{min:0,max:1};
 const pad=Math.max(8,spec&&spec.maxRadius>0?spec.maxRadius:20);
 const xScale=linearScale(lonD,[plot.left+pad,plot.right-pad]);
 const yScale=linearScale(latD,[plot.bottom-pad,plot.top+pad]);
+project=(lon,lat)=>[xScale.of(lon),yScale.of(lat)];
+}
 const sizeD=extent(points.map((p)=>p.size))||{min:0,max:1};
 const rScale=sqrtScale({min:0,max:Math.max(1e-9,sizeD.max)},[2,spec&&spec.maxRadius>0?spec.maxRadius:20]);
-const marks=new Pool(groups.marks);
 const ordered=[...points].sort((a,b)=>b.size-a.size);
 for(const p of ordered){
+const[x,y]=project(p.lon,p.lat);
 attrs(marks.next('circle',`${NS}__bubblemap-dot ${NS}__mark`),{
-cx:round(xScale.of(p.lon)),cy:round(yScale.of(p.lat)),
+cx:round(x),
+cy:round(y),
 r:round(spec&&spec.size?rScale.of(p.size):4),
-fill:colour,'fill-opacity':0.5,stroke:colour,'data-size':p.size,
+fill:colour,
+'fill-opacity':0.5,
+stroke:colour,
+'data-size':p.size,
+class:`${NS}__bubblemap-dot ${NS}__mark`,
 });
 }
 marks.finish();
-return{points:points.length,legend:[]};
+return{points:points.length,legend:[],packed:!!fit};
 }
 registerChartType('bubblemap',{draw:drawBubbleMap,bind:bindBubbleMap,freeform:true,labelled:false});
 const __default=drawBubbleMap;

package/modules/chart-bubblemap.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bubblemap module
+ * Lattice Grid 1.63.0, chart-bubblemap module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -48,34 +48,70 @@ points.push({lon,lat,size:Number.isFinite(size)?size:0,label:spec.label?grid.row
 }
 return{points,empty:points.length===0};
 }
+function packProjection(opts){
+const{spec,plot,helpers}=opts;
+if(!spec||!spec.shapes)return null;
+const{
+resolvePack,packRegions,fitted,resolveProjection,
+}=helpers;
+const resolved=resolvePack(spec.shapes,spec.layer);
+if(!resolved)return null;
+const regions=packRegions(resolved.topology);
+const project=resolveProjection(
+spec.projection||resolved.pack.projection,
+{...(resolved.pack.projectionOptions||{}),...(spec.projectionOptions||{})},
+);
+const fit=fitted({project,rings:regions.flatMap((r)=>r.rings),plot});
+return{to:fit.to,regions};
+}
 function drawBubbleMap(ctx){
 const{
 plot,bound,scheme,groups,spec,helpers,
 }=ctx;
 const{
-extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,
+extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,projectedPath,
 }=helpers;
 const sch=scheme||resolveScheme();
 const colour=sch.series(0);
 const{points}=bound;
+const marks=new Pool(groups.marks);
+const fit=packProjection({spec,plot,helpers});
+let project;
+if(fit){
+for(const region of fit.regions){
+const d=region.rings.map((ring)=>projectedPath(ring,fit.to)).filter(Boolean).join(' ');
+if(!d)continue;
+attrs(marks.next('path',`${NS}__region`),{
+d,fill:'var(--lattice-chart-empty, #eceff1)',class:`${NS}__region`,
+});
+}
+project=fit.to;
+}else{
 const lonD=extent(points.map((p)=>p.lon))||{min:0,max:1};
 const latD=extent(points.map((p)=>p.lat))||{min:0,max:1};
 const pad=Math.max(8,spec&&spec.maxRadius>0?spec.maxRadius:20);
 const xScale=linearScale(lonD,[plot.left+pad,plot.right-pad]);
 const yScale=linearScale(latD,[plot.bottom-pad,plot.top+pad]);
+project=(lon,lat)=>[xScale.of(lon),yScale.of(lat)];
+}
 const sizeD=extent(points.map((p)=>p.size))||{min:0,max:1};
 const rScale=sqrtScale({min:0,max:Math.max(1e-9,sizeD.max)},[2,spec&&spec.maxRadius>0?spec.maxRadius:20]);
-const marks=new Pool(groups.marks);
 const ordered=[...points].sort((a,b)=>b.size-a.size);
 for(const p of ordered){
+const[x,y]=project(p.lon,p.lat);
 attrs(marks.next('circle',`${NS}__bubblemap-dot ${NS}__mark`),{
-cx:round(xScale.of(p.lon)),cy:round(yScale.of(p.lat)),
+cx:round(x),
+cy:round(y),
 r:round(spec&&spec.size?rScale.of(p.size):4),
-fill:colour,'fill-opacity':0.5,stroke:colour,'data-size':p.size,
+fill:colour,
+'fill-opacity':0.5,
+stroke:colour,
+'data-size':p.size,
+class:`${NS}__bubblemap-dot ${NS}__mark`,
 });
 }
 marks.finish();
-return{points:points.length,legend:[]};
+return{points:points.length,legend:[],packed:!!fit};
 }
 registerChartType('bubblemap',{draw:drawBubbleMap,bind:bindBubbleMap,freeform:true,labelled:false});
 const __default=drawBubbleMap;

package/modules/chart-bubblemap.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bubblemap module
+ * Lattice Grid 1.63.0, chart-bubblemap module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -48,34 +48,70 @@ points.push({lon,lat,size:Number.isFinite(size)?size:0,label:spec.label?grid.row
 }
 return{points,empty:points.length===0};
 }
+function packProjection(opts){
+const{spec,plot,helpers}=opts;
+if(!spec||!spec.shapes)return null;
+const{
+resolvePack,packRegions,fitted,resolveProjection,
+}=helpers;
+const resolved=resolvePack(spec.shapes,spec.layer);
+if(!resolved)return null;
+const regions=packRegions(resolved.topology);
+const project=resolveProjection(
+spec.projection||resolved.pack.projection,
+{...(resolved.pack.projectionOptions||{}),...(spec.projectionOptions||{})},
+);
+const fit=fitted({project,rings:regions.flatMap((r)=>r.rings),plot});
+return{to:fit.to,regions};
+}
 function drawBubbleMap(ctx){
 const{
 plot,bound,scheme,groups,spec,helpers,
 }=ctx;
 const{
-extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,
+extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,projectedPath,
 }=helpers;
 const sch=scheme||resolveScheme();
 const colour=sch.series(0);
 const{points}=bound;
+const marks=new Pool(groups.marks);
+const fit=packProjection({spec,plot,helpers});
+let project;
+if(fit){
+for(const region of fit.regions){
+const d=region.rings.map((ring)=>projectedPath(ring,fit.to)).filter(Boolean).join(' ');
+if(!d)continue;
+attrs(marks.next('path',`${NS}__region`),{
+d,fill:'var(--lattice-chart-empty, #eceff1)',class:`${NS}__region`,
+});
+}
+project=fit.to;
+}else{
 const lonD=extent(points.map((p)=>p.lon))||{min:0,max:1};
 const latD=extent(points.map((p)=>p.lat))||{min:0,max:1};
 const pad=Math.max(8,spec&&spec.maxRadius>0?spec.maxRadius:20);
 const xScale=linearScale(lonD,[plot.left+pad,plot.right-pad]);
 const yScale=linearScale(latD,[plot.bottom-pad,plot.top+pad]);
+project=(lon,lat)=>[xScale.of(lon),yScale.of(lat)];
+}
 const sizeD=extent(points.map((p)=>p.size))||{min:0,max:1};
 const rScale=sqrtScale({min:0,max:Math.max(1e-9,sizeD.max)},[2,spec&&spec.maxRadius>0?spec.maxRadius:20]);
-const marks=new Pool(groups.marks);
 const ordered=[...points].sort((a,b)=>b.size-a.size);
 for(const p of ordered){
+const[x,y]=project(p.lon,p.lat);
 attrs(marks.next('circle',`${NS}__bubblemap-dot ${NS}__mark`),{
-cx:round(xScale.of(p.lon)),cy:round(yScale.of(p.lat)),
+cx:round(x),
+cy:round(y),
 r:round(spec&&spec.size?rScale.of(p.size):4),
-fill:colour,'fill-opacity':0.5,stroke:colour,'data-size':p.size,
+fill:colour,
+'fill-opacity':0.5,
+stroke:colour,
+'data-size':p.size,
+class:`${NS}__bubblemap-dot ${NS}__mark`,
 });
 }
 marks.finish();
-return{points:points.length,legend:[]};
+return{points:points.length,legend:[],packed:!!fit};
 }
 registerChartType('bubblemap',{draw:drawBubbleMap,bind:bindBubbleMap,freeform:true,labelled:false});
 const __default=drawBubbleMap;

package/modules/chart-bump.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bump module type declarations
+ * Lattice Grid 1.63.0, chart-bump module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bump.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bump module
+ * Lattice Grid 1.63.0, chart-bump module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bump.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bump module
+ * Lattice Grid 1.63.0, chart-bump module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bump.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-bump module
+ * Lattice Grid 1.63.0, chart-bump module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-calendar.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-calendar module type declarations
+ * Lattice Grid 1.63.0, chart-calendar module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-calendar.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-calendar module
+ * Lattice Grid 1.63.0, chart-calendar module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-calendar.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-calendar module
+ * Lattice Grid 1.63.0, chart-calendar module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-calendar.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-calendar module
+ * Lattice Grid 1.63.0, chart-calendar module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-decomposition.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-decomposition module type declarations
+ * Lattice Grid 1.63.0, chart-decomposition module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-decomposition.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-decomposition module
+ * Lattice Grid 1.63.0, chart-decomposition module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-decomposition.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-decomposition module
+ * Lattice Grid 1.63.0, chart-decomposition module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-decomposition.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-decomposition module
+ * Lattice Grid 1.63.0, chart-decomposition module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-diverging.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-diverging module type declarations
+ * Lattice Grid 1.63.0, chart-diverging module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-diverging.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-diverging module
+ * Lattice Grid 1.63.0, chart-diverging module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-diverging.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-diverging module
+ * Lattice Grid 1.63.0, chart-diverging module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-diverging.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-diverging module
+ * Lattice Grid 1.63.0, chart-diverging module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-dumbbell.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-dumbbell module type declarations
+ * Lattice Grid 1.63.0, chart-dumbbell module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-dumbbell.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-dumbbell module
+ * Lattice Grid 1.63.0, chart-dumbbell module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-dumbbell.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-dumbbell module
+ * Lattice Grid 1.63.0, chart-dumbbell module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-dumbbell.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-dumbbell module
+ * Lattice Grid 1.63.0, chart-dumbbell module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-fan.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-fan module type declarations
+ * Lattice Grid 1.63.0, chart-fan module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-fan.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-fan module
+ * Lattice Grid 1.63.0, chart-fan module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-fan.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-fan module
+ * Lattice Grid 1.63.0, chart-fan module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-fan.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-fan module
+ * Lattice Grid 1.63.0, chart-fan module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexbin.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexbin module type declarations
+ * Lattice Grid 1.63.0, chart-hexbin module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexbin.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexbin module
+ * Lattice Grid 1.63.0, chart-hexbin module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexbin.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexbin module
+ * Lattice Grid 1.63.0, chart-hexbin module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexbin.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexbin module
+ * Lattice Grid 1.63.0, chart-hexbin module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexmap.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexmap module type declarations
+ * Lattice Grid 1.63.0, chart-hexmap module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-hexmap.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.1, chart-hexmap module
+ * Lattice Grid 1.63.0, chart-hexmap module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -46,6 +46,22 @@ if(Number.isFinite(lon)&&Number.isFinite(lat))points.push({lon,lat});
 }
 return{points,empty:points.length===0};
 }
+function packProjection(opts){
+const{spec,plot,helpers}=opts;
+if(!spec||!spec.shapes)return null;
+const{
+resolvePack,packRegions,fitted,resolveProjection,
+}=helpers;
+const resolved=resolvePack(spec.shapes,spec.layer);
+if(!resolved)return null;
+const regions=packRegions(resolved.topology);
+const project=resolveProjection(
+spec.projection||resolved.pack.projection,
+{...(resolved.pack.projectionOptions||{}),...(spec.projectionOptions||{})},
+);
+const fit=fitted({project,rings:regions.flatMap((r)=>r.rings),plot});
+return{to:fit.to,regions};
+}
 function binHex(pts,r){
 const dx=r*2*Math.sin(Math.PI/3);
 const dy=r*1.5;
@@ -77,25 +93,43 @@ plot,bound,scheme,groups,spec,helpers,
 }=ctx;
 const{
 extent,measureDomain,linearScale,colourRamp,Pool,attrs,path,round,resolveScheme,
+projectedPath,
 }=helpers;
 const NS=helpers.NS;
 const sch=scheme||resolveScheme();
 const{points}=bound;
+const marks=new Pool(groups.marks);
+const fit=packProjection({spec,plot,helpers});
+let project;
+if(fit){
+for(const region of fit.regions){
+const d=region.rings.map((ring)=>projectedPath(ring,fit.to)).filter(Boolean).join(' ');
+if(!d)continue;
+attrs(marks.next('path',`${NS}__region`),{
+d,fill:'var(--lattice-chart-empty, #eceff1)',class:`${NS}__region`,
+});
+}
+project=fit.to;
+}else{
 const lonD=extent(points.map((p)=>p.lon))||{min:0,max:1};
 const latD=extent(points.map((p)=>p.lat))||{min:0,max:1};
 const xScale=linearScale(lonD,[plot.left,plot.right]);
 const yScale=linearScale(latD,[plot.bottom,plot.top]);
+project=(lon,lat)=>[xScale.of(lon),yScale.of(lat)];
+}
 const radius=spec&&Number.isFinite(spec.radius)&&spec.radius>0?spec.radius:DEFAULT_RADIUS;
-const pixels=points.map((p)=>({px:xScale.of(p.lon),py:yScale.of(p.lat)}));
+const pixels=points.map((p)=>{
+const[x,y]=project(p.lon,p.lat);
+return{px:x,py:y};
+});
 const bins=binHex(pixels,radius);
-if(!bins.length)return{empty:true,legend:[]};
+if(!bins.length)return{empty:true,legend:[],packed:!!fit};
 let maxCount=0;
 for(const b of bins)if(b.count>maxCount)maxCount=b.count;
 const ramp=colourRamp(measureDomain([0,maxCount],{zero:true}),false,sch);
 const third=Math.PI/3;
 const hex=[];
 for(let i=0;i<6;i++)hex.push([Math.sin(i*third)*radius,-Math.cos(i*third)*radius]);
-const marks=new Pool(groups.marks);
 for(const bin of bins){
 const parts=['M'];
 for(let i=0;i<6;i++){
@@ -104,11 +138,17 @@ if(i<5)parts.push('L');
 }
 parts.push('Z');
 attrs(marks.next('path',`${NS}__hexmap-cell ${NS}__mark`),{
-d:path(parts),fill:ramp(bin.count),stroke:'none','data-count':bin.count,
+d:path(parts),
+fill:ramp(bin.count),
+stroke:'none',
+'data-count':bin.count,
+class:`${NS}__hexmap-cell ${NS}__mark`,
 });
 }
 marks.finish();
-return{bins:bins.length,maxCount,legend:[]};
+return{
+bins:bins.length,maxCount,legend:[],packed:!!fit,
+};
 }
 registerChartType('hexmap',{draw:drawHexMap,bind:bindHexMap,freeform:true,labelled:false});
 const __default=drawHexMap;