@ktnpm_devops/react-component 0.17.0 → 0.19.0

package/dist/index116.js

@@ -1,72 +1,42 @@
-const root = "krc-root-HS837";
-const gapNone = "krc-gapNone-MmCvp";
-const gapXs = "krc-gapXs-Jketq";
-const gapSm = "krc-gapSm-BFLhK";
-const gapMd = "krc-gapMd--7IRg";
-const gapLg = "krc-gapLg-ehuIZ";
-const gapXl = "krc-gapXl-kNEyc";
-const alignStart = "krc-alignStart-q6fMC";
-const alignCenter = "krc-alignCenter-Py2Kt";
-const alignEnd = "krc-alignEnd-ialGn";
-const alignStretch = "krc-alignStretch-J-rq4";
-const alignBaseline = "krc-alignBaseline-Hg-4L";
-const justifyStart = "krc-justifyStart-tBqbD";
-const justifyCenter = "krc-justifyCenter-6QDaO";
-const justifyEnd = "krc-justifyEnd-2tbcB";
-const justifyBetween = "krc-justifyBetween-5W1AJ";
-const justifyAround = "krc-justifyAround-AMU1m";
-const justifyEvenly = "krc-justifyEvenly-Vj3C-";
-const wrap = "krc-wrap-Q4txZ";
-const nowrap = "krc-nowrap-BUcfT";
-const dirRow = "krc-dirRow-NBoPO";
-const dirColumn = "krc-dirColumn-gJ7qS";
+const root = "krc-root-ij8wB";
+const header = "krc-header-poY0R";
+const headerText = "krc-headerText-ShzOl";
+const title = "krc-title-H3VpM";
+const subtitle = "krc-subtitle-n6tgG";
+const headerActions = "krc-headerActions-WY-hn";
+const toolbar = "krc-toolbar-lMVmb";
+const chartContainer = "krc-chartContainer-nlbUx";
+const loading = "krc-loading-xub77";
+const empty = "krc-empty-vJ4UM";
+const error = "krc-error-d-7n5";
+const retryButton = "krc-retryButton-LT8qy";
 const styles = {
   root,
-  gapNone,
-  gapXs,
-  gapSm,
-  gapMd,
-  gapLg,
-  gapXl,
-  alignStart,
-  alignCenter,
-  alignEnd,
-  alignStretch,
-  alignBaseline,
-  justifyStart,
-  justifyCenter,
-  justifyEnd,
-  justifyBetween,
-  justifyAround,
-  justifyEvenly,
-  wrap,
-  nowrap,
-  dirRow,
-  dirColumn
+  header,
+  headerText,
+  title,
+  subtitle,
+  headerActions,
+  toolbar,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton
 };
 export {
-  alignBaseline,
-  alignCenter,
-  alignEnd,
-  alignStart,
-  alignStretch,
+  chartContainer,
   styles as default,
-  dirColumn,
-  dirRow,
-  gapLg,
-  gapMd,
-  gapNone,
-  gapSm,
-  gapXl,
-  gapXs,
-  justifyAround,
-  justifyBetween,
-  justifyCenter,
-  justifyEnd,
-  justifyEvenly,
-  justifyStart,
-  nowrap,
+  empty,
+  error,
+  header,
+  headerActions,
+  headerText,
+  loading,
+  retryButton,
   root,
-  wrap
+  subtitle,
+  title,
+  toolbar
 };
 //# sourceMappingURL=index116.js.map

package/dist/index116.js.map

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

package/dist/index117.cjs

@@ -1,60 +1,38 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MAX_LATITUDE = 90;
+const MAX_LONGITUDE = 180;
+const hasUsableCoordinates = (point) => Number.isFinite(point.latitude) && Number.isFinite(point.longitude) && Math.abs(point.latitude) <= MAX_LATITUDE && Math.abs(point.longitude) <= MAX_LONGITUDE;
+const sample = (points, cap) => {
+  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
+  const step = (points.length - 1) / (cap - 1);
+  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
 };
