@12-apps/ui 6.38.0 → 6.39.0

package/dist/{chunk-HTZNB6IV.js → chunk-H5ZTIELC.js}

@@ -1,7 +1,10 @@
 import {
   GridRow,
   HeaderCell
-} from "./chunk-AROBXRC5.js";
+} from "./chunk-F7JTIHV5.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/DataGrid/DataGrid.body.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -47,7 +50,9 @@ function rowIdOf(props, row, index) {
 }
 function GridHeader(section) {
   const { model, props } = section;
-  const { sorting = {}, stickyHeader = true, headerHeight = 56 } = props;
+  const theme = useTheme();
+  const { sorting = {}, stickyHeader = true } = props;
+  const headerHeight = rem(theme, props.headerHeight ?? 56);
   const sortable = sorting.mode === "client" || sorting.mode === "server";
   return /* @__PURE__ */ jsx(TableHead, { "data-slot": "header", children: /* @__PURE__ */ jsxs(TableRow, { "data-slot": "header-row", role: "row", children: [
     /* @__PURE__ */ jsx(HeaderControls, { ...section }),
@@ -65,16 +70,26 @@ function GridHeader(section) {
     ))
   ] }) });
 }
-function Spacer({ height, colSpan }) {
-  if (height <= 0) return null;
-  return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, sx: { height, border: "none", p: 0 } }) });
+function Spacer({
+  rows,
+  rowHeight,
+  colSpan
+}) {
+  if (rows <= 0) return null;
+  return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      colSpan,
+      sx: { height: `calc(${rows} * ${rowHeight})`, border: "none", p: 0 }
+    }
+  ) });
 }
 function GridBody(section) {
   const { model, props, totalColumns } = section;
   const { start, end } = model.visibleRange;
   const trailing = model.virtualized ? model.processedRows.length - end : 0;
   return /* @__PURE__ */ jsxs(TableBody, { "data-slot": "body", children: [
-    model.virtualized ? /* @__PURE__ */ jsx(Spacer, { height: start * model.rowHeight, colSpan: totalColumns }) : null,
+    model.virtualized ? /* @__PURE__ */ jsx(Spacer, { rows: start, rowHeight: model.rowHeight, colSpan: totalColumns }) : null,
     model.visibleRows.map((row, offset) => {
       const index = model.virtualized ? start + offset : offset;
       const rowId = rowIdOf(props, row, index);
@@ -93,7 +108,7 @@ function GridBody(section) {
         rowId
       );
     }),
-    model.virtualized ? /* @__PURE__ */ jsx(Spacer, { height: trailing * model.rowHeight, colSpan: totalColumns }) : null
+    model.virtualized ? /* @__PURE__ */ jsx(Spacer, { rows: trailing, rowHeight: model.rowHeight, colSpan: totalColumns }) : null
   ] });
 }
 
@@ -102,4 +117,4 @@ export {
   GridHeader,
   GridBody
 };
-//# sourceMappingURL=chunk-HTZNB6IV.js.map
+//# sourceMappingURL=chunk-H5ZTIELC.js.map

