@12-apps/ui 6.90.0 → 6.92.0

package/dist/{chunk-K3IB7S7Q.js → chunk-F2ZUUEXC.js}

@@ -5,10 +5,11 @@ var EN_US_DAY_RULER_LABELS = {
   resized: (block, range) => `${block} now ${range}`,
   refused: "It cannot go further",
   notMovable: "This shift cannot be changed here",
-  loading: "Loading the day"
+  loading: "Loading the day",
+  footerMarked: "short of people"
 };
 
 export {
   EN_US_DAY_RULER_LABELS
 };
-//# sourceMappingURL=chunk-K3IB7S7Q.js.map
+//# sourceMappingURL=chunk-F2ZUUEXC.js.map

package/dist/{chunk-K3IB7S7Q.js.map → chunk-F2ZUUEXC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.en-US.ts"],"sourcesContent":["/** `DayRuler`'s en-US words, and the component's own fallback when `labels` is not given. */\nimport type { DayRulerLabels } from './DayRuler.labels';\n\nexport const EN_US_DAY_RULER_LABELS: DayRulerLabels = {\n  createTrack: (row) => `Schedule ${row}`,\n  moved: (block, range) => `${block} now ${range}`,\n  resized: (block, range) => `${block} now ${range}`,\n  refused: \"It cannot go further\",\n  notMovable: \"This shift cannot be changed here\",\n  loading: \"Loading the day\",\n};\n"],"mappings":";AAGO,IAAM,yBAAyC;AAAA,EACpD,aAAa,CAAC,QAAQ,YAAY,GAAG;AAAA,EACrC,OAAO,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,EAC9C,SAAS,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,EAChD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.en-US.ts"],"sourcesContent":["/** `DayRuler`'s en-US words, and the component's own fallback when `labels` is not given. */\nimport type { DayRulerLabels } from './DayRuler.labels';\n\nexport const EN_US_DAY_RULER_LABELS: DayRulerLabels = {\n  createTrack: (row) => `Schedule ${row}`,\n  moved: (block, range) => `${block} now ${range}`,\n  resized: (block, range) => `${block} now ${range}`,\n  refused: \"It cannot go further\",\n  notMovable: \"This shift cannot be changed here\",\n  loading: \"Loading the day\",\n  footerMarked: \"short of people\",\n};\n"],"mappings":";AAGO,IAAM,yBAAyC;AAAA,EACpD,aAAa,CAAC,QAAQ,YAAY,GAAG;AAAA,EACrC,OAAO,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,EAC9C,SAAS,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,EAChD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAChB;","names":[]}

package/dist/{chunk-2M3W6ACW.js → chunk-FAUNQ3FS.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavRail
-} from "./chunk-SNWCT6JN.js";
+} from "./chunk-AMIUZRDQ.js";
 import {
   SectionNavBar
-} from "./chunk-F7LBTMCA.js";
+} from "./chunk-P53ANKZV.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-2M3W6ACW.js.map
+//# sourceMappingURL=chunk-FAUNQ3FS.js.map

package/dist/{chunk-VIMMEADQ.js → chunk-FORAVDJF.js}

@@ -1,21 +1,21 @@
+import {
+  RangePresets
+} from "./chunk-LZNUBQ5I.js";
 import {
   NumberBoundInput
 } from "./chunk-2FKWKLSC.js";
 import {
-  DayRangeCalendar
-} from "./chunk-MICX23P4.js";
-import {
-  RangePresets
-} from "./chunk-LZNUBQ5I.js";
+  useOutsideResetKey
+} from "./chunk-YOPMXGHY.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
+import {
+  DayRangeCalendar
+} from "./chunk-MICX23P4.js";
 import {
   isRangeInverted
 } from "./chunk-GCZJH4XL.js";
-import {
-  useOutsideResetKey
-} from "./chunk-YOPMXGHY.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -161,4 +161,4 @@ function RangeBounds({
 export {
   RangeBounds
 };
-//# sourceMappingURL=chunk-VIMMEADQ.js.map
+//# sourceMappingURL=chunk-FORAVDJF.js.map

package/dist/{chunk-PJNIJIE6.js → chunk-FQNDJITD.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-QVDEGBME.js";
+} from "./chunk-PEAUGQKU.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -58,4 +58,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-PJNIJIE6.js.map
+//# sourceMappingURL=chunk-FQNDJITD.js.map