-exports.active = active;
-exports.chevron = chevron;
-exports.clear = clear;
-exports.default = styles;
-exports.focused = focused;
-exports.label = label;
-exports.list = list;
-exports.noResults = noResults;
-exports.option = option;
-exports.optionCount = optionCount;
-exports.optionLabel = optionLabel;
-exports.panel = panel;
-exports.root = root;
-exports.search = search;
-exports.searchContainer = searchContainer;
-exports.selected = selected;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
-exports.value = value;
+const boundsOf = (points) => {
+  if (points.length === 0) return null;
+  const latitudes = points.map((p) => p.point.latitude);
+  const longitudes = points.map((p) => p.point.longitude);
+  return [
+    [Math.min(...latitudes), Math.min(...longitudes)],
+    [Math.max(...latitudes), Math.max(...longitudes)]
+  ];
+};
+const normalizePoints = (points, maxPoints) => {
+  const usable = [];
+  points.forEach((point, sourceIndex) => {
+    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });
+  });
+  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;
+  return {
+    drawn,
+    bounds: boundsOf(drawn),
+    info: {
+      total: points.length,
+      drawn: drawn.length,
+      skipped: points.length - usable.length,
+      dropped: usable.length - drawn.length
+    }
+  };
+};
+exports.normalizePoints = normalizePoints;
 //# sourceMappingURL=index117.cjs.map

package/dist/index117.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index117.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index117.cjs","sources":["../src/geo/GeoMapCard/normalizePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** A point that survived validation, paired with where it came from. */\nexport interface DrawnPoint {\n  point: GeoPoint;\n  /** Index in the original `points` array, not in the normalised one. */\n  sourceIndex: number;\n}\n\n/** South-west and north-east corners, in Leaflet's `[lat, lng]` order. */\nexport type GeoBounds = [[number, number], [number, number]];\n\nexport interface NormalizeResult {\n  drawn: DrawnPoint[];\n  bounds: GeoBounds | null;\n  info: GeoRenderInfo;\n}\n\nconst MAX_LATITUDE = 90;\nconst MAX_LONGITUDE = 180;\n\n/**\n * Garbage coordinates are the norm in network inventories, not the exception:\n * nulls, empty strings coerced to NaN and swapped lat/lng all show up.\n */\nconst hasUsableCoordinates = (point: GeoPoint): boolean =>\n  Number.isFinite(point.latitude) &&\n  Number.isFinite(point.longitude) &&\n  Math.abs(point.latitude) <= MAX_LATITUDE &&\n  Math.abs(point.longitude) <= MAX_LONGITUDE;\n\n/**\n * Evenly spread `cap` markers across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same map.\n */\nconst sample = (points: DrawnPoint[], cap: number): DrawnPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const step = (points.length - 1) / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\nconst boundsOf = (points: DrawnPoint[]): GeoBounds | null => {\n  if (points.length === 0) return null;\n\n  const latitudes = points.map((p) => p.point.latitude);\n  const longitudes = points.map((p) => p.point.longitude);\n\n  return [\n    [Math.min(...latitudes), Math.min(...longitudes)],\n    [Math.max(...latitudes), Math.max(...longitudes)],\n  ];\n};\n\n/**\n * Drop the unplottable points, cap the marker count, then report what happened.\n *\n * Coincident points are *not* folded the way the scatter chart folds them: on a\n * map two cells at the same site are two cells, and zooming already separates\n * them.\n *\n * The reported counts satisfy `total === drawn + skipped + dropped`.\n */\nexport const normalizePoints = (points: GeoPoint[], maxPoints: number): NormalizeResult => {\n  const usable: DrawnPoint[] = [];\n\n  points.forEach((point, sourceIndex) => {\n    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });\n  });\n\n  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;\n\n  return {\n    drawn,\n    bounds: boundsOf(drawn),\n    info: {\n      total: points.length,\n      drawn: drawn.length,\n      skipped: points.length - usable.length,\n      dropped: usable.length - drawn.length,\n    },\n  };\n};\n"],"names":[],"mappings":";;AAkBA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAMtB,MAAM,uBAAuB,CAAC,UAC5B,OAAO,SAAS,MAAM,QAAQ,KAC9B,OAAO,SAAS,MAAM,SAAS,KAC/B,KAAK,IAAI,MAAM,QAAQ,KAAK,gBAC5B,KAAK,IAAI,MAAM,SAAS,KAAK;AAM/B,MAAM,SAAS,CAAC,QAAsB,QAA8B;AAClE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,QAAQ,OAAO,SAAS,MAAM,MAAM;AAE1C,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAM,WAAW,CAAC,WAA2C;AAC3D,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,YAAY,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,QAAQ;AACpD,QAAM,aAAa,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,SAAS;AAEtD,SAAO;AAAA,IACL,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,IAChD,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,EAAA;AAEpD;AAWO,MAAM,kBAAkB,CAAC,QAAoB,cAAuC;AACzF,QAAM,SAAuB,CAAA;AAE7B,SAAO,QAAQ,CAAC,OAAO,gBAAgB;AACrC,QAAI,qBAAqB,KAAK,EAAG,QAAO,KAAK,EAAE,OAAO,aAAa;AAAA,EACrE,CAAC;AAED,QAAM,QAAQ,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEtE,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,SAAS,KAAK;AAAA,IACtB,MAAM;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAS,OAAO,SAAS,OAAO;AAAA,MAChC,SAAS,OAAO,SAAS,MAAM;AAAA,IAAA;AAAA,EACjC;AAEJ;;"}

