@12-apps/ui 6.21.0 → 6.23.0

package/dist/{chunk-PXH24VIP.js → chunk-B6IURHSZ.js}

@@ -1,12 +1,12 @@
 import {
   PaletteResults
 } from "./chunk-SQSFMZTF.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
 import {
   ShortcutChip
 } from "./chunk-5EIW2FZY.js";
+import {
+  useCommandPalette
+} from "./chunk-SUZXPDUQ.js";
 
 // src/components/navigation/CommandPalette/CommandPalette.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -212,4 +212,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-PXH24VIP.js.map
+//# sourceMappingURL=chunk-B6IURHSZ.js.map

package/dist/chunk-BEBLRL5D.js

@@ -0,0 +1,177 @@
+import {
+  CARD_BORDER_WIDTH,
+  CARD_ELEVATION,
+  CARD_GLASS,
+  CARD_GLOW,
+  CARD_GRADIENT,
+  CARD_INTERACTIVE_LIFT,
+  CARD_NEUMORPHIC,
+  CARD_PULSE,
+  CARD_RADIUS_FULL,
+  CARD_RADIUS_UNITS,
+  CARD_SECTION_BACKGROUND,
+  neumorphicShadows
+} from "./chunk-6Q6T3FW5.js";
+import {
+  shadowCss,
+  shadowListCss
+} from "./chunk-73BEVJCS.js";
+
+// src/components/layout/Card/Card.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 ${CARD_PULSE.spread}px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var borderRadiusFor = (theme, radius) => {
+  if (radius === "full") return CARD_RADIUS_FULL;
+  const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;
+  return units === 0 ? 0 : theme.spacing(units);
+};
+var pulseSurface = (theme) => ({
+  position: "relative",
+  overflow: "visible",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "0",
+    left: "0",
+    right: "0",
+    bottom: "0",
+    borderRadius: "inherit",
+    backgroundColor: theme.palette.primary.main,
+    opacity: CARD_PULSE.alpha,
+    animation: `${pulseAnimation} ${CARD_PULSE.durationMs / 1e3}s infinite`,
+    pointerEvents: "none",
+    zIndex: CARD_PULSE.zIndex
+  }
+});
+var neumorphicShadow = (theme, lifted) => {
+  const { dark, light } = CARD_NEUMORPHIC.alpha;
+  const [near, far] = theme.palette.mode === "dark" ? [
+    alpha(theme.palette.common.black, dark.near),
+    alpha(theme.palette.common.white, dark.far)
+  ] : [
+    alpha(theme.palette.grey[400], lifted ? light.near.lifted : light.near.rest),
+    alpha(theme.palette.common.white, lifted ? light.far.lifted : light.far.rest)
+  ];
+  return shadowListCss(neumorphicShadows(lifted, near, far));
+};
+var sectionBackground = (theme, lifted) => {
+  const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === "dark" ? "dark" : "light"];
+  return lifted ? wash.lifted : wash.rest;
+};
+var glowShadow = (theme, lifted) => {
+  const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;
+  return shadowCss({
+    offsetX: 0,
+    offsetY: 0,
+    blurRadius,
+    spreadDistance: 0,
+    color: alpha(theme.palette.primary.main, opacity)
+  });
+};
+var VARIANT_SURFACES = {
+  elevated: (_theme, lifted) => ({
+    surface: { elevation: CARD_ELEVATION.rest },
+    hover: { elevation: lifted ? CARD_ELEVATION.lifted : CARD_ELEVATION.rest }
+  }),
+  outlined: (theme, lifted) => ({
+    surface: {
+      border: `${CARD_BORDER_WIDTH}px solid ${theme.palette.divider}`,
+      boxShadow: "none"
+    },
+    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider }
+  }),
+  glass: (theme, lifted) => ({
+    surface: {
+      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),
+      backdropFilter: `blur(${CARD_GLASS.blurPx}px)`,
+      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,
+      boxShadow: shadowCss({
+        offsetX: 0,
+        offsetY: CARD_GLASS.shadow.offsetY,
+        blurRadius: CARD_GLASS.shadow.blurRadius,
+        spreadDistance: 0,
+        color: alpha(theme.palette.common.black, CARD_GLASS.shadow.alpha)
+      })
+    },
+    hover: {
+      backgroundColor: alpha(
+        theme.palette.background.paper,
+        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest
+      ),
+      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted)}`
+    }
+  }),
+  gradient: (theme, lifted) => ({
+    surface: {
+      background: cardGradient(theme, false),
+      color: theme.palette.primary.contrastText,
+      boxShadow: shadowCss({
+        offsetX: 0,
+        offsetY: CARD_GRADIENT.shadow.offsetY,
+        blurRadius: CARD_GRADIENT.shadow.blurRadius,
+        spreadDistance: 0,
+        color: alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha)
+      })
+    },
+    hover: { background: cardGradient(theme, lifted) }
+  }),
+  neumorphic: (theme, lifted) => ({
+    surface: {
+      backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100],
+      boxShadow: neumorphicShadow(theme, false),
+      border: "none"
+    },
+    hover: { boxShadow: neumorphicShadow(theme, lifted) }
+  }),
+  section: (theme, lifted) => ({
+    surface: {
+      backgroundColor: sectionBackground(theme, false),
+      border: "none",
+      boxShadow: "none"
+    },
+    hover: { backgroundColor: sectionBackground(theme, lifted) }
+  })
+};
+var cardGradient = (theme, dark) => dark ? `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})` : `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;
+var variantSurface = (theme, variant, interactive) => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;
+var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) => {
+  const base = {
+    borderRadius: borderRadiusFor(theme, borderRadius),
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color", "background-color"],
+      { duration: theme.transitions.duration.standard }
+    )
+  };
+  const chosen = variantSurface(theme, variant, interactive);
+  if (!chosen) return base;
+  return {
+    ...base,
+    ...interactive && { cursor: "pointer", "&:active": { transform: "translateY(0)" } },
+    ...glow && { boxShadow: glowShadow(theme, false) },
+    ...pulse && pulseSurface(theme),
+    ...chosen.surface,
+    "&:hover": {
+      ...interactive && { transform: `translateY(-${CARD_INTERACTIVE_LIFT}px)` },
+      ...glow && { boxShadow: glowShadow(theme, true) },
+      ...chosen.hover
+    }
+  };
+};
+
+export {
+  cardStyles
+};
+//# sourceMappingURL=chunk-BEBLRL5D.js.map

package/dist/chunk-BEBLRL5D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CardBorderRadius, CardVariant } from './Card.base';\nimport {\n  CARD_BORDER_WIDTH,\n  CARD_ELEVATION,\n  CARD_GLASS,\n  CARD_GLOW,\n  CARD_GRADIENT,\n  CARD_INTERACTIVE_LIFT,\n  CARD_NEUMORPHIC,\n  CARD_PULSE,\n  CARD_RADIUS_FULL,\n  CARD_RADIUS_UNITS,\n  CARD_SECTION_BACKGROUND,\n  neumorphicShadows,\n} from './Card.metrics';\nimport { shadowCss, shadowListCss } from '../../../tokens/shadow';\n\ntype BorderRadius = CardBorderRadius;\n\n// Define pulse animation. The 15px spread and the 2s period are the shared\n// metrics, so the native ring grows by exactly as much for exactly as long.\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${CARD_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst borderRadiusFor = (theme: Theme, radius: BorderRadius): number | string => {\n  if (radius === 'full') return CARD_RADIUS_FULL;\n  const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n};\n\nconst pulseSurface = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: CARD_PULSE.alpha,\n    animation: `${pulseAnimation} ${CARD_PULSE.durationMs / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: CARD_PULSE.zIndex,\n  },\n});\n\nconst neumorphicShadow = (theme: Theme, lifted: boolean): string => {\n  const { dark, light } = CARD_NEUMORPHIC.alpha;\n  const [near, far] =\n    theme.palette.mode === 'dark'\n      ? [\n          alpha(theme.palette.common.black, dark.near),\n          alpha(theme.palette.common.white, dark.far),\n        ]\n      : [\n          alpha(theme.palette.grey[400], lifted ? light.near.lifted : light.near.rest),\n          alpha(theme.palette.common.white, lifted ? light.far.lifted : light.far.rest),\n        ];\n\n  return shadowListCss(neumorphicShadows(lifted, near, far));\n};\n\nconst sectionBackground = (theme: Theme, lifted: boolean): string => {\n  const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === 'dark' ? 'dark' : 'light'];\n  return lifted ? wash.lifted : wash.rest;\n};\n\nconst glowShadow = (theme: Theme, lifted: boolean): string => {\n  const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;\n  return shadowCss({\n    offsetX: 0,\n    offsetY: 0,\n    blurRadius,\n    spreadDistance: 0,\n    color: alpha(theme.palette.primary.main, opacity),\n  });\n};\n\ninterface Surface {\n  surface: CSSObject;\n  hover: CSSObject;\n}\n\n/**\n * Each variant contributes a resting surface and whatever it changes on hover.\n * Only `interactive` cards actually move on hover, so the hover half of every\n * variant reads back its resting value when `interactive` is off.\n */\nconst VARIANT_SURFACES: Record<CardVariant, (theme: Theme, lifted: boolean) => Surface> = {\n  elevated: (_theme, lifted) => ({\n    surface: { elevation: CARD_ELEVATION.rest } as CSSObject,\n    hover: { elevation: lifted ? CARD_ELEVATION.lifted : CARD_ELEVATION.rest } as CSSObject,\n  }),\n  outlined: (theme, lifted) => ({\n    surface: {\n      border: `${CARD_BORDER_WIDTH}px solid ${theme.palette.divider}`,\n      boxShadow: 'none',\n    },\n    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n  }),\n  glass: (theme, lifted) => ({\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),\n      backdropFilter: `blur(${CARD_GLASS.blurPx}px)`,\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,\n      boxShadow: shadowCss({\n        offsetX: 0,\n        offsetY: CARD_GLASS.shadow.offsetY,\n        blurRadius: CARD_GLASS.shadow.blurRadius,\n        spreadDistance: 0,\n        color: alpha(theme.palette.common.black, CARD_GLASS.shadow.alpha),\n      }),\n    },\n    hover: {\n      backgroundColor: alpha(\n        theme.palette.background.paper,\n        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest,\n      ),\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted)}`,\n    },\n  }),\n  gradient: (theme, lifted) => ({\n    surface: {\n      background: cardGradient(theme, false),\n      color: theme.palette.primary.contrastText,\n      boxShadow: shadowCss({\n        offsetX: 0,\n        offsetY: CARD_GRADIENT.shadow.offsetY,\n        blurRadius: CARD_GRADIENT.shadow.blurRadius,\n        spreadDistance: 0,\n        color: alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha),\n      }),\n    },\n    hover: { background: cardGradient(theme, lifted) },\n  }),\n  neumorphic: (theme, lifted) => ({\n    surface: {\n      backgroundColor:\n        theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[100],\n      boxShadow: neumorphicShadow(theme, false),\n      border: 'none',\n    },\n    hover: { boxShadow: neumorphicShadow(theme, lifted) },\n  }),\n  section: (theme, lifted) => ({\n    surface: {\n      backgroundColor: sectionBackground(theme, false),\n      border: 'none',\n      boxShadow: 'none',\n    },\n    hover: { backgroundColor: sectionBackground(theme, lifted) },\n  }),\n};\n\nconst cardGradient = (theme: Theme, dark: boolean): string =>\n  dark\n    ? `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`\n    : `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;\n\n// An unrecognised variant gets the shared base only — no interactive, glow or\n// pulse decoration, as before.\nconst variantSurface = (\n  theme: Theme,\n  variant: CardVariant,\n  interactive: boolean,\n): Surface | null => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;\n\ninterface CardStyleArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  borderRadius: BorderRadius;\n}\n\nexport const cardStyles = (\n  theme: Theme,\n  { variant, interactive, glow, pulse, borderRadius }: CardStyleArgs,\n): CSSObject => {\n  const base: CSSObject = {\n    borderRadius: borderRadiusFor(theme, borderRadius),\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color', 'background-color'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n\n  const chosen = variantSurface(theme, variant, interactive);\n  if (!chosen) return base;\n\n  return {\n    ...base,\n    ...(interactive && { cursor: 'pointer', '&:active': { transform: 'translateY(0)' } }),\n    ...(glow && { boxShadow: glowShadow(theme, false) }),\n    ...(pulse && pulseSurface(theme)),\n    ...chosen.surface,\n    '&:hover': {\n      ...(interactive && { transform: `translateY(-${CARD_INTERACTIVE_LIFT}px)` }),\n      ...(glow && { boxShadow: glowShadow(theme, true) }),\n      ...chosen.hover,\n    },\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-XEE7PLDR.js → chunk-BZTFPSWT.js}

@@ -1,12 +1,12 @@
-import {
-  NumberBoundInput
-} from "./chunk-FV36LFPX.js";
 import {
   RangePresets
 } from "./chunk-F4RR4666.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
+import {
+  NumberBoundInput
+} from "./chunk-FV36LFPX.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -279,4 +279,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-XEE7PLDR.js.map
+//# sourceMappingURL=chunk-BZTFPSWT.js.map

package/dist/{chunk-B3BK2SNS.js → chunk-C3CMEDSO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-TLX66HCW.js";
+} from "./chunk-4OHRZW7U.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-B3BK2SNS.js.map
+//# sourceMappingURL=chunk-C3CMEDSO.js.map

package/dist/{chunk-OH3YGJT5.js → chunk-CBTY36TU.js}

@@ -1,6 +1,6 @@
 import {
   renderChartByType
-} from "./chunk-KT6HWAEN.js";
+} from "./chunk-WQA4LIIK.js";
 import {
   ChartContainer
 } from "./chunk-M5T3COS2.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-OH3YGJT5.js.map
+//# sourceMappingURL=chunk-CBTY36TU.js.map

package/dist/chunk-CDCTLPMD.js

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

package/dist/chunk-CDCTLPMD.js.map

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

package/dist/chunk-CF3FAAPC.js