package/dist/chunk-FWAY2SAI.js

@@ -0,0 +1,72 @@
+import {
+  extent,
+  planeBounds,
+  projectRings,
+  projectionAt,
+  viewBoxFor
+} from "./chunk-COOSJKZL.js";
+
+// src/components/data-display/RegionMap/RegionMap.view.ts
+function unionBox(boxes) {
+  const real = boxes.filter((box) => box !== null);
+  const xs = extent(real.flatMap((b) => [b.minX, b.minX + b.spanX]));
+  const ys = extent(real.flatMap((b) => [b.minY, b.minY + b.spanY]));
+  if (xs === null || ys === null) return null;
+  return { minX: xs.min, minY: ys.min, spanX: xs.max - xs.min, spanY: ys.max - ys.min };
+}
+function boundsOfRings(rings) {
+  const points = rings.flat();
+  const lats = extent(points.map(([latitude]) => latitude));
+  const lngs = extent(points.map(([, longitude]) => longitude));
+  if (lats === null || lngs === null) return null;
+  return { south: lats.min, west: lngs.min, north: lats.max, east: lngs.max };
+}
+function reachBox(reach, projection) {
+  if ("radiusMetres" in reach) {
+    const r = reach.radiusMetres;
+    return Number.isFinite(r) && r > 0 ? { minX: -r, minY: -r, spanX: r * 2, spanY: r * 2 } : null;
+  }
+  const { south, west, north, east } = reach.bounds;
+  const a = projection.project([north, west]);
+  const b = projection.project([south, east]);
+  return unionBox([{ minX: a.x, minY: a.y, spanX: 0, spanY: 0 }, { minX: b.x, minY: b.y, spanX: 0, spanY: 0 }]);
+}
+function farthestEdge(box) {
+  return Math.max(Math.abs(box.minX), Math.abs(box.minX + box.spanX), Math.abs(box.minY), Math.abs(box.minY + box.spanY));
+}
+function viewWithin(outermostMetres, reach, areaBoxes) {
+  if (outermostMetres !== null) {
+    return viewBoxFor(Math.max(outermostMetres, reach === null ? 0 : farthestEdge(reach)), null);
+  }
+  return viewBoxFor(null, unionBox([...areaBoxes(), reach]));
+}
+function centreOf(regions) {
+  const bounds = boundsOfRings(regions.flatMap((r) => r.rings));
+  if (bounds === null) return null;
+  return { latitude: (bounds.south + bounds.north) / 2, longitude: (bounds.west + bounds.east) / 2 };
+}
+function regionMapView({
+  regions,
+  center,
+  circles = [],
+  reach
+}) {
+  const origin = center ?? centreOf(regions);
+  if (origin === null) return null;
+  const projection = projectionAt(origin);
+  return viewWithin(
+    extent(circles.map((c) => c.radiusMetres))?.max ?? null,
+    reach === void 0 ? null : reachBox(reach, projection),
+    () => regions.map((r) => planeBounds(projectRings(r.rings, projection)))
+  );
+}
+
+export {
+  unionBox,
+  boundsOfRings,
+  reachBox,
+  viewWithin,
+  centreOf,
+  regionMapView
+};
+//# sourceMappingURL=chunk-FWAY2SAI.js.map