package/dist/index117.js

@@ -1,60 +1,38 @@
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+const MAX_LATITUDE = 90;
+const MAX_LONGITUDE = 180;
+const hasUsableCoordinates = (point) => Number.isFinite(point.latitude) && Number.isFinite(point.longitude) && Math.abs(point.latitude) <= MAX_LATITUDE && Math.abs(point.longitude) <= MAX_LONGITUDE;
+const sample = (points, cap) => {
+  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
+  const step = (points.length - 1) / (cap - 1);
+  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
+};
+const boundsOf = (points) => {
+  if (points.length === 0) return null;
+  const latitudes = points.map((p) => p.point.latitude);
+  const longitudes = points.map((p) => p.point.longitude);
+  return [
+    [Math.min(...latitudes), Math.min(...longitudes)],
+    [Math.max(...latitudes), Math.max(...longitudes)]
+  ];
+};
+const normalizePoints = (points, maxPoints) => {
+  const usable = [];
+  points.forEach((point, sourceIndex) => {
+    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });
+  });
+  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;
+  return {
+    drawn,
+    bounds: boundsOf(drawn),
+    info: {
+      total: points.length,
+      drawn: drawn.length,
+      skipped: points.length - usable.length,
+      dropped: usable.length - drawn.length
+    }
+  };
 };
 export {
-  active,
-  chevron,
-  clear,
-  styles as default,
-  focused,
-  label,
-  list,
-  noResults,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
-  root,
-  search,
-  searchContainer,
-  selected,
-  trigger,
-  triggerContent,
-  value
+  normalizePoints
 };
 //# sourceMappingURL=index117.js.map

