@12-apps/ui 6.86.0 → 6.86.2

package/dist/{chunk-LXIPBHNJ.js → chunk-42TOCPXB.js}

@@ -1,3 +1,7 @@
+import {
+  actionsOf,
+  makeTestId
+} from "./chunk-MWFSIB6K.js";
 import {
   ACTIONS_GAP_UNITS,
   ACTIONS_MARGIN_TOP_UNITS,
@@ -14,10 +18,6 @@ import {
   illustrationMaxWidth,
   illustrationOpacity
 } from "./chunk-KLPTOVIX.js";
-import {
-  actionsOf,
-  makeTestId
-} from "./chunk-MWFSIB6K.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -207,4 +207,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-LXIPBHNJ.js.map
+//# sourceMappingURL=chunk-42TOCPXB.js.map

package/dist/{chunk-IFX5KP65.js → chunk-437HQPUN.js}

@@ -5,15 +5,15 @@ import {
 import {
   MapControlBar
 } from "./chunk-6WHIJPEF.js";
-import {
-  MapSearchBar
-} from "./chunk-MIUPTZS6.js";
 import {
   resolveMapCopy
 } from "./chunk-CSGBHYW6.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
+import {
+  MapSearchBar
+} from "./chunk-MIUPTZS6.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -59,4 +59,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-IFX5KP65.js.map
+//# sourceMappingURL=chunk-437HQPUN.js.map

package/dist/{chunk-VYQZ5U3N.js → chunk-4NG3LTRX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -167,4 +167,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-VYQZ5U3N.js.map
+//# sourceMappingURL=chunk-4NG3LTRX.js.map

package/dist/{chunk-POUNFTG3.js → chunk-4OUJ4ZMK.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-D72GD4XC.js";
+} from "./chunk-YPW4HZ3Z.js";
 import {
   getMonthName
 } from "./chunk-QWOI5BZV.js";
@@ -16,7 +16,13 @@ import IconButton from "@mui/material/IconButton/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var SPACER_WIDTH = sxRem(32);
-var GRID_SX = { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 0.5 };
+var GRID_SX = {
+  display: "grid",
+  justifyItems: "center",
+  gridTemplateColumns: "repeat(7, minmax(0, 1fr))",
+  columnGap: 0,
+  rowGap: 0.5
+};
 var MONTH_SX = { flex: `1 1 ${sxRem(280)}`, minWidth: 0, maxWidth: sxRem(304) };
 var MonthNavHeader = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
   Box,
@@ -118,4 +124,4 @@ export {
   MonthDays,
   CalendarMonth
 };
-//# sourceMappingURL=chunk-POUNFTG3.js.map
+//# sourceMappingURL=chunk-4OUJ4ZMK.js.map

package/dist/chunk-4OUJ4ZMK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarMonth.tsx"],"sourcesContent":["import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { sxRem } from '../../../tokens/relative';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\n/** The nav spacer's width and the weekday row's height, 32 design px through the type scale. */\nconst SPACER_WIDTH = sxRem(32);\n\n// `minmax(0, 1fr)`, not `1fr`: a bare `1fr` keeps each column at least its\n// content's width, which is what held the grid at 304px (FUT-3861). No column\n// gap: a selected range is one band across the days, and a gap cut it into\n// tiles (FUT-4162). Rows keep theirs. Items centre in their column: the built-in\n// day stretches across it, a host's `renderDay` cell sits in its middle.\nconst GRID_SX = {\n  display: 'grid',\n  justifyItems: 'center',\n  gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',\n  columnGap: 0,\n  rowGap: 0.5,\n} as const;\n\n/**\n * A month takes the room it is given, from nothing up to seven full columns\n * (304 design px: what 7 × 40 cells and 6 × 4 gaps came to before the gaps\n * went, FUT-4162). Months side by side keep a 280 basis,\n * so a multi-month calendar still wraps rather than squeezing every month.\n */\nexport const MONTH_SX = { flex: `1 1 ${sxRem(280)}`, minWidth: 0, maxWidth: sxRem(304) } as const;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: sxRem(14),\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\n/** The weekday row and the day grid under a month's caption. */\nexport const MonthDays: FC<{\n  matrix: MonthMatrix;\n  monthIndex: number;\n  weekdayNames: string[];\n  dayContext: DayCellContext;\n}> = ({ matrix, monthIndex, weekdayNames, dayContext }) => (\n  <>\n    <WeekdayHeader weekdayNames={weekdayNames} />\n\n    <Box\n      role=\"grid\"\n      aria-labelledby={`month-${monthIndex}`}\n      data-testid=\"calendar-grid\"\n      sx={GRID_SX}\n    >\n      {matrix.weeks.flat().map((day) => (\n        <CalendarDayCell key={day.key} day={day} {...dayContext} />\n      ))}\n    </Box>\n  </>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={MONTH_SX} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <MonthDays\n        matrix={matrix}\n        monthIndex={monthIndex}\n        weekdayNames={weekdayNames}\n        dayContext={dayContext}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-7YJYIMWP.js → chunk-4QR7LM5F.js}

@@ -1,8 +1,3 @@
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-EOQ6EKTS.js";
@@ -12,6 +7,11 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -178,4 +178,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-7YJYIMWP.js.map
+//# sourceMappingURL=chunk-4QR7LM5F.js.map

package/dist/{chunk-KR4TN3OF.js → chunk-4ZQQUICR.js}

@@ -1,6 +1,6 @@
 import {
   cardGridTracks
-} from "./chunk-WTOA52EQ.js";
+} from "./chunk-UKNMPGEM.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -48,4 +48,4 @@ function CardBody({
 export {
   CardBody
 };
-//# sourceMappingURL=chunk-KR4TN3OF.js.map
+//# sourceMappingURL=chunk-4ZQQUICR.js.map

package/dist/{chunk-IYDXKLCE.js → chunk-5C3JSXBK.js}

@@ -4,7 +4,7 @@ import {
 import {
   MONTH_SX,
   MonthDays
-} from "./chunk-POUNFTG3.js";
+} from "./chunk-4OUJ4ZMK.js";
 import {
   MONTH_INDEXES,
   canShiftMonth,
@@ -115,4 +115,4 @@ var CalendarSelectorsMonth = ({
 export {
   CalendarSelectorsMonth
 };
-//# sourceMappingURL=chunk-IYDXKLCE.js.map
+//# sourceMappingURL=chunk-5C3JSXBK.js.map

package/dist/{chunk-T6QVM5Q5.js → chunk-5IMI2XNU.js}

@@ -1,9 +1,9 @@
-import {
-  SaveViewModal
-} from "./chunk-WMAS6DZR.js";
 import {
   ManageViewsDialog
-} from "./chunk-FZEDQNUN.js";
+} from "./chunk-K7IDOTSU.js";
+import {
+  SaveViewModal
+} from "./chunk-TLJVUWJ5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-IF5UY3CT.js";
+} from "./chunk-QVDEGBME.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-T6QVM5Q5.js.map
+//# sourceMappingURL=chunk-5IMI2XNU.js.map

package/dist/{chunk-JKIKHWD2.js → chunk-5NT2M2JI.js}

@@ -1,6 +1,3 @@
-import {
-  geocode
-} from "./chunk-CB6DTWD5.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -9,6 +6,9 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
+import {
+  geocode
+} from "./chunk-CB6DTWD5.js";
 
 // src/components/data-display/MapPreview/MapPreview.hooks.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -186,4 +186,4 @@ export {
   useMapSearch,
   useMapClick
 };
-//# sourceMappingURL=chunk-JKIKHWD2.js.map
+//# sourceMappingURL=chunk-5NT2M2JI.js.map

package/dist/{chunk-Q7XLTN2D.js → chunk-5VKHJ7PI.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-DYRZRY2T.js";
+} from "./chunk-X4N6Q37Q.js";
 import {
   Dialog
 } from "./chunk-DAFFZED3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-Q7XLTN2D.js.map
+//# sourceMappingURL=chunk-5VKHJ7PI.js.map

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

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

package/dist/{chunk-SSCEX5NY.js → chunk-656DBMWT.js}

@@ -10,7 +10,8 @@ var EN_US_COMMAND_PALETTE_COPY = {
   placeholder: "Type a command or search...",
   commandCount: (count) => `${count} commands`,
   noCommandsFound: (query) => `No commands found for "${query}"`,
-  general: "General"
+  general: "General",
+  closeSearch: "Close search"
 };
 var EN_US_BREADCRUMB_COPY = {
   showMore: "Show more",
@@ -27,4 +28,4 @@ export {
   EN_US_BREADCRUMB_COPY,
   EN_US_SECTION_NAV_COPY
 };
-//# sourceMappingURL=chunk-SSCEX5NY.js.map
+//# sourceMappingURL=chunk-656DBMWT.js.map

package/dist/{chunk-SSCEX5NY.js.map → chunk-656DBMWT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/en-US.navigation.ts"],"sourcesContent":["/**\n * The en-US pack for the navigation family. Split the same way\n * `pt-BR.navigation.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  BreadcrumbCopy,\n  CommandPaletteCopy,\n  SectionNavCopy,\n} from './copy';\n\nexport const EN_US_COMMAND_PALETTE_COPY: Required<CommandPaletteCopy> = {\n  execute: \"Run\",\n  // The arrow glyphs and the key name are part of the hint a reader looks at\n  // while their hands are on the keyboard, so they survive translation intact.\n  navigate: \"↑↓ Navigate\",\n  close: \"ESC Close\",\n  recent: \"Recent\",\n  tryAnotherTerm: \"Try another term\",\n  placeholder: \"Type a command or search...\",\n  commandCount: (count) => `${count} commands`,\n  noCommandsFound: (query) => `No commands found for \"${query}\"`,\n  general: \"General\",\n};\n\nexport const EN_US_BREADCRUMB_COPY: BreadcrumbCopy = {\n  showMore: \"Show more\",\n  moreItems: \"More items\",\n};\n\nexport const EN_US_SECTION_NAV_COPY: SectionNavCopy = {\n  close: \"Close\",\n  badge: (count) => (count === 1 ? \"1 pending\" : `${count} pending`),\n  attention: \"Needs attention\",\n};\n"],"mappings":";AAUO,IAAM,6BAA2D;AAAA,EACtE,SAAS;AAAA;AAAA;AAAA,EAGT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc,CAAC,UAAU,GAAG,KAAK;AAAA,EACjC,iBAAiB,CAAC,UAAU,0BAA0B,KAAK;AAAA,EAC3D,SAAS;AACX;AAEO,IAAM,wBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,WAAW;AACb;AAEO,IAAM,yBAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO,CAAC,UAAW,UAAU,IAAI,cAAc,GAAG,KAAK;AAAA,EACvD,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../src/en-US.navigation.ts"],"sourcesContent":["/**\n * The en-US pack for the navigation family. Split the same way\n * `pt-BR.navigation.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  BreadcrumbCopy,\n  CommandPaletteCopy,\n  SectionNavCopy,\n} from './copy';\n\nexport const EN_US_COMMAND_PALETTE_COPY: Required<CommandPaletteCopy> = {\n  execute: \"Run\",\n  // The arrow glyphs and the key name are part of the hint a reader looks at\n  // while their hands are on the keyboard, so they survive translation intact.\n  navigate: \"↑↓ Navigate\",\n  close: \"ESC Close\",\n  recent: \"Recent\",\n  tryAnotherTerm: \"Try another term\",\n  placeholder: \"Type a command or search...\",\n  commandCount: (count) => `${count} commands`,\n  noCommandsFound: (query) => `No commands found for \"${query}\"`,\n  general: \"General\",\n  closeSearch: \"Close search\",\n};\n\nexport const EN_US_BREADCRUMB_COPY: BreadcrumbCopy = {\n  showMore: \"Show more\",\n  moreItems: \"More items\",\n};\n\nexport const EN_US_SECTION_NAV_COPY: SectionNavCopy = {\n  close: \"Close\",\n  badge: (count) => (count === 1 ? \"1 pending\" : `${count} pending`),\n  attention: \"Needs attention\",\n};\n"],"mappings":";AAUO,IAAM,6BAA2D;AAAA,EACtE,SAAS;AAAA;AAAA;AAAA,EAGT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc,CAAC,UAAU,GAAG,KAAK;AAAA,EACjC,iBAAiB,CAAC,UAAU,0BAA0B,KAAK;AAAA,EAC3D,SAAS;AAAA,EACT,aAAa;AACf;AAEO,IAAM,wBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,WAAW;AACb;AAEO,IAAM,yBAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO,CAAC,UAAW,UAAU,IAAI,cAAc,GAAG,KAAK;AAAA,EACvD,WAAW;AACb;","names":[]}

package/dist/{chunk-FCLON3MO.js → chunk-6HXNFNOB.js}

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

package/dist/{chunk-3OL2TSEJ.js → chunk-6IRZZYHF.js}

@@ -1,15 +1,15 @@
+import {
+  RegionMapLegend
+} from "./chunk-PBRCKHN3.js";
 import {
   RegionMapDrawing
-} from "./chunk-A63WU4UZ.js";
+} from "./chunk-AKE6KVQG.js";
 import {
   useRegionMap
 } from "./chunk-GMRQPNG3.js";
 import {
   RegionMapList
 } from "./chunk-BRZKOUEL.js";
-import {
-  RegionMapLegend
-} from "./chunk-PBRCKHN3.js";
 
 // src/components/data-display/RegionMap/RegionMap.tsx
 import Box from "@mui/material/Box/index.js";
@@ -77,4 +77,4 @@ function RegionMap({
 export {
   RegionMap
 };
-//# sourceMappingURL=chunk-3OL2TSEJ.js.map
+//# sourceMappingURL=chunk-6IRZZYHF.js.map

package/dist/{chunk-ZLVRCQPG.js → chunk-6X7PE5DH.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsGrid
-} from "./chunk-I7JUAHUO.js";
 import {
   DeleteViewDialog
-} from "./chunk-CPZGFIFH.js";
+} from "./chunk-YNVTUQ5B.js";
+import {
+  DataViewsGrid
+} from "./chunk-DILDC77M.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-T6QVM5Q5.js";
+} from "./chunk-5IMI2XNU.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-ZLVRCQPG.js.map
+//# sourceMappingURL=chunk-6X7PE5DH.js.map

package/dist/{chunk-ABRVOPC2.js → chunk-7FFY4LJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-ABRVOPC2.js.map
+//# sourceMappingURL=chunk-7FFY4LJY.js.map

package/dist/{chunk-U3HGQHEO.js → chunk-7WE432RQ.js}

@@ -1,18 +1,10 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-ULAZDF6D.js";
+} from "./chunk-FF22F7FA.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
-import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-PL2AB5HJ.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-WTOA52EQ.js";
 import {
   serverDerived,
   useServerQuery
@@ -21,15 +13,23 @@ import {
   useSelection
 } from "./chunk-LLZWB32X.js";
 import {
-  useClearFilters,
-  useStateWriters
-} from "./chunk-OOLES6RR.js";
+  resolveScope,
+  useScopeConfigChecks
+} from "./chunk-PL2AB5HJ.js";
+import {
+  computeActiveFilterCount,
+  defaultSortFields
+} from "./chunk-UKNMPGEM.js";
 import {
   emptyViewState
 } from "./chunk-HLYYB4O5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  useClearFilters,
+  useStateWriters
+} from "./chunk-OOLES6RR.js";
 
 // src/components/data-display/DataViews/use-data-views-state.ts
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-U3HGQHEO.js.map
+//# sourceMappingURL=chunk-7WE432RQ.js.map

package/dist/{chunk-VHGHF537.js → chunk-A3DDEKLV.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-IF5UY3CT.js";
+} from "./chunk-QVDEGBME.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-VHGHF537.js.map
+//# sourceMappingURL=chunk-A3DDEKLV.js.map

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

@@ -1,3 +1,7 @@
+import {
+  labelOrder,
+  placeLabels
+} from "./chunk-J3AWGTJY.js";
 import {
   labelPosition
 } from "./chunk-COOSJKZL.js";
@@ -26,7 +30,9 @@ function RegionMapDrawing({
   const { view, drawn } = model;
   const wanted = new Set(highlightedIds);
   const highlighted = drawn.filter((d) => wanted.has(d.id));
-  const labelled = [...drawn.filter((d) => d.excluded), ...highlighted.filter((d) => !d.excluded)];
+  const labelled = labelOrder(drawn.filter((d) => d.excluded || wanted.has(d.id)), wanted);
+  const boxRef = 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(
     Box,
@@ -44,6 +50,7 @@ function RegionMapDrawing({
         bgcolor: "background.paper"
       },
       "data-testid": `${testId}-canvas`,
+      ref: boxRef,
       children: [
         /* @__PURE__ */ jsxs(
           "svg",
@@ -59,20 +66,7 @@ function RegionMapDrawing({
               /* @__PURE__ */ jsx(BaseAreas, { areas: base, testId, theme }),
               /* @__PURE__ */ jsx(ExcludedAreas, { drawn, hatchId, testId, theme }),
               /* @__PURE__ */ jsx(Circles, { radii: model.radii, theme }),
-              highlighted.map((d) => /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: d.geometry.path,
-                  fillRule: "evenodd",
-                  vectorEffect: "non-scaling-stroke",
-                  fill: alpha(theme.palette.primary.main, 0.3),
-                  stroke: theme.palette.primary.main,
-                  strokeWidth: 2.5,
-                  pointerEvents: "none",
-                  "data-testid": `${testId}-highlight-${d.id}`
-                },
-                `h-${d.id}`
-              )),
+              /* @__PURE__ */ jsx(Highlights, { areas: highlighted, testId, theme }),
               showCenter && /* @__PURE__ */ jsx(
                 "circle",
                 {
@@ -95,6 +89,26 @@ function RegionMapDrawing({
     }
   );
 }
+function Highlights({
+  areas,
+  testId,
+  theme
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: areas.map((d) => /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: d.geometry.path,
+      fillRule: "evenodd",
+      vectorEffect: "non-scaling-stroke",
+      fill: alpha(theme.palette.primary.main, 0.3),
+      stroke: theme.palette.primary.main,
+      strokeWidth: 2.5,
+      pointerEvents: "none",
+      "data-testid": `${testId}-highlight-${d.id}`
+    },
+    `h-${d.id}`
+  )) });
+}
 function Hatch({ id, pitch, theme }) {
   return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("pattern", { id, width: pitch, height: pitch, patternUnits: "userSpaceOnUse", patternTransform: "rotate(45)", children: [
     /* @__PURE__ */ jsx("rect", { width: pitch, height: pitch, fill: alpha(theme.palette.text.primary, 0.1) }),
@@ -164,9 +178,38 @@ function Circles({ radii, theme }) {
     radius
   )) });
 }
-function clampCentre(wanted, half, span, gap) {
-  if (span <= 2 * (half + gap)) return span / 2;
-  return Math.min(span - half - gap, Math.max(half + gap, wanted));
+function useLabelPlacement(boxRef, key, gap) {
+  React.useEffect(() => {
+    const box = boxRef.current;
+    if (!box || typeof ResizeObserver === "undefined") return void 0;
+    const labels = Array.from(box.querySelectorAll("[data-region-label]"));
+    const place = () => {
+      const spanX = box.clientWidth;
+      const spanY = box.clientHeight;
+      if (spanX === 0 || spanY === 0) return;
+      const placed = placeLabels(
+        labels.map((label) => ({
+          fractionX: Number(label.dataset.fractionX),
+          fractionY: Number(label.dataset.fractionY),
+          spanX: label.offsetWidth,
+          spanY: label.offsetHeight
+        })),
+        { spanX, spanY },
+        gap
+      );
+      placed.forEach(({ x, y, visible }, index) => {
+        const label = labels[index];
+        label.style.left = `${x / spanX * 100}%`;
+        label.style.top = `${y / spanY * 100}%`;
+        label.style.visibility = visible ? "visible" : "hidden";
+        label.dataset.hidden = visible ? "false" : "true";
+      });
+    };
+    const observer = new ResizeObserver(place);
+    observer.observe(box);
+    for (const label of labels) observer.observe(label);
+    return () => observer.disconnect();
+  }, [boxRef, key, gap]);
 }
 function AreaLabel({
   area,
@@ -175,38 +218,24 @@ function AreaLabel({
   theme
 }) {
   const at = labelPosition(area.geometry.rings, view);
-  const ref = React.useRef(null);
-  const gap = remPx(theme, 4);
-  React.useEffect(() => {
-    const label = ref.current;
-    const box = label?.parentElement;
-    if (!label || !box || typeof ResizeObserver === "undefined") return void 0;
-    const observer = new ResizeObserver(() => {
-      const width = box.clientWidth;
-      const height = box.clientHeight;
-      if (width === 0 || height === 0) return;
-      const x = clampCentre(at.fractionX * width, label.offsetWidth / 2, width, gap);
-      const y = clampCentre(at.fractionY * height, label.offsetHeight / 2, height, gap);
-      label.style.left = `${x / width * 100}%`;
-      label.style.top = `${y / height * 100}%`;
-    });
-    observer.observe(box);
-    observer.observe(label);
-    return () => observer.disconnect();
-  }, [at.fractionX, at.fractionY, gap]);
   const halo = `0 0 ${rem(theme, 3)} ${theme.palette.background.paper}`;
   return /* @__PURE__ */ jsx(
     Typography,
     {
-      ref,
       component: "span",
       "aria-hidden": true,
       "data-testid": `${testId}-label-${area.id}`,
-      style: { left: `${(at.fractionX * 100).toFixed(2)}%`, top: `${(at.fractionY * 100).toFixed(2)}%` },
+      "data-region-label": "",
+      "data-fraction-x": at.fractionX,
+      "data-fraction-y": at.fractionY,
+      style: {
+        left: `${(at.fractionX * 100).toFixed(2)}%`,
+        top: `${(at.fractionY * 100).toFixed(2)}%`
+      },
       sx: {
         position: "absolute",
         transform: "translate(-50%, -50%)",
-        fontSize: rem(theme, 11),
+        fontSize: rem(theme, 12),
         fontWeight: 700,
         lineHeight: 1.1,
         textAlign: "center",
@@ -223,4 +252,4 @@ function AreaLabel({
 export {
   RegionMapDrawing
 };
-//# sourceMappingURL=chunk-A63WU4UZ.js.map
+//# sourceMappingURL=chunk-AKE6KVQG.js.map