package/dist/chunk-FWAY2SAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMap.view.ts"],"sourcesContent":["import {\n  extent,\n  planeBounds,\n  projectionAt,\n  projectRings,\n  viewBoxFor,\n  type PlaneBox,\n  type Projection,\n} from './RegionMap.helpers';\nimport type {\n  RegionMapBounds,\n  RegionMapCircle,\n  RegionMapReach,\n  RegionMapRegion,\n  RegionMapRing,\n} from './RegionMap.types';\n\n// What `RegionMap` shows: its view, given the circles, the areas and a host's\n// `reach` — pure, so a host laying HTML over the drawing computes the same one.\n\n/** The smallest box holding every given box, or null with none. */\nexport function unionBox(boxes: readonly (PlaneBox | null)[]): PlaneBox | null {\n  const real = boxes.filter((box): box is PlaneBox => box !== null);\n  const xs = extent(real.flatMap((b) => [b.minX, b.minX + b.spanX]));\n  const ys = extent(real.flatMap((b) => [b.minY, b.minY + b.spanY]));\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/** The latitude/longitude box around some outlines — a `reach` no radius describes. */\nexport function boundsOfRings(rings: readonly RegionMapRing[]): RegionMapBounds | null {\n  const points = rings.flat();\n  const lats = extent(points.map(([latitude]) => latitude));\n  const lngs = extent(points.map(([, longitude]) => longitude));\n  if (lats === null || lngs === null) return null;\n  return { south: lats.min, west: lngs.min, north: lats.max, east: lngs.max };\n}\n\n/** A `reach` as a box in projected metres (a radius is a square around the centre). */\nexport function reachBox(reach: RegionMapReach, projection: Projection): PlaneBox | null {\n  if ('radiusMetres' in reach) {\n    const r = reach.radiusMetres;\n    return Number.isFinite(r) && r > 0 ? { minX: -r, minY: -r, spanX: r * 2, spanY: r * 2 } : null;\n  }\n  const { south, west, north, east } = reach.bounds;\n  const a = projection.project([north, west]);\n  const b = projection.project([south, east]);\n  return unionBox([{ minX: a.x, minY: a.y, spanX: 0, spanY: 0 }, { minX: b.x, minY: b.y, spanX: 0, spanY: 0 }]);\n}\n\n/** How far the box reaches from the centre along either axis — the half-side of a centred square holding it. */\nfunction farthestEdge(box: PlaneBox): number {\n  return Math.max(Math.abs(box.minX), Math.abs(box.minX + box.spanX), Math.abs(box.minY), Math.abs(box.minY + box.spanY));\n}\n\n/**\n * The view, given what it must fit: the outermost circle and the `reach` with\n * the margin on top, still centred on the centre; else every area and the\n * reach together. Without a reach it is exactly `viewBoxFor`'s.\n */\nexport function viewWithin(\n  outermostMetres: number | null,\n  reach: PlaneBox | null,\n  areaBoxes: () => readonly (PlaneBox | null)[],\n): PlaneBox | null {\n  if (outermostMetres !== null) {\n    return viewBoxFor(Math.max(outermostMetres, reach === null ? 0 : farthestEdge(reach)), null);\n  }\n  return viewBoxFor(null, unionBox([...areaBoxes(), reach]));\n}\n\n/** The middle of every area, for a map with no centre of its own. */\nexport function centreOf(regions: readonly RegionMapRegion[]): { latitude: number; longitude: number } | null {\n  const bounds = boundsOfRings(regions.flatMap((r) => r.rings));\n  if (bounds === null) return null;\n  return { latitude: (bounds.south + bounds.north) / 2, longitude: (bounds.west + bounds.east) / 2 };\n}\n\n/**\n * The square `RegionMap` shows for these props, in projected metres around\n * `center` (or the areas' middle) — for a host that lays its own HTML over the\n * drawing at the same scale: a point `p` sits at\n * `(p.x - view.minX) / view.spanX` across. With circles the view is centred,\n * so its half-side is `view.spanX / 2`.\n */\nexport function regionMapView({\n  regions,\n  center,\n  circles = [],\n  reach,\n}: {\n  regions: readonly RegionMapRegion[];\n  center: { latitude: number; longitude: number } | null;\n  circles?: readonly RegionMapCircle[];\n  reach?: RegionMapReach;\n}): PlaneBox | null {\n  const origin = center ?? centreOf(regions);\n  if (origin === null) return null;\n  const projection = projectionAt(origin);\n  return viewWithin(\n    extent(circles.map((c) => c.radiusMetres))?.max ?? null,\n    reach === undefined ? null : reachBox(reach, projection),\n    () => regions.map((r) => planeBounds(projectRings(r.rings, projection))),\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-COKPPU42.js → chunk-FWTVIRZZ.js}

@@ -1,27 +1,27 @@
+import {
+  resolveLightboxProps
+} from "./chunk-UOS7DEQZ.js";
+import {
+  LightboxThumbnails
+} from "./chunk-64UNVW6D.js";
+import {
+  LightboxStage
+} from "./chunk-SYGM4SHY.js";
 import {
   LightboxOverlay
-} from "./chunk-T2G4LDU5.js";
+} from "./chunk-WLLUARTC.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-RBGUS7WO.js";
-import {
-  resolveLightboxProps
-} from "./chunk-UOS7DEQZ.js";
 import {
   useLightbox
 } from "./chunk-HZBDTPPV.js";
 import {
-  LightboxThumbnails
-} from "./chunk-BP3ZKIPE.js";
+  makeTestId
+} from "./chunk-VQU3CBAL.js";
 import {
   LightboxCopyProvider
 } from "./chunk-TEQYTEM2.js";