package/dist/index117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index117.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index117.js","sources":["../src/geo/GeoMapCard/normalizePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** A point that survived validation, paired with where it came from. */\nexport interface DrawnPoint {\n  point: GeoPoint;\n  /** Index in the original `points` array, not in the normalised one. */\n  sourceIndex: number;\n}\n\n/** South-west and north-east corners, in Leaflet's `[lat, lng]` order. */\nexport type GeoBounds = [[number, number], [number, number]];\n\nexport interface NormalizeResult {\n  drawn: DrawnPoint[];\n  bounds: GeoBounds | null;\n  info: GeoRenderInfo;\n}\n\nconst MAX_LATITUDE = 90;\nconst MAX_LONGITUDE = 180;\n\n/**\n * Garbage coordinates are the norm in network inventories, not the exception:\n * nulls, empty strings coerced to NaN and swapped lat/lng all show up.\n */\nconst hasUsableCoordinates = (point: GeoPoint): boolean =>\n  Number.isFinite(point.latitude) &&\n  Number.isFinite(point.longitude) &&\n  Math.abs(point.latitude) <= MAX_LATITUDE &&\n  Math.abs(point.longitude) <= MAX_LONGITUDE;\n\n/**\n * Evenly spread `cap` markers across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same map.\n */\nconst sample = (points: DrawnPoint[], cap: number): DrawnPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const step = (points.length - 1) / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\nconst boundsOf = (points: DrawnPoint[]): GeoBounds | null => {\n  if (points.length === 0) return null;\n\n  const latitudes = points.map((p) => p.point.latitude);\n  const longitudes = points.map((p) => p.point.longitude);\n\n  return [\n    [Math.min(...latitudes), Math.min(...longitudes)],\n    [Math.max(...latitudes), Math.max(...longitudes)],\n  ];\n};\n\n/**\n * Drop the unplottable points, cap the marker count, then report what happened.\n *\n * Coincident points are *not* folded the way the scatter chart folds them: on a\n * map two cells at the same site are two cells, and zooming already separates\n * them.\n *\n * The reported counts satisfy `total === drawn + skipped + dropped`.\n */\nexport const normalizePoints = (points: GeoPoint[], maxPoints: number): NormalizeResult => {\n  const usable: DrawnPoint[] = [];\n\n  points.forEach((point, sourceIndex) => {\n    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });\n  });\n\n  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;\n\n  return {\n    drawn,\n    bounds: boundsOf(drawn),\n    info: {\n      total: points.length,\n      drawn: drawn.length,\n      skipped: points.length - usable.length,\n      dropped: usable.length - drawn.length,\n    },\n  };\n};\n"],"names":[],"mappings":"AAkBA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAMtB,MAAM,uBAAuB,CAAC,UAC5B,OAAO,SAAS,MAAM,QAAQ,KAC9B,OAAO,SAAS,MAAM,SAAS,KAC/B,KAAK,IAAI,MAAM,QAAQ,KAAK,gBAC5B,KAAK,IAAI,MAAM,SAAS,KAAK;AAM/B,MAAM,SAAS,CAAC,QAAsB,QAA8B;AAClE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,QAAQ,OAAO,SAAS,MAAM,MAAM;AAE1C,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAM,WAAW,CAAC,WAA2C;AAC3D,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,YAAY,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,QAAQ;AACpD,QAAM,aAAa,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,SAAS;AAEtD,SAAO;AAAA,IACL,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,IAChD,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,EAAA;AAEpD;AAWO,MAAM,kBAAkB,CAAC,QAAoB,cAAuC;AACzF,QAAM,SAAuB,CAAA;AAE7B,SAAO,QAAQ,CAAC,OAAO,gBAAgB;AACrC,QAAI,qBAAqB,KAAK,EAAG,QAAO,KAAK,EAAE,OAAO,aAAa;AAAA,EACrE,CAAC;AAED,QAAM,QAAQ,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEtE,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,SAAS,KAAK;AAAA,IACtB,MAAM;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAS,OAAO,SAAS,OAAO;AAAA,MAChC,SAAS,OAAO,SAAS,MAAM;AAAA,IAAA;AAAA,EACjC;AAEJ;"}

package/dist/index118.cjs

