@12-apps/ui 6.21.0 → 6.23.0

package/dist/{chunk-ZXLIWOXC.js → chunk-LS4FMSHY.js}

@@ -1,16 +1,16 @@
 import {
   ColumnsTab
-} from "./chunk-GO4MVQGC.js";
+} from "./chunk-DW5FRWRQ.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-D4T646G4.js";
+} from "./chunk-7NSX7A5H.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-Z6UEOSL7.js";
+} from "./chunk-2FDBR77W.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-ZXLIWOXC.js.map
+//# sourceMappingURL=chunk-LS4FMSHY.js.map

package/dist/{chunk-SFAP5EH5.js → chunk-LUMF63BM.js}

@@ -1,9 +1,9 @@
-import {
-  TutorialStepBody
-} from "./chunk-7WP2HRTW.js";
 import {
   useTutorialOverlay
 } from "./chunk-RSQMPCCR.js";
+import {
+  TutorialStepBody
+} from "./chunk-7WP2HRTW.js";
 
 // src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
 import Box from "@mui/material/Box/index.js";
@@ -271,4 +271,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-SFAP5EH5.js.map
+//# sourceMappingURL=chunk-LUMF63BM.js.map

package/dist/{chunk-CZPU5TW3.js → chunk-LYSSO6WC.js}

@@ -1,10 +1,10 @@
+import {
+  DENSITY_ROW_PADDING
+} from "./chunk-ZPIMPOHV.js";
 import {
   CellConfigProvider,
   cellTracks
 } from "./chunk-6VP2L3DJ.js";
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-CZPU5TW3.js.map
+//# sourceMappingURL=chunk-LYSSO6WC.js.map

package/dist/{chunk-736HP6BL.js → chunk-M4LQRQFL.js}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DescriptionItem/DescriptionItem.tsx
 import Box from "@mui/material/Box/index.js";
@@ -61,4 +61,4 @@ DescriptionItem.displayName = "DescriptionItem";
 export {
   DescriptionItem
 };
-//# sourceMappingURL=chunk-736HP6BL.js.map
+//# sourceMappingURL=chunk-M4LQRQFL.js.map

package/dist/{chunk-426FTCMF.js → chunk-MESRKY67.js}

@@ -11,7 +11,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/typography/Heading/Heading.tsx
 import { styled } from "@mui/material/styles/index.js";
@@ -61,4 +61,4 @@ Heading.displayName = "Heading";
 export {
   Heading
 };
-//# sourceMappingURL=chunk-426FTCMF.js.map
+//# sourceMappingURL=chunk-MESRKY67.js.map

