@ktnpm_devops/react-component 0.12.0 → 0.13.0

package/dist/index100.js

@@ -1,42 +1,27 @@
-const weightOf = (point) => point.weight ?? 1;
-const fold = (data) => {
-  const byPosition = /* @__PURE__ */ new Map();
-  data.forEach((point, index) => {
-    const key = `${point.x}|${point.y}`;
-    const existing = byPosition.get(key);
-    if (!existing) {
-      byPosition.set(key, { point, index, count: 1 });
-      return;
-    }
-    existing.count += 1;
-    existing.point = {
-      ...existing.point,
-      weight: weightOf(existing.point) + weightOf(point)
-    };
-  });
-  return [...byPosition.values()];
-};
-const sample = (points, cap) => {
-  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
-  const lastIndex = points.length - 1;
-  const step = lastIndex / (cap - 1);
-  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
-};
-const foldPoints = (data, maxPoints, mergeCoincident) => {
-  const folded = mergeCoincident ? fold(data) : data.map((point, index) => ({ point, index, count: 1 }));
-  const points = folded.length > maxPoints ? sample(folded, maxPoints) : folded;
-  const represented = points.reduce((sum, p) => sum + p.count, 0);
-  return {
-    points,
-    info: {
-      total: data.length,
-      drawn: points.length,
-      merged: represented - points.length,
-      dropped: data.length - represented
-    }
-  };
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { useResizeObserver } from "./index6.js";
+import { GEO_MAP } from "./index67.js";
+const MapViewport = ({ bounds, fitBounds }) => {
+  const map = useMap();
+  const containerRef = useRef(null);
+  if (containerRef.current === null) containerRef.current = map.getContainer();
+  const { width, height } = useResizeObserver(containerRef);
+  useEffect(() => {
+    map.invalidateSize();
+  }, [map, width, height]);
+  useEffect(() => {
+    if (!fitBounds || bounds == null) return;
+    map.fitBounds(bounds, {
+      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],
+      // A single point makes `fitBounds` collapse to the maximum zoom level.
+      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM
+    });
+  }, [map, bounds, fitBounds]);
+  return null;
 };
