@12-apps/ui 6.98.0 → 6.99.0

package/dist/_internal/components/index.js

@@ -377,7 +377,7 @@ import "../../chunk-GB2DQOZ7.js";
 import "../../chunk-JQRKXMSH.js";
 import {
   NotificationStatusNotice
-} from "../../chunk-YNZUYZ2O.js";
+} from "../../chunk-XR474YYX.js";
 import "../../chunk-55FFONIV.js";
 import {
   detectNotificationBrowser,
@@ -394,11 +394,11 @@ import "../../chunk-NPPO7G2B.js";
 import "../../chunk-TWAKMV5B.js";
 import {
   SequenceResolver
-} from "../../chunk-64LNNC54.js";
-import "../../chunk-74IH3ZGD.js";
-import "../../chunk-6D5AMANO.js";
-import "../../chunk-BQBEN44R.js";
-import "../../chunk-JO6D7YGN.js";
+} from "../../chunk-QLKUWDMQ.js";
+import "../../chunk-643YFWNK.js";
+import "../../chunk-XQAFSC66.js";
+import "../../chunk-3I7KE2N6.js";
+import "../../chunk-CWRQGA2T.js";
 import "../../chunk-2ORD2FMN.js";
 import "../../chunk-2SRWPNQ7.js";
 import "../../chunk-ALDS5ISD.js";
@@ -471,17 +471,17 @@ import "../../chunk-N7GE6BGM.js";
 import "../../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../../chunk-YLZXIR6B.js";
+} from "../../chunk-Z5V5E3JW.js";
 import "../../chunk-UOS7DEQZ.js";
 import "../../chunk-HZBDTPPV.js";
 import "../../chunk-WZERH7E3.js";
 import "../../chunk-64UNVW6D.js";
 import "../../chunk-SYGM4SHY.js";
 import "../../chunk-WLLUARTC.js";
-import "../../chunk-RBGUS7WO.js";
-import "../../chunk-IOCY5G43.js";
 import "../../chunk-W676GY42.js";
 import "../../chunk-VQU3CBAL.js";
+import "../../chunk-RBGUS7WO.js";
+import "../../chunk-IOCY5G43.js";
 import "../../chunk-TEQYTEM2.js";
 import "../../chunk-EJDOH7IN.js";
 import "../../chunk-6CUNJ4JF.js";
@@ -491,10 +491,10 @@ import {
 import "../../chunk-QOB473HS.js";
 import {
   Progress
-} from "../../chunk-L4FWEI2P.js";
+} from "../../chunk-3V3Z4EML.js";
+import "../../chunk-5JEOLUWJ.js";
 import "../../chunk-2L7GNARR.js";
 import "../../chunk-IFUWFCPJ.js";
-import "../../chunk-5JEOLUWJ.js";
 import "../../chunk-ITACE45O.js";
 import {
   Sheet
@@ -527,9 +527,9 @@ import "../../chunk-YCZGYYUX.js";
 import "../../chunk-RQWZYD6H.js";
 import {
   FleetMap
-} from "../../chunk-6RYSSNOO.js";
-import "../../chunk-FRQGZIYU.js";
-import "../../chunk-UC7DLGMP.js";
+} from "../../chunk-54DOLCJ3.js";
+import "../../chunk-6WAP7BJS.js";
+import "../../chunk-KVP5A3YK.js";
 import "../../chunk-A4B27HYU.js";
 import "../../chunk-BTQZ3EX3.js";
 import "../../chunk-ZCPSND5Y.js";
@@ -541,13 +541,13 @@ import {
 } from "../../chunk-XPMGFAJ3.js";
 import {
   MapPreview
-} from "../../chunk-ZW7Q3IRL.js";
-import "../../chunk-HCTHY66U.js";
+} from "../../chunk-FYJL432J.js";
+import "../../chunk-4Y3QLISA.js";
+import "../../chunk-KAGXV3ID.js";
 import "../../chunk-TDXEWGY2.js";
 import "../../chunk-MIUPTZS6.js";
-import "../../chunk-ZZ4MMUBY.js";
-import "../../chunk-4Y3QLISA.js";
 import "../../chunk-ZX4ORMBC.js";
+import "../../chunk-ZZ4MMUBY.js";
 import "../../chunk-QSRZOXQI.js";
 import "../../chunk-5NT2M2JI.js";
 import "../../chunk-H2J2MTRE.js";
@@ -556,24 +556,28 @@ import "../../chunk-LTSVYILY.js";
 import "../../chunk-EMSMJRP3.js";
 import "../../chunk-4YYFZ6TE.js";
 import "../../chunk-CB6DTWD5.js";