package/dist/{chunk-B5PYBEXO.js → chunk-MP4VSWHK.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-N7MJ6CNC.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Spacer/Spacer.tsx
 import Box from "@mui/material/Box/index.js";
@@ -43,4 +43,4 @@ var Spacer = ({
 export {
   Spacer
 };
-//# sourceMappingURL=chunk-B5PYBEXO.js.map
+//# sourceMappingURL=chunk-MP4VSWHK.js.map

package/dist/chunk-MQNKRIGC.js

@@ -0,0 +1,205 @@
+import {
+  freshnessOf
+} from "./chunk-5V4UPOWK.js";
+import {
+  Skeleton
+} from "./chunk-7VN7LFBA.js";
+
+// src/components/data-display/FleetMap/FleetRoster.tsx
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function freshnessColor(freshness, theme) {
+  if (freshness === "live") return theme.palette.success.main;
+  if (freshness === "lagging") return theme.palette.warning.main;
+  return theme.palette.text.disabled;
+}
+function RowText({
+  unit,
+  copy,
+  freshness,
+  testId
+}) {
+  const theme = useTheme();
+  const meta = [
+    copy.freshness[freshness],
+    copy.lastSeen(unit.staleSeconds),
+    unit.accuracyM == null ? null : copy.accuracy(unit.accuracyM)
+  ].filter((part) => Boolean(part)).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs(Stack, { sx: { minWidth: 0, flexGrow: 1 }, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        component: "p",
+        "data-testid": `${testId}-label`,
+        sx: { fontWeight: theme.typography.fontWeightMedium, overflowWrap: "anywhere" },
+        children: unit.label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        component: "p",
+        "data-testid": `${testId}-meta`,
+        sx: { color: theme.palette.text.secondary },
+        children: meta
+      }
+    )
+  ] });
+}
+function useKeptInView(selected, position) {
+  const row = React.useRef(null);
+  React.useEffect(() => {
+    const box = row.current;
+    const list = box?.parentElement;
+    if (!selected || !box || !list) return;
+    const top = box.offsetTop - list.offsetTop;
+    if (top < list.scrollTop) {
+      list.scrollTop = top;
+    } else if (top + box.offsetHeight > list.scrollTop + list.clientHeight) {
+      list.scrollTop = top + box.offsetHeight - list.clientHeight;
+    }
+  }, [selected, position]);
+  return row;
+}
+function rowSx(theme, selected) {
+  const resting = selected ? theme.palette.action.selected : "transparent";
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(1.5),
+    padding: theme.spacing(1, 1.5),
+    // `1`, not `theme.shape.borderRadius / 4`. MUI's `sx` reads a NUMBER here as
+    // a multiple of `theme.shape.borderRadius`, so dividing the theme value out
+    // and letting `sx` multiply it back in is quadratic: measured 4px on the
+    // default theme — which is why this looked right — and 36px on a host that
+    // sets its own radius to 12. In a package whose whole premise is being
+    // re-themed, only the multiple is portable.
+    borderRadius: 1,
+    cursor: "pointer",
+    backgroundColor: resting,
+    "&:hover": {
+      backgroundColor: selected ? theme.palette.action.selected : theme.palette.action.hover
+    }
+  };
+}
+function FleetRow({
+  unit,
+  copy,
+  freshness,
+  selected,
+  onSelect,
+  optionId,
+  position,
+  testId
+}) {
+  const theme = useTheme();
+  const color = freshnessColor(freshness, theme);
+  const row = useKeptInView(selected, position);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: row,
+      role: "option",
+      "aria-selected": selected,
+      id: optionId,
+      "data-testid": testId,
+      "data-freshness": freshness,
+      onClick: () => onSelect(unit.id),
+      sx: rowSx(theme, selected),
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            "aria-hidden": "true",
+            "data-testid": `${testId}-dot`,
+            sx: {
+              width: 10,
+              height: 10,
+              borderRadius: "50%",
+              flexShrink: 0,
+              backgroundColor: color
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(RowText, { unit, copy, freshness, testId }),
+        unit.badge && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            component: "span",
+            "data-testid": `${testId}-badge`,
+            sx: { color: theme.palette.text.secondary, flexShrink: 0 },
+            children: unit.badge
+          }
+        )
+      ]
+    }
+  );
+}
+function FirstLoad({ testId }) {
+  return /* @__PURE__ */ jsx(Stack, { spacing: 1, "data-testid": `${testId}-skeleton`, "aria-hidden": "true", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 44, borderRadius: 1 }, row)) });
+}
+function FleetRoster({
+  units,
+  copy,
+  selectedId,
+  onSelect,
+  laggingAfterSeconds,
+  staleAfterSeconds,
+  loading,
+  testId,
+  onKeyDown
+}) {
+  const theme = useTheme();
+  const rowIdPrefix = React.useId();
+  const optionId = (id) => `${rowIdPrefix}-${id}`;
+  const active = units.some((unit) => unit.id === selectedId) ? selectedId : null;
+  if (loading && units.length === 0) return /* @__PURE__ */ jsx(FirstLoad, { testId });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      role: "listbox",
+      tabIndex: 0,
+      "aria-label": copy.rosterLabel,
+      "aria-activedescendant": active ? optionId(active) : void 0,
+      "data-testid": `${testId}-roster`,
+      onKeyDown,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.spacing(0.5),
+        overflowY: "auto",
+        minWidth: 0,
+        "&:focus-visible": {
+          outline: `2px solid ${theme.palette.primary.main}`,
+          outlineOffset: 2
+        }
+      },
+      children: units.map((unit, index) => /* @__PURE__ */ jsx(
+        FleetRow,
+        {
+          unit,
+          copy,
+          freshness: freshnessOf(unit.staleSeconds, laggingAfterSeconds, staleAfterSeconds),
+          selected: unit.id === active,
+          onSelect,
+          optionId: optionId(unit.id),
+          position: index,
+          testId: `${testId}-${unit.id}`
+        },
+        unit.id
+      ))
+    }
+  );
+}
+
+export {
+  FleetRoster
+};
+//# sourceMappingURL=chunk-MQNKRIGC.js.map