@@ -1,18 +1,46 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
-const styles = {
-  root,
-  logo,
-  card,
-  footer
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index62.cjs");
+const tokens = require("./index3.cjs");
+const SELECTION_RING = {
+  light: tokens.orbitTokens.purple.base,
+  dark: "#FFFFFF"
 };
-exports.card = card;
-exports.default = styles;
-exports.footer = footer;
-exports.logo = logo;
-exports.root = root;
+const UNCATEGORISED_COLOR = tokens.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, constants.CHART_COLORS[i % constants.CHART_COLORS.length]]));
+};
+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 radiusFor = (weight, scale) => {
+  if (scale == null || weight == null || !Number.isFinite(weight)) return constants.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 = constants.GEO_MAP.MIN_MARKER_RADIUS ** 2;
+  const maxArea = constants.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 {
+    radius: selected ? radius + constants.GEO_MAP.SELECTED_RADIUS_BOOST : radius,
+    color: selected ? SELECTION_RING[theme] : fillColor,
+    weight: selected ? constants.GEO_MAP.SELECTED_STROKE_WIDTH : constants.GEO_MAP.MARKER_STROKE_WIDTH,
+    fillColor,
+    fillOpacity: selected ? 1 : constants.GEO_MAP.MARKER_FILL_OPACITY
+  };
+};
+const buildLegendItems = (categoryColors) => [...categoryColors].map(([label, color]) => ({ label, color }));
+exports.buildCategoryColors = buildCategoryColors;
+exports.buildLegendItems = buildLegendItems;
+exports.buildMarkerStyle = buildMarkerStyle;
+exports.buildWeightScale = buildWeightScale;
 //# sourceMappingURL=index118.cjs.map

package/dist/index118.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index118.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index118.cjs","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":["orbitTokens","CHART_COLORS","GEO_MAP"],"mappings":";;;;AAkCA,MAAM,iBAA4C;AAAA,EAChD,OAAOA,OAAAA,YAAY,OAAO;AAAA,EAC1B,MAAM;AACR;AAGA,MAAM,sBAAsBA,OAAAA,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,UAAUC,UAAAA,aAAa,IAAIA,UAAAA,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,QAAOC,UAAAA,QAAQ;AAEhF,QAAM,SAAS,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM;AACxD,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;AAC9C,QAAM,UAAUA,kBAAQ,qBAAqB;AAC7C,QAAM,UAAUA,kBAAQ,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,SAASA,UAAAA,QAAQ,wBAAwB;AAAA,IAC5D,OAAO,WAAW,eAAe,KAAK,IAAI;AAAA,IAC1C,QAAQ,WAAWA,UAAAA,QAAQ,wBAAwBA,UAAAA,QAAQ;AAAA,IAC3D;AAAA,IACA,aAAa,WAAW,IAAIA,kBAAQ;AAAA,EAAA;AAExC;AAGO,MAAM,mBAAmB,CAAC,mBAC/B,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,QAAQ;;;;;"}

package/dist/index118.js

@@ -1,18 +1,46 @@
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
-const styles = {
-  root,
-  logo,
-  card,
-  footer
+import { CHART_COLORS, GEO_MAP } from "./index62.js";
+import { orbitTokens } from "./index3.js";
+const SELECTION_RING = {
+  light: orbitTokens.purple.base,
+  dark: "#FFFFFF"
 };
+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 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 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 {
+    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 {
-  card,
-  styles as default,
-  footer,
-  logo,
-  root
+  buildCategoryColors,
+  buildLegendItems,
+  buildMarkerStyle,
+  buildWeightScale
 };
 //# sourceMappingURL=index118.js.map

package/dist/index118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index118.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index118.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/index119.cjs

@@ -1,24 +1,27 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const reactLeaflet = require("react-leaflet");
+const useResizeObserver = require("./index6.cjs");
+const constants = require("./index62.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.content = content;
-exports.default = styles;
-exports.filterBar = filterBar;
-exports.main = main;
-exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
+MapViewport.displayName = "MapViewport";
+exports.MapViewport = MapViewport;
 //# sourceMappingURL=index119.cjs.map

package/dist/index119.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index119.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.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/index119.js

@@ -1,24 +1,27 @@
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { useResizeObserver } from "./index6.js";
+import { GEO_MAP } from "./index62.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 {
-  content,
-  styles as default,
-  filterBar,
-  main,
-  root,
-  sidebar,
-  sidebarCollapsed
+  MapViewport
 };
 //# sourceMappingURL=index119.js.map

package/dist/index119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index119.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.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/index12.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const Avatar_module = require("./index113.cjs");
+const Avatar_module = require("./index75.cjs");
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index12.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index59.js";
-import styles from "./index113.js";
+import styles from "./index75.js";
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsx(