@ktnpm_devops/react-component 0.16.0 → 0.17.0

package/dist/index98.js

@@ -1,72 +1,46 @@
-import { GROUPED_BAR, CHART_COLORS } from "./index63.js";
-const { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;
-const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
-const colorFor = (name, index, seriesColors) => (seriesColors == null ? void 0 : seriesColors[name]) ?? CHART_COLORS[index % CHART_COLORS.length];
-const markerFor = (color) => {
-  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;
-  return `<span style="display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};"></span>`;
+import { CHART_COLORS, GEO_MAP } from "./index64.js";
+import { orbitTokens } from "./index3.js";
+const SELECTION_RING = {
+  light: orbitTokens.purple.base,
+  dark: "#FFFFFF"
 };
-const buildTooltipFormatter = (pivot, colors, noValueText) => (params) => {
-  const first = Array.isArray(params) ? params[0] : params;
-  const index = first == null ? void 0 : first.dataIndex;
-  if (index == null || index >= pivot.categories.length) return "";
-  const lines = [escapeHtml(pivot.categories[index])];
-  pivot.series.forEach((s, i) => {
-    const value = s.values[index];
-    const text = value == null ? escapeHtml(noValueText) : String(value);
-    lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);
-  });
-  return lines.join("<br/>");
+const UNCATEGORISED_COLOR = orbitTokens.brand.orange;
+const buildCategoryColors = (points) => {
+  const categories = [...new Set(points.map((p) => p.category).filter((c) => c != null))];
+  categories.sort((a, b) => a.localeCompare(b));
+  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));
 };
-const buildGrid = (config) => {
-  const named = Boolean(config.valueLabel);
-  return {
-    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),
-    right: GRID_MARGIN.RIGHT,
-    top: GRID_MARGIN.TOP,
-    // Room for a horizontal value-axis name and the legend, each only when drawn.
-    bottom: GRID_MARGIN.BASE + (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) + (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),
-    containLabel: true
-  };
+const buildWeightScale = (points) => {
+  const weights = points.map((p) => p.weight).filter((w) => w != null && Number.isFinite(w));
+  if (weights.length === 0) return null;
+  const min = Math.min(...weights);
+  const max = Math.max(...weights);
+  return min === max ? null : { min, max };
 };
-const buildGroupedBarOption = (pivot, config) => {
-  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));
-  const categoryAxis = {
-    type: "category",
-    data: pivot.categories,
-    // Horizontal bars read top-down, so the first category goes on top.
-    inverse: config.invertAxis
-  };
-  const valueAxis = {
-    type: "value",
-    name: config.valueLabel,
-    nameLocation: "middle",
-    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,
-    // Without this a vertical axis name is drawn horizontally and eats the plot's width.
-    nameRotate: config.invertAxis ? 0 : 90,
-    minInterval: config.integerValues ? 1 : void 0
-  };
+const radiusFor = (weight, scale) => {
+  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;
+  const ratio = (weight - scale.min) / (scale.max - scale.min);
+  const clamped = Math.min(Math.max(ratio, 0), 1);
+  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;
+  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;
+  return Math.sqrt(minArea + clamped * (maxArea - minArea));
+};
+const buildMarkerStyle = (point, { categoryColors, weightScale, selected, theme }) => {
+  const fillColor = (point.category != null ? categoryColors.get(point.category) : void 0) ?? UNCATEGORISED_COLOR;
+  const radius = radiusFor(point.weight, weightScale);
   return {
-    tooltip: {
-      trigger: "axis",
-      axisPointer: { type: "shadow" },
-      formatter: buildTooltipFormatter(pivot, colors, config.noValueText)
-    },
-    legend: { show: !config.hideLegend, bottom: 0, type: "scroll" },
-    grid: buildGrid(config),
-    xAxis: config.invertAxis ? valueAxis : categoryAxis,
-    yAxis: config.invertAxis ? categoryAxis : valueAxis,
-    series: pivot.series.map((s, i) => ({
-      name: s.name,
-      type: "bar",
-      data: s.values,
-      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,
-      itemStyle: { color: colors[i] },
-      emphasis: { focus: "series" }
-    }))
+    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,
+    color: selected ? SELECTION_RING[theme] : fillColor,
+    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,
+    fillColor,
+    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY
   };
 };