-import {
-  LightboxStage
-} from "./chunk-SYGM4SHY.js";
-import {
-  makeTestId
-} from "./chunk-VQU3CBAL.js";
 import {
   scrim
 } from "./chunk-XJAD6E3V.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-COKPPU42.js.map
+//# sourceMappingURL=chunk-FWTVIRZZ.js.map

package/dist/{chunk-GMRQPNG3.js → chunk-G2NVBCF7.js}

@@ -1,22 +1,19 @@
+import {
+  centreOf,
+  reachBox,
+  viewWithin
+} from "./chunk-FWAY2SAI.js";
 import {
   drawOrder,
   extent,
   geometryCache,
   hitRegion,
-  projectionAt,
-  viewBoxFor
+  projectionAt
 } 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;
@@ -24,14 +21,6 @@ function svgPoint(event) {
   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;
@@ -46,21 +35,27 @@ function tappedRegion(event, pointer, drawn, view) {
 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]
-  );
+  return React.useMemo(() => {
+    if (lat === null || lng === null) return { projection: null, geometryOf: null };
+    const projection = projectionAt({ latitude: lat, longitude: lng });
+    return { projection, geometryOf: geometryCache(projection) };
+  }, [lat, lng]);
 }
 function useRegionMap({
   regions,
   center,
   circles = [],
+  reach,
   onToggle
 }) {
-  const geometryOf = useGeometry(center ?? centreOf(regions));
+  const { projection, 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 view = projection === null || geometryOf === null ? null : viewWithin(
+    outermostMetres,
+    reach === void 0 ? null : reachBox(reach, projection),
+    () => regions.map((r) => geometryOf(r.rings).bounds)
+  );
   const drawn = geometryOf && view ? drawOrder(regions, geometryOf, view) : [];
   const pointerType = React.useRef("mouse");
   const onPointerDown = (event) => {
@@ -71,10 +66,10 @@ function useRegionMap({
     const hit = tappedRegion(event, pointerType.current, drawn, view);
     if (hit) onToggle(hit);
   };
-  return { view, drawn, radii, outermostMetres, onPointerDown, onClick };
+  return { view, projection, drawn, radii, outermostMetres, onPointerDown, onClick };
 }
 
 export {
   useRegionMap
 };
-//# sourceMappingURL=chunk-GMRQPNG3.js.map
+//# sourceMappingURL=chunk-G2NVBCF7.js.map

package/dist/chunk-G2NVBCF7.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  type DrawnRegion,\n  type PlaneBox,\n  type Projection,\n} from './RegionMap.helpers';\nimport type { RegionMapProps } from './RegionMap.types';\nimport { centreOf, reachBox, viewWithin } from './RegionMap.view';\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  /** The projection drawn with, or null when there is nothing to centre on. */\n  projection: Projection | 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 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/** 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 projection and geometry cache for a centre, or nulls without one. */\nfunction useGeometry(origin: { latitude: number; longitude: number } | null): {\n  projection: Projection | null;\n  geometryOf: ReturnType<typeof geometryCache> | null;\n} {\n  const lat = origin?.latitude ?? null;\n  const lng = origin?.longitude ?? null;\n  return React.useMemo(() => {\n    if (lat === null || lng === null) return { projection: null, geometryOf: null };\n    const projection = projectionAt({ latitude: lat, longitude: lng });\n    return { projection, geometryOf: geometryCache(projection) };\n  }, [lat, lng]);\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  reach,\n  onToggle,\n}: Pick<RegionMapProps, 'regions' | 'center' | 'circles' | 'reach' | 'onToggle'>): RegionMapModel {\n  const { projection, geometryOf } = useGeometry(center ?? centreOf(regions));\n  const radii = circles.map((c) => c.radiusMetres);\n  const outermostMetres = extent(radii)?.max ?? null;\n  const view =\n    projection === null || geometryOf === null\n      ? null\n      : viewWithin(outermostMetres, reach === undefined ? null : reachBox(reach, projection), () =>\n          regions.map((r) => geometryOf(r.rings).bounds),\n        );\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, projection, drawn, radii, outermostMetres, onPointerDown, onClick };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,WAAW;AA+BlB,IAAM,kBAAkB,IAAI;AAG5B,SAAS,SAAS,OAAyE;AACzF,QAAM,MAAM,MAAM;AAClB,QAAM,SAAS,OAAO,IAAI,iBAAiB,aAAa,IAAI,aAAa,IAAI;AAC7E,MAAI,CAAC,UAAU,OAAO,aAAa,YAAa,QAAO;AACvD,QAAM,QAAQ,IAAI,SAAS,MAAM,SAAS,MAAM,OAAO,EAAE,gBAAgB,OAAO,QAAQ,CAAC;AACzF,SAAO,EAAE,GAAG,MAAM,GAAG,GAAG,MAAM,EAAE;AAClC;AAGA,SAAS,aACP,OACA,SACA,OACA,MACe;AACf,QAAM,WAAY,MAAM,OAAmB,aAAa,gBAAgB;AACxE,MAAI,YAAY,WAAW,SAAU,QAAO;AAC5C,QAAM,QAAQ,SAAS,KAAK;AAC5B,MAAI,UAAU,KAAM,QAAO;AAC3B,SAAO;AAAA,IACL,MAAM,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,UAAU,EAAE,SAAS,EAAE;AAAA,IACrD;AAAA,IACA,KAAK,QAAQ;AAAA,EACf;AACF;AAGA,SAAS,YAAY,QAGnB;AACA,QAAM,MAAM,QAAQ,YAAY;AAChC,QAAM,MAAM,QAAQ,aAAa;AACjC,SAAO,MAAM,QAAQ,MAAM;AACzB,QAAI,QAAQ,QAAQ,QAAQ,KAAM,QAAO,EAAE,YAAY,MAAM,YAAY,KAAK;AAC9E,UAAM,aAAa,aAAa,EAAE,UAAU,KAAK,WAAW,IAAI,CAAC;AACjE,WAAO,EAAE,YAAY,YAAY,cAAc,UAAU,EAAE;AAAA,EAC7D,GAAG,CAAC,KAAK,GAAG,CAAC;AACf;AAaO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AACF,GAAkG;AAChG,QAAM,EAAE,YAAY,WAAW,IAAI,YAAY,UAAU,SAAS,OAAO,CAAC;AAC1E,QAAM,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,YAAY;AAC/C,QAAM,kBAAkB,OAAO,KAAK,GAAG,OAAO;AAC9C,QAAM,OACJ,eAAe,QAAQ,eAAe,OAClC,OACA;AAAA,IAAW;AAAA,IAAiB,UAAU,SAAY,OAAO,SAAS,OAAO,UAAU;AAAA,IAAG,MACpF,QAAQ,IAAI,CAAC,MAAM,WAAW,EAAE,KAAK,EAAE,MAAM;AAAA,EAC/C;AACN,QAAM,QAAQ,cAAc,OAAO,UAAU,SAAS,YAAY,IAAI,IAAI,CAAC;AAC3E,QAAM,cAAc,MAAM,OAAe,OAAO;AAEhD,QAAM,gBAAgB,CAAC,UAAmD;AACxE,gBAAY,UAAU,MAAM,eAAe;AAAA,EAC7C;AAEA,QAAM,UAAU,CAAC,UAAiD;AAChE,QAAI,CAAC,YAAY,SAAS,KAAM;AAChC,UAAM,MAAM,aAAa,OAAO,YAAY,SAAS,OAAO,IAAI;AAChE,QAAI,IAAK,UAAS,GAAG;AAAA,EACvB;AAEA,SAAO,EAAE,MAAM,YAAY,OAAO,OAAO,iBAAiB,eAAe,QAAQ;AACnF;","names":[]}

package/dist/{chunk-JHWEL4NX.js → chunk-HS662RLW.js}

@@ -2,7 +2,7 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-3HZKUN5J.js";
+} from "./chunk-MZAYIG2I.js";
 import {
   useStillAnchor
 } from "./chunk-7CUZTWKW.js";
