@12-apps/ui 6.84.0 → 6.86.0

package/dist/chunk-A63WU4UZ.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';\n\nexport interface RegionMapDrawingProps {\n  model: RegionMapModel & { view: PlaneBox };\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  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  const labelled = [...drawn.filter((d) => d.excluded), ...highlighted.filter((d) => !d.excluded)];\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    >\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        <Circles radii={model.radii} theme={theme} />\n        {highlighted.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        {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 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/** Where a label's centre may go along one axis so the whole label stays in view. */\nfunction clampCentre(wanted: number, half: number, span: number, gap: number): number {\n  if (span <= 2 * (half + gap)) return span / 2;\n  return Math.min(span - half - gap, Math.max(half + gap, wanted));\n}\n\n/**\n * An area's name over the drawing, at the theme's type size whatever the\n * width — and moved in by its own measured size, so it is never clipped at\n * the drawing's edge.\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 ref = React.useRef<HTMLSpanElement>(null);\n  const gap = remPx(theme, 4);\n  // Measured by a ResizeObserver, never in a layout effect: the observer's\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  React.useEffect(() => {\n    const label = ref.current;\n    const box = label?.parentElement;\n    if (!label || !box || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(() => {\n      const width = box.clientWidth;\n      const height = box.clientHeight;\n      if (width === 0 || height === 0) return;\n      const x = clampCentre(at.fractionX * width, label.offsetWidth / 2, width, gap);\n      const y = clampCentre(at.fractionY * height, label.offsetHeight / 2, height, gap);\n      label.style.left = `${(x / width) * 100}%`;\n      label.style.top = `${(y / height) * 100}%`;\n    });\n    observer.observe(box);\n    observer.observe(label);\n    return () => observer.disconnect();\n  }, [at.fractionX, at.fractionY, gap]);\n  const halo = `0 0 ${rem(theme, 3)} ${theme.palette.background.paper}`;\n  return (\n    <Typography\n      ref={ref}\n      component=\"span\"\n      aria-hidden\n      data-testid={`${testId}-label-${area.id}`}\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={{ left: `${(at.fractionX * 100).toFixed(2)}%`, top: `${(at.fractionY * 100).toFixed(2)}%` }}\n      sx={{\n        position: 'absolute',\n        transform: 'translate(-50%, -50%)',\n        fontSize: rem(theme, 11),\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-ABRUOINB.js

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

package/dist/chunk-ABRUOINB.js.map

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

package/dist/{chunk-UERGWYGY.js → chunk-ABRVOPC2.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-UERGWYGY.js.map
+//# sourceMappingURL=chunk-ABRVOPC2.js.map

package/dist/{chunk-M74YHHJE.js → chunk-ACBHZG3Z.js}

@@ -7,13 +7,13 @@ import {
 import {
   fieldHeight,
   fieldTextFieldStyles
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   rem,
   sxRem
@@ -154,4 +154,4 @@ export {
   InlineKeyword,
   CollapsedSearch
 };
-//# sourceMappingURL=chunk-M74YHHJE.js.map
+//# sourceMappingURL=chunk-ACBHZG3Z.js.map

package/dist/chunk-ACFKPE2T.js

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

package/dist/chunk-ACFKPE2T.js.map

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

package/dist/{chunk-GPTNZ57P.js → chunk-ARMKSYEQ.js}

@@ -1,9 +1,9 @@
 import {
   FleetCanvas
-} from "./chunk-4PUCT3RX.js";
+} from "./chunk-IEAPXS57.js";
 import {
   FleetRoster
-} from "./chunk-WPFVQVQC.js";
+} from "./chunk-7VUXSNVZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-GPTNZ57P.js.map
+//# sourceMappingURL=chunk-ARMKSYEQ.js.map

package/dist/{chunk-MHFXJRLD.js → chunk-AT6UKTH4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldEdge
 } from "./chunk-7ZADLRLP.js";
@@ -126,4 +126,4 @@ export {
   QuickChip,
   QuickRow
 };
-//# sourceMappingURL=chunk-MHFXJRLD.js.map
+//# sourceMappingURL=chunk-AT6UKTH4.js.map

package/dist/{chunk-O4G7QKDU.js → chunk-AWUFS2ZC.js}

@@ -1,24 +1,24 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-W2JYXZC2.js";
+} from "./chunk-FCLON3MO.js";
 import {
   DataViewsExportMenu
-} from "./chunk-45AON4CS.js";
+} from "./chunk-VYQZ5U3N.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
 import {
   renderBulkActions
-} from "./chunk-XE7QBHXN.js";
+} from "./chunk-WTOA52EQ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-J34VGMA5.js";
 import {
   ContentToolbar
 } from "./chunk-SFLNHCA2.js";
+import {
+  FilterTrigger
+} from "./chunk-HNEZWVDR.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-O4G7QKDU.js.map
+//# sourceMappingURL=chunk-AWUFS2ZC.js.map

package/dist/{chunk-66QQ7YQN.js → chunk-AYJGRQT4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   ToggleGroup
-} from "./chunk-TR7ZA67L.js";
+} from "./chunk-U2QV4TTZ.js";
 import {
   FormControl,
   FormLabel,
@@ -25,6 +25,7 @@ function ToggleField({ name, options, label }) {
         options,
         value: values[name] ?? "",
         fullWidth: true,
+        "aria-label": label,
         dataTestId: testId,
         onChange: (_event, next) => {
           if (typeof next === "string") setFieldValue(name, next);
@@ -38,4 +39,4 @@ function ToggleField({ name, options, label }) {
 export {
   ToggleField
 };
-//# sourceMappingURL=chunk-66QQ7YQN.js.map
+//# sourceMappingURL=chunk-AYJGRQT4.js.map

package/dist/{chunk-66QQ7YQN.js.map → chunk-AYJGRQT4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/form/total-form/Fields/ToggleField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { ToggleGroup } from '../../ToggleGroup';\nimport type { ToggleOption } from '../../ToggleGroup';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link ToggleField}. */\nexport interface ToggleFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** The mutually-exclusive options (one is always selected). */\n  options: ToggleOption[];\n  /** Optional visible label rendered above the toggle. */\n  label?: string;\n}\n\n/**\n * Exclusive toggle (segmented control) bound to {@link useFormContext} — a\n * label-height-matched alternative to {@link SelectField} for a short, always-set\n * enum. Composes the `Form*` primitives and the `ToggleGroup` control, reading\n * its value from context and writing the chosen value back through it. Ignores a\n * deselect (clicking the active segment) so a value is always kept.\n *\n * Renders its error via `total-form-field-<name>-message` and the toggle via\n * `total-form-field-<name>` (each segment at `total-form-field-<name>-item-<value>`).\n */\nexport function ToggleField({ name, options, label }: ToggleFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <ToggleGroup\n        variant=\"exclusive\"\n        options={options}\n        value={values[name] ?? ''}\n        fullWidth\n        dataTestId={testId}\n        onChange={(_event, next) => {\n          if (typeof next === 'string') setFieldValue(name, next);\n        }}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmCI,SAEI,KAFJ;AANG,SAAS,YAAY,EAAE,MAAM,SAAS,MAAM,GAAyC;AAC1F,QAAM,EAAE,QAAQ,QAAQ,cAAc,IAAI,eAAe;AACzD,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,SAAS,oBAAoB,IAAI;AAEvC,SACE,qBAAC,eAAY,WAAS,MACnB;AAAA,aACC,oBAAC,aAAU,SAAS,MAAM,OAAO,QAAQ,KAAK,GAC3C,iBACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,OAAO,OAAO,IAAI,KAAK;AAAA,QACvB,WAAS;AAAA,QACT,YAAY;AAAA,QACZ,UAAU,CAAC,QAAQ,SAAS;AAC1B,cAAI,OAAO,SAAS,SAAU,eAAc,MAAM,IAAI;AAAA,QACxD;AAAA;AAAA,IACF;AAAA,IACC,SACC,oBAAC,eAAY,OAAK,MAAC,YAAY,GAAG,MAAM,YACrC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/form/total-form/Fields/ToggleField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { ToggleGroup } from '../../ToggleGroup';\nimport type { ToggleOption } from '../../ToggleGroup';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link ToggleField}. */\nexport interface ToggleFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** The mutually-exclusive options (one is always selected). */\n  options: ToggleOption[];\n  /** Optional visible label rendered above the toggle. */\n  label?: string;\n}\n\n/**\n * Exclusive toggle (segmented control) bound to {@link useFormContext} — a\n * label-height-matched alternative to {@link SelectField} for a short, always-set\n * enum. Composes the `Form*` primitives and the `ToggleGroup` control, reading\n * its value from context and writing the chosen value back through it. Ignores a\n * deselect (clicking the active segment) so a value is always kept.\n *\n * Renders its error via `total-form-field-<name>-message` and the toggle via\n * `total-form-field-<name>` (each segment at `total-form-field-<name>-item-<value>`).\n */\nexport function ToggleField({ name, options, label }: ToggleFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <ToggleGroup\n        variant=\"exclusive\"\n        options={options}\n        value={values[name] ?? ''}\n        fullWidth\n        // A `role=\"group\"` div is not labelable, so the `<label htmlFor>`\n        // above names nothing; the group carries the question itself (FUT-4157).\n        aria-label={label}\n        dataTestId={testId}\n        onChange={(_event, next) => {\n          if (typeof next === 'string') setFieldValue(name, next);\n        }}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmCI,SAEI,KAFJ;AANG,SAAS,YAAY,EAAE,MAAM,SAAS,MAAM,GAAyC;AAC1F,QAAM,EAAE,QAAQ,QAAQ,cAAc,IAAI,eAAe;AACzD,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,SAAS,oBAAoB,IAAI;AAEvC,SACE,qBAAC,eAAY,WAAS,MACnB;AAAA,aACC,oBAAC,aAAU,SAAS,MAAM,OAAO,QAAQ,KAAK,GAC3C,iBACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,OAAO,OAAO,IAAI,KAAK;AAAA,QACvB,WAAS;AAAA,QAGT,cAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU,CAAC,QAAQ,SAAS;AAC1B,cAAI,OAAO,SAAS,SAAU,eAAc,MAAM,IAAI;AAAA,QACxD;AAAA;AAAA,IACF;AAAA,IACC,SACC,oBAAC,eAAY,OAAK,MAAC,YAAY,GAAG,MAAM,YACrC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/{chunk-YWJCMGTE.js → chunk-BECKKDYG.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_CAROUSEL_COPY
-} from "./chunk-I5NTADBO.js";
+} from "./chunk-FEKWKWGK.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -330,4 +330,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-YWJCMGTE.js.map
+//# sourceMappingURL=chunk-BECKKDYG.js.map