package/dist/chunk-H5ZTIELC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.body.tsx"],"sourcesContent":["/**\n * The DataGrid's `<thead>` and `<tbody>`.\n *\n * Split from the shell so each stays inside the size budget and so the\n * virtualization spacers — which are pure layout, not data — sit next to the\n * rows they pad rather than in the middle of the component that owns the paper.\n */\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableHead from '@mui/material/TableHead/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport { GridRow, HeaderCell } from './DataGrid.cells';\nimport type { DataGridModel } from './DataGrid.model';\nimport type { DataGridProps } from './DataGrid.types';\n\nexport interface GridSectionProps<T extends Record<string, unknown>> {\n  model: DataGridModel<T>;\n  props: DataGridProps<T>;\n  totalColumns: number;\n}\n\n/** The leading header cells for the selection / expansion columns. */\nfunction HeaderControls<T extends Record<string, unknown>>({\n  model,\n  props,\n}: GridSectionProps<T>): React.JSX.Element {\n  const theme = useTheme();\n  const { selection = { mode: 'none' }, expansion, stickyHeader = true } = props;\n  const sticky = {\n    position: stickyHeader ? ('sticky' as const) : ('static' as const),\n    top: 0,\n    zIndex: 1,\n    backgroundColor: theme.palette.background.paper,\n  };\n  const total = model.processedRows.length;\n  const picked = model.selectedRowIds.length;\n  return (\n    <>\n      {selection.mode !== 'none' && (\n        <TableCell padding=\"checkbox\" sx={sticky}>\n          {selection.mode === 'multi' && (\n            <Checkbox\n              indeterminate={picked > 0 && picked < total}\n              checked={total > 0 && picked === total}\n              onChange={(event) =>\n                model.setSelectedRowIds(\n                  event.target.checked\n                    ? model.processedRows.map((row, index) => rowIdOf(props, row, index))\n                    : [],\n                )\n              }\n              inputProps={{ 'aria-label': 'Select all rows' }}\n            />\n          )}\n        </TableCell>\n      )}\n      {expansion && <TableCell padding=\"checkbox\" sx={sticky} />}\n    </>\n  );\n}\n\n/** The caller's `getRowId`, or the row's own `id`, or its index. */\nexport function rowIdOf<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  row: T,\n  index: number,\n): string | number {\n  if (props.getRowId) return props.getRowId(row, index);\n  const candidate = (row as { id?: string | number }).id;\n  return candidate ?? index;\n}\n\nexport function GridHeader<T extends Record<string, unknown>>(\n  section: GridSectionProps<T>,\n): React.JSX.Element {\n  const { model, props } = section;\n  const theme = useTheme();\n  const { sorting = {}, stickyHeader = true } = props;\n  // 56 design px unless the caller says, drawn through the type scale.\n  const headerHeight = rem(theme, props.headerHeight ?? 56);\n  const sortable = sorting.mode === 'client' || sorting.mode === 'server';\n  return (\n    <TableHead data-slot=\"header\">\n      <TableRow data-slot=\"header-row\" role=\"row\">\n        <HeaderControls {...section} />\n        {model.visibleColumns.map((column) => (\n          <HeaderCell\n            key={column.id}\n            column={column}\n            sort={model.sortBy.find((entry) => entry.id === column.id)}\n            sortable={column.enableSort !== false && sortable}\n            stickyHeader={stickyHeader}\n            headerHeight={headerHeight}\n            onSort={model.onSort}\n          />\n        ))}\n      </TableRow>\n    </TableHead>\n  );\n}\n\n/**\n * An invisible row standing in for `rows` rows the window is not rendering —\n * that many times the row's own CSS height, so the spacer and the rows it\n * replaces are the same length by construction.\n */\nfunction Spacer({\n  rows,\n  rowHeight,\n  colSpan,\n}: {\n  rows: number;\n  rowHeight: string;\n  colSpan: number;\n}): React.JSX.Element | null {\n  if (rows <= 0) return null;\n  return (\n    <TableRow>\n      <TableCell\n        colSpan={colSpan}\n        sx={{ height: `calc(${rows} * ${rowHeight})`, border: 'none', p: 0 }}\n      />\n    </TableRow>\n  );\n}\n\nexport function GridBody<T extends Record<string, unknown>>(\n  section: GridSectionProps<T>,\n): React.JSX.Element {\n  const { model, props, totalColumns } = section;\n  const { start, end } = model.visibleRange;\n  const trailing = model.virtualized ? model.processedRows.length - end : 0;\n  return (\n    <TableBody data-slot=\"body\">\n      {model.virtualized ? (\n        <Spacer rows={start} rowHeight={model.rowHeight} colSpan={totalColumns} />\n      ) : null}\n      {model.visibleRows.map((row, offset) => {\n        const index = model.virtualized ? start + offset : offset;\n        const rowId = rowIdOf(props, row, index);\n        return (\n          <GridRow\n            key={rowId}\n            row={row}\n            index={index}\n            rowId={rowId}\n            isSelected={model.selectedRowIdsSet.has(rowId)}\n            isExpanded={model.expandedRowIdsSet.has(rowId)}\n            totalColumns={totalColumns}\n            model={model}\n            props={props}\n          />\n        );\n      })}\n      {model.virtualized ? (\n        <Spacer rows={trailing} rowHeight={model.rowHeight} colSpan={totalColumns} />\n      ) : null}\n    </TableBody>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-GSFNH4C5.js → chunk-HBP2OU4Q.js}

@@ -3,21 +3,26 @@ import {
   DefaultError,
   DefaultLoader,
   containerStyles
-} from "./chunk-ATSHKSSD.js";
+} from "./chunk-5KNDAC24.js";
 import {
   useLoadMore,
   useSentinel
-} from "./chunk-QF6LTUCE.js";
+} from "./chunk-Y2X7LYIN.js";
+import {
+  rem,
+  remPx
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/utility/InfiniteScroll/InfiniteScroll.tsx
 import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InfiniteScroll = ({
   children,
   variant = "default",
   hasMore,
   loading,
-  threshold = 150,
+  threshold,
   loadMore,
   loader,
   loadingText,
@@ -33,7 +38,9 @@ var InfiniteScroll = ({
   testMode = false,
   testTriggerRef
 }) => {
-  const { sentinelRef, isIntersecting } = useSentinel({ testMode, threshold, scrollableTarget });
+  const theme = useTheme();
+  const rootMargin = `${remPx(theme, threshold ?? 150)}px`;
+  const { sentinelRef, isIntersecting } = useSentinel({ testMode, rootMargin, scrollableTarget });
   useLoadMore({
     hasMore,
     loading,
@@ -54,8 +61,8 @@ var InfiniteScroll = ({
         ref: sentinelRef,
         "data-testid": "infinite-scroll-sentinel",
         style: {
-          height: variant === "horizontal" ? "100%" : "1px",
-          width: variant === "horizontal" ? "1px" : "100%"
+          height: variant === "horizontal" ? "100%" : rem(theme, 1),
+          width: variant === "horizontal" ? rem(theme, 1) : "100%"
         }
       }
     );
@@ -65,7 +72,7 @@ var InfiniteScroll = ({
     {
       className,
       sx: {
-        ...containerStyles(variant, width),
+        ...containerStyles(theme, variant, width),
         ...style
       },
       children: [
@@ -81,4 +88,4 @@ var InfiniteScroll = ({
 export {
   InfiniteScroll
 };
-//# sourceMappingURL=chunk-GSFNH4C5.js.map
+//# sourceMappingURL=chunk-HBP2OU4Q.js.map

package/dist/chunk-HBP2OU4Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem, remPx } from '../../../tokens/relative';\n\nimport { useLoadMore, useSentinel } from './InfiniteScroll.hooks';\nimport {\n  containerStyles,\n  DefaultEndMessage,\n  DefaultError,\n  DefaultLoader,\n} from './InfiniteScroll.parts';\nimport type { InfiniteScrollProps } from './InfiniteScroll.types';\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n  children,\n  variant = 'default',\n  hasMore,\n  loading,\n  threshold,\n  loadMore,\n  loader,\n  loadingText,\n  endText,\n  endMessage,\n  error,\n  errorComponent,\n  onError,\n  className,\n  style,\n  width,\n  scrollableTarget,\n  testMode = false,\n  testTriggerRef,\n}) => {\n  const theme = useTheme();\n  // 150 design px unless the caller says; `rootMargin` only takes px.\n  const rootMargin = `${remPx(theme, threshold ?? 150)}px`;\n  const { sentinelRef, isIntersecting } = useSentinel({ testMode, rootMargin, scrollableTarget });\n\n  useLoadMore({\n    hasMore,\n    loading,\n    error,\n    loadMore,\n    onError,\n    isIntersecting,\n    testMode,\n    testTriggerRef,\n  });\n\n  // The tail of the list is one of four things: the end message, an error, a\n  // spinner, or the sentinel that asks for the next page.\n  const renderSentinel = () => {\n    if (!hasMore) return endMessage || <DefaultEndMessage endText={endText} />;\n    if (error) return errorComponent || <DefaultError error={error} />;\n    if (loading) return loader || <DefaultLoader loadingText={loadingText} />;\n\n    return (\n      <div\n        ref={sentinelRef}\n        data-testid=\"infinite-scroll-sentinel\"\n        style={{\n          height: variant === 'horizontal' ? '100%' : rem(theme, 1),\n          width: variant === 'horizontal' ? rem(theme, 1) : '100%',\n        }}\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        ...containerStyles(theme, variant, width),\n        ...style,\n      }}\n    >\n      {variant === 'reverse' && renderSentinel()}\n\n      {variant === 'horizontal' ? (\n        <Box sx={{ display: 'flex', flexDirection: 'row' }}>{children}</Box>\n      ) : (\n        children\n      )}\n\n      {variant !== 'reverse' && renderSentinel()}\n\n      {variant === 'horizontal' && renderSentinel()}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAsDc,cAiBnC,YAjBmC;AAxChC,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,aAAa,GAAG,MAAM,OAAO,aAAa,GAAG,CAAC;AACpD,QAAM,EAAE,aAAa,eAAe,IAAI,YAAY,EAAE,UAAU,YAAY,iBAAiB,CAAC;AAE9F,cAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAID,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,QAAS,QAAO,cAAc,oBAAC,qBAAkB,SAAkB;AACxE,QAAI,MAAO,QAAO,kBAAkB,oBAAC,gBAAa,OAAc;AAChE,QAAI,QAAS,QAAO,UAAU,oBAAC,iBAAc,aAA0B;AAEvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,OAAO;AAAA,UACL,QAAQ,YAAY,eAAe,SAAS,IAAI,OAAO,CAAC;AAAA,UACxD,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,IAAI;AAAA,QACpD;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF,GAAG,gBAAgB,OAAO,SAAS,KAAK;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,oBAAY,aAAa,eAAe;AAAA,QAExC,YAAY,eACX,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,MAAM,GAAI,UAAS,IAE9D;AAAA,QAGD,YAAY,aAAa,eAAe;AAAA,QAExC,YAAY,gBAAgB,eAAe;AAAA;AAAA;AAAA,EAC9C;AAEJ;","names":[]}

package/dist/{chunk-I4QA2F4L.js → chunk-HBRQPG7H.js}

@@ -9,23 +9,23 @@ import {
 } from "./chunk-O5UGAL2V.js";
 import {
   cardGridTracks
-} from "./chunk-PPRV4LTM.js";
+} from "./chunk-BWHOCNGW.js";
 import {
   ListCardGroup
-} from "./chunk-NB3FGWU4.js";
+} from "./chunk-EQXIW5MQ.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-PMOEG36E.js";
+} from "./chunk-XZJM6EPC.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-G4HBNILE.js";
+} from "./chunk-LEHMWJNZ.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -273,4 +273,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-I4QA2F4L.js.map
+//# sourceMappingURL=chunk-HBRQPG7H.js.map

package/dist/{chunk-HGMBY5LP.js → chunk-HQWJUHR4.js}

@@ -2,19 +2,24 @@ import {
   tileBackground
 } from "./chunk-X6AIKCAV.js";
 import {
-  TILE_SIZE
-} from "./chunk-TUBCN4DJ.js";
+  TILE_WORLD_UNITS
+} from "./chunk-CB6DTWD5.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/MapPreview/MapTiles.tsx
 import { alpha, useTheme } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
-var VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;
+var VISIBLE_TILES = Math.ceil(800 / TILE_WORLD_UNITS) + 2;
 var LABEL_MIN_ZOOM = 10;
 var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
   const theme = useTheme();
   const borderOpacity = theme.palette.mode === "dark" ? 0.15 : 0.1;
   const background = tileBackground(mapType, theme);
   const half = Math.floor(VISIBLE_TILES / 2);
+  const tile = rem(theme, TILE_WORLD_UNITS);
+  const grid = rem(theme, TILE_WORLD_UNITS * VISIBLE_TILES);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22,12 +27,14 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
         position: "absolute",
         top: "50%",
         left: "50%",
+        // The pan is pointer pixels dragged, so it stays px: the grid follows
+        // the cursor exactly, whatever the type scale.
         transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,
-        width: TILE_SIZE * VISIBLE_TILES,
-        height: TILE_SIZE * VISIBLE_TILES,
+        width: grid,
+        height: grid,
         display: "grid",
-        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
-        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
+        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${tile})`,
+        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${tile})`,
         transition: "transform 0.1s ease-out"
       },
       children: Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {
@@ -37,14 +44,14 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
           "div",
           {
             style: {
-              width: TILE_SIZE,
-              height: TILE_SIZE,
+              width: tile,
+              height: tile,
               border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,
               background,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              fontSize: "10px",
+              fontSize: rem(theme, 10),
               color: alpha(theme.palette.text.secondary, 0.3),
               fontFamily: "monospace",
               userSelect: "none"
@@ -61,4 +68,4 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
 export {
   MapTiles
 };
-//# sourceMappingURL=chunk-HGMBY5LP.js.map
+//# sourceMappingURL=chunk-HQWJUHR4.js.map

package/dist/chunk-HQWJUHR4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapTiles.tsx"],"sourcesContent":["import { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport { TILE_WORLD_UNITS } from './mapProjection';\nimport { tileBackground } from './mapSurface';\nimport type { MapType } from './MapPreview.types';\n\n// Two extra rows and columns so panning does not expose an edge.\nconst VISIBLE_TILES = Math.ceil(800 / TILE_WORLD_UNITS) + 2;\n// Tile coordinates are only legible once the grid is reasonably fine.\nconst LABEL_MIN_ZOOM = 10;\n\nexport interface MapTilesProps {\n  origin: { x: number; y: number } | null;\n  zoom: number;\n  mapType: MapType;\n  panOffset: { x: number; y: number };\n}\n\nexport const MapTiles: FC<MapTilesProps> = ({ origin, zoom, mapType, panOffset }) => {\n  const theme = useTheme();\n  const borderOpacity = theme.palette.mode === 'dark' ? 0.15 : 0.1;\n  const background = tileBackground(mapType, theme);\n  const half = Math.floor(VISIBLE_TILES / 2);\n  // A tile is drawn at one design px per world unit, through the type scale.\n  const tile = rem(theme, TILE_WORLD_UNITS);\n  const grid = rem(theme, TILE_WORLD_UNITS * VISIBLE_TILES);\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        // The pan is pointer pixels dragged, so it stays px: the grid follows\n        // the cursor exactly, whatever the type scale.\n        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,\n        width: grid,\n        height: grid,\n        display: 'grid',\n        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${tile})`,\n        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${tile})`,\n        transition: 'transform 0.1s ease-out',\n      }}\n    >\n      {Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {\n        // The grid is centred on the origin tile, so indices run from -half.\n        const tileX = (origin?.x || 0) + (index % VISIBLE_TILES) - half;\n        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;\n\n        return (\n          <div\n            key={`tile-${tileX}-${tileY}`}\n            style={{\n              width: tile,\n              height: tile,\n              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,\n              background,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              fontSize: rem(theme, 10),\n              color: alpha(theme.palette.text.secondary, 0.3),\n              fontFamily: 'monospace',\n              userSelect: 'none',\n            }}\n          >\n            {zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,OAAO,gBAAgB;AAsDtB;AA3CV,IAAM,gBAAgB,KAAK,KAAK,MAAM,gBAAgB,IAAI;AAE1D,IAAM,iBAAiB;AAShB,IAAM,WAA8B,CAAC,EAAE,QAAQ,MAAM,SAAS,UAAU,MAAM;AACnF,QAAM,QAAQ,SAAS;AACvB,QAAM,gBAAgB,MAAM,QAAQ,SAAS,SAAS,OAAO;AAC7D,QAAM,aAAa,eAAe,SAAS,KAAK;AAChD,QAAM,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEzC,QAAM,OAAO,IAAI,OAAO,gBAAgB;AACxC,QAAM,OAAO,IAAI,OAAO,mBAAmB,aAAa;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA;AAAA;AAAA,QAGN,WAAW,yBAAyB,UAAU,CAAC,oBAAoB,UAAU,CAAC;AAAA,QAC9E,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,qBAAqB,UAAU,aAAa,KAAK,IAAI;AAAA,QACrD,kBAAkB,UAAU,aAAa,KAAK,IAAI;AAAA,QAClD,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,gBAAgB,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAEvE,cAAM,SAAS,QAAQ,KAAK,KAAM,QAAQ,gBAAiB;AAC3D,cAAM,SAAS,QAAQ,KAAK,KAAK,KAAK,MAAM,QAAQ,aAAa,IAAI;AAErE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,aAAa,CAAC;AAAA,cAChE;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,UAAU,IAAI,OAAO,EAAE;AAAA,cACvB,OAAO,MAAM,MAAM,QAAQ,KAAK,WAAW,GAAG;AAAA,cAC9C,YAAY;AAAA,cACZ,YAAY;AAAA,YACd;AAAA,YAEC,iBAAO,kBAAkB,GAAG,KAAK,IAAI,KAAK;AAAA;AAAA,UAftC,QAAQ,KAAK,IAAI,KAAK;AAAA,QAgB7B;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/{chunk-CNQUCNEA.js → chunk-I3F4C5SS.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-Y7F5JBAT.js";
+} from "./chunk-DDRKYNPB.js";
 import {
   DataViewsExportMenu
 } from "./chunk-6N4AA2Y7.js";
 import {
   renderBulkActions
-} from "./chunk-PPRV4LTM.js";
+} from "./chunk-BWHOCNGW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-CNQUCNEA.js.map
+//# sourceMappingURL=chunk-I3F4C5SS.js.map

package/dist/{chunk-UFJYJHQI.js → chunk-J5VWGQSR.js}

@@ -1,6 +1,6 @@
 import {
   FleetBody
-} from "./chunk-TKC6WHGB.js";
+} from "./chunk-SBIZXZPP.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-UFJYJHQI.js.map
+//# sourceMappingURL=chunk-J5VWGQSR.js.map

package/dist/{chunk-MTFCPPZ5.js → chunk-JWZJSXI5.js}

@@ -1,4 +1,5 @@
 // src/components/data-display/Table/Table.helpers.ts
+var tableRowHeight = (rowHeight) => rowHeight ?? 52;
 var TABLE_DEFAULTS = {
   variant: "default",
   stripeColor: "neutral",
@@ -12,7 +13,6 @@ var TABLE_DEFAULTS = {
   selectedRows: [],
   sortable: false,
   virtualScrolling: false,
-  rowHeight: 52,
   overscan: 5,
   responsive: false,
   showColumnToggle: true
@@ -22,7 +22,8 @@ var definedProps = (props) => Object.fromEntries(
 );
 
 export {
+  tableRowHeight,
   TABLE_DEFAULTS,
   definedProps
 };
-//# sourceMappingURL=chunk-MTFCPPZ5.js.map
+//# sourceMappingURL=chunk-JWZJSXI5.js.map

package/dist/chunk-JWZJSXI5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.helpers.ts"],"sourcesContent":["import type { TableProps } from './Table.types';\n\n/**\n * A virtualised row's height in design px: the caller's `rowHeight`, else 52.\n * Resolved here rather than in {@link TABLE_DEFAULTS} so the one number is read\n * where it is drawn (`rem`) and where the window is positioned with it (`remPx`).\n */\nexport const tableRowHeight = (rowHeight: number | undefined): number => rowHeight ?? 52;\n\nexport const TABLE_DEFAULTS: Partial<TableProps> = {\n  variant: 'default',\n  stripeColor: 'neutral',\n  glow: false,\n  pulse: false,\n  hoverable: false,\n  loading: false,\n  density: 'normal',\n  stickyHeader: false,\n  selectable: false,\n  selectedRows: [],\n  sortable: false,\n  virtualScrolling: false,\n  overscan: 5,\n  responsive: false,\n  showColumnToggle: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default as a destructuring default would. Eighteen separate\n// destructuring defaults were most of this component's branch count.\nexport const definedProps = (props: TableProps): Partial<TableProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<TableProps>;\n\n// The container + styled table + optional header, shared by the loading, empty\n// and populated renders.\n"],"mappings":";AAOO,IAAM,iBAAiB,CAAC,cAA0C,aAAa;AAE/E,IAAM,iBAAsC;AAAA,EACjD,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EACf,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,kBAAkB;AACpB;AAKO,IAAM,eAAe,CAAC,UAC3B,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;","names":[]}

package/dist/{chunk-4JFL62K3.js → chunk-K7FSTB2K.js}

@@ -1,12 +1,12 @@
 import {
   onTrackInk,
   switchSx
-} from "./chunk-AUSUCZYR.js";
+} from "./chunk-ZBVU2YWV.js";
 import {
   LABEL_GAP_UNITS,
   SWITCH_ICON_SIZES,
   TAP_TARGET_MIN
-} from "./chunk-D5SZXH7Q.js";
+} from "./chunk-TNBJ4DK4.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -220,4 +220,4 @@ export {
   SwitchHelper,
   SwitchRow
 };
-//# sourceMappingURL=chunk-4JFL62K3.js.map
+//# sourceMappingURL=chunk-K7FSTB2K.js.map

package/dist/{chunk-FFCJ7NR2.js → chunk-KRQUPE4K.js}

@@ -1,6 +1,6 @@
 import {
   STACK_BREAK
-} from "./chunk-M2JTIH5M.js";
+} from "./chunk-F44R7US6.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -16,10 +16,10 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-NB3FGWU4.js";
+} from "./chunk-EQXIW5MQ.js";
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-PMOEG36E.js";
+} from "./chunk-XZJM6EPC.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -189,4 +189,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-FFCJ7NR2.js.map
+//# sourceMappingURL=chunk-KRQUPE4K.js.map

package/dist/{chunk-2OYFTSG4.js → chunk-KXLUMEDX.js}

@@ -1,6 +1,6 @@
 import {
   SaveViewModal
-} from "./chunk-MR2HKBHS.js";
+} from "./chunk-27LOJVR3.js";
 import {
   ManageViewsDialog
 } from "./chunk-QA2ZGCRL.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-2OYFTSG4.js.map