@@ -222,4 +222,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-JHWEL4NX.js.map
+//# sourceMappingURL=chunk-HS662RLW.js.map

package/dist/{chunk-BZBLPXV7.js → chunk-IWSTMVCA.js}

@@ -1,7 +1,7 @@
 import {
   StandaloneContainer,
   useRowLayout
-} from "./chunk-QKOJ4637.js";
+} from "./chunk-E6K2UZGR.js";
 import {
   DiscloseSlot,
   DragSlot,
@@ -12,13 +12,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-DAHSKQBV.js";
+} from "./chunk-UMOHHWXY.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-EUR2ORTN.js";
+} from "./chunk-CSJ7WNXU.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-BZBLPXV7.js.map
+//# sourceMappingURL=chunk-IWSTMVCA.js.map

package/dist/{chunk-TZC6KIK2.js → chunk-JG733RMP.js}

@@ -1,13 +1,13 @@
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-SOHQPPYJ.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-TCWISGSS.js";
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-SOHQPPYJ.js";
 import {
   remPx
 } from "./chunk-YKCAJ2TN.js";
@@ -73,4 +73,4 @@ function marginPx(theme, margin) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-TZC6KIK2.js.map
+//# sourceMappingURL=chunk-JG733RMP.js.map

package/dist/{chunk-K3PMMW23.js → chunk-K6VEN5VN.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-PL2AB5HJ.js";
 import {
   useDataViewsLayout
 } from "./chunk-5CAWRMDX.js";
+import {
+  DataViewsScopeTabs
+} from "./chunk-PL2AB5HJ.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-K3PMMW23.js.map
+//# sourceMappingURL=chunk-K6VEN5VN.js.map

package/dist/{chunk-UKUGSU3Y.js → chunk-L4V7FZJI.js}

@@ -3,7 +3,7 @@ import {
   CONTROL_RESET,
   NOT_LIVE,
   SlotIcon
-} from "./chunk-24HHUCWB.js";
+} from "./chunk-LDCZPZPD.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -129,4 +129,4 @@ export {
   RAISED_LIFT_COMPACT,
   raisedLift
 };