package/dist/{chunk-64UNVW6D.js → chunk-BP3ZKIPE.js}

@@ -1,9 +1,9 @@
-import {
-  thumbnailStripSx
-} from "./chunk-VQU3CBAL.js";
 import {
   useLightboxCopy
 } from "./chunk-TEQYTEM2.js";
+import {
+  thumbnailStripSx
+} from "./chunk-VQU3CBAL.js";
 import {
   onMedia,
   sheen
@@ -89,4 +89,4 @@ var LightboxThumbnails = ({
 export {
   LightboxThumbnails
 };
-//# sourceMappingURL=chunk-64UNVW6D.js.map
+//# sourceMappingURL=chunk-BP3ZKIPE.js.map

package/dist/{chunk-ENRB6PIN.js → chunk-BRHRK7BK.js}

@@ -17,7 +17,7 @@ import {
 import {
   fieldOverrides,
   mergeMuiComponents
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   densityFieldHeight,
   densityFontSize,
@@ -66,4 +66,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-ENRB6PIN.js.map
+//# sourceMappingURL=chunk-BRHRK7BK.js.map

package/dist/chunk-BRZKOUEL.js

@@ -0,0 +1,115 @@
+import {
+  SR_ONLY_SX
+} from "./chunk-PUFA7FQ7.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/RegionMap/RegionMapList.tsx
+import Check from "@mui/icons-material/Check";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import Chip from "@mui/material/Chip/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function listedRegions(regions, sort) {
+  const listed = regions.filter((region) => region.listed ?? region.outside !== true);
+  return sort === "name" ? [...listed].sort((a, b) => a.name.localeCompare(b.name)) : listed;
+}
+function RegionMapList({
+  regions,
+  copy,
+  mode,
+  sort,
+  onToggle,
+  testId,
+  theme
+}) {
+  const [open, setOpen] = React.useState(false);
+  const listId = `${React.useId().replace(/:/g, "")}-list`;
+  const rows = listedRegions(regions, sort);
+  const visible = mode === "shown" || open;
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1 }, children: [
+    mode === "collapsed" && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        onClick: () => setOpen((current) => !current),
+        "data-testid": `${testId}-list-toggle`,
+        sx: { px: 0 },
+        children: open ? copy.hideList : copy.showList(rows.length)
+      }
+    ),
+    visible && /* @__PURE__ */ jsxs(Box, { id: listId, role: "group", "aria-label": copy.listLabel, "data-testid": `${testId}-list`, sx: { mt: 1 }, children: [
+      mode === "shown" && /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "p", sx: { fontWeight: 700, color: "text.secondary", mb: 0.5 }, children: copy.listLabel }),
+      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: rows.map((region) => /* @__PURE__ */ jsx(
+        RegionRow,
+        {
+          region,
+          states: copy.rowState,
+          onToggle,
+          testId,
+          theme
+        },
+        region.id
+      )) })
+    ] })
+  ] });
+}
+function focusRing(theme) {
+  return { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 2) };
+}
+function rowSx(pressed, outside, theme) {
+  const ring = focusRing(theme);
+  if (!pressed) {
+    return { color: outside ? "text.secondary" : "text.primary", "&.Mui-focusVisible": ring };
+  }
+  const inverted = { bgcolor: "text.primary", color: "background.paper" };
+  return {
+    ...inverted,
+    "& .MuiChip-icon": { color: "inherit" },
+    "&:hover": inverted,
+    "&.Mui-focusVisible": { ...inverted, ...ring }
+  };
+}
+function rowState(pressed, outside, states) {
+  if (pressed) return states.excluded;
+  return outside ? states.outside : null;
+}
+function RegionRow({
+  region,
+  states,
+  onToggle,
+  testId,
+  theme
+}) {
+  const pressed = region.excluded === true;
+  const sx = rowSx(pressed, region.outside === true, theme);
+  const state = rowState(pressed, region.outside === true, states);
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      "data-testid": `${testId}-row-${region.id}`,
+      label: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.75, alignItems: "baseline" }, children: [
+        /* @__PURE__ */ jsx("span", { children: region.name }),
+        region.detail && /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: rem(theme, 11), opacity: 0.75 }, children: region.detail }),
+        state && /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: state })
+      ] }),
+      icon: pressed ? /* @__PURE__ */ jsx(Check, { fontSize: "small" }) : void 0,
+      variant: pressed ? "filled" : "outlined",
+      "aria-pressed": onToggle ? pressed : void 0,
+      onClick: onToggle ? () => onToggle(region.id) : void 0,
+      sx
+    }
+  );
+}
+
+export {
+  listedRegions,
+  RegionMapList
+};
+//# sourceMappingURL=chunk-BRZKOUEL.js.map