+MapViewport.displayName = "MapViewport";
 export {
-  foldPoints
+  MapViewport
 };
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../src/charts/ScatterChartCard/foldPoints.ts"],"sourcesContent":["import type { ScatterPoint, ScatterRenderInfo } from '../../types/chart.types';\n\n/** A drawn mark, standing for one or more coincident source points. */\nexport interface FoldedPoint {\n  /** Representative point. `weight` is the sum across the folded group. */\n  point: ScatterPoint;\n  /** Index of the representative in the original `data` array. */\n  index: number;\n  /** How many source points this mark stands for (1 when nothing folded). */\n  count: number;\n}\n\nexport interface FoldResult {\n  points: FoldedPoint[];\n  info: ScatterRenderInfo;\n}\n\n/** Weight a point contributes when folding; unweighted points count as one. */\nconst weightOf = (point: ScatterPoint) => point.weight ?? 1;\n\n/**\n * Group points sharing the same (x, y) into a single mark, summing their weights.\n * A group of one keeps its original weight — including `undefined`, so a dataset\n * with no weights at all stays unweighted and renders at the base symbol size.\n */\nconst fold = (data: ScatterPoint[]): FoldedPoint[] => {\n  const byPosition = new Map<string, FoldedPoint>();\n\n  data.forEach((point, index) => {\n    const key = `${point.x}|${point.y}`;\n    const existing = byPosition.get(key);\n\n    if (!existing) {\n      byPosition.set(key, { point, index, count: 1 });\n      return;\n    }\n\n    existing.count += 1;\n    existing.point = {\n      ...existing.point,\n      weight: weightOf(existing.point) + weightOf(point),\n    };\n  });\n\n  return [...byPosition.values()];\n};\n\n/**\n * Evenly spread `cap` marks across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same chart.\n */\nconst sample = (points: FoldedPoint[], cap: number): FoldedPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const lastIndex = points.length - 1;\n  const step = lastIndex / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\n/**\n * Fold coincident points, then cap the mark count, then report what happened.\n * Folding runs first because it often removes the need to sample at all.\n *\n * The reported counts satisfy `total === drawn + merged + dropped`.\n */\nexport const foldPoints = (\n  data: ScatterPoint[],\n  maxPoints: number,\n  mergeCoincident: boolean,\n): FoldResult => {\n  const folded = mergeCoincident\n    ? fold(data)\n    : data.map((point, index) => ({ point, index, count: 1 }));\n\n  const points = folded.length > maxPoints ? sample(folded, maxPoints) : folded;\n\n  const represented = points.reduce((sum, p) => sum + p.count, 0);\n\n  return {\n    points,\n    info: {\n      total: data.length,\n      drawn: points.length,\n      merged: represented - points.length,\n      dropped: data.length - represented,\n    },\n  };\n};\n"],"names":[],"mappings":"AAkBA,MAAM,WAAW,CAAC,UAAwB,MAAM,UAAU;AAO1D,MAAM,OAAO,CAAC,SAAwC;AACpD,QAAM,iCAAiB,IAAA;AAEvB,OAAK,QAAQ,CAAC,OAAO,UAAU;AAC7B,UAAM,MAAM,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC;AACjC,UAAM,WAAW,WAAW,IAAI,GAAG;AAEnC,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI,KAAK,EAAE,OAAO,OAAO,OAAO,GAAG;AAC9C;AAAA,IACF;AAEA,aAAS,SAAS;AAClB,aAAS,QAAQ;AAAA,MACf,GAAG,SAAS;AAAA,MACZ,QAAQ,SAAS,SAAS,KAAK,IAAI,SAAS,KAAK;AAAA,IAAA;AAAA,EAErD,CAAC;AAED,SAAO,CAAC,GAAG,WAAW,QAAQ;AAChC;AAMA,MAAM,SAAS,CAAC,QAAuB,QAA+B;AACpE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,YAAY,OAAO,SAAS;AAClC,QAAM,OAAO,aAAa,MAAM;AAEhC,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAQO,MAAM,aAAa,CACxB,MACA,WACA,oBACe;AACf,QAAM,SAAS,kBACX,KAAK,IAAI,IACT,KAAK,IAAI,CAAC,OAAO,WAAW,EAAE,OAAO,OAAO,OAAO,IAAI;AAE3D,QAAM,SAAS,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEvE,QAAM,cAAc,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AAE9D,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,KAAK;AAAA,MACZ,OAAO,OAAO;AAAA,MACd,QAAQ,cAAc,OAAO;AAAA,MAC7B,SAAS,KAAK,SAAS;AAAA,IAAA;AAAA,EACzB;AAEJ;"}
+{"version":3,"file":"index100.js","sources":["../src/geo/GeoMapCard/MapViewport.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { GEO_MAP } from '../../constants';\nimport type { MapViewportProps } from './GeoMapCard.types';\n\n/**\n * A childless child of `MapContainer`, which is the only place `useMap()` works.\n * It owns the two things Leaflet cannot work out on its own:\n *\n * - **Framing**: `fitBounds` over the drawn points, instead of a centroid at a\n *   fixed zoom that leaves half a province outside the viewport.\n * - **Sizing**: `invalidateSize()` on every resize. Leaflet caches its container\n *   size, so a map mounted hidden — a wizard step, a collapsed split panel —\n *   renders grey tiles forever without this.\n */\nexport const MapViewport = ({ bounds, fitBounds }: MapViewportProps) => {\n  const map = useMap();\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  if (containerRef.current === null) containerRef.current = map.getContainer();\n\n  const { width, height } = useResizeObserver(containerRef);\n\n  useEffect(() => {\n    map.invalidateSize();\n  }, [map, width, height]);\n\n  useEffect(() => {\n    if (!fitBounds || bounds == null) return;\n\n    map.fitBounds(bounds, {\n      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],\n      // A single point makes `fitBounds` collapse to the maximum zoom level.\n      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM,\n    });\n  }, [map, bounds, fitBounds]);\n\n  return null;\n};\n\nMapViewport.displayName = 'MapViewport';\n"],"names":[],"mappings":";;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAM,OAAA;AACZ,QAAM,eAAe,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAW,kBAAkB,YAAY;AAExD,YAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAG,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAAS,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;"}

package/dist/index101.cjs

@@ -1,95 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index62.cjs");
-const AXIS_NAME_GAP = { X: 28, Y: 38 };
-const GRID_MARGIN = {
-  BASE: 8,
-  TOP: 16,
-  RIGHT: 16,
-  X_NAME: 23,
-  Y_NAME: 34,
-  LEGEND: 30
-};
-const UNCATEGORISED_SERIES = "Points";
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const symbolSizeFor = (weight, minWeight, maxWeight) => {
-  if (maxWeight === minWeight) return constants.SCATTER.BASE_SYMBOL_SIZE;
-  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
-  return constants.SCATTER.MIN_SYMBOL_SIZE + (constants.SCATTER.MAX_SYMBOL_SIZE - constants.SCATTER.MIN_SYMBOL_SIZE) * ratio;
-};
-const groupByCategory = (points) => {
-  const groups = /* @__PURE__ */ new Map();
-  for (const folded of points) {
-    const key = folded.point.category ?? UNCATEGORISED_SERIES;
-    const group = groups.get(key);
-    if (group) group.push(folded);
-    else groups.set(key, [folded]);
-  }
-  return groups;
-};
-const toDataItem = (folded, sizeOf) => ({
-  name: folded.point.label,
-  value: [folded.point.x, folded.point.y, folded.count, folded.index],
-  symbolSize: sizeOf(folded.point.weight)
-});
-const buildTooltipFormatter = (config) => (params) => {
-  const { name, seriesName, value, marker } = params;
-  const [x, y, count] = value;
-  const lines = [`${marker} ${escapeHtml(name)}`];
-  lines.push(`${escapeHtml(config.xLabel ?? "x")}: ${x}`);
-  lines.push(`${escapeHtml(config.yLabel ?? "y")}: ${y}`);
-  if (seriesName !== UNCATEGORISED_SERIES) {
-    lines.push(`${escapeHtml(config.categoryLabel ?? "Category")}: ${escapeHtml(seriesName)}`);
-  }
-  if (count > 1) lines.push(`${count} points here`);
-  return lines.join("<br/>");
-};
-const buildScatterOption = (points, config) => {
-  const weights = points.map((p) => p.point.weight).filter((w) => w != null);
-  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;
-  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;
-  const sizeOf = (weight) => weights.length === 0 ? constants.SCATTER.BASE_SYMBOL_SIZE : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);
-  const groups = groupByCategory(points);
-  const series = [...groups.entries()].map(([category, group], i) => ({
-    name: category,
-    type: "scatter",
-    data: group.map((folded) => toDataItem(folded, sizeOf)),
-    itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length], opacity: 0.85 },
-    emphasis: { focus: "series" }
-  }));
-  return {
-    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
-    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
-    grid: {
-      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,
-      right: GRID_MARGIN.RIGHT,
-      top: GRID_MARGIN.TOP,
-      // Room for the x axis name and the legend, each only when drawn.
-      bottom: GRID_MARGIN.BASE + (config.xLabel ? GRID_MARGIN.X_NAME : 0) + (config.showLegend ? GRID_MARGIN.LEGEND : 0),
-      containLabel: true
-    },
-    xAxis: {
-      type: "value",
-      name: config.xLabel,
-      nameLocation: "middle",
-      nameGap: AXIS_NAME_GAP.X,
-      scale: true
-    },
-    yAxis: {
-      type: "value",
-      name: config.yLabel,
-      nameLocation: "middle",
-      // Without this the y name is drawn horizontally and eats the plot's width.
-      nameRotate: 90,
-      nameGap: AXIS_NAME_GAP.Y,
-      scale: true
-    },
-    dataZoom: config.enableDataZoom ? [
-      { type: "inside", xAxisIndex: 0 },
-      { type: "inside", yAxisIndex: 0 }
-    ] : void 0,
-    series
-  };
-};
-exports.buildScatterOption = buildScatterOption;
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("./index57.cjs");
+const GeoMapCard_module = require("./index103.cjs");
+const MapLegend = ({ items, title }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leaflet-bottom leaflet-right", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("leaflet-control", GeoMapCard_module.default.legend), children: [
+  /* @__PURE__ */ jsxRuntime.jsx("p", { className: GeoMapCard_module.default.legendTitle, children: title }),
+  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: GeoMapCard_module.default.legendList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: GeoMapCard_module.default.legendItem, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: GeoMapCard_module.default.legendSwatch,
+        style: { backgroundColor: item.color },
+        "aria-hidden": "true"
+      }
+    ),
+    item.label
+  ] }, item.label)) })
+] }) });
+MapLegend.displayName = "MapLegend";
+exports.MapLegend = MapLegend;
 //# sourceMappingURL=index101.cjs.map