+//# sourceMappingURL=chunk-KXLUMEDX.js.map

package/dist/{chunk-DVAAUWTC.js → chunk-LCHCE2G5.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-XJPJ6ESI.js";
+} from "./chunk-4OAKGKK5.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-DVAAUWTC.js.map
+//# sourceMappingURL=chunk-LCHCE2G5.js.map

package/dist/{chunk-G4HBNILE.js → chunk-LEHMWJNZ.js}

@@ -5,11 +5,11 @@ import {
 } from "./chunk-EARWC6PD.js";
 import {
   useDataGridModel
-} from "./chunk-DLJGBJZW.js";
+} from "./chunk-DGMDQHMI.js";
 import {
   GridBody,
   GridHeader
-} from "./chunk-HTZNB6IV.js";
+} from "./chunk-H5ZTIELC.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -117,4 +117,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-G4HBNILE.js.map
+//# sourceMappingURL=chunk-LEHMWJNZ.js.map

package/dist/{chunk-P6TNXBDA.js → chunk-MYKWJCR7.js}

@@ -1,18 +1,18 @@
 import {
   resizedTo
-} from "./chunk-3TDVGZZN.js";
+} from "./chunk-QBTBRJ2Q.js";
 
 // src/components/layout/Resizable/Resizable.hooks.ts
 import React, { useCallback, useRef, useState } from "react";
