@12-apps/ui 6.84.0 → 6.85.0

package/dist/chunk-COOSJKZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMap.helpers.ts"],"sourcesContent":["import type { RegionMapPoint, RegionMapRegion, RegionMapRing } from './RegionMap.types';\n\n/**\n * The geometry behind `RegionMap`, kept pure so it is tested without a DOM.\n *\n * Coordinates are projected to METRES on a plane around the centre\n * (equirectangular): within the tens of kilometres a map like this spans, its\n * error is far below any outline's own. `y` grows SOUTH, as SVG's does.\n */\n\n/** Metres per degree of latitude on the mean sphere. */\nconst METRES_PER_DEGREE = 111_195;\n\n/** A projected point, metres east (`x`) and south (`y`) of the centre. */\nexport interface PlanePoint {\n  x: number;\n  y: number;\n}\n\n/** An SVG viewBox in projected metres. */\nexport interface PlaneBox {\n  /** West edge, metres east of the centre. */\n  minX: number;\n  /** North edge, metres south of the centre. */\n  minY: number;\n  /** East-west extent, metres. */\n  spanX: number;\n  /** North-south extent, metres. */\n  spanY: number;\n}\n\nexport interface Projection {\n  project: (point: RegionMapPoint) => PlanePoint;\n}\n\n/** The projection around a centre. */\nexport function projectionAt(center: { latitude: number; longitude: number }): Projection {\n  const kx = METRES_PER_DEGREE * Math.cos((center.latitude * Math.PI) / 180);\n  return {\n    project: ([latitude, longitude]) => ({\n      x: (longitude - center.longitude) * kx,\n      y: -(latitude - center.latitude) * METRES_PER_DEGREE,\n    }),\n  };\n}\n\n/** A ring as an SVG path segment, closed. */\nfunction ringPath(ring: readonly PlanePoint[]): string {\n  if (ring.length === 0) return '';\n  const [first, ...rest] = ring;\n  return `M${first!.x.toFixed(1)} ${first!.y.toFixed(1)}${rest.map((p) => `L${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join('')}Z`;\n}\n\n/** Every ring of an area as one path, to be filled with `fill-rule=\"evenodd\"`. */\nexport function regionPath(rings: readonly (readonly PlanePoint[])[]): string {\n  return rings.map(ringPath).join('');\n}\n\n/** The smallest and largest of some numbers, in one pass (no spread). */\nexport function extent(values: Iterable<number>): { min: number; max: number } | null {\n  let min = Infinity;\n  let max = -Infinity;\n  for (const value of values) {\n    if (value < min) min = value;\n    if (value > max) max = value;\n  }\n  return min === Infinity ? null : { min, max };\n}\n\n/** The box around projected rings. */\nexport function planeBounds(rings: readonly (readonly PlanePoint[])[]): PlaneBox | null {\n  const points = rings.flat();\n  const xs = extent(points.map((p) => p.x));\n  const ys = extent(points.map((p) => p.y));\n  if (xs === null || ys === null) return null;\n  return { minX: xs.min, minY: ys.min, spanX: xs.max - xs.min, spanY: ys.max - ys.min };\n}\n\n/**\n * The square the map shows: the largest circle with a margin, else every area,\n * else nothing. Square so the drawing keeps its proportions at every width.\n */\nexport function viewBoxFor(\n  largestRadius: number | null,\n  areaBounds: PlaneBox | null,\n  margin = 0.12,\n): PlaneBox | null {\n  if (largestRadius !== null && largestRadius > 0) {\n    const half = largestRadius * (1 + margin);\n    return { minX: -half, minY: -half, spanX: half * 2, spanY: half * 2 };\n  }\n  if (areaBounds === null) return null;\n  const side = Math.max(areaBounds.spanX, areaBounds.spanY) * (1 + margin) || 1;\n  const cx = areaBounds.minX + areaBounds.spanX / 2;\n  const cy = areaBounds.minY + areaBounds.spanY / 2;\n  return { minX: cx - side / 2, minY: cy - side / 2, spanX: side, spanY: side };\n}\n\n/** Do two boxes overlap? Used to skip areas wholly outside the view. */\nexport function boxesOverlap(a: PlaneBox, b: PlaneBox): boolean {\n  return (\n    a.minX <= b.minX + b.spanX &&\n    b.minX <= a.minX + a.spanX &&\n    a.minY <= b.minY + b.spanY &&\n    b.minY <= a.minY + a.spanY\n  );\n}\n\n/** How many of one ring's edges a ray from the point, eastward, crosses. */\nfunction ringCrossings(ring: readonly PlanePoint[], point: PlanePoint): number {\n  let crossings = 0;\n  for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {\n    const a = ring[i]!;\n    const b = ring[j]!;\n    if (a.y > point.y !== b.y > point.y && point.x < ((b.x - a.x) * (point.y - a.y)) / (b.y - a.y) + a.x) {\n      crossings += 1;\n    }\n  }\n  return crossings;\n}\n\n/** Is the point inside the rings, by the even-odd rule? */\nexport function ringsContain(rings: readonly (readonly PlanePoint[])[], point: PlanePoint): boolean {\n  return rings.reduce((sum, ring) => sum + ringCrossings(ring, point), 0) % 2 === 1;\n}\n\n/** The point's distance to one ring's nearest edge. */\nfunction ringDistance(ring: readonly PlanePoint[], point: PlanePoint): number {\n  let best = Infinity;\n  for (let i = 1; i <= ring.length; i++) {\n    const a = ring[i - 1]!;\n    const b = ring[i % ring.length]!;\n    const dx = b.x - a.x;\n    const dy = b.y - a.y;\n    const lengthSquared = dx * dx + dy * dy;\n    const t =\n      lengthSquared === 0\n        ? 0\n        : Math.max(0, Math.min(1, ((point.x - a.x) * dx + (point.y - a.y) * dy) / lengthSquared));\n    best = Math.min(best, Math.hypot(a.x + t * dx - point.x, a.y + t * dy - point.y));\n  }\n  return best;\n}\n\n/** The point's distance to the rings: 0 inside, else to the nearest edge. */\nexport function ringsDistance(rings: readonly (readonly PlanePoint[])[], point: PlanePoint): number {\n  if (ringsContain(rings, point)) return 0;\n  let best = Infinity;\n  for (const ring of rings) best = Math.min(best, ringDistance(ring, point));\n  return best;\n}\n\n/** An area projected once: what drawing it and hit-testing it read. */\nexport interface AreaGeometry {\n  rings: readonly (readonly PlanePoint[])[];\n  /** Null for an area with no points. */\n  bounds: PlaneBox | null;\n  /** Square metres of the largest ring — orders hits and draw order. */\n  area: number;\n  /** The SVG path, every ring, for `fill-rule=\"evenodd\"`. */\n  path: string;\n}\n\n/** A projected area, as the hit test reads it. */\nexport interface PlaneRegion {\n  id: string;\n  geometry: AreaGeometry;\n}\n\n/** Is the point within `margin` of the box? */\nfunction nearBox(box: PlaneBox, point: PlanePoint, margin: number): boolean {\n  return (\n    point.x >= box.minX - margin &&\n    point.x <= box.minX + box.spanX + margin &&\n    point.y >= box.minY - margin &&\n    point.y <= box.minY + box.spanY + margin\n  );\n}\n\n/**\n * Which area a tap at this point means: the SMALLEST area within `tolerance`\n * of it, the ones holding it included (distance 0).\n *\n * Smallest, because a fingertip is wider than a sliver: a tap that lands on a\n * big area a few pixels from a 10 m strip almost always meant the strip, and\n * the big one stays easy to hit everywhere else. An area in another's hole is\n * smaller than the one around it, so it wins too. Nothing within the\n * tolerance — empty map — is nothing: a tap there is not a guess. Areas whose\n * box is not near the point are skipped before any ray is cast.\n */\nexport function hitRegion(\n  regions: readonly PlaneRegion[],\n  point: PlanePoint,\n  tolerance: number,\n): string | null {\n  let best: { id: string; area: number; distance: number } | null = null;\n  for (const { id, geometry } of regions) {\n    const distance = reach(geometry, point, tolerance);\n    if (distance !== null && beats(geometry.area, distance, best)) {\n      best = { id, area: geometry.area, distance };\n    }\n  }\n  return best?.id ?? null;\n}\n\n/** The point's distance to the area, or null when it is beyond the tolerance. */\nfunction reach(geometry: AreaGeometry, point: PlanePoint, tolerance: number): number | null {\n  if (geometry.bounds === null || !nearBox(geometry.bounds, point, tolerance)) return null;\n  const distance = ringsDistance(geometry.rings, point);\n  return distance <= tolerance ? distance : null;\n}\n\n/** Smaller wins; between two the same size, the nearer. */\nfunction beats(area: number, distance: number, best: { area: number; distance: number } | null): boolean {\n  if (best === null || area < best.area) return true;\n  return area === best.area && distance < best.distance;\n}\n\n/** Signed area and centroid of one ring (shoelace). */\nfunction ringCentroid(ring: readonly PlanePoint[]): { area: number; x: number; y: number } {\n  let area = 0;\n  let cx = 0;\n  let cy = 0;\n  for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {\n    const a = ring[j]!;\n    const b = ring[i]!;\n    const cross = a.x * b.y - b.x * a.y;\n    area += cross;\n    cx += (a.x + b.x) * cross;\n    cy += (a.y + b.y) * cross;\n  }\n  area /= 2;\n  if (area === 0) return { area: 0, x: ring[0]?.x ?? 0, y: ring[0]?.y ?? 0 };\n  return { area, x: cx / (6 * area), y: cy / (6 * area) };\n}\n\n/**\n * The area's size in square metres, read from its LARGEST ring. Rough on\n * purpose — holes and second parts are ignored — because it only orders\n * things: which of two areas holding a tap is the smaller, and which is drawn\n * first so a small one is never painted over by its neighbour.\n */\nexport function planeArea(rings: readonly (readonly PlanePoint[])[]): number {\n  let largest = 0;\n  for (const ring of rings) largest = Math.max(largest, Math.abs(ringCentroid(ring).area));\n  return largest;\n}\n\n/**\n * Where an area's label goes: the centroid of its largest ring, pulled back\n * inside the view, as fractions of the view (0..1) — the label is HTML laid\n * over the drawing, so its type stays the theme's size at every width.\n */\nexport function labelPosition(\n  rings: readonly (readonly PlanePoint[])[],\n  view: PlaneBox,\n  inset = 0.04,\n): { fractionX: number; fractionY: number } {\n  const largest = rings\n    .map(ringCentroid)\n    .reduce((a, b) => (Math.abs(b.area) > Math.abs(a.area) ? b : a), { area: 0, x: 0, y: 0 });\n  const clamp = (value: number): number => Math.min(1 - inset, Math.max(inset, value));\n  return {\n    fractionX: clamp((largest.x - view.minX) / view.spanX),\n    fractionY: clamp((largest.y - view.minY) / view.spanY),\n  };\n}\n\n/** Every ring of an area, projected. */\nexport function projectRings(rings: readonly RegionMapRing[], projection: Projection): PlanePoint[][] {\n  return rings.map((ring) => ring.map(projection.project));\n}\n\n/** One area's geometry, projected and pathed. */\nexport function areaGeometry(rings: readonly RegionMapRing[], projection: Projection): AreaGeometry {\n  const plane = projectRings(rings, projection);\n  return { rings: plane, bounds: planeBounds(plane), area: planeArea(plane), path: regionPath(plane) };\n}\n\n/**\n * A cache of geometry per `rings` IDENTITY, for one projection. A host that\n * re-creates its region objects on every toggle (`{ ...area, excluded }`)\n * keeps the same `rings` arrays, so a tap re-projects nothing.\n */\nexport function geometryCache(projection: Projection): (rings: readonly RegionMapRing[]) => AreaGeometry {\n  const cache = new WeakMap<readonly RegionMapRing[], AreaGeometry>();\n  return (rings) => {\n    let geometry = cache.get(rings);\n    if (geometry === undefined) {\n      geometry = areaGeometry(rings, projection);\n      cache.set(rings, geometry);\n    }\n    return geometry;\n  };\n}\n\n/** An area as the drawing reads it. */\nexport type DrawnRegion = RegionMapRegion & { geometry: AreaGeometry };\n\n/** The areas worth drawing — any part in the view — largest first. */\nexport function drawOrder(\n  regions: readonly RegionMapRegion[],\n  geometryOf: (rings: readonly RegionMapRing[]) => AreaGeometry,\n  view: PlaneBox,\n): DrawnRegion[] {\n  return regions\n    .map((region) => ({ ...region, geometry: geometryOf(region.rings) }))\n    .filter(({ geometry }) => geometry.bounds !== null && boxesOverlap(geometry.bounds, view))\n    .sort((a, b) => b.geometry.area - a.geometry.area);\n}\n\n/**\n * A Google encoded polyline into `[latitude, longitude]` points, at 1e-5 — the\n * compact form an outline usually travels in. Product-free, so it lives here.\n */\nexport function decodePolyline(encoded: string, precision = 1e5): RegionMapPoint[] {\n  const points: RegionMapPoint[] = [];\n  let index = 0;\n  let lat = 0;\n  let lng = 0;\n  const next = (): number => {\n    let shift = 0;\n    let result = 0;\n    let byte: number;\n    do {\n      byte = encoded.charCodeAt(index++) - 63;\n      result |= (byte & 0x1f) << shift;\n      shift += 5;\n    } while (byte >= 0x20);\n    return result & 1 ? ~(result >> 1) : result >> 1;\n  };\n  while (index < encoded.length) {\n    lat += next();\n    lng += next();\n    points.push([lat / precision, lng / precision]);\n  }\n  return points;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-TPAMLIN7.js → chunk-CPZGFIFH.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-TPAMLIN7.js.map
+//# sourceMappingURL=chunk-CPZGFIFH.js.map

package/dist/{chunk-UIWVSZ6I.js → chunk-CSGBHYW6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-H2J2MTRE.js";
 import {
   EN_US_MAP_PREVIEW_COPY
-} from "./chunk-I5NTADBO.js";
+} from "./chunk-FEKWKWGK.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -46,4 +46,4 @@ export {
   resolveMapPreviewProps,
   glassStyles
 };