package/dist/index101.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index101.cjs","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":["SCATTER","CHART_COLORS"],"mappings":"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"}
+{"version":3,"file":"index101.cjs","sources":["../src/geo/GeoMapCard/MapLegend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { MapLegendProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Rendered inside `MapContainer` with Leaflet's own control classes, so it sits\n * in Leaflet's control pane and needs no `z-index` of its own — which is how the\n * library's \"no z-index above 10\" rule is met without asking for an exception.\n */\nexport const MapLegend = ({ items, title }: MapLegendProps) => (\n  <div className=\"leaflet-bottom leaflet-right\">\n    <div className={clsx('leaflet-control', styles.legend)}>\n      <p className={styles.legendTitle}>{title}</p>\n      <ul className={styles.legendList}>\n        {items.map((item) => (\n          <li key={item.label} className={styles.legendItem}>\n            <span\n              className={styles.legendSwatch}\n              style={{ backgroundColor: item.color }}\n              aria-hidden=\"true\"\n            />\n            {item.label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  </div>\n);\n\nMapLegend.displayName = 'MapLegend';\n"],"names":["jsx","clsx","styles","jsxs"],"mappings":";;;;;AASO,MAAM,YAAY,CAAC,EAAE,OAAO,MAAA,MACjCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,0CAAC,OAAA,EAAI,WAAWC,KAAAA,KAAK,mBAAmBC,kBAAAA,QAAO,MAAM,GACnD,UAAA;AAAA,EAAAF,2BAAAA,IAAC,KAAA,EAAE,WAAWE,kBAAAA,QAAO,aAAc,UAAA,OAAM;AAAA,EACzCF,2BAAAA,IAAC,MAAA,EAAG,WAAWE,kBAAAA,QAAO,YACnB,UAAA,MAAM,IAAI,CAAC,SACVC,2BAAAA,KAAC,MAAA,EAAoB,WAAWD,kBAAAA,QAAO,YACrC,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,kBAAAA,QAAO;AAAA,QAClB,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,QAC/B,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,EAAA,KANC,KAAK,KAOd,CACD,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CACF;AAGF,UAAU,cAAc;;"}

package/dist/index101.js