package/dist/chunk-MQNKRIGC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetRoster.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton';\n\nimport { freshnessOf } from './FleetMap.helpers';\nimport type { FleetFreshness, FleetMapCopy, FleetUnit } from './FleetMap.types';\n\n/**\n * The roster beside the map — and the ACCESSIBLE half of this component.\n *\n * A map is a picture of positions and a screen reader cannot read a picture, so\n * the panel's information is carried by this list. That is not a consolation\n * prize: the list answers the questions a dispatcher actually asks — who is\n * reporting, how recently, and what are they carrying — and it answers them in\n * an order the map cannot express.\n *\n * The map beside it is a NAMED LANDMARK rather than an `aria-hidden` one, so a\n * reader can skip it in one gesture — see `FleetCanvas`, which carries the\n * reason it must not be hidden.\n */\n\n/** Each freshness draws from the semantic palette, never a hardcoded hex. */\nfunction freshnessColor(freshness: FleetFreshness, theme: Theme): string {\n  if (freshness === 'live') return theme.palette.success.main;\n  if (freshness === 'lagging') return theme.palette.warning.main;\n  return theme.palette.text.disabled;\n}\n\n/**\n * A row's two lines of text — the name, and the one-line summary under it.\n *\n * Split out of `FleetRow` to keep that function under the size gate, and the\n * seam is the natural one: everything here is READ, nothing is interactive.\n */\nfunction RowText({\n  unit,\n  copy,\n  freshness,\n  testId,\n}: Pick<RowProps, 'unit' | 'copy' | 'freshness' | 'testId'>): React.JSX.Element {\n  const theme = useTheme();\n\n  // Dropped rather than rendered empty: a phone that reports no accuracy radius\n  // would otherwise print a trailing separator with nothing after it.\n  const meta = [\n    copy.freshness[freshness],\n    copy.lastSeen(unit.staleSeconds),\n    unit.accuracyM == null ? null : copy.accuracy(unit.accuracyM),\n  ]\n    .filter((part): part is string => Boolean(part))\n    .join(' · ');\n\n  return (\n    <Stack sx={{ minWidth: 0, flexGrow: 1 }}>\n      <Typography\n        variant=\"body2\"\n        component=\"p\"\n        data-testid={`${testId}-label`}\n        sx={{ fontWeight: theme.typography.fontWeightMedium, overflowWrap: 'anywhere' }}\n      >\n        {unit.label}\n      </Typography>\n      <Typography\n        variant=\"caption\"\n        component=\"p\"\n        data-testid={`${testId}-meta`}\n        sx={{ color: theme.palette.text.secondary }}\n      >\n        {meta}\n      </Typography>\n    </Stack>\n  );\n}\n\n/**\n * Keep the selected row visible INSIDE the roster.\n *\n * The roster caps its own height, so a dispatcher arrowing through a fleet of\n * thirty otherwise walks the selection below the fold with nothing moving —\n * `aria-activedescendant` follows, and a SIGHTED keyboard user sees no feedback\n * at all.\n *\n * Watches the row's POSITION as well as its selectedness, because the roster\n * re-sorts on every poll: a rider who stays selected while their staleness\n * moves them down the list would otherwise slide out of view with the effect\n * never re-running.\n *\n * Arithmetic rather than `scrollIntoView({ block: 'nearest' })` because that\n * walks every scrollable ancestor, the document included, and `nearest` only\n * spares an ancestor the row is already visible in — which is exactly false\n * when the panel is off screen. Re-running on every re-sort, it would yank the\n * whole page back to the map on a timer, and drag it there on mount for any\n * board rendered below the fold with a selection already set.\n */\nfunction useKeptInView(\n  selected: boolean,\n  position: number,\n): React.RefObject<HTMLDivElement | null> {\n  const row = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const box = row.current;\n    const list = box?.parentElement;\n    if (!selected || !box || !list) return;\n    const top = box.offsetTop - list.offsetTop;\n    if (top < list.scrollTop) {\n      list.scrollTop = top;\n    } else if (top + box.offsetHeight > list.scrollTop + list.clientHeight) {\n      list.scrollTop = top + box.offsetHeight - list.clientHeight;\n    }\n  }, [selected, position]);\n\n  return row;\n}\n\n/**\n * A row's own box, selected or not.\n *\n * Out of line because the hover rule needs the explanation more than the JSX\n * has room for: hover must never WEAKEN the selection. Written flat as\n * `'&:hover': { backgroundColor: action.hover }`, the pseudo-class wins on\n * specificity and repaints the selected row with the hover tint — measured at\n * `rgba(0,0,0,0.08)` idle against `rgba(0,0,0,0.04)` hovered, so pointing at\n * the selected row visually DESELECTED it and made it indistinguishable from\n * any other row under the cursor.\n */\nfunction rowSx(theme: Theme, selected: boolean): SxProps<Theme> {\n  const resting = selected ? theme.palette.action.selected : 'transparent';\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(1, 1.5),\n    // `1`, not `theme.shape.borderRadius / 4`. MUI's `sx` reads a NUMBER here as\n    // a multiple of `theme.shape.borderRadius`, so dividing the theme value out\n    // and letting `sx` multiply it back in is quadratic: measured 4px on the\n    // default theme — which is why this looked right — and 36px on a host that\n    // sets its own radius to 12. In a package whose whole premise is being\n    // re-themed, only the multiple is portable.\n    borderRadius: 1,\n    cursor: 'pointer',\n    backgroundColor: resting,\n    '&:hover': {\n      backgroundColor: selected ? theme.palette.action.selected : theme.palette.action.hover,\n    },\n  };\n}\n\ninterface RowProps {\n  unit: FleetUnit;\n  copy: FleetMapCopy;\n  freshness: FleetFreshness;\n  selected: boolean;\n  onSelect: (id: string) => void;\n  /** The row's DOM id, which `aria-activedescendant` points at. */\n  optionId: string;\n  /** Where the row sits in the re-sorted roster — see the scroll effect. */\n  position: number;\n  testId: string;\n}\n\nfunction FleetRow({\n  unit,\n  copy,\n  freshness,\n  selected,\n  onSelect,\n  optionId,\n  position,\n  testId,\n}: RowProps): React.JSX.Element {\n  const theme = useTheme();\n  const color = freshnessColor(freshness, theme);\n  const row = useKeptInView(selected, position);\n\n  return (\n    <Box\n      ref={row}\n      role=\"option\"\n      aria-selected={selected}\n      id={optionId}\n      data-testid={testId}\n      data-freshness={freshness}\n      onClick={() => onSelect(unit.id)}\n      sx={rowSx(theme, selected)}\n    >\n      {/* The dot repeats what the freshness word beside it already says, so it\n          is hidden rather than read twice — and colour is never the only\n          carrier of the state. */}\n      <Box\n        aria-hidden=\"true\"\n        data-testid={`${testId}-dot`}\n        sx={{\n          width: 10,\n          height: 10,\n          borderRadius: '50%',\n          flexShrink: 0,\n          backgroundColor: color,\n        }}\n      />\n      <RowText unit={unit} copy={copy} freshness={freshness} testId={testId} />\n      {unit.badge && (\n        <Typography\n          variant=\"caption\"\n          component=\"span\"\n          data-testid={`${testId}-badge`}\n          sx={{ color: theme.palette.text.secondary, flexShrink: 0 }}\n        >\n          {unit.badge}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\n/**\n * What stands in for the roster before any unit has landed.\n *\n * `aria-hidden`, because three grey bars are not information — the panel's\n * `aria-busy` and its optional announcement carry that. The radius is the same\n * MULTIPLE a real row uses rather than a raw pixel count: `Skeleton` forwards\n * the number into `sx`, where it scales with `theme.shape.borderRadius`, so a\n * literal `4` drew 16px against the rows' 4px on the default theme and 48px\n * against 12px on a re-themed host.\n */\nfunction FirstLoad({ testId }: { testId: string }): React.JSX.Element {\n  return (\n    <Stack spacing={1} data-testid={`${testId}-skeleton`} aria-hidden=\"true\">\n      {[0, 1, 2].map((row) => (\n        <Skeleton key={row} variant=\"rectangular\" height={44} borderRadius={1} />\n      ))}\n    </Stack>\n  );\n}\n\nexport interface FleetRosterProps {\n  units: readonly FleetUnit[];\n  copy: FleetMapCopy;\n  selectedId: string | null | undefined;\n  onSelect: (id: string) => void;\n  laggingAfterSeconds: number;\n  staleAfterSeconds: number;\n  loading: boolean;\n  testId: string;\n  onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport function FleetRoster({\n  units,\n  copy,\n  selectedId,\n  onSelect,\n  laggingAfterSeconds,\n  staleAfterSeconds,\n  loading,\n  testId,\n  onKeyDown,\n}: FleetRosterProps): React.JSX.Element {\n  const theme = useTheme();\n  // Generated, not derived from `dataTestId`: two boards on one page filtered\n  // from the same fleet would otherwise emit duplicate DOM ids and an ambiguous\n  // `aria-activedescendant`. Same reason the heading uses one.\n  const rowIdPrefix = React.useId();\n  const optionId = (id: string): string => `${rowIdPrefix}-${id}`;\n\n  // The selection is CONTROLLED, so it can name a unit that has since dropped\n  // out of the freshness window — a courier ending their shift mid-poll. The\n  // attribute must then be absent rather than pointing at an element that no\n  // longer renders, which announces nothing and fails an axe audit. `mapCentre`\n  // and `nextSelection` both handle the same case; this is the third place.\n  const active = units.some((unit) => unit.id === selectedId) ? selectedId : null;\n\n  // Only when there is nothing to show yet. Unmounting a populated listbox on\n  // every poll destroys the focus inside it, so a dispatcher arrowing through\n  // the roster is thrown back to the top of the page each time the data\n  // refreshes — and the rows they were reading vanish and return.\n  if (loading && units.length === 0) return <FirstLoad testId={testId} />;\n\n  return (\n    <Box\n      role=\"listbox\"\n      // A single tab stop with arrow keys inside, which is the listbox pattern:\n      // a dispatcher tabbing past a fleet of thirty should not have to press it\n      // thirty times to reach the map.\n      tabIndex={0}\n      aria-label={copy.rosterLabel}\n      aria-activedescendant={active ? optionId(active) : undefined}\n      data-testid={`${testId}-roster`}\n      onKeyDown={onKeyDown}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: theme.spacing(0.5),\n        overflowY: 'auto',\n        minWidth: 0,\n        '&:focus-visible': {\n          outline: `2px solid ${theme.palette.primary.main}`,\n          outlineOffset: 2,\n        },\n      }}\n    >\n      {units.map((unit, index) => (\n        <FleetRow\n          key={unit.id}\n          unit={unit}\n          copy={copy}\n          freshness={freshnessOf(unit.staleSeconds, laggingAfterSeconds, staleAfterSeconds)}\n          selected={unit.id === active}\n          onSelect={onSelect}\n          optionId={optionId(unit.id)}\n          position={index}\n          testId={`${testId}-${unit.id}`}\n        />\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UOPQOBQZ.js → chunk-MYGNIFZC.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-BZTFPSWT.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-more-fields.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-UOPQOBQZ.js.map
+//# sourceMappingURL=chunk-MYGNIFZC.js.map

package/dist/{chunk-6RGWDKUL.js → chunk-N2TUX4A5.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-5WNQJ5KS.js";
 import {
   PillControl
-} from "./chunk-JXAYT6LX.js";
+} from "./chunk-EJQW2IYW.js";
 import {
   MoreFilters
-} from "./chunk-FINCVAAR.js";
+} from "./chunk-KHWCX4LI.js";
 import {
   RangePill
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-BZTFPSWT.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-6RGWDKUL.js.map
+//# sourceMappingURL=chunk-N2TUX4A5.js.map

package/dist/{chunk-VWGR5XUP.js → chunk-NWNSUHEB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HJOABXKN.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-VWGR5XUP.js.map
+//# sourceMappingURL=chunk-NWNSUHEB.js.map

package/dist/{chunk-4K7FDVAB.js → chunk-O3336DJ6.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-FB36IHCE.js";
+} from "./chunk-QFVFHIHE.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -54,4 +54,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-4K7FDVAB.js.map
+//# sourceMappingURL=chunk-O3336DJ6.js.map

package/dist/{chunk-YCCKY5VW.js → chunk-OFOYMZRY.js}

@@ -1,6 +1,3 @@
-import {
-  highlightSegments
-} from "./chunk-LR6MSKTT.js";
 import {
   CheckGlyph,
   DisclosureGlyph
@@ -17,6 +14,9 @@ import {
   rowSx,
   sectionHeadSx
 } from "./chunk-TFO6GBW7.js";
+import {
+  highlightSegments
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryRows.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ export {
   SubcategoryRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-YCCKY5VW.js.map
+//# sourceMappingURL=chunk-OFOYMZRY.js.map

package/dist/{chunk-OCXCH2ZW.js → chunk-OIKQO73C.js}

@@ -1,14 +1,10 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-ZGHIHEND.js";
+} from "./chunk-TW3BXVEU.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
 import {
   useSelection
 } from "./chunk-LLZWB32X.js";
@@ -22,7 +18,11 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-RPQ3W2C6.js";
+} from "./chunk-U2ZDN2AL.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-OCXCH2ZW.js.map
+//# sourceMappingURL=chunk-OIKQO73C.js.map

package/dist/{chunk-QZDBWXZG.js → chunk-OP65D4UR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/form/total-form/SubmitButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-QZDBWXZG.js.map
+//# sourceMappingURL=chunk-OP65D4UR.js.map

package/dist/{chunk-MCRIT46W.js → chunk-OTH7H3IP.js}

@@ -1,7 +1,3 @@
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-OLZTGVBT.js";
 import {
   SheetBody
 } from "./chunk-M2K7BPHX.js";
@@ -11,6 +7,10 @@ import {
 import {
   SheetOverlay
 } from "./chunk-POUWN4PX.js";
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-OLZTGVBT.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-MCRIT46W.js.map
+//# sourceMappingURL=chunk-OTH7H3IP.js.map

package/dist/{chunk-BQQONDW5.js → chunk-OVLNF4AZ.js}

@@ -2,16 +2,16 @@ import {
   CategoryHeadRow,
   CategorySectionHeading,
   SubcategoryRow
-} from "./chunk-YCCKY5VW.js";
-import {
-  categoryCheckState,
-  isLeafCategory
-} from "./chunk-LR6MSKTT.js";
+} from "./chunk-OFOYMZRY.js";
 import {
   emptySx,
   listSx,
   skeletonSx
 } from "./chunk-TFO6GBW7.js";
+import {
+  categoryCheckState,
+  isLeafCategory
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -152,4 +152,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-BQQONDW5.js.map
+//# sourceMappingURL=chunk-OVLNF4AZ.js.map

package/dist/{chunk-AGYGNNOM.js → chunk-PQECNGDE.js}

@@ -4,7 +4,7 @@ import {
   useMapPointer,
   useMapSearch,
   useMapView
-} from "./chunk-4ETQRBZC.js";
+} from "./chunk-46UPILLK.js";
 
 // src/components/data-display/MapPreview/useMapPreview.ts
 import { useMemo, useRef } from "react";
@@ -53,4 +53,4 @@ var useMapPreview = (props) => {
 export {
   useMapPreview
 };
-//# sourceMappingURL=chunk-AGYGNNOM.js.map
+//# sourceMappingURL=chunk-PQECNGDE.js.map

package/dist/{chunk-IIROZKW5.js → chunk-PRUSQQDT.js}

@@ -1,6 +1,6 @@
 import {
   useCardActions
-} from "./chunk-4K7FDVAB.js";
+} from "./chunk-O3336DJ6.js";
 import {
   ConfirmActionDialog
 } from "./chunk-QQS3GQYS.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-IIROZKW5.js.map
+//# sourceMappingURL=chunk-PRUSQQDT.js.map

package/dist/{chunk-IPE5FFFD.js → chunk-PUBPZOQJ.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-SHQWIDD5.js";
+} from "./chunk-GJQYM3PM.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -101,4 +101,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-IPE5FFFD.js.map
+//# sourceMappingURL=chunk-PUBPZOQJ.js.map

package/dist/{chunk-FB36IHCE.js → chunk-QFVFHIHE.js}

@@ -5,12 +5,7 @@ import {
   fadeInScale,
   getColorFromTheme,
   getVariantIcon
-} from "./chunk-6Z4H2Y77.js";
-import {
-  defaultAriaLive,
-  resolveAlertProps,
-  testIdFor
-} from "./chunk-N3QUEBNS.js";
+} from "./chunk-E27Y7FF2.js";
 import {
   ACTIVE,
   ALERT_EASING,
@@ -26,10 +21,15 @@ import {
   TITLE,
   seconds
 } from "./chunk-B2Y3BABA.js";
+import {
+  defaultAriaLive,
+  resolveAlertProps,
+  testIdFor
+} from "./chunk-N3QUEBNS.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -216,4 +216,4 @@ Alert.displayName = "Alert";
 export {
   Alert
 };
-//# sourceMappingURL=chunk-FB36IHCE.js.map
+//# sourceMappingURL=chunk-QFVFHIHE.js.map

package/dist/{chunk-V5P5Q6HM.js → chunk-QJRDDVZ2.js}

@@ -7,14 +7,14 @@ import {
 } from "./chunk-SHDIZSN5.js";
 import {
   StaticMapView
-} from "./chunk-WBKWIFXA.js";
+} from "./chunk-QYNCPS5W.js";
 import {
   glassStyles,
   resolveMapPreviewProps
 } from "./chunk-ACZH2NUW.js";
 import {
   useMapPreview
-} from "./chunk-AGYGNNOM.js";
+} from "./chunk-PQECNGDE.js";
 
 // src/components/data-display/MapPreview/MapPreview.tsx
 import Box from "@mui/material/Box/index.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-V5P5Q6HM.js.map
+//# sourceMappingURL=chunk-QJRDDVZ2.js.map