-import "../../chunk-DY2I6LMX.js";
+import "../../chunk-WGKLBVDZ.js";
 import {
   RegionMap
-} from "../../chunk-3CXRHRGE.js";
-import "../../chunk-G2NVBCF7.js";
+} from "../../chunk-AYDVNXGR.js";
+import "../../chunk-NWUMGE6T.js";
 import "../../chunk-BRZKOUEL.js";
 import "../../chunk-PBRCKHN3.js";
-import "../../chunk-E4MJA52O.js";
+import "../../chunk-3V5V44UP.js";
+import "../../chunk-J3AWGTJY.js";
+import {
+  latLngAt,
+  scaleMetres
+} from "../../chunk-DRYBA76G.js";
 import {
   boundsOfRings,
   regionMapView
-} from "../../chunk-FWAY2SAI.js";
+} from "../../chunk-KAZWBDIH.js";
 import {
   decodePolyline,
   hitRegion,
   projectionAt
-} from "../../chunk-COOSJKZL.js";
-import "../../chunk-J3AWGTJY.js";
+} from "../../chunk-MNJZPJ5S.js";
 import "../../chunk-PUFA7FQ7.js";
 import "../../chunk-ESOM4KVQ.js";
 import {
@@ -604,11 +608,11 @@ import {
 import "../../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../../chunk-RFMQBIE6.js";
+} from "../../chunk-HBHBRRSW.js";
+import "../../chunk-Z3USLQQT.js";
 import "../../chunk-NRIV2CQ2.js";
 import "../../chunk-ABF64CAQ.js";
 import "../../chunk-ZHV7TCAC.js";
-import "../../chunk-Z3USLQQT.js";
 import "../../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
@@ -633,13 +637,13 @@ import {
 } from "../../chunk-B4OZU7J4.js";
 import "../../chunk-RUIV5TVA.js";
 import "../../chunk-KEPLO2AB.js";
-import "../../chunk-Z64TMGYT.js";
-import "../../chunk-6FDLBWTE.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-GXYOBTOY.js";
+import "../../chunk-Z64TMGYT.js";
+import "../../chunk-6FDLBWTE.js";
 import "../../chunk-2GTORM5E.js";
 import {
   Chip
@@ -804,9 +808,9 @@ import {
   DataGrid
 } from "../../chunk-OA6T2ME3.js";
 import "../../chunk-5RYPVYWP.js";
+import "../../chunk-K6FW4YDA.js";
 import "../../chunk-EARWC6PD.js";
 import "../../chunk-LDROG4QI.js";
-import "../../chunk-K6FW4YDA.js";
 import "../../chunk-G3E66C6J.js";
 import "../../chunk-M6K6PCOS.js";
 import {
@@ -814,18 +818,18 @@ import {
 } from "../../chunk-EZBBLLEU.js";
 import {
   DayRuler
-} from "../../chunk-DKPELKGL.js";
-import "../../chunk-U4Z6GZDW.js";
-import "../../chunk-MPVH2GM5.js";
+} from "../../chunk-KV7LTOWC.js";
+import "../../chunk-HN36UVOE.js";
+import "../../chunk-RAQD5QCM.js";
 import "../../chunk-WSSD7H5E.js";
 import "../../chunk-F2ZUUEXC.js";
-import "../../chunk-KXDLLS62.js";
+import "../../chunk-REHGWN5M.js";
 import "../../chunk-ZHCZOPKE.js";
-import "../../chunk-G6TKWNF2.js";
-import "../../chunk-5AZEDQXX.js";
-import "../../chunk-273OLFJD.js";
+import "../../chunk-GZITNT7O.js";
 import "../../chunk-WG7CAT5D.js";
 import "../../chunk-L5CAHQIN.js";
+import "../../chunk-5AZEDQXX.js";
+import "../../chunk-273OLFJD.js";
 import "../../chunk-SJAOQGQI.js";
 import "../../chunk-35HMJQLO.js";
 import "../../chunk-YE44HUFF.js";
@@ -843,14 +847,15 @@ import {
 } from "../../chunk-LKTJ26ST.js";
 import "../../chunk-KLPTOVIX.js";
 import "../../chunk-MWFSIB6K.js";
-import "../../chunk-NUGT7LMR.js";
+import "../../chunk-AG4F6NVT.js";
 import {
   Alert
-} from "../../chunk-NQCTANF3.js";
-import "../../chunk-L5RS6QAT.js";
-import "../../chunk-QXUXO22M.js";
-import "../../chunk-7HZ36QDH.js";
+} from "../../chunk-Q5SCBQLY.js";
+import "../../chunk-UN5WU2OX.js";
+import "../../chunk-YBF2WUGQ.js";
 import "../../chunk-L7VH6IMR.js";
+import "../../chunk-QXUXO22M.js";
+import "../../chunk-LNZJJFZQ.js";
 import "../../chunk-2IBFEHIX.js";
 import {
   AlertDialog
@@ -868,9 +873,11 @@ import "../../chunk-3UIDKLML.js";
 import "../../chunk-PYC4CWCQ.js";
 import {
   Banner
-} from "../../chunk-Z4ZFJ565.js";
-import "../../chunk-QIP37Y2C.js";
-import "../../chunk-5ZY3IIIG.js";
+} from "../../chunk-SRAIV6U6.js";
+import "../../chunk-2RC6EAGD.js";
+import {
+  POINTER_STATES
+} from "../../chunk-TBQR5VCN.js";
 import "../../chunk-PGGGKYWG.js";
 import "../../chunk-YEKPQAOW.js";
 import "../../chunk-TB4UTV25.js";
@@ -885,17 +892,6 @@ import {
 import {
   Chart
 } from "../../chunk-HI7JPDD6.js";
-import "../../chunk-QADTI63U.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "../../chunk-RIRTW5EU.js";
-import "../../chunk-TZC6KIK2.js";
-import "../../chunk-TCWISGSS.js";
-import "../../chunk-SOHQPPYJ.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -907,10 +903,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../chunk-WKUA6P3W.js";
+import "../../chunk-QADTI63U.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "../../chunk-RIRTW5EU.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "../../chunk-6GPNZSAE.js";
+import "../../chunk-TZC6KIK2.js";
+import "../../chunk-TCWISGSS.js";
+import "../../chunk-SOHQPPYJ.js";
 import "../../chunk-6GP2DOOO.js";
 import {
   Heading
@@ -984,6 +991,7 @@ import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-MFU4Y25U.js";
 import "../../chunk-PZ5AY32C.js";
 export {
+  POINTER_STATES as ALERT_POINTER_STATES,
   Accordion,
   AccordionActions,
   AccordionDetails,
@@ -1187,6 +1195,7 @@ export {
   highlightOf,
   hitRegion,
   initialsOf,
+  latLngAt,
   mapCentre,
   markDashboardSlot,
   nextSelection,
@@ -1199,6 +1208,7 @@ export {
   resetPwaInstallStash,
   resolveDayRange,
   rosterOrder,
+  scaleMetres,
   sectionNavBarInset,
   specToChartProps,
   splitToFit,

package/dist/charts.js

@@ -5,17 +5,6 @@ import {
 import {
   Chart
 } from "./chunk-HI7JPDD6.js";
-import "./chunk-QADTI63U.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-RIRTW5EU.js";
-import "./chunk-TZC6KIK2.js";
-import "./chunk-TCWISGSS.js";
-import "./chunk-SOHQPPYJ.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -27,10 +16,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
+import "./chunk-QADTI63U.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-RIRTW5EU.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-6GPNZSAE.js";
+import "./chunk-TZC6KIK2.js";
+import "./chunk-TCWISGSS.js";
+import "./chunk-SOHQPPYJ.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-WYNGH2WL.js → chunk-255WTBZ5.js}

@@ -1,21 +1,21 @@
+import {
+  StandaloneContainer,
+  useRowLayout
+} from "./chunk-E6K2UZGR.js";
 import {
   DiscloseSlot,
   DragSlot,
   SelectSlot
 } from "./chunk-QO7UJXXO.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  StandaloneContainer,
-  useRowLayout
-} from "./chunk-E6K2UZGR.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
 } from "./chunk-UMOHHWXY.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   ListCardActions,
   ListCardCaption,
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-WYNGH2WL.js.map
+//# sourceMappingURL=chunk-255WTBZ5.js.map

package/dist/{chunk-QIP37Y2C.js → chunk-2RC6EAGD.js}

@@ -1,7 +1,7 @@
 import {
   ACTIVE,
   HOVER
-} from "./chunk-5ZY3IIIG.js";
+} from "./chunk-TBQR5VCN.js";
 import {
   modeInk
 } from "./chunk-XJAD6E3V.js";
@@ -140,4 +140,4 @@ export {
   bannerPointerStates,
   BANNER_TINT_S
 };
-//# sourceMappingURL=chunk-QIP37Y2C.js.map
+//# sourceMappingURL=chunk-2RC6EAGD.js.map

package/dist/{chunk-ZKVSFVIA.js → chunk-37MJZLQU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-Q5SCBQLY.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-ZKVSFVIA.js.map
+//# sourceMappingURL=chunk-37MJZLQU.js.map

package/dist/{chunk-BQBEN44R.js → chunk-3I7KE2N6.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-Q5SCBQLY.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -160,4 +160,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-BQBEN44R.js.map
+//# sourceMappingURL=chunk-3I7KE2N6.js.map

package/dist/{chunk-L4FWEI2P.js → chunk-3V3Z4EML.js}

@@ -1,3 +1,7 @@
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -6,10 +10,6 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-2L7GNARR.js";
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 import {
   rem,
   rems
@@ -246,4 +246,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-L4FWEI2P.js.map
+//# sourceMappingURL=chunk-3V3Z4EML.js.map

package/dist/{chunk-E4MJA52O.js → chunk-3V5V44UP.js}

@@ -1,10 +1,14 @@
-import {
-  labelPosition
-} from "./chunk-COOSJKZL.js";
 import {
   labelOrder,
   placeLabels
 } from "./chunk-J3AWGTJY.js";
+import {
+  PinOverlay,
+  PinShapes
+} from "./chunk-DRYBA76G.js";
+import {
+  labelPosition
+} from "./chunk-MNJZPJ5S.js";
 import {
   rem,
   remPx
@@ -16,23 +20,15 @@ import Typography from "@mui/material/Typography/index.js";
 import { alpha } from "@mui/material/styles/index.js";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function RegionMapDrawing({
-  model,
-  overlay,
-  showCenter,
-  highlightedIds,
-  maxHeight,
-  label,
-  tappable,
-  testId,
-  theme
-}) {
+function RegionMapDrawing(props) {
+  const { model, overlay, showCenter, moving, highlightedIds, maxHeight, label, tappable, testId, theme } = props;
   const hatchId = `${React.useId().replace(/:/g, "")}-hatch`;
   const { view, drawn } = model;
   const wanted = new Set(highlightedIds);
   const highlighted = drawn.filter((d) => wanted.has(d.id));
   const labelled = labelOrder(drawn.filter((d) => d.excluded || wanted.has(d.id)), wanted);
   const boxRef = React.useRef(null);
+  const svgRef = React.useRef(null);
   useLabelPlacement(boxRef, labelled.map((d) => d.id).join("|"), remPx(theme, 4));
   const base = drawn.map((d) => ({ id: d.id, name: d.name, geometry: d.geometry, outside: d.outside === true }));
   return /* @__PURE__ */ jsxs(
@@ -56,6 +52,7 @@ function RegionMapDrawing({
         /* @__PURE__ */ jsxs(
           "svg",
           {
+            ref: svgRef,
             viewBox: `${view.minX} ${view.minY} ${view.spanX} ${view.spanY}`,
             role: "img",
             "aria-label": label,
@@ -69,9 +66,9 @@ function RegionMapDrawing({
               overlay && model.projection && // `pointer-events` is inherited in SVG: nothing the host draws here
               // takes a tap from the areas beneath.
               /* @__PURE__ */ jsx("g", { pointerEvents: "none", "data-testid": `${testId}-overlay`, children: overlay({ view, projection: model.projection }) }),
-              /* @__PURE__ */ jsx(Circles, { radii: model.radii, theme }),
+              /* @__PURE__ */ jsx(PinShapes, { model, moving, testId, theme, fallback: /* @__PURE__ */ jsx(Circles, { radii: model.radii, theme }) }),
               /* @__PURE__ */ jsx(Highlights, { areas: highlighted, testId, theme }),
-              showCenter && /* @__PURE__ */ jsx(
+              showCenter && !moving?.pin && /* @__PURE__ */ jsx(
                 "circle",
                 {
                   cx: 0,
@@ -88,7 +85,8 @@ function RegionMapDrawing({
             ]
           }
         ),
-        labelled.map((d) => /* @__PURE__ */ jsx(AreaLabel, { area: d, view, testId, theme }, `l-${d.id}`))
+        labelled.map((d) => /* @__PURE__ */ jsx(AreaLabel, { area: d, view, testId, theme }, `l-${d.id}`)),
+        /* @__PURE__ */ jsx(PinOverlay, { model, moving, svgRef, testId, theme })
       ]
     }
   );
@@ -256,4 +254,4 @@ function AreaLabel({
 export {
   RegionMapDrawing
 };
-//# sourceMappingURL=chunk-E4MJA52O.js.map
+//# sourceMappingURL=chunk-3V5V44UP.js.map

package/dist/chunk-3V5V44UP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem, remPx } from '../../../tokens/relative';\n\nimport { labelPosition, type AreaGeometry, type DrawnRegion, type PlaneBox } from './RegionMap.helpers';\nimport type { RegionMapModel } from './RegionMap.hooks';\nimport { labelOrder, placeLabels } from './RegionMap.labels';\nimport type { RegionMapLayer } from './RegionMap.types';\nimport type { Moving } from './RegionMapPin';\nimport { PinOverlay, PinShapes } from './RegionMapPin';\n\nexport interface RegionMapDrawingProps {\n  model: RegionMapModel & { view: PlaneBox };\n  /** The host's layer, drawn inside the SVG under the circles (`RegionMapProps.overlay`). */\n  overlay?: (layer: RegionMapLayer) => React.ReactNode;\n  showCenter: boolean;\n  /** The movable centre and what is drawn with it (`RegionMapProps.pin`, `ghost`, `dots`). */\n  moving?: Moving;\n  highlightedIds: readonly string[];\n  maxHeight: string | undefined;\n  label: string;\n  tappable: boolean;\n  testId: string;\n  theme: Theme;\n}\n\n/**\n * The drawing: one `role=\"img\"`, square, with HTML labels laid over it.\n *\n * Strokes are `non-scaling-stroke` and labels are HTML at theme sizes, so the\n * picture reads the same at 320 px and 1600 px; `maxHeight` caps it on a wide\n * screen. Where it sits in a wider box is the host's call.\n *\n * The base areas are a memoised layer: a toggle changes `excluded`, not the\n * geometry, so only the hatch, highlight and label layers re-render.\n */\nexport function RegionMapDrawing(props: RegionMapDrawingProps): React.JSX.Element {\n  const { model, overlay, showCenter, moving, highlightedIds, maxHeight, label, tappable, testId, theme } = props;\n  const hatchId = `${React.useId().replace(/:/g, '')}-hatch`;\n  const { view, drawn } = model;\n  const wanted = new Set(highlightedIds);\n  const highlighted = drawn.filter((d) => wanted.has(d.id));\n  // Highlighted, then excluded, then larger, then by name: the order labels\n  // claim their place in, so a collision hides the less important one.\n  const labelled = labelOrder(drawn.filter((d) => d.excluded || wanted.has(d.id)), wanted);\n  const boxRef = React.useRef<HTMLDivElement>(null);\n  const svgRef = React.useRef<SVGSVGElement>(null);\n  useLabelPlacement(boxRef, labelled.map((d) => d.id).join('|'), remPx(theme, 4));\n  const base = drawn.map((d) => ({ id: d.id, name: d.name, geometry: d.geometry, outside: d.outside === true }));\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: '100%',\n        maxWidth: maxHeight,\n        maxHeight,\n        aspectRatio: '1 / 1',\n        border: 1,\n        borderColor: 'divider',\n        borderRadius: 1,\n        overflow: 'hidden',\n        bgcolor: 'background.paper',\n      }}\n      data-testid={`${testId}-canvas`}\n      ref={boxRef}\n    >\n      <svg\n        ref={svgRef}\n        viewBox={`${view.minX} ${view.minY} ${view.spanX} ${view.spanY}`}\n        role=\"img\"\n        aria-label={label}\n        onPointerDown={model.onPointerDown}\n        onClick={model.onClick}\n        style={{ display: 'block', width: '100%', height: '100%', cursor: tappable ? 'pointer' : 'default' }}\n      >\n        <Hatch id={hatchId} pitch={view.spanX / 70} theme={theme} />\n        <BaseAreas areas={base} testId={testId} theme={theme} />\n        <ExcludedAreas drawn={drawn} hatchId={hatchId} testId={testId} theme={theme} />\n        {overlay && model.projection && (\n          // `pointer-events` is inherited in SVG: nothing the host draws here\n          // takes a tap from the areas beneath.\n          <g pointerEvents=\"none\" data-testid={`${testId}-overlay`}>\n            {overlay({ view, projection: model.projection })}\n          </g>\n        )}\n        <PinShapes model={model} moving={moving} testId={testId} theme={theme} fallback={<Circles radii={model.radii} theme={theme} />} />\n        <Highlights areas={highlighted} testId={testId} theme={theme} />\n        {showCenter && !moving?.pin && (\n          <circle\n            cx={0}\n            cy={0}\n            r={view.spanX / 90}\n            fill={theme.palette.primary.main}\n            stroke={theme.palette.background.paper}\n            strokeWidth={2}\n            vectorEffect=\"non-scaling-stroke\"\n            pointerEvents=\"none\"\n            data-testid={`${testId}-center`}\n          />\n        )}\n      </svg>\n      {labelled.map((d) => (\n        <AreaLabel key={`l-${d.id}`} area={d} view={view} testId={testId} theme={theme} />\n      ))}\n      <PinOverlay model={model} moving={moving} svgRef={svgRef} testId={testId} theme={theme} />\n    </Box>\n  );\n}\n\n/** The highlighted areas, drawn over everything but the centre. */\nfunction Highlights({\n  areas,\n  testId,\n  theme,\n}: {\n  areas: readonly DrawnRegion[];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  return (\n    <>\n      {areas.map((d) => (\n        <path\n          key={`h-${d.id}`}\n          d={d.geometry.path}\n          fillRule=\"evenodd\"\n          vectorEffect=\"non-scaling-stroke\"\n          fill={alpha(theme.palette.primary.main, 0.3)}\n          stroke={theme.palette.primary.main}\n          strokeWidth={2.5}\n          pointerEvents=\"none\"\n          data-testid={`${testId}-highlight-${d.id}`}\n        />\n      ))}\n    </>\n  );\n}\n\n/** The hatch an excluded area is filled with: lines, not a colour. */\nfunction Hatch({ id, pitch, theme }: { id: string; pitch: number; theme: Theme }): React.JSX.Element {\n  return (\n    <defs>\n      <pattern id={id} width={pitch} height={pitch} patternUnits=\"userSpaceOnUse\" patternTransform=\"rotate(45)\">\n        <rect width={pitch} height={pitch} fill={alpha(theme.palette.text.primary, 0.1)} />\n        <rect width={pitch / 3} height={pitch} fill={theme.palette.text.secondary} />\n      </pattern>\n    </defs>\n  );\n}\n\ninterface BaseArea {\n  id: string;\n  name: string;\n  geometry: AreaGeometry;\n  outside: boolean;\n}\n\ninterface BaseAreasProps {\n  areas: readonly BaseArea[];\n  testId: string;\n  theme: Theme;\n}\n\n/** Same areas, same geometry objects, same look: nothing to re-render. */\nfunction sameBase(a: BaseAreasProps, b: BaseAreasProps): boolean {\n  if (a.theme !== b.theme || a.testId !== b.testId || a.areas.length !== b.areas.length) return false;\n  return a.areas.every((area, i) => {\n    const other = b.areas[i]!;\n    return (\n      area.id === other.id &&\n      area.geometry === other.geometry &&\n      area.outside === other.outside &&\n      area.name === other.name\n    );\n  });\n}\n\n/** Every area's fill and border — the tap targets. Memoised: see `sameBase`. */\nconst BaseAreas = React.memo(function BaseAreas({ areas, testId, theme }: BaseAreasProps): React.JSX.Element {\n  const { palette } = theme;\n  return (\n    <>\n      {areas.map((d) => (\n        <path\n          key={d.id}\n          d={d.geometry.path}\n          fillRule=\"evenodd\"\n          vectorEffect=\"non-scaling-stroke\"\n          fill={d.outside ? palette.background.paper : palette.action.hover}\n          stroke={palette.divider}\n          strokeWidth={1}\n          data-region-id={d.id}\n          data-testid={`${testId}-area-${d.id}`}\n        >\n          <title>{d.name}</title>\n        </path>\n      ))}\n    </>\n  );\n}, sameBase);\n\n/** The hatch over every excluded area. */\nfunction ExcludedAreas({\n  drawn,\n  hatchId,\n  testId,\n  theme,\n}: {\n  drawn: readonly DrawnRegion[];\n  hatchId: string;\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  return (\n    <>\n      {drawn\n        .filter((d) => d.excluded)\n        .map((d) => (\n          <path\n            key={`x-${d.id}`}\n            d={d.geometry.path}\n            fillRule=\"evenodd\"\n            vectorEffect=\"non-scaling-stroke\"\n            fill={`url(#${hatchId})`}\n            stroke={theme.palette.text.secondary}\n            strokeWidth={1.5}\n            pointerEvents=\"none\"\n            data-testid={`${testId}-excluded-${d.id}`}\n          />\n        ))}\n    </>\n  );\n}\n\n/** The dashed circles around the centre. */\nfunction Circles({ radii, theme }: { radii: readonly number[]; theme: Theme }): React.JSX.Element {\n  return (\n    <>\n      {radii.map((radius) => (\n        <circle\n          key={radius}\n          cx={0}\n          cy={0}\n          r={radius}\n          fill=\"none\"\n          stroke={theme.palette.info.main}\n          strokeWidth={1.75}\n          strokeDasharray=\"7 5\"\n          vectorEffect=\"non-scaling-stroke\"\n          pointerEvents=\"none\"\n        />\n      ))}\n    </>\n  );\n}\n\n/**\n * Places every label the drawing carries, in their DOM order (the priority\n * order), and hides one that would overlap a label already drawn\n * (`placeLabels`). Measured by a ResizeObserver, never in a layout effect: its\n * first call comes after the browser's own layout, so mounting a label on a\n * tap forces no synchronous reflow of the drawing.\n */\nfunction useLabelPlacement(boxRef: React.RefObject<HTMLDivElement | null>, key: string, gap: number): void {\n  React.useEffect(() => {\n    const box = boxRef.current;\n    if (!box || typeof ResizeObserver === 'undefined') return undefined;\n    const labels = Array.from(box.querySelectorAll<HTMLElement>('[data-region-label]'));\n    const place = (): void => {\n      const spanX = box.clientWidth;\n      const spanY = box.clientHeight;\n      if (spanX === 0 || spanY === 0) return;\n      const placed = placeLabels(\n        labels.map((label) => ({\n          fractionX: Number(label.dataset.fractionX),\n          fractionY: Number(label.dataset.fractionY),\n          spanX: label.offsetWidth,\n          spanY: label.offsetHeight,\n        })),\n        { spanX, spanY },\n        gap,\n      );\n      placed.forEach(({ x, y, visible }, index) => {\n        const label = labels[index]!;\n        label.style.left = `${(x / spanX) * 100}%`;\n        label.style.top = `${(y / spanY) * 100}%`;\n        label.style.visibility = visible ? 'visible' : 'hidden';\n        label.dataset.hidden = visible ? 'false' : 'true';\n      });\n    };\n    const observer = new ResizeObserver(place);\n    observer.observe(box);\n    for (const label of labels) observer.observe(label);\n    return () => observer.disconnect();\n  }, [boxRef, key, gap]);\n}\n\n/**\n * An area's name over the drawing, at the theme's type size whatever the\n * width. Placed — and hidden on a collision — by {@link useLabelPlacement}.\n * Decorative (`aria-hidden`): the area's name is its `<title>` and its row in\n * the list.\n */\nfunction AreaLabel({\n  area,\n  view,\n  testId,\n  theme,\n}: {\n  area: DrawnRegion;\n  view: PlaneBox;\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const at = labelPosition(area.geometry.rings, view);\n  const halo = `0 0 ${rem(theme, 3)} ${theme.palette.background.paper}`;\n  return (\n    <Typography\n      component=\"span\"\n      aria-hidden\n      data-testid={`${testId}-label-${area.id}`}\n      data-region-label=\"\"\n      data-fraction-x={at.fractionX}\n      data-fraction-y={at.fractionY}\n      // Position as an inline style, not `sx`: a per-label class would insert\n      // a new CSS rule (and a style recalculation) on every tap.\n      style={{\n        left: `${(at.fractionX * 100).toFixed(2)}%`,\n        top: `${(at.fractionY * 100).toFixed(2)}%`,\n      }}\n      sx={{\n        position: 'absolute',\n        transform: 'translate(-50%, -50%)',\n        fontSize: rem(theme, 12),\n        fontWeight: 700,\n        lineHeight: 1.1,\n        textAlign: 'center',\n        maxWidth: '45%',\n        color: 'text.primary',\n        pointerEvents: 'none',\n        textShadow: `${halo}, ${halo}`,\n      }}\n    >\n      {area.name}\n    </Typography>\n  );\n}\n"],"mappings":"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","names":["BaseAreas"]}

package/dist/{chunk-6RYSSNOO.js → chunk-54DOLCJ3.js}

@@ -1,6 +1,6 @@
 import {
   FleetBody
-} from "./chunk-FRQGZIYU.js";
+} from "./chunk-6WAP7BJS.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-6RYSSNOO.js.map
+//# sourceMappingURL=chunk-54DOLCJ3.js.map

package/dist/{chunk-74IH3ZGD.js → chunk-643YFWNK.js}

@@ -1,6 +1,6 @@
 import {
   SequenceHeader
-} from "./chunk-JO6D7YGN.js";
+} from "./chunk-CWRQGA2T.js";
 import {
   chromeSx,
   columnSx,
@@ -60,4 +60,4 @@ function ResolverFrame(props) {
 export {
   ResolverFrame
 };
-//# sourceMappingURL=chunk-74IH3ZGD.js.map
+//# sourceMappingURL=chunk-643YFWNK.js.map

package/dist/{chunk-FRQGZIYU.js → chunk-6WAP7BJS.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-UC7DLGMP.js";
+} from "./chunk-KVP5A3YK.js";
 import {
   FleetRoster
 } from "./chunk-A4B27HYU.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-FRQGZIYU.js.map
+//# sourceMappingURL=chunk-6WAP7BJS.js.map

package/dist/chunk-AG4F6NVT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AG4F6NVT.js.map

package/dist/chunk-AG4F6NVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-3CXRHRGE.js → chunk-AYDVNXGR.js}

@@ -1,6 +1,6 @@
 import {
   useRegionMap
-} from "./chunk-G2NVBCF7.js";
+} from "./chunk-NWUMGE6T.js";
 import {
   RegionMapList
 } from "./chunk-BRZKOUEL.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-PBRCKHN3.js";
 import {
   RegionMapDrawing
-} from "./chunk-E4MJA52O.js";
+} from "./chunk-3V5V44UP.js";
 
 // src/components/data-display/RegionMap/RegionMap.tsx
 import Box from "@mui/material/Box/index.js";
@@ -20,6 +20,9 @@ function RegionMap({
   regions,
   center,
   circles,
+  pin,
+  ghost,
+  dots,
   reach,
   overlay,
   onToggle,
@@ -43,6 +46,7 @@ function RegionMap({
           model: { ...model, view },
           overlay,
           showCenter: center !== null,
+          moving: center === null ? void 0 : { center, pin, ghost, dots, copy },
           highlightedIds,
           maxHeight,
           label: copy.mapLabel,
@@ -80,4 +84,4 @@ function RegionMap({
 export {
   RegionMap
 };
-//# sourceMappingURL=chunk-3CXRHRGE.js.map
+//# sourceMappingURL=chunk-AYDVNXGR.js.map

package/dist/chunk-AYDVNXGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMap.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { useRegionMap } from './RegionMap.hooks';\nimport type { RegionMapProps } from './RegionMap.types';\nimport { RegionMapDrawing } from './RegionMapDrawing';\nimport { RegionMapLegend } from './RegionMapLegend';\nimport { RegionMapList } from './RegionMapList';\n\n/** One empty list, so the default does not change identity per render. */\nconst NO_IDS: readonly string[] = [];\n\n/**\n * A hand-drawn map of named areas around a centre; a tap toggles an area.\n *\n * Drawn as inline SVG over a plain background — no tile server, no API key,\n * nothing fetched — because the question it answers is \"which of THESE areas\",\n * not \"what is the street called\". Four choices shape it:\n *\n * - **The list is the accessible way in.** The drawing is one `role=\"img\"`\n *   with a name; its areas are not tab stops (dozens of them, many too small to\n *   tap on a phone). Every area is also a toggle button in the list beneath,\n *   with `aria-pressed`, which is what a keyboard and a screen reader use —\n *   and what reaches a sliver no finger can.\n * - **Excluded is hatched AND named, never only coloured,** and never in the\n *   error colour: leaving an area out is a choice, not a failure.\n * - **The hit test is ours, not only the browser's.** A mouse click on a path\n *   is that path. A finger's tap takes the SMALLEST area within a few pixels'\n *   worth of metres (`hitRegion`), so a sliver beside a big area can be hit\n *   from the map; one too thin even for that is still on the list.\n * - **The host can draw inside it.** `reach` widens the view past the largest\n *   circle and `overlay` draws a layer in the SVG at the map's own projection,\n *   tap-transparent; `regionMapView` gives the same view to HTML laid over it.\n * - **A toggle is cheap.** Geometry is projected once per `rings` identity,\n *   and the base layer is memoised, so a tap re-renders the hatch and labels.\n */\nexport function RegionMap({\n  regions,\n  center,\n  circles,\n  pin,\n  ghost,\n  dots,\n  reach,\n  overlay,\n  onToggle,\n  highlightedIds = NO_IDS,\n  copy,\n  listMode = 'collapsed',\n  listSort = 'given',\n  maxHeight,\n  className,\n  dataTestId = 'region-map',\n}: RegionMapProps): React.JSX.Element | null {\n  const theme = useTheme();\n  const model = useRegionMap({ regions, center, circles, reach, onToggle });\n  const { view } = model;\n  if (view === null && regions.length === 0) return null;\n  return (\n    <Box className={className} data-testid={dataTestId}>\n      {view && (\n        <>\n          <RegionMapDrawing\n            model={{ ...model, view }}\n            overlay={overlay}\n            showCenter={center !== null}\n            moving={center === null ? undefined : { center, pin, ghost, dots, copy }}\n            highlightedIds={highlightedIds}\n            maxHeight={maxHeight}\n            label={copy.mapLabel}\n            tappable={onToggle !== undefined}\n            testId={dataTestId}\n            theme={theme}\n          />\n          <RegionMapLegend\n            copy={copy}\n            outermostMetres={model.outermostMetres}\n            showCenter={center !== null}\n            theme={theme}\n            testId={dataTestId}\n          />\n        </>\n      )}\n      {listMode !== 'none' && (\n        <RegionMapList\n          regions={regions}\n          copy={copy}\n          mode={listMode}\n          sort={listSort}\n          onToggle={onToggle}\n          testId={dataTestId}\n          theme={theme}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AA6DjB,mBACE,KADF;AAnDR,IAAM,SAA4B,CAAC;AA0B5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA6C;AAC3C,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,aAAa,EAAE,SAAS,QAAQ,SAAS,OAAO,SAAS,CAAC;AACxE,QAAM,EAAE,KAAK,IAAI;AACjB,MAAI,SAAS,QAAQ,QAAQ,WAAW,EAAG,QAAO;AAClD,SACE,qBAAC,OAAI,WAAsB,eAAa,YACrC;AAAA,YACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,GAAG,OAAO,KAAK;AAAA,UACxB;AAAA,UACA,YAAY,WAAW;AAAA,UACvB,QAAQ,WAAW,OAAO,SAAY,EAAE,QAAQ,KAAK,OAAO,MAAM,KAAK;AAAA,UACvE;AAAA,UACA;AAAA,UACA,OAAO,KAAK;AAAA,UACZ,UAAU,aAAa;AAAA,UACvB,QAAQ;AAAA,UACR;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,iBAAiB,MAAM;AAAA,UACvB,YAAY,WAAW;AAAA,UACvB;AAAA,UACA,QAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,IAED,aAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,QAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}