@@ -1,95 +1,22 @@
-import { CHART_COLORS, SCATTER } from "./index62.js";
-const AXIS_NAME_GAP = { X: 28, Y: 38 };
-const GRID_MARGIN = {
-  BASE: 8,
-  TOP: 16,
-  RIGHT: 16,
-  X_NAME: 23,
-  Y_NAME: 34,
-  LEGEND: 30
-};
-const UNCATEGORISED_SERIES = "Points";
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const symbolSizeFor = (weight, minWeight, maxWeight) => {
-  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;
-  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
-  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;
-};
-const groupByCategory = (points) => {
-  const groups = /* @__PURE__ */ new Map();
-  for (const folded of points) {
-    const key = folded.point.category ?? UNCATEGORISED_SERIES;
-    const group = groups.get(key);
-    if (group) group.push(folded);
-    else groups.set(key, [folded]);
-  }
-  return groups;
-};
-const toDataItem = (folded, sizeOf) => ({
-  name: folded.point.label,
-  value: [folded.point.x, folded.point.y, folded.count, folded.index],
-  symbolSize: sizeOf(folded.point.weight)
-});
-const buildTooltipFormatter = (config) => (params) => {
-  const { name, seriesName, value, marker } = params;
-  const [x, y, count] = value;
-  const lines = [`${marker} ${escapeHtml(name)}`];
-  lines.push(`${escapeHtml(config.xLabel ?? "x")}: ${x}`);
-  lines.push(`${escapeHtml(config.yLabel ?? "y")}: ${y}`);
-  if (seriesName !== UNCATEGORISED_SERIES) {
-    lines.push(`${escapeHtml(config.categoryLabel ?? "Category")}: ${escapeHtml(seriesName)}`);
-  }
-  if (count > 1) lines.push(`${count} points here`);
-  return lines.join("<br/>");
-};
-const buildScatterOption = (points, config) => {
-  const weights = points.map((p) => p.point.weight).filter((w) => w != null);
-  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;
-  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;
-  const sizeOf = (weight) => weights.length === 0 ? SCATTER.BASE_SYMBOL_SIZE : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);
-  const groups = groupByCategory(points);
-  const series = [...groups.entries()].map(([category, group], i) => ({
-    name: category,
-    type: "scatter",
-    data: group.map((folded) => toDataItem(folded, sizeOf)),
-    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },
-    emphasis: { focus: "series" }
-  }));
-  return {
-    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
-    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
-    grid: {
-      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,
-      right: GRID_MARGIN.RIGHT,
-      top: GRID_MARGIN.TOP,
-      // Room for the x axis name and the legend, each only when drawn.
-      bottom: GRID_MARGIN.BASE + (config.xLabel ? GRID_MARGIN.X_NAME : 0) + (config.showLegend ? GRID_MARGIN.LEGEND : 0),
-      containLabel: true
-    },
-    xAxis: {
-      type: "value",
-      name: config.xLabel,
-      nameLocation: "middle",
-      nameGap: AXIS_NAME_GAP.X,
-      scale: true
-    },
-    yAxis: {
-      type: "value",
-      name: config.yLabel,
-      nameLocation: "middle",
-      // Without this the y name is drawn horizontally and eats the plot's width.
-      nameRotate: 90,
-      nameGap: AXIS_NAME_GAP.Y,
-      scale: true
-    },
-    dataZoom: config.enableDataZoom ? [
-      { type: "inside", xAxisIndex: 0 },
-      { type: "inside", yAxisIndex: 0 }
-    ] : void 0,
-    series
-  };
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "./index57.js";
+import styles from "./index103.js";
+const MapLegend = ({ items, title }) => /* @__PURE__ */ jsx("div", { className: "leaflet-bottom leaflet-right", children: /* @__PURE__ */ jsxs("div", { className: clsx("leaflet-control", styles.legend), children: [
+  /* @__PURE__ */ jsx("p", { className: styles.legendTitle, children: title }),
+  /* @__PURE__ */ jsx("ul", { className: styles.legendList, children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.legendSwatch,
+        style: { backgroundColor: item.color },
+        "aria-hidden": "true"
+      }
+    ),
+    item.label
+  ] }, item.label)) })
+] }) });
+MapLegend.displayName = "MapLegend";
 export {
-  buildScatterOption
+  MapLegend
 };
 //# sourceMappingURL=index101.js.map

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index101.js","sources":["../src/geo/GeoMapCard/MapLegend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { MapLegendProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Rendered inside `MapContainer` with Leaflet's own control classes, so it sits\n * in Leaflet's control pane and needs no `z-index` of its own — which is how the\n * library's \"no z-index above 10\" rule is met without asking for an exception.\n */\nexport const MapLegend = ({ items, title }: MapLegendProps) => (\n  <div className=\"leaflet-bottom leaflet-right\">\n    <div className={clsx('leaflet-control', styles.legend)}>\n      <p className={styles.legendTitle}>{title}</p>\n      <ul className={styles.legendList}>\n        {items.map((item) => (\n          <li key={item.label} className={styles.legendItem}>\n            <span\n              className={styles.legendSwatch}\n              style={{ backgroundColor: item.color }}\n              aria-hidden=\"true\"\n            />\n            {item.label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  </div>\n);\n\nMapLegend.displayName = 'MapLegend';\n"],"names":[],"mappings":";;;AASO,MAAM,YAAY,CAAC,EAAE,OAAO,MAAA,MACjC,oBAAC,OAAA,EAAI,WAAU,gCACb,+BAAC,OAAA,EAAI,WAAW,KAAK,mBAAmB,OAAO,MAAM,GACnD,UAAA;AAAA,EAAA,oBAAC,KAAA,EAAE,WAAW,OAAO,aAAc,UAAA,OAAM;AAAA,EACzC,oBAAC,MAAA,EAAG,WAAW,OAAO,YACnB,UAAA,MAAM,IAAI,CAAC,SACV,qBAAC,MAAA,EAAoB,WAAW,OAAO,YACrC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,QAC/B,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,EAAA,KANC,KAAK,KAOd,CACD,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CACF;AAGF,UAAU,cAAc;"}

package/dist/index102.cjs

@@ -1,42 +1,16 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
-const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
-};
-exports.chartContainer = chartContainer;
-exports.compact = compact;
-exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
-exports.root = root;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const GeoMapCard_module = require("./index103.cjs");
+const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: GeoMapCard_module.default.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    type: "button",
+    "aria-pressed": selected,
+    onClick: () => onSelectPoint({ point, index: sourceIndex }),
+    children: description
+  }
+) : description }, point.id)) });
+PointListing.displayName = "PointListing";
+exports.PointListing = PointListing;
 //# sourceMappingURL=index102.cjs.map