package/dist/chunk-BRZKOUEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMapList.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { SR_ONLY_SX } from '../../form/Label/Label.styles';\n\nimport type {\n  RegionMapCopy,\n  RegionMapListMode,\n  RegionMapListSort,\n  RegionMapProps,\n  RegionMapRegion,\n} from './RegionMap.types';\n\n/** The areas with a row: `listed`, defaulting to \"not outside\". */\nexport function listedRegions(\n  regions: readonly RegionMapRegion[],\n  sort: RegionMapListSort,\n): RegionMapRegion[] {\n  const listed = regions.filter((region) => region.listed ?? region.outside !== true);\n  return sort === 'name' ? [...listed].sort((a, b) => a.name.localeCompare(b.name)) : listed;\n}\n\n/**\n * Every listed area as a toggle button — the keyboard's and the screen\n * reader's map, and the way to an area too small to tap. `collapsed` puts it\n * behind one button that names the count; `shown` lays it out with a heading.\n */\nexport function RegionMapList({\n  regions,\n  copy,\n  mode,\n  sort,\n  onToggle,\n  testId,\n  theme,\n}: {\n  regions: readonly RegionMapRegion[];\n  copy: RegionMapCopy;\n  mode: Exclude<RegionMapListMode, 'none'>;\n  sort: RegionMapListSort;\n  onToggle: RegionMapProps['onToggle'];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const [open, setOpen] = React.useState(false);\n  const listId = `${React.useId().replace(/:/g, '')}-list`;\n  const rows = listedRegions(regions, sort);\n  const visible = mode === 'shown' || open;\n  return (\n    <Box sx={{ mt: 1 }}>\n      {mode === 'collapsed' && (\n        <Button\n          variant=\"text\"\n          size=\"small\"\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={() => setOpen((current) => !current)}\n          data-testid={`${testId}-list-toggle`}\n          sx={{ px: 0 }}\n        >\n          {open ? copy.hideList : copy.showList(rows.length)}\n        </Button>\n      )}\n      {visible && (\n        <Box id={listId} role=\"group\" aria-label={copy.listLabel} data-testid={`${testId}-list`} sx={{ mt: 1 }}>\n          {mode === 'shown' && (\n            <Typography variant=\"caption\" component=\"p\" sx={{ fontWeight: 700, color: 'text.secondary', mb: 0.5 }}>\n              {copy.listLabel}\n            </Typography>\n          )}\n          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n            {rows.map((region) => (\n              <RegionRow\n                key={region.id}\n                region={region}\n                states={copy.rowState}\n                onToggle={onToggle}\n                testId={testId}\n                theme={theme}\n              />\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** The focus ring every row shows from the keyboard, pressed or not. */\nfunction focusRing(theme: Theme): { outline: string; outlineOffset: string } {\n  return { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 2) };\n}\n\n/** A row's look: inverted when pressed, holding under hover and focus. */\nfunction rowSx(pressed: boolean, outside: boolean, theme: Theme): SxProps<Theme> {\n  const ring = focusRing(theme);\n  if (!pressed) {\n    return { color: outside ? 'text.secondary' : 'text.primary', '&.Mui-focusVisible': ring };\n  }\n  const inverted = { bgcolor: 'text.primary', color: 'background.paper' };\n  return {\n    ...inverted,\n    '& .MuiChip-icon': { color: 'inherit' },\n    '&:hover': inverted,\n    '&.Mui-focusVisible': { ...inverted, ...ring },\n  };\n}\n\n/** The state a screen reader hears after the name, if any. */\nfunction rowState(pressed: boolean, outside: boolean, states: RegionMapCopy['rowState']): string | null {\n  if (pressed) return states.excluded;\n  return outside ? states.outside : null;\n}\n\n/**\n * One area: pressed, filled and checked when excluded — never colour alone —\n * with its state spelled out for a screen reader. The inverted colours hold\n * under hover and keyboard focus, where MUI's own would wash them out.\n */\nfunction RegionRow({\n  region,\n  states,\n  onToggle,\n  testId,\n  theme,\n}: {\n  region: RegionMapRegion;\n  states: RegionMapCopy['rowState'];\n  onToggle: RegionMapProps['onToggle'];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const pressed = region.excluded === true;\n  const sx = rowSx(pressed, region.outside === true, theme);\n  const state = rowState(pressed, region.outside === true, states);\n  return (\n    <Chip\n      data-testid={`${testId}-row-${region.id}`}\n      label={\n        <Box component=\"span\" sx={{ display: 'inline-flex', gap: 0.75, alignItems: 'baseline' }}>\n          <span>{region.name}</span>\n          {region.detail && (\n            <Box component=\"span\" sx={{ fontSize: rem(theme, 11), opacity: 0.75 }}>\n              {region.detail}\n            </Box>\n          )}\n          {state && (\n            <Box component=\"span\" sx={SR_ONLY_SX}>\n              {state}\n            </Box>\n          )}\n        </Box>\n      }\n      icon={pressed ? <Check fontSize=\"small\" /> : undefined}\n      variant={pressed ? 'filled' : 'outlined'}\n      aria-pressed={onToggle ? pressed : undefined}\n      onClick={onToggle ? () => onToggle(region.id) : undefined}\n      sx={sx}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-Z47SYKRX.js → chunk-C74PDNTF.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-7TCOYCD7.js";
 import {
   CardBody
-} from "./chunk-RWCQ6TEM.js";
+} from "./chunk-KR4TN3OF.js";
 import {
   SelectAllStrip
-} from "./chunk-3S352ZSG.js";
+} from "./chunk-GLR5MSU3.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-Z47SYKRX.js.map
+//# sourceMappingURL=chunk-C74PDNTF.js.map

package/dist/{chunk-KEBYZ2MO.js → chunk-CARUHKZW.js}

@@ -1,6 +1,9 @@
 import {
   NumberBoundInput
-} from "./chunk-33MMQHYU.js";
+} from "./chunk-FJ3UZ4RC.js";
+import {
+  useOutsideResetKey
+} from "./chunk-YOPMXGHY.js";
 import {
   RangePresets
 } from "./chunk-7D7CJRL7.js";
@@ -13,27 +16,24 @@ import {
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
-import {
-  useOutsideResetKey
-} from "./chunk-YOPMXGHY.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-LNIK7FJO.js";
+} from "./chunk-FORQEHRQ.js";
 import {
   DayBoundInput
-} from "./chunk-D7SOXI2K.js";
+} from "./chunk-72HOUWAW.js";
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -298,4 +298,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-KEBYZ2MO.js.map
+//# sourceMappingURL=chunk-CARUHKZW.js.map

package/dist/{chunk-3HSLEUVW.js → chunk-CBO46LJH.js}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-D6KL74KI.js";
 import {
   fieldControlStyles
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   rem,
   sxRem
@@ -171,4 +171,4 @@ function CreatableSelect({
 export {
   CreatableSelect
 };
-//# sourceMappingURL=chunk-3HSLEUVW.js.map
+//# sourceMappingURL=chunk-CBO46LJH.js.map

package/dist/{chunk-EMSMJRP3.js → chunk-CESGZRVQ.js}

@@ -1,9 +1,9 @@
-import {
-  tileBackground
-} from "./chunk-4YYFZ6TE.js";
 import {
   TILE_WORLD_UNITS
 } from "./chunk-CB6DTWD5.js";
+import {
+  tileBackground
+} from "./chunk-4YYFZ6TE.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -68,4 +68,4 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
 export {
   MapTiles
 };
-//# sourceMappingURL=chunk-EMSMJRP3.js.map
+//# sourceMappingURL=chunk-CESGZRVQ.js.map

package/dist/{chunk-LODYTVOO.js → chunk-CFDWKQZT.js}

@@ -6,7 +6,7 @@ import {
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
-} from "./chunk-MQVIYTH5.js";
+} from "./chunk-SAKSIN7E.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-LODYTVOO.js.map
+//# sourceMappingURL=chunk-CFDWKQZT.js.map