+const buildLegendItems = (categoryColors) => [...categoryColors].map(([label, color]) => ({ label, color }));
 export {
-  buildGroupedBarOption
+  buildCategoryColors,
+  buildLegendItems,
+  buildMarkerStyle,
+  buildWeightScale
 };
 //# sourceMappingURL=index98.js.map

package/dist/index98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index98.js","sources":["../src/charts/GroupedBarChartCard/buildGroupedBarOption.ts"],"sourcesContent":["import type { GroupedBarPivot } from './pivotGroupedBars';\nimport { CHART_COLORS, GROUPED_BAR } from '../../constants';\n\nexport interface GroupedBarOptionConfig {\n  seriesColors?: Readonly<Record<string, string>>;\n  invertAxis: boolean;\n  hideLegend: boolean;\n  integerValues: boolean;\n  valueLabel?: string;\n  /** Tooltip text for a gap. */\n  noValueText: string;\n}\n\nconst { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;\n\n/** Category and series names 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/** Pinned colour first, else the palette by first-seen position. */\nconst colorFor = (name: string, index: number, seriesColors?: Readonly<Record<string, string>>) =>\n  seriesColors?.[name] ?? CHART_COLORS[index % CHART_COLORS.length];\n\nconst markerFor = (color: string) => {\n  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;\n  return `<span style=\"display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};\"></span>`;\n};\n\n/**\n * The tooltip is built from the pivot rather than from echarts' params, so every\n * series is listed in series order and a gap reads as `noValueText`, never `-`.\n */\nconst buildTooltipFormatter =\n  (pivot: GroupedBarPivot, colors: string[], noValueText: string) => (params: unknown) => {\n    const first = (Array.isArray(params) ? params[0] : params) as\n      | { dataIndex?: number }\n      | undefined;\n    const index = first?.dataIndex;\n    if (index == null || index >= pivot.categories.length) return '';\n\n    const lines = [escapeHtml(pivot.categories[index])];\n    pivot.series.forEach((s, i) => {\n      const value = s.values[index];\n      const text = value == null ? escapeHtml(noValueText) : String(value);\n      lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);\n    });\n\n    return lines.join('<br/>');\n  };\n\nconst buildGrid = (config: GroupedBarOptionConfig) => {\n  const named = Boolean(config.valueLabel);\n  return {\n    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),\n    right: GRID_MARGIN.RIGHT,\n    top: GRID_MARGIN.TOP,\n    // Room for a horizontal value-axis name and the legend, each only when drawn.\n    bottom:\n      GRID_MARGIN.BASE +\n      (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) +\n      (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),\n    containLabel: true,\n  };\n};\n\nexport const buildGroupedBarOption = (pivot: GroupedBarPivot, config: GroupedBarOptionConfig) => {\n  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: pivot.categories,\n    // Horizontal bars read top-down, so the first category goes on top.\n    inverse: config.invertAxis,\n  };\n  const valueAxis = {\n    type: 'value' as const,\n    name: config.valueLabel,\n    nameLocation: 'middle' as const,\n    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,\n    // Without this a vertical axis name is drawn horizontally and eats the plot's width.\n    nameRotate: config.invertAxis ? 0 : 90,\n    minInterval: config.integerValues ? 1 : undefined,\n  };\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'shadow' as const },\n      formatter: buildTooltipFormatter(pivot, colors, config.noValueText),\n    },\n    legend: { show: !config.hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: buildGrid(config),\n    xAxis: config.invertAxis ? valueAxis : categoryAxis,\n    yAxis: config.invertAxis ? categoryAxis : valueAxis,\n    series: pivot.series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      data: s.values,\n      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,\n      itemStyle: { color: colors[i] },\n      emphasis: { focus: 'series' as const },\n    })),\n  };\n};\n"],"names":[],"mappings":";AAaA,MAAM,EAAE,aAAa,cAAA,IAAkB;AAGvC,MAAM,aAAa,CAAC,UAClB,MAAM,QAAQ,WAAW,CAAC,SAAS,KAAK,KAAK,WAAW,CAAC,CAAC,GAAG;AAG/D,MAAM,WAAW,CAAC,MAAc,OAAe,kBAC7C,6CAAe,UAAS,aAAa,QAAQ,aAAa,MAAM;AAElE,MAAM,YAAY,CAAC,UAAkB;AACnC,QAAM,EAAE,qBAAqB,MAAM,oBAAoB,QAAQ;AAC/D,SAAO,kDAAkD,GAAG,8BAA8B,IAAI,aAAa,IAAI,uBAAuB,WAAW,KAAK,CAAC;AACzJ;AAMA,MAAM,wBACJ,CAAC,OAAwB,QAAkB,gBAAwB,CAAC,WAAoB;AACtF,QAAM,QAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI;AAGnD,QAAM,QAAQ,+BAAO;AACrB,MAAI,SAAS,QAAQ,SAAS,MAAM,WAAW,OAAQ,QAAO;AAE9D,QAAM,QAAQ,CAAC,WAAW,MAAM,WAAW,KAAK,CAAC,CAAC;AAClD,QAAM,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,QAAQ,EAAE,OAAO,KAAK;AAC5B,UAAM,OAAO,SAAS,OAAO,WAAW,WAAW,IAAI,OAAO,KAAK;AACnE,UAAM,KAAK,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AAAA,EACpE,CAAC;AAED,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEF,MAAM,YAAY,CAAC,WAAmC;AACpD,QAAM,QAAQ,QAAQ,OAAO,UAAU;AACvC,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ,SAAS,CAAC,OAAO,aAAa,YAAY,eAAe;AAAA,IACnF,OAAO,YAAY;AAAA,IACnB,KAAK,YAAY;AAAA;AAAA,IAEjB,QACE,YAAY,QACX,SAAS,OAAO,aAAa,YAAY,eAAe,MACxD,OAAO,aAAa,IAAI,YAAY;AAAA,IACvC,cAAc;AAAA,EAAA;AAElB;AAEO,MAAM,wBAAwB,CAAC,OAAwB,WAAmC;AAC/F,QAAM,SAAS,MAAM,OAAO,IAAI,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;AAElF,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM;AAAA;AAAA,IAEZ,SAAS,OAAO;AAAA,EAAA;AAElB,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,cAAc;AAAA,IACd,SAAS,OAAO,aAAa,cAAc,IAAI,cAAc;AAAA;AAAA,IAE7D,YAAY,OAAO,aAAa,IAAI;AAAA,IACpC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAAA;AAG1C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa,EAAE,MAAM,SAAA;AAAA,MACrB,WAAW,sBAAsB,OAAO,QAAQ,OAAO,WAAW;AAAA,IAAA;AAAA,IAEpE,QAAQ,EAAE,MAAM,CAAC,OAAO,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IACrD,MAAM,UAAU,MAAM;AAAA,IACtB,OAAO,OAAO,aAAa,YAAY;AAAA,IACvC,OAAO,OAAO,aAAa,eAAe;AAAA,IAC1C,QAAQ,MAAM,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAClC,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE;AAAA,MACR,cAAc,YAAY;AAAA,MAC1B,WAAW,EAAE,OAAO,OAAO,CAAC,EAAA;AAAA,MAC5B,UAAU,EAAE,OAAO,SAAA;AAAA,IAAkB,EACrC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"index98.js","sources":["../src/geo/GeoMapCard/buildMarkerStyle.ts"],"sourcesContent":["import { CHART_COLORS, GEO_MAP } from '../../constants';\nimport { orbitTokens } from '../../tokens/tokens';\nimport type { ThemeMode } from '../../hooks/useThemeMode';\nimport type { GeoLegendItem, GeoPoint } from '../../types/geo.types';\n\n/**\n * Leaflet draws its markers as SVG paths, out of reach of the CSS custom\n * properties, so colours are resolved here as hex — the same exception the\n * ECharts family makes. Everything styled with CSS still uses the tokens.\n */\nexport interface MarkerStyle {\n  radius: number;\n  /** Stroke colour. */\n  color: string;\n  /** Stroke width. */\n  weight: number;\n  fillColor: string;\n  fillOpacity: number;\n}\n\n/** Weight range actually present in the data, or `null` when it carries none. */\nexport interface WeightScale {\n  min: number;\n  max: number;\n}\n\nexport interface MarkerStyleOptions {\n  categoryColors: Map<string, string>;\n  weightScale: WeightScale | null;\n  selected: boolean;\n  theme: ThemeMode;\n}\n\n/** Ring drawn around a selected marker: maximum contrast against the basemap. */\nconst SELECTION_RING: Record<ThemeMode, string> = {\n  light: orbitTokens.purple.base,\n  dark: '#FFFFFF',\n};\n\n/** Colour used when no point carries a category. */\nconst UNCATEGORISED_COLOR = orbitTokens.brand.orange;\n\n/**\n * Categories are sorted before being indexed into the palette, so a colour\n * belongs to a category and not to the order the rows happened to arrive in.\n */\nexport const buildCategoryColors = (points: GeoPoint[]): Map<string, string> => {\n  const categories = [...new Set(points.map((p) => p.category).filter((c): c is string => c != null))];\n\n  categories.sort((a, b) => a.localeCompare(b));\n\n  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));\n};\n\n/**\n * Null when nothing carries a weight, and also when every weight is equal:\n * a dataset with no size information should render at the base radius rather\n * than paint every marker at the maximum.\n */\nexport const buildWeightScale = (points: GeoPoint[]): WeightScale | null => {\n  const weights = points\n    .map((p) => p.weight)\n    .filter((w): w is number => w != null && Number.isFinite(w));\n\n  if (weights.length === 0) return null;\n\n  const min = Math.min(...weights);\n  const max = Math.max(...weights);\n\n  return min === max ? null : { min, max };\n};\n\n/**\n * Interpolate on the *area*, which is what a reader actually compares, and take\n * the square root to get back to a radius.\n */\nconst radiusFor = (weight: number | null | undefined, scale: WeightScale | null): number => {\n  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;\n\n  const ratio = (weight - scale.min) / (scale.max - scale.min);\n  const clamped = Math.min(Math.max(ratio, 0), 1);\n  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;\n  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;\n\n  return Math.sqrt(minArea + clamped * (maxArea - minArea));\n};\n\n/**\n * Selection changes the radius and the stroke as well as the colour, because\n * colour is never allowed to be the only indicator of a state.\n */\nexport const buildMarkerStyle = (\n  point: GeoPoint,\n  { categoryColors, weightScale, selected, theme }: MarkerStyleOptions,\n): MarkerStyle => {\n  const fillColor =\n    (point.category != null ? categoryColors.get(point.category) : undefined) ?? UNCATEGORISED_COLOR;\n  const radius = radiusFor(point.weight, weightScale);\n\n  return {\n    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,\n    color: selected ? SELECTION_RING[theme] : fillColor,\n    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,\n    fillColor,\n    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY,\n  };\n};\n\n/** Legend swatches, in the same order the palette was handed out. */\nexport const buildLegendItems = (categoryColors: Map<string, string>): GeoLegendItem[] =>\n  [...categoryColors].map(([label, color]) => ({ label, color }));\n"],"names":[],"mappings":";;AAkCA,MAAM,iBAA4C;AAAA,EAChD,OAAO,YAAY,OAAO;AAAA,EAC1B,MAAM;AACR;AAGA,MAAM,sBAAsB,YAAY,MAAM;AAMvC,MAAM,sBAAsB,CAAC,WAA4C;AAC9E,QAAM,aAAa,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAmB,KAAK,IAAI,CAAC,CAAC;AAEnG,aAAW,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,CAAC,CAAC;AAE5C,SAAO,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,MAAM,CAAC,UAAU,aAAa,IAAI,aAAa,MAAM,CAAC,CAAC,CAAC;AACnG;AAOO,MAAM,mBAAmB,CAAC,WAA2C;AAC1E,QAAM,UAAU,OACb,IAAI,CAAC,MAAM,EAAE,MAAM,EACnB,OAAO,CAAC,MAAmB,KAAK,QAAQ,OAAO,SAAS,CAAC,CAAC;AAE7D,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAC/B,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAE/B,SAAO,QAAQ,MAAM,OAAO,EAAE,KAAK,IAAA;AACrC;AAMA,MAAM,YAAY,CAAC,QAAmC,UAAsC;AAC1F,MAAI,SAAS,QAAQ,UAAU,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO,QAAQ;AAEhF,QAAM,SAAS,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM;AACxD,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;AAC9C,QAAM,UAAU,QAAQ,qBAAqB;AAC7C,QAAM,UAAU,QAAQ,qBAAqB;AAE7C,SAAO,KAAK,KAAK,UAAU,WAAW,UAAU,QAAQ;AAC1D;AAMO,MAAM,mBAAmB,CAC9B,OACA,EAAE,gBAAgB,aAAa,UAAU,YACzB;AAChB,QAAM,aACH,MAAM,YAAY,OAAO,eAAe,IAAI,MAAM,QAAQ,IAAI,WAAc;AAC/E,QAAM,SAAS,UAAU,MAAM,QAAQ,WAAW;AAElD,SAAO;AAAA,IACL,QAAQ,WAAW,SAAS,QAAQ,wBAAwB;AAAA,IAC5D,OAAO,WAAW,eAAe,KAAK,IAAI;AAAA,IAC1C,QAAQ,WAAW,QAAQ,wBAAwB,QAAQ;AAAA,IAC3D;AAAA,IACA,aAAa,WAAW,IAAI,QAAQ;AAAA,EAAA;AAExC;AAGO,MAAM,mBAAmB,CAAC,mBAC/B,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,QAAQ;"}

package/dist/index99.cjs

@@ -1,10 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DEFAULT_LABELS = {
-  loading: "Loading chart...",
-  empty: "No data available.",
-  retry: "Retry",
-  noValue: "No data"
+const react = require("react");
+const reactLeaflet = require("react-leaflet");
+const useResizeObserver = require("./index6.cjs");
+const constants = require("./index64.cjs");
+const MapViewport = ({ bounds, fitBounds }) => {
+  const map = reactLeaflet.useMap();
+  const containerRef = react.useRef(null);
+  if (containerRef.current === null) containerRef.current = map.getContainer();
+  const { width, height } = useResizeObserver.useResizeObserver(containerRef);
+  react.useEffect(() => {
+    map.invalidateSize();
+  }, [map, width, height]);
+  react.useEffect(() => {
+    if (!fitBounds || bounds == null) return;
+    map.fitBounds(bounds, {
+      padding: [...constants.GEO_MAP.FIT_BOUNDS_PADDING],
+      // A single point makes `fitBounds` collapse to the maximum zoom level.
+      maxZoom: constants.GEO_MAP.SINGLE_POINT_ZOOM
+    });
+  }, [map, bounds, fitBounds]);
+  return null;
 };
-exports.DEFAULT_LABELS = DEFAULT_LABELS;
+MapViewport.displayName = "MapViewport";
+exports.MapViewport = MapViewport;
 //# sourceMappingURL=index99.cjs.map

package/dist/index99.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index99.cjs","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;;"}
+{"version":3,"file":"index99.cjs","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":["useMap","useRef","useResizeObserver","useEffect","GEO_MAP"],"mappings":";;;;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAMA,aAAAA,OAAA;AACZ,QAAM,eAAeC,MAAAA,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAWC,kBAAAA,kBAAkB,YAAY;AAExDC,QAAAA,UAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvBA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAGC,UAAAA,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAASA,UAAAA,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;;"}

package/dist/index99.js

@@ -1,10 +1,27 @@
-const DEFAULT_LABELS = {
-  loading: "Loading chart...",
-  empty: "No data available.",
-  retry: "Retry",
-  noValue: "No data"
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { useResizeObserver } from "./index6.js";
+import { GEO_MAP } from "./index64.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 {
-  DEFAULT_LABELS
+  MapViewport
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index99.js","sources":["../src/charts/GroupedBarChartCard/defaultLabels.ts"],"sourcesContent":["import type { GroupedBarChartLabels } from './GroupedBarChartCard.types';\n\n/** English defaults, matching the texts of the other chart cards. */\nexport const DEFAULT_LABELS: GroupedBarChartLabels = {\n  loading: 'Loading chart...',\n  empty: 'No data available.',\n  retry: 'Retry',\n  noValue: 'No data',\n};\n"],"names":[],"mappings":"AAGO,MAAM,iBAAwC;AAAA,EACnD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;"}
+{"version":3,"file":"index99.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/style.css

@@ -1636,6 +1636,51 @@
   border-bottom: var(--border-width) solid var(--border-color);
 }
 
+/* Viewport mode with nothing in view: said beside the map, never instead of it. */
+.krc-status-NTIdX {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  padding: var(--spacing-xs) var(--spacing-md);
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  background: var(--surface-alt);
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.krc-refreshing-THBtz {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+}
+
+.krc-refreshingDot-flOST {
+  flex: 0 0 auto;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: var(--radius-pill);
+  background: var(--accent-color);
+  animation: krc-refreshingPulse-B7zbU 0.9s ease-in-out infinite alternate;
+}
+
+@keyframes krc-refreshingPulse-B7zbU {
+  from {
+    opacity: 0.3;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .krc-refreshingDot-flOST {
+    animation: none;
+  }
+}
+
 /* An explicit height (not just a minimum) is what lets Leaflet resolve its own
    `height: 100%`; `flex: 1` then lets it take any extra space the card was given. */
 .krc-mapContainer-MKTII {

package/dist/types/geo.types.d.ts

@@ -42,4 +42,18 @@ export interface GeoLegendItem {
     label: string;
     color: string;
 }
+/** Visible area of a map, in WGS84 degrees. Longitudes within `[-180, 180]`. */
+export interface GeoViewportBounds {
+    west: number;
+    south: number;
+    east: number;
+    north: number;
+}
+/** What a map is showing: the area, the zoom level and the centre. */
+export interface GeoViewport {
+    bounds: GeoViewportBounds;
+    zoom: number;
+    /** `[latitude, longitude]`, like `GeoMapCard.center`. */
+    center: [number, number];
+}
 //# sourceMappingURL=geo.types.d.ts.map

package/dist/types/geo.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geo.types.d.ts","sourceRoot":"","sources":["../../src/types/geo.types.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,WAAW,QAAQ;IACvB,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,yDAAyD;AACzD,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,sEAAsE;AACtE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"geo.types.d.ts","sourceRoot":"","sources":["../../src/types/geo.types.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,WAAW,QAAQ;IACvB,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,yDAAyD;AACzD,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,sEAAsE;AACtE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,gFAAgF;AAChF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sEAAsE;AACtE,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1B"}

package/dist/types/index.d.ts

@@ -50,6 +50,6 @@ export interface TemporalTrendPoint {
     series: Record<string, number>;
 }
 export type { TimeRangeOption, ChartSeriesPoint, SankeyFlowRow as SankeyFlowRowV2, CounterTimeseriesPoint as CounterTimeseriesPointV2, DistinctCounterRow, ChartAnnotation as ChartAnnotationV2, ReferenceLine, EChartsInstance, ChartCategorySelection, SankeyColorMetric, SankeyWidthMetric, ChartSelectOption, ChartCardBaseProps, ScatterPoint, ScatterPointSelection, ScatterRenderInfo, GroupedBarPoint, GroupedBarSelection, } from './chart.types';
-export type { GeoPoint, GeoPointSelection, GeoRenderInfo, GeoBasemap, GeoTileLayer, GeoLegendItem, } from './geo.types';
+export type { GeoPoint, GeoPointSelection, GeoRenderInfo, GeoBasemap, GeoTileLayer, GeoLegendItem, GeoViewport, GeoViewportBounds, } from './geo.types';
 export type { NavItemConfig, SidebarSectionConfig } from './layout.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,gDAAgD;AAChD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,gCAAgC;AAChC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0DAA0D;AAC1D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0CAA0C;AAC1C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAGD,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,IAAI,eAAe,EAChC,sBAAsB,IAAI,wBAAwB,EAClD,kBAAkB,EAClB,eAAe,IAAI,iBAAiB,EACpC,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAGvB,YAAY,EACV,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,gDAAgD;AAChD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,gCAAgC;AAChC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0DAA0D;AAC1D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0CAA0C;AAC1C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAGD,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,IAAI,eAAe,EAChC,sBAAsB,IAAI,wBAAwB,EAClD,kBAAkB,EAClB,eAAe,IAAI,iBAAiB,EACpC,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAGvB,YAAY,EACV,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",