-//# sourceMappingURL=chunk-UKUGSU3Y.js.map
+//# sourceMappingURL=chunk-L4V7FZJI.js.map

package/dist/{chunk-24HHUCWB.js → chunk-LDCZPZPD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PUFA7FQ7.js";
 import {
   Badge
-} from "./chunk-N5PVD4J5.js";
+} from "./chunk-6DO672AG.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -115,4 +115,4 @@ export {
   VISUALLY_HIDDEN,
   useMounted
 };
-//# sourceMappingURL=chunk-24HHUCWB.js.map
+//# sourceMappingURL=chunk-LDCZPZPD.js.map

package/dist/{chunk-ILJ3FXIC.js → chunk-MM3QESLI.js}

@@ -1,6 +1,6 @@
 import {
   CountedIcon
-} from "./chunk-24HHUCWB.js";
+} from "./chunk-LDCZPZPD.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -133,4 +133,4 @@ function RailCreateMenu({
 export {
   RailCreateMenu
 };
-//# sourceMappingURL=chunk-ILJ3FXIC.js.map
+//# sourceMappingURL=chunk-MM3QESLI.js.map

package/dist/{chunk-EEO7M5GU.js → chunk-MYTV353T.js}

@@ -1,12 +1,12 @@
 import {
   resolveMapCopy
 } from "./chunk-M5Y42AZ4.js";
-import {
-  bounceKeyframes
-} from "./chunk-4YYFZ6TE.js";
 import {
   MARKER_PIXELS_PER_DEGREE
 } from "./chunk-H2J2MTRE.js";
+import {
+  bounceKeyframes
+} from "./chunk-4YYFZ6TE.js";
 import {
   shadowInk
 } from "./chunk-XJAD6E3V.js";
@@ -85,4 +85,4 @@ export {
   MapMarkers,
   MapCoordinates
 };
-//# sourceMappingURL=chunk-EEO7M5GU.js.map
+//# sourceMappingURL=chunk-MYTV353T.js.map

package/dist/{chunk-3HZKUN5J.js → chunk-MZAYIG2I.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-VIMMEADQ.js";
+} from "./chunk-FORAVDJF.js";
 import {
   QuickRow
 } from "./chunk-AT6UKTH4.js";
@@ -228,4 +228,4 @@ export {
   MoreQuick,
   MoreGroup
 };