@@ -0,0 +1,79 @@
+import {
+  FleetCanvas
+} from "./chunk-2RQINU5T.js";
+import {
+  FleetRoster
+} from "./chunk-MQNKRIGC.js";
+
+// src/components/data-display/FleetMap/FleetBody.tsx
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FleetBody({
+  ordered,
+  centre,
+  markers,
+  select,
+  onKeyDown,
+  copy,
+  selectedId,
+  laggingAfterSeconds,
+  staleAfterSeconds,
+  height,
+  loading,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: { xs: "column", md: "row" },
+      spacing: 2,
+      "aria-busy": loading || void 0,
+      "data-testid": `${testId}-body`,
+      sx: { alignItems: "stretch", minWidth: 0 },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              flexBasis: { md: "280px", lg: "320px", xl: "380px" },
+              flexShrink: 0,
+              minWidth: 0,
+              maxHeight: height,
+              display: "flex"
+            },
+            children: /* @__PURE__ */ jsx(
+              FleetRoster,
+              {
+                units: ordered,
+                copy,
+                selectedId,
+                onSelect: select,
+                laggingAfterSeconds,
+                staleAfterSeconds,
+                loading,
+                testId,
+                onKeyDown
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FleetCanvas,
+          {
+            copy,
+            centre,
+            markers,
+            height,
+            testId
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FleetBody
+};
+//# sourceMappingURL=chunk-CF3FAAPC.js.map

package/dist/chunk-CF3FAAPC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetBody.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport React from 'react';\n\nimport { FleetCanvas } from './FleetCanvas';\nimport type { FleetMapState } from './FleetMap.hooks';\nimport type { FleetMapCopy } from './FleetMap.types';\nimport { FleetRoster } from './FleetRoster';\n\nexport interface FleetBodyProps\n  extends Pick<FleetMapState, 'ordered' | 'centre' | 'markers' | 'select' | 'onKeyDown'> {\n  copy: FleetMapCopy;\n  selectedId: string | null | undefined;\n  laggingAfterSeconds: number;\n  staleAfterSeconds: number;\n  height: string;\n  loading: boolean;\n  testId: string;\n}\n\n/**\n * The two halves side by side: the roster that reads the fleet, and the map.\n *\n * A component rather than JSX inside {@link import('./FleetMap').FleetMap}\n * because the layout is where every responsive decision lives, and keeping it\n * here is what leaves the exported component short enough to read in one\n * screen — which the complexity ledger enforces rather than merely suggests.\n */\nexport function FleetBody({\n  ordered,\n  centre,\n  markers,\n  select,\n  onKeyDown,\n  copy,\n  selectedId,\n  laggingAfterSeconds,\n  staleAfterSeconds,\n  height,\n  loading,\n  testId,\n}: FleetBodyProps): React.JSX.Element {\n  return (\n    <Stack\n      direction={{ xs: 'column', md: 'row' }}\n      spacing={2}\n      // `aria-busy` belongs on the halves that are actually reloading, NOT on\n      // the panel root — the live region announcing the reload is a sibling up\n      // there, and a live region inside a busy subtree is exactly what\n      // `aria-busy` tells assistive tech to hold back. Marking the root busy\n      // would have silenced the announcement for the whole of the only window\n      // in which it has anything to say. `CepField` splits them the same way.\n      aria-busy={loading || undefined}\n      data-testid={`${testId}-body`}\n      sx={{ alignItems: 'stretch', minWidth: 0 }}\n    >\n      {/* The roster reads first on a phone and sits beside the map from md up.\n          It keeps a ceiling so thirty units scroll rather than push the map off\n          the screen.\n\n          It also WIDENS with the viewport rather than staying at its md width.\n          Held at 280px, a desktop gave the map 1600px for three pins while the\n          roster stayed too narrow for its own meta line — `Lagging · 2 min ago ·\n          ±180 m` wrapped, at 1920px of all widths. The rungs below are the ones\n          the six-width pass was taken at. */}\n      <Box\n        sx={{\n          flexBasis: { md: '280px', lg: '320px', xl: '380px' },\n          flexShrink: 0,\n          minWidth: 0,\n          maxHeight: height,\n          display: 'flex',\n        }}\n      >\n        <FleetRoster\n          units={ordered}\n          copy={copy}\n          selectedId={selectedId}\n          onSelect={select}\n          laggingAfterSeconds={laggingAfterSeconds}\n          staleAfterSeconds={staleAfterSeconds}\n          loading={loading}\n          testId={testId}\n          onKeyDown={onKeyDown}\n        />\n      </Box>\n      <FleetCanvas\n        copy={copy}\n        centre={centre}\n        markers={markers}\n        height={height}\n        testId={testId}\n      />\n    </Stack>\n  );\n}\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AA0Cd,SA+BI,KA/BJ;AAfG,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,IAAI,UAAU,IAAI,MAAM;AAAA,MACrC,SAAS;AAAA,MAOT,aAAW,WAAW;AAAA,MACtB,eAAa,GAAG,MAAM;AAAA,MACtB,IAAI,EAAE,YAAY,WAAW,UAAU,EAAE;AAAA,MAWzC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW,EAAE,IAAI,SAAS,IAAI,SAAS,IAAI,QAAQ;AAAA,cACnD,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,YACX;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA,UAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-JIINGMEB.js → chunk-CHPZTF34.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-5M4TYFR3.js";
 import {
   PreviewBox
-} from "./chunk-IFNK5TPI.js";
+} from "./chunk-2HPP6RVC.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   Switch
-} from "./chunk-AD776JPA.js";
+} from "./chunk-FR67FG2U.js";
 import {
   Input
-} from "./chunk-TLX66HCW.js";
+} from "./chunk-4OHRZW7U.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -25,10 +25,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/SaveViewModal.tsx
 import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-JIINGMEB.js.map
+//# sourceMappingURL=chunk-CHPZTF34.js.map

package/dist/{chunk-PWXL3QQ6.js → chunk-CJBBGMIA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IDHZHOZW.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-PWXL3QQ6.js.map
+//# sourceMappingURL=chunk-CJBBGMIA.js.map

package/dist/{chunk-BPYPUEM5.js → chunk-CZJLWCEG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-SUALMVL7.js";
 import {
   CalendarMonth
-} from "./chunk-IPE5FFFD.js";
+} from "./chunk-PUBPZOQJ.js";
 
 // src/components/form/Calendar/Calendar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -83,4 +83,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-BPYPUEM5.js.map
+//# sourceMappingURL=chunk-CZJLWCEG.js.map

package/dist/{chunk-FPWB5ILF.js → chunk-DRHIIUDO.js}

@@ -3,15 +3,15 @@ import {
   chipStyles,
   iconWithTestId,
   makeKeyDownHandler
-} from "./chunk-E46PG577.js";
-import {
-  chipMuiSize
-} from "./chunk-KU6VHNRV.js";
+} from "./chunk-URXT5TOY.js";
 import {
   chipRole,
   isClickable,
   makeTestId
 } from "./chunk-BF4FYOAR.js";
+import {
+  chipMuiSize
+} from "./chunk-KU6VHNRV.js";
 
 // src/components/data-display/Chip/Chip.tsx
 import CancelIcon from "@mui/icons-material/Cancel";
@@ -76,4 +76,4 @@ Chip.displayName = "Chip";
 export {
   Chip
 };
-//# sourceMappingURL=chunk-FPWB5ILF.js.map
+//# sourceMappingURL=chunk-DRHIIUDO.js.map

package/dist/{chunk-BEGWE5O4.js → chunk-DTC224UJ.js}

@@ -1,3 +1,6 @@
+import {
+  EditorToolbar
+} from "./chunk-4V7DBU4H.js";
 import {
   useCodeEditor
 } from "./chunk-ZSXV3ERD.js";
@@ -5,9 +8,6 @@ import {
   makeTestId,
   resolveCodeEditorProps
 } from "./chunk-CSSCGM27.js";
-import {
-  EditorToolbar
-} from "./chunk-4V7DBU4H.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -167,4 +167,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-BEGWE5O4.js.map
+//# sourceMappingURL=chunk-DTC224UJ.js.map

package/dist/{chunk-UB76PBDF.js → chunk-DVFIE54C.js}

@@ -7,7 +7,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Container/Container.tsx
 import MuiContainer from "@mui/material/Container/index.js";
@@ -66,4 +66,4 @@ var Container = ({
 export {
   Container
 };
-//# sourceMappingURL=chunk-UB76PBDF.js.map
+//# sourceMappingURL=chunk-DVFIE54C.js.map

package/dist/{chunk-GO4MVQGC.js → chunk-DW5FRWRQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-columns-tab.tsx
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
@@ -181,4 +181,4 @@ function MoveButton({
 export {
   ColumnsTab
 };
-//# sourceMappingURL=chunk-GO4MVQGC.js.map
+//# sourceMappingURL=chunk-DW5FRWRQ.js.map

package/dist/{chunk-6Z4H2Y77.js → chunk-E27Y7FF2.js}

@@ -1,6 +1,3 @@
-import {
-  VARIANT_ICON
-} from "./chunk-N3QUEBNS.js";
 import {
   ACTION_SLOT,
   ALERT_EASING,
@@ -22,6 +19,9 @@ import {
   SEMANTIC_VARIANTS,
   seconds
 } from "./chunk-B2Y3BABA.js";
+import {
+  VARIANT_ICON
+} from "./chunk-N3QUEBNS.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -267,4 +267,4 @@ export {
   alertVariantStyles,
   alertEmphasisStyles
 };
-//# sourceMappingURL=chunk-6Z4H2Y77.js.map
+//# sourceMappingURL=chunk-E27Y7FF2.js.map

package/dist/{chunk-PANMJFDS.js → chunk-E55CJV65.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/DataViewsBoard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -187,4 +187,4 @@ export {
   groupRows,
   DataViewsBoard
 };
-//# sourceMappingURL=chunk-PANMJFDS.js.map
+//# sourceMappingURL=chunk-E55CJV65.js.map

package/dist/{chunk-JXAYT6LX.js → chunk-EJQW2IYW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4T6W43TO.js";
 import {
   CategorySelect
-} from "./chunk-4MLDWACO.js";
+} from "./chunk-JM64OEU6.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-JXAYT6LX.js.map
+//# sourceMappingURL=chunk-EJQW2IYW.js.map

package/dist/{chunk-TPIBJP4S.js → chunk-EOHKZGOZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-DH75UNF3.js";
+} from "./chunk-FGK2C7JR.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-TPIBJP4S.js.map
+//# sourceMappingURL=chunk-EOHKZGOZ.js.map

package/dist/{chunk-MSUSZLRE.js → chunk-EWT3WMVY.js}

@@ -1,3 +1,7 @@
+import {
+  resolveCommandProps,
+  useCommandPalette
+} from "./chunk-6DN4ZULV.js";
 import {
   commandPaperStyles,
   commandSizeStyles
@@ -6,10 +10,6 @@ import {
   CommandEmpty,
   CommandLoading
 } from "./chunk-CMK4DJDR.js";
-import {
-  resolveCommandProps,
-  useCommandPalette
-} from "./chunk-6DN4ZULV.js";
 
 // src/components/form/Command/Command.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -302,4 +302,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-MSUSZLRE.js.map
+//# sourceMappingURL=chunk-EWT3WMVY.js.map