-var useResize = ({ width, height, bounds, disabled, onResize }) => {
-  const [size, setSize] = useState({ width, height });
+var useResize = ({ start, bounds, pxPerDesignPx, disabled, onResize }) => {
+  const [size, setSize] = useState(start);
   const [isResizing, setIsResizing] = useState(false);
   const startPos = useRef({ x: 0, y: 0 });
   const startSize = useRef({ width: 0, height: 0 });
   const activeHandle = useRef(null);
   React.useEffect(() => {
-    setSize({ width, height });
-  }, [width, height]);
+    setSize(start);
+  }, [start]);
   const handleMouseDown = useCallback(
     (e, handle) => {
       if (disabled) return;
@@ -21,7 +21,7 @@ var useResize = ({ width, height, bounds, disabled, onResize }) => {
       setIsResizing(true);
       activeHandle.current = handle;
       startPos.current = { x: e.clientX, y: e.clientY };
-      startSize.current = { width: size.width, height: size.height };
+      startSize.current = size;
       const handleMouseMove = (move) => {
         const delta = {
           x: move.clientX - startPos.current.x,
@@ -29,7 +29,7 @@ var useResize = ({ width, height, bounds, disabled, onResize }) => {
         };
         const next = resizedTo(handle, delta, startSize.current, bounds);
         setSize(next);
-        onResize?.(next.width, next.height);
+        onResize?.(next.width / pxPerDesignPx, next.height / pxPerDesignPx);
       };
       const handleMouseUp = () => {
         setIsResizing(false);
@@ -40,7 +40,7 @@ var useResize = ({ width, height, bounds, disabled, onResize }) => {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
     },
-    [disabled, size, bounds, onResize]
+    [disabled, size, bounds, pxPerDesignPx, onResize]
   );
   return { size, isResizing, activeHandle, handleMouseDown };
 };
@@ -48,4 +48,4 @@ var useResize = ({ width, height, bounds, disabled, onResize }) => {
 export {
   useResize
 };
-//# sourceMappingURL=chunk-P6TNXBDA.js.map
+//# sourceMappingURL=chunk-MYKWJCR7.js.map

package/dist/chunk-MYKWJCR7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Resizable/Resizable.hooks.ts"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\n\nimport type { Bounds } from './Resizable.helpers';\nimport { resizedTo } from './Resizable.helpers';\nimport type { ResizeHandle } from './Resizable.types';\n\ninterface ResizeArgs {\n  /** Where the box starts, in px (`startSizePx`); a new object re-seats the box. */\n  start: { width: number; height: number };\n  /** The clamp, in px (`axisPx` per axis). */\n  bounds: Bounds;\n  /** Rendered px per design px (`remPx(theme, 1)`) — `onResize` reports design px. */\n  pxPerDesignPx: number;\n  disabled: boolean;\n  onResize?: (width: number, height: number) => void;\n}\n\n/**\n * Tracks the box's size across a drag. The listeners live on the document rather\n * than the handle, so the pointer can leave the handle — or the component — mid\n * drag without the resize sticking.\n *\n * The live size is px, because a drag is pointer pixels. What `onResize`\n * reports is design px — the unit the consumer's `width`/`height` are in — so a\n * controlled box (`onResize` feeding `width`) stays put at any type scale.\n */\nexport const useResize = ({ start, bounds, pxPerDesignPx, disabled, onResize }: ResizeArgs) => {\n  const [size, setSize] = useState(start);\n  const [isResizing, setIsResizing] = useState(false);\n  const startPos = useRef({ x: 0, y: 0 });\n  const startSize = useRef({ width: 0, height: 0 });\n  const activeHandle = useRef<ResizeHandle | null>(null);\n\n  React.useEffect(() => {\n    setSize(start);\n  }, [start]);\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent, handle: ResizeHandle) => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsResizing(true);\n      activeHandle.current = handle;\n      startPos.current = { x: e.clientX, y: e.clientY };\n      // State is replaced on every change, never mutated, so holding it is a snapshot.\n      startSize.current = size;\n\n      const handleMouseMove = (move: globalThis.MouseEvent) => {\n        const delta = {\n          x: move.clientX - startPos.current.x,\n          y: move.clientY - startPos.current.y,\n        };\n        const next = resizedTo(handle, delta, startSize.current, bounds);\n\n        setSize(next);\n        onResize?.(next.width / pxPerDesignPx, next.height / pxPerDesignPx);\n      };\n\n      const handleMouseUp = () => {\n        setIsResizing(false);\n        activeHandle.current = null;\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    },\n    [disabled, size, bounds, pxPerDesignPx, onResize],\n  );\n\n  return { size, isResizing, activeHandle, handleMouseDown };\n};\n"],"mappings":";;;;;AAAA,OAAO,SAAS,aAAa,QAAQ,gBAAgB;AA0B9C,IAAM,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,UAAU,SAAS,MAAkB;AAC7F,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,WAAW,OAAO,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AACtC,QAAM,YAAY,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAChD,QAAM,eAAe,OAA4B,IAAI;AAErD,QAAM,UAAU,MAAM;AACpB,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAkB;AAAA,IACtB,CAAC,GAAqB,WAAyB;AAC7C,UAAI,SAAU;AAEd,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,oBAAc,IAAI;AAClB,mBAAa,UAAU;AACvB,eAAS,UAAU,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ;AAEhD,gBAAU,UAAU;AAEpB,YAAM,kBAAkB,CAAC,SAAgC;AACvD,cAAM,QAAQ;AAAA,UACZ,GAAG,KAAK,UAAU,SAAS,QAAQ;AAAA,UACnC,GAAG,KAAK,UAAU,SAAS,QAAQ;AAAA,QACrC;AACA,cAAM,OAAO,UAAU,QAAQ,OAAO,UAAU,SAAS,MAAM;AAE/D,gBAAQ,IAAI;AACZ,mBAAW,KAAK,QAAQ,eAAe,KAAK,SAAS,aAAa;AAAA,MACpE;AAEA,YAAM,gBAAgB,MAAM;AAC1B,sBAAc,KAAK;AACnB,qBAAa,UAAU;AACvB,iBAAS,oBAAoB,aAAa,eAAe;AACzD,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAEA,eAAS,iBAAiB,aAAa,eAAe;AACtD,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACpD;AAAA,IACA,CAAC,UAAU,MAAM,QAAQ,eAAe,QAAQ;AAAA,EAClD;AAEA,SAAO,EAAE,MAAM,YAAY,cAAc,gBAAgB;AAC3D;","names":[]}