-//# sourceMappingURL=chunk-UIWVSZ6I.js.map
+//# sourceMappingURL=chunk-CSGBHYW6.js.map

package/dist/{chunk-JW7MN4DG.js → chunk-D34PZJH3.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-FLJ3RIRP.js";
+} from "./chunk-VEKTKCSB.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -268,4 +268,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-JW7MN4DG.js.map
+//# sourceMappingURL=chunk-D34PZJH3.js.map

package/dist/{chunk-WT7VZDTI.js → chunk-DDNUPFPE.js}

@@ -1,13 +1,13 @@
 import {
   fieldControlStyles,
   fieldTextFieldStyles
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -44,4 +44,4 @@ var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "gla
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-WT7VZDTI.js.map
+//# sourceMappingURL=chunk-DDNUPFPE.js.map

package/dist/{chunk-LZ5PGB7U.js → chunk-DYRZRY2T.js}

@@ -1,3 +1,7 @@
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-LYVTJLCF.js";
 import {
   SheetBody
 } from "./chunk-E5OBAS3U.js";
@@ -7,10 +11,6 @@ import {
 import {
   SheetOverlay
 } from "./chunk-NASLJO2R.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-LYVTJLCF.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -143,4 +143,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-LZ5PGB7U.js.map
+//# sourceMappingURL=chunk-DYRZRY2T.js.map

package/dist/{chunk-73BMQ3VC.js → chunk-ENJOBJPK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -297,4 +297,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-73BMQ3VC.js.map
+//# sourceMappingURL=chunk-ENJOBJPK.js.map

package/dist/{chunk-U36BXXQ7.js → chunk-EP3DRILI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-CO7GH3W7.js";
+} from "./chunk-YWXCLPCX.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-U36BXXQ7.js.map
+//# sourceMappingURL=chunk-EP3DRILI.js.map

package/dist/{chunk-W2JYXZC2.js → chunk-FCLON3MO.js}

@@ -10,7 +10,7 @@ import {
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-73BMQ3VC.js";
+} from "./chunk-ENJOBJPK.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-W2JYXZC2.js.map
+//# sourceMappingURL=chunk-FCLON3MO.js.map

package/dist/{chunk-I5NTADBO.js → chunk-FEKWKWGK.js}

@@ -1,11 +1,11 @@
-import {
-  EN_US_TABLE_FILTER_COPY
-} from "./chunk-AA2X5GOT.js";
 import {
   EN_US_CATEGORY_SELECT_COPY,
   EN_US_CONFIRM_ACTION_COPY,
   EN_US_SAVED_VIEWS_LABELS
 } from "./chunk-PZS7N74L.js";
+import {
+  EN_US_TABLE_FILTER_COPY
+} from "./chunk-AA2X5GOT.js";
 
 // src/en-US.data-display.ts
 var EN_US_LIGHTBOX_COPY = {
@@ -271,4 +271,4 @@ export {
   EN_US_DATA_STATE_COPY,
   EN_US_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-I5NTADBO.js.map
+//# sourceMappingURL=chunk-FEKWKWGK.js.map

package/dist/{chunk-33MMQHYU.js → chunk-FJ3UZ4RC.js}

@@ -1,6 +1,6 @@
 import {
   fieldTextFieldStyles
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -75,4 +75,4 @@ export {
   formatPtBrNumber,
   NumberBoundInput
 };
-//# sourceMappingURL=chunk-33MMQHYU.js.map
+//# sourceMappingURL=chunk-FJ3UZ4RC.js.map

package/dist/{chunk-LNIK7FJO.js → chunk-FORQEHRQ.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-XOXXG7Q5.js";
 import {
   fieldTextFieldStyles
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -329,4 +329,4 @@ TableFilter.RangeField = TableFilterRangeField;
 export {
   TableFilter
 };
-//# sourceMappingURL=chunk-LNIK7FJO.js.map
+//# sourceMappingURL=chunk-FORQEHRQ.js.map

package/dist/{chunk-N3W6FZOC.js → chunk-FQGPYP2M.js}

@@ -1,11 +1,11 @@
-import {
-  countries
-} from "./chunk-RQY5ONSF.js";
 import {
   detectCountryFromNumber,
   formatPhoneNumber,
   validatePhoneNumber
 } from "./chunk-5P6OV64V.js";
+import {
+  countries
+} from "./chunk-RQY5ONSF.js";
 
 // src/components/form/PhoneInput/PhoneInput.hooks.ts
 import { useEffect, useRef, useState } from "react";
@@ -105,4 +105,4 @@ var usePhoneHandlers = ({
 export {
   usePhoneInput
 };
-//# sourceMappingURL=chunk-N3W6FZOC.js.map
+//# sourceMappingURL=chunk-FQGPYP2M.js.map

package/dist/{chunk-MAHY7PK3.js → chunk-FQMLTCXT.js}

@@ -1,10 +1,10 @@
-import {
-  transitionFor
-} from "./chunk-N7GE6BGM.js";
 import {
   backdropSx,
   panelSx
 } from "./chunk-33XGVCAF.js";
+import {
+  transitionFor
+} from "./chunk-N7GE6BGM.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -83,4 +83,4 @@ export {
   Modal,
   ModalContent
 };
-//# sourceMappingURL=chunk-MAHY7PK3.js.map
+//# sourceMappingURL=chunk-FQMLTCXT.js.map

package/dist/{chunk-BDJIP4HG.js → chunk-FRUDRDJX.js}

@@ -5,16 +5,16 @@ import {
   PickerSheetHead,
   PickerSheetList,
   PickerSheetSearch
-} from "./chunk-TNDTEI6D.js";
+} from "./chunk-IDRVQVDL.js";
 import {
   bodySx,
   dialogPaperSx,
   footSx,
   sheetPaperSx
-} from "./chunk-DRJL3JHR.js";
+} from "./chunk-LZJHHMOF.js";
 import {
   METRICS
-} from "./chunk-AKBL7S7A.js";
+} from "./chunk-VPGDYI63.js";
 import {
   stackedOverlayZIndex
 } from "./chunk-MFU4Y25U.js";
@@ -125,4 +125,4 @@ function PickerSheet(props) {
 export {
   PickerSheet
 };
-//# sourceMappingURL=chunk-BDJIP4HG.js.map
+//# sourceMappingURL=chunk-FRUDRDJX.js.map

package/dist/{chunk-MO4FFK62.js → chunk-FXECKKPW.js}

@@ -6,7 +6,7 @@ import {
   inputRadiusStyles,
   outlinedStyles,
   pulseStyles
-} from "./chunk-4AJY7HMH.js";
+} from "./chunk-PD7MKJCM.js";
 import {
   INPUT_LOADING,
   SIZE_MAP,
@@ -17,7 +17,7 @@ import {
 } from "./chunk-TYJR4GOF.js";
 import {
   fieldControlStyles
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -140,4 +140,4 @@ function createInput(TextField) {
 export {
   createInput
 };
-//# sourceMappingURL=chunk-MO4FFK62.js.map
+//# sourceMappingURL=chunk-FXECKKPW.js.map

package/dist/{chunk-UWVVKUCG.js → chunk-FZEDQNUN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-PEMXXFXL.js";
+} from "./chunk-XQJPR57I.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-UWVVKUCG.js.map
+//# sourceMappingURL=chunk-FZEDQNUN.js.map

package/dist/{chunk-6LMYQJZP.js → chunk-GCBWZ3MX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-N3LW5ER5.js";
+} from "./chunk-NZBEE2PR.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-6LMYQJZP.js.map
+//# sourceMappingURL=chunk-GCBWZ3MX.js.map

package/dist/{chunk-YASSCBWN.js → chunk-GHP5JLL3.js}

@@ -3,7 +3,7 @@ import {
   triggerClearSx,
   triggerCountSx,
   triggerSx
-} from "./chunk-AKBL7S7A.js";
+} from "./chunk-VPGDYI63.js";
 import {
   CaretGlyph
 } from "./chunk-DMNZD3Q7.js";
@@ -93,4 +93,4 @@ function CategoryTrigger({
 export {
   CategoryTrigger
 };
-//# sourceMappingURL=chunk-YASSCBWN.js.map
+//# sourceMappingURL=chunk-GHP5JLL3.js.map

package/dist/{chunk-3S352ZSG.js → chunk-GLR5MSU3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-3S352ZSG.js.map
+//# sourceMappingURL=chunk-GLR5MSU3.js.map

package/dist/chunk-GMRQPNG3.js

@@ -0,0 +1,80 @@
+import {
+  drawOrder,
+  extent,
+  geometryCache,
+  hitRegion,
+  projectionAt,
+  viewBoxFor
+} from "./chunk-COOSJKZL.js";
+
+// src/components/data-display/RegionMap/RegionMap.hooks.ts
+import React from "react";
+var TOLERANCE_SHARE = 1 / 45;
+function centreOf(regions) {
+  const points = regions.flatMap((r) => r.rings.flat());
+  const lats = extent(points.map(([lat]) => lat));
+  const lngs = extent(points.map(([, lng]) => lng));
+  if (lats === null || lngs === null) return null;
+  return { latitude: (lats.min + lats.max) / 2, longitude: (lngs.min + lngs.max) / 2 };
+}
+function svgPoint(event) {
+  const svg = event.currentTarget;
+  const matrix = typeof svg.getScreenCTM === "function" ? svg.getScreenCTM() : null;
+  if (!matrix || typeof DOMPoint === "undefined") return null;
+  const point = new DOMPoint(event.clientX, event.clientY).matrixTransform(matrix.inverse());
+  return { x: point.x, y: point.y };
+}
+function viewOf(outermostMetres, drawable) {
+  if (outermostMetres !== null) return viewBoxFor(outermostMetres, null);
+  const boxes = drawable().filter((box) => box !== null);
+  const xs = extent(boxes.flatMap((b) => [b.minX, b.minX + b.spanX]));
+  const ys = extent(boxes.flatMap((b) => [b.minY, b.minY + b.spanY]));
+  if (xs === null || ys === null) return null;
+  return viewBoxFor(null, { minX: xs.min, minY: ys.min, spanX: xs.max - xs.min, spanY: ys.max - ys.min });
+}
+function tappedRegion(event, pointer, drawn, view) {
+  const targetId = event.target.getAttribute("data-region-id");
+  if (pointer === "mouse" && targetId) return targetId;
+  const point = svgPoint(event);
+  if (point === null) return targetId;
+  return hitRegion(
+    drawn.map((d) => ({ id: d.id, geometry: d.geometry })),
+    point,
+    view.spanX * TOLERANCE_SHARE
+  );
+}
+function useGeometry(origin) {
+  const lat = origin?.latitude ?? null;
+  const lng = origin?.longitude ?? null;
+  return React.useMemo(
+    () => lat === null || lng === null ? null : geometryCache(projectionAt({ latitude: lat, longitude: lng })),
+    [lat, lng]
+  );
+}
+function useRegionMap({
+  regions,
+  center,
+  circles = [],
+  onToggle
+}) {
+  const geometryOf = useGeometry(center ?? centreOf(regions));
+  const radii = circles.map((c) => c.radiusMetres);
+  const outermostMetres = extent(radii)?.max ?? null;
+  const view = geometryOf === null ? null : viewOf(outermostMetres, () => regions.map((r) => geometryOf(r.rings).bounds));
+  const drawn = geometryOf && view ? drawOrder(regions, geometryOf, view) : [];
+  const pointerType = React.useRef("mouse");
+  const onPointerDown = (event) => {
+    pointerType.current = event.pointerType || "mouse";
+  };
+  const onClick = (event) => {
+    if (!onToggle || view === null) return;
+    const hit = tappedRegion(event, pointerType.current, drawn, view);
+    if (hit) onToggle(hit);
+  };
+  return { view, drawn, radii, outermostMetres, onPointerDown, onClick };
+}
+
+export {
+  useRegionMap
+};
+//# sourceMappingURL=chunk-GMRQPNG3.js.map

package/dist/chunk-GMRQPNG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMap.hooks.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  drawOrder,\n  extent,\n  geometryCache,\n  hitRegion,\n  projectionAt,\n  viewBoxFor,\n  type DrawnRegion,\n  type PlaneBox,\n} from './RegionMap.helpers';\nimport type { RegionMapProps, RegionMapRegion } from './RegionMap.types';\n\n/** What the drawing needs, derived from the props. */\nexport interface RegionMapModel {\n  /** The square shown, or null when there is nothing to centre on. */\n  view: PlaneBox | null;\n  drawn: DrawnRegion[];\n  /** Radii drawn, in metres; empty without circles. */\n  radii: number[];\n  outermostMetres: number | null;\n  /** The tap handlers for the drawing's `<svg>`. */\n  onPointerDown: (event: React.PointerEvent<SVGSVGElement>) => void;\n  onClick: (event: React.MouseEvent<SVGSVGElement>) => void;\n}\n\n/** A tap reaches an area this close: a share of the view (~8 px on a phone). */\nconst TOLERANCE_SHARE = 1 / 45;\n\n/** The middle of every area, for a map with no centre of its own. */\nfunction centreOf(regions: readonly RegionMapRegion[]): { latitude: number; longitude: number } | null {\n  const points = regions.flatMap((r) => r.rings.flat());\n  const lats = extent(points.map(([lat]) => lat));\n  const lngs = extent(points.map(([, lng]) => lng));\n  if (lats === null || lngs === null) return null;\n  return { latitude: (lats.min + lats.max) / 2, longitude: (lngs.min + lngs.max) / 2 };\n}\n\n/** The click, in the drawing's own coordinates — or null where it cannot be read. */\nfunction svgPoint(event: React.MouseEvent<SVGSVGElement>): { x: number; y: number } | null {\n  const svg = event.currentTarget;\n  const matrix = typeof svg.getScreenCTM === 'function' ? svg.getScreenCTM() : null;\n  if (!matrix || typeof DOMPoint === 'undefined') return null;\n  const point = new DOMPoint(event.clientX, event.clientY).matrixTransform(matrix.inverse());\n  return { x: point.x, y: point.y };\n}\n\n/** The view: the outermost circle when there is one, else every area's box. */\nfunction viewOf(outermostMetres: number | null, drawable: () => (PlaneBox | null)[]): PlaneBox | null {\n  if (outermostMetres !== null) return viewBoxFor(outermostMetres, null);\n  const boxes = drawable().filter((box): box is PlaneBox => box !== null);\n  const xs = extent(boxes.flatMap((b) => [b.minX, b.minX + b.spanX]));\n  const ys = extent(boxes.flatMap((b) => [b.minY, b.minY + b.spanY]));\n  if (xs === null || ys === null) return null;\n  return viewBoxFor(null, { minX: xs.min, minY: ys.min, spanX: xs.max - xs.min, spanY: ys.max - ys.min });\n}\n\n/** Which area a click or tap means — see `useRegionMap`. */\nfunction tappedRegion(\n  event: React.MouseEvent<SVGSVGElement>,\n  pointer: string,\n  drawn: readonly DrawnRegion[],\n  view: PlaneBox,\n): string | null {\n  const targetId = (event.target as Element).getAttribute('data-region-id');\n  if (pointer === 'mouse' && targetId) return targetId;\n  const point = svgPoint(event);\n  if (point === null) return targetId;\n  return hitRegion(\n    drawn.map((d) => ({ id: d.id, geometry: d.geometry })),\n    point,\n    view.spanX * TOLERANCE_SHARE,\n  );\n}\n\n/** The geometry cache for a centre, or null without one. */\nfunction useGeometry(\n  origin: { latitude: number; longitude: number } | null,\n): ReturnType<typeof geometryCache> | null {\n  const lat = origin?.latitude ?? null;\n  const lng = origin?.longitude ?? null;\n  return React.useMemo(\n    () => (lat === null || lng === null ? null : geometryCache(projectionAt({ latitude: lat, longitude: lng }))),\n    [lat, lng],\n  );\n}\n\n/**\n * The projection, the view, the areas in draw order and the tap handlers.\n *\n * Geometry is projected once per `rings` identity and centre\n * (`geometryCache`), so a toggle — which changes `excluded`, not `rings` —\n * re-projects nothing.\n *\n * A MOUSE click on a path is that path's area: a pointer is precise. Any\n * other tap — a finger, a pen — goes to `hitRegion`: the smallest area within\n * a few pixels, so a sliver beside a big area is reachable from the map.\n */\nexport function useRegionMap({\n  regions,\n  center,\n  circles = [],\n  onToggle,\n}: Pick<RegionMapProps, 'regions' | 'center' | 'circles' | 'onToggle'>): RegionMapModel {\n  const geometryOf = useGeometry(center ?? centreOf(regions));\n  const radii = circles.map((c) => c.radiusMetres);\n  const outermostMetres = extent(radii)?.max ?? null;\n  const view =\n    geometryOf === null ? null : viewOf(outermostMetres, () => regions.map((r) => geometryOf(r.rings).bounds));\n  const drawn = geometryOf && view ? drawOrder(regions, geometryOf, view) : [];\n  const pointerType = React.useRef<string>('mouse');\n\n  const onPointerDown = (event: React.PointerEvent<SVGSVGElement>): void => {\n    pointerType.current = event.pointerType || 'mouse';\n  };\n\n  const onClick = (event: React.MouseEvent<SVGSVGElement>): void => {\n    if (!onToggle || view === null) return;\n    const hit = tappedRegion(event, pointerType.current, drawn, view);\n    if (hit) onToggle(hit);\n  };\n\n  return { view, drawn, radii, outermostMetres, onPointerDown, onClick };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ATJTGQYE.js → chunk-GOQOVKUZ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-GM7BG3SD.js";
+} from "./chunk-LLPPIO3K.js";
 import {
   CategorySelect
-} from "./chunk-I3OKAQ5L.js";
+} from "./chunk-L7HNQRFS.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-ATJTGQYE.js.map
+//# sourceMappingURL=chunk-GOQOVKUZ.js.map

package/dist/{chunk-REMODSVN.js → chunk-HDTFLW42.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XZTRZ3HO.js";
 import {
   muiThemeOptionsFrom
-} from "./chunk-LC6ND4ET.js";
+} from "./chunk-IBOFASAZ.js";
 import {
   createUiTheme
 } from "./chunk-2FBGDSGC.js";
@@ -22,4 +22,4 @@ UiProvider.displayName = "UiProvider";
 export {
   UiProvider
 };
-//# sourceMappingURL=chunk-REMODSVN.js.map
+//# sourceMappingURL=chunk-HDTFLW42.js.map

package/dist/{chunk-SFVHZAGE.js → chunk-HG2YLNGJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-QYCKZWBU.js";
 import {
   Box
-} from "./chunk-CO7GH3W7.js";
+} from "./chunk-YWXCLPCX.js";
 import {
   splitBoxProps
 } from "./chunk-7V6ZRQYW.js";
@@ -72,4 +72,4 @@ Screen.displayName = "Screen";
 export {
   Screen
 };
-//# sourceMappingURL=chunk-SFVHZAGE.js.map
+//# sourceMappingURL=chunk-HG2YLNGJ.js.map

package/dist/{chunk-OKDAHCYE.js → chunk-HJJR2WGL.js}

@@ -7,7 +7,7 @@ import {
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-KXTNTDRD.js";
+} from "./chunk-PPEHBI5O.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-G2FUZALJ.js";
@@ -137,4 +137,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-OKDAHCYE.js.map
+//# sourceMappingURL=chunk-HJJR2WGL.js.map

package/dist/{chunk-J34VGMA5.js → chunk-HNEZWVDR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-XOXXG7Q5.js";
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -88,4 +88,4 @@ function FilterTrigger({
 export {
   FilterTrigger
 };
-//# sourceMappingURL=chunk-J34VGMA5.js.map
+//# sourceMappingURL=chunk-HNEZWVDR.js.map

package/dist/{chunk-MGFTHOPG.js → chunk-HUXAIQC5.js}

@@ -3,7 +3,7 @@ import {
   defaultMessages,
   resolveDayRange,
   resolveQuickRanges
-} from "./chunk-I54LHHZS.js";
+} from "./chunk-5CP5Z3YU.js";
 import {
   toDayString,
   todayIn
@@ -69,4 +69,4 @@ function useDateRangePicker({
 export {
   useDateRangePicker
 };
-//# sourceMappingURL=chunk-MGFTHOPG.js.map
+//# sourceMappingURL=chunk-HUXAIQC5.js.map

package/dist/{chunk-OUI5IPS6.js → chunk-HWPQKHN2.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk-HZBDTPPV.js";
 import {
   LightboxThumbnails
-} from "./chunk-64UNVW6D.js";
+} from "./chunk-BP3ZKIPE.js";
 import {
   LightboxStage
 } from "./chunk-SYGM4SHY.js";
 import {
   LightboxOverlay
-} from "./chunk-WLLUARTC.js";
-import {
-  makeTestId
-} from "./chunk-VQU3CBAL.js";
+} from "./chunk-T2G4LDU5.js";
 import {
   LightboxCopyProvider
 } from "./chunk-TEQYTEM2.js";
+import {
+  makeTestId
+} from "./chunk-VQU3CBAL.js";
 import {
   scrim
 } from "./chunk-XJAD6E3V.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-OUI5IPS6.js.map
+//# sourceMappingURL=chunk-HWPQKHN2.js.map

package/dist/{chunk-PGVGCDPD.js → chunk-I7JUAHUO.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-ILNAPS44.js";
+} from "./chunk-XMWTVDQN.js";
 import {
   useDataViewsState
-} from "./chunk-GNDIVKWF.js";
+} from "./chunk-U3HGQHEO.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-PGVGCDPD.js.map
+//# sourceMappingURL=chunk-I7JUAHUO.js.map