package/dist/index102.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index102.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index102.cjs","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":["jsx","styles"],"mappings":";;;;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7CA,2BAAAA,IAAC,MAAA,EAAG,WAAWC,kBAAAA,QAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/CD,2BAAAA,IAAC,MAAA,EACE,UAAA,gBACCA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;;"}

package/dist/index102.js

@@ -1,42 +1,16 @@
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
-const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
-};
+import { jsx } from "react/jsx-runtime";
+import styles from "./index103.js";
+const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsx("ul", { className: styles.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    "aria-pressed": selected,
+    onClick: () => onSelectPoint({ point, index: sourceIndex }),
+    children: description
+  }
+) : description }, point.id)) });
+PointListing.displayName = "PointListing";
 export {
-  chartContainer,
-  compact,
-  styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
-  root,
-  title,
-  toolbar,
-  warning
+  PointListing
 };
 //# sourceMappingURL=index102.js.map

package/dist/index102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index102.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index102.js","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":[],"mappings":";;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7C,oBAAC,MAAA,EAAG,WAAW,OAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/C,oBAAC,MAAA,EACE,UAAA,gBACC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;"}

package/dist/index103.cjs

@@ -1,21 +1,63 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+const root = "krc-root-m-WU1";
+const header = "krc-header-j8Yft";
+const title = "krc-title-10Tak";
+const headerActions = "krc-headerActions-rh6MO";
+const toolbar = "krc-toolbar-6bfl-";
+const warning = "krc-warning-dISP1";
+const mapContainer = "krc-mapContainer-MKTII";
+const map = "krc-map-o-Ldd";
+const loading = "krc-loading-LE2tH";
+const empty = "krc-empty-JAoUd";
+const error = "krc-error-FkrvS";
+const retryButton = "krc-retryButton-BKn73";
+const legend = "krc-legend-c-RjE";
+const legendTitle = "krc-legendTitle-j4e4-";
+const legendList = "krc-legendList-jRukT";
+const legendItem = "krc-legendItem-X2jYA";
+const legendSwatch = "krc-legendSwatch-OTMwM";
+const compact = "krc-compact-Ha6w2";
+const srOnly = "krc-srOnly-KDwnO";
 const styles = {
   root,
-  success,
+  header,
+  title,
+  headerActions,
+  toolbar,
   warning,
-  danger,
-  info
+  mapContainer,
+  map,
+  loading,
+  empty,
+  error,
+  retryButton,
+  legend,
+  legendTitle,
+  legendList,
+  legendItem,
+  legendSwatch,
+  compact,
+  srOnly
 };
-exports.danger = danger;
+exports.compact = compact;
 exports.default = styles;
-exports.info = info;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.legend = legend;
+exports.legendItem = legendItem;
+exports.legendList = legendList;
+exports.legendSwatch = legendSwatch;
+exports.legendTitle = legendTitle;
+exports.loading = loading;
+exports.map = map;
+exports.mapContainer = mapContainer;
+exports.retryButton = retryButton;
 exports.root = root;
-exports.success = success;
+exports.srOnly = srOnly;
+exports.title = title;
+exports.toolbar = toolbar;
 exports.warning = warning;
 //# sourceMappingURL=index103.cjs.map

package/dist/index103.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index103.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index103.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}