-//# sourceMappingURL=chunk-3HZKUN5J.js.map
+//# sourceMappingURL=chunk-MZAYIG2I.js.map

package/dist/{chunk-AKE6KVQG.js → chunk-NGXL4R54.js}

@@ -18,6 +18,7 @@ import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function RegionMapDrawing({
   model,
+  overlay,
   showCenter,
   highlightedIds,
   maxHeight,
@@ -65,6 +66,9 @@ function RegionMapDrawing({
               /* @__PURE__ */ jsx(Hatch, { id: hatchId, pitch: view.spanX / 70, theme }),
               /* @__PURE__ */ jsx(BaseAreas, { areas: base, testId, theme }),
               /* @__PURE__ */ jsx(ExcludedAreas, { drawn, hatchId, testId, theme }),
+              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(Highlights, { areas: highlighted, testId, theme }),
               showCenter && /* @__PURE__ */ jsx(
@@ -252,4 +256,4 @@ function AreaLabel({
 export {
   RegionMapDrawing
 };
-//# sourceMappingURL=chunk-AKE6KVQG.js.map
+//# sourceMappingURL=chunk-NGXL4R54.js.map

package/dist/chunk-NGXL4R54.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';\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  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({\n  model,\n  overlay,\n  showCenter,\n  highlightedIds,\n  maxHeight,\n  label,\n  tappable,\n  testId,\n  theme,\n}: RegionMapDrawingProps): React.JSX.Element {\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  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        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        <Circles radii={model.radii} theme={theme} />\n        <Highlights areas={highlighted} testId={testId} theme={theme} />\n        {showCenter && (\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    </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-RDCIST7P.js → chunk-OCT5VCLP.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-QVDEGBME.js";
+} from "./chunk-PEAUGQKU.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -160,4 +160,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-RDCIST7P.js.map
+//# sourceMappingURL=chunk-OCT5VCLP.js.map

package/dist/{chunk-G2PVUPE7.js → chunk-OJZLFFG4.js}

@@ -4,7 +4,8 @@ import {
 import {
   actualBarColor,
   blockToneStyles,
-  breakHatch
+  breakHatch,
+  signalInk
 } from "./chunk-4HK4FVMV.js";
 import {
   FIELD_BORDER_WIDTH
@@ -265,6 +266,39 @@ var skeletonNameSx = (theme) => ({
   borderRadius: rem(theme, DAY_RULER_METRICS.skeletonNameRadius),
   backgroundColor: theme.palette.action.hover
 });
+function footerInk(theme, marked, plain) {
+  return marked ? signalInk(theme, "warning", theme.palette.background.default) : plain;
+}
+function footerCellSx(marked) {
+  return (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: rem(theme, DAY_RULER_METRICS.coverage.font),
+    borderRadius: rem(theme, DAY_RULER_METRICS.coverage.radius),
+    color: footerInk(theme, marked, theme.palette.text.primary),
+    fontWeight: marked ? 500 : 400,
+    // The hairline is always there, transparent when unmarked, so a mark never shifts a count.
+    border: `1px solid ${marked ? theme.palette.warning.main : "transparent"}`,
+    minWidth: 0,
+    overflow: "hidden"
+  });
+}
+function footerNoteSx(marked) {
+  return (theme) => ({
+    fontSize: rem(theme, DAY_RULER_METRICS.meta),
+    color: footerInk(theme, marked, theme.palette.text.secondary),
+    fontWeight: marked ? 500 : 400,
+    ...marked ? { borderLeft: `${rem(theme, 3)} solid ${theme.palette.warning.main}`, paddingLeft: rem(theme, 6) } : {}
+  });
+}
+var trendSx = (theme) => ({
+  display: "block",
+  width: "100%",
+  height: rem(theme, DAY_RULER_METRICS.coverage.height + DAY_RULER_METRICS.coverage.height / 2),
+  color: theme.palette.primary.main,
+  overflow: "visible"
+});
 
 export {
   rootSx,
@@ -286,6 +320,10 @@ export {
   actualLabelSx,
   nowSx,
   skeletonTrackSx,
-  skeletonNameSx
+  skeletonNameSx,
+  footerInk,
+  footerCellSx,
+  footerNoteSx,
+  trendSx
 };
-//# sourceMappingURL=chunk-G2PVUPE7.js.map
+//# sourceMappingURL=chunk-OJZLFFG4.js.map