@12-apps/ui 6.39.9 → 6.39.10

package/dist/{chunk-PK6TRXV4.js → chunk-ECIHOZPK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-3AOQBR7N.js";
+} from "./chunk-OAW6GCS3.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
 } from "./chunk-URHX4FAQ.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-PK6TRXV4.js.map
+//# sourceMappingURL=chunk-ECIHOZPK.js.map

package/dist/{chunk-QU3JX53V.js → chunk-ENRBXB6L.js}

@@ -1,15 +1,12 @@
 import {
   DataViewsBoard
 } from "./chunk-YTINPQKU.js";
-import {
-  SelectAllStrip
-} from "./chunk-3PQ5MZMJ.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
 import {
-  cardGridTracks
-} from "./chunk-BWHOCNGW.js";
+  SelectAllStrip
+} from "./chunk-5FAI25JQ.js";
 import {
   ListCardGroup
 } from "./chunk-O4AHF45C.js";
@@ -20,6 +17,9 @@ import {
   cardTargetWidthFor,
   useDataViewsLayout
 } from "./chunk-XZJM6EPC.js";
+import {
+  cardGridTracks
+} from "./chunk-VPPIODKX.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -273,4 +273,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-QU3JX53V.js.map
+//# sourceMappingURL=chunk-ENRBXB6L.js.map

package/dist/{chunk-FWSMIUWA.js → chunk-ESCF5VMQ.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-F4WFUQYR.js";
+} from "./chunk-IFS3BRRL.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-FWSMIUWA.js.map
+//# sourceMappingURL=chunk-ESCF5VMQ.js.map

package/dist/{chunk-QI5CRSOW.js → chunk-F4KYBBTY.js}

@@ -1,12 +1,12 @@
+import {
+  useMenubarMenus
+} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
 } from "./chunk-DJYL2LC6.js";
 import {
   barStyles
 } from "./chunk-FERUQ7OB.js";
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-QI5CRSOW.js.map
+//# sourceMappingURL=chunk-F4KYBBTY.js.map

package/dist/{chunk-NCEQWEXT.js → chunk-FNO5TWBJ.js}

@@ -1,10 +1,10 @@
-import {
-  transitionFor
-} from "./chunk-N7GE6BGM.js";
 import {
   backdropSx,
   panelSx
 } from "./chunk-NDMPXMW2.js";
+import {
+  transitionFor
+} from "./chunk-N7GE6BGM.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -83,4 +83,4 @@ export {
   Modal,
   ModalContent
 };
-//# sourceMappingURL=chunk-NCEQWEXT.js.map
+//# sourceMappingURL=chunk-FNO5TWBJ.js.map

package/dist/{chunk-S6IWKDWT.js → chunk-GC56IWIZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-R53ZOW4B.js";
+} from "./chunk-PARTZ7XI.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-S6IWKDWT.js.map
+//# sourceMappingURL=chunk-GC56IWIZ.js.map

package/dist/{chunk-2EAAWOZ2.js → chunk-HM2JJNUE.js}

@@ -1,3 +1,6 @@
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
 import {
   buttonEmphasisStyles,
   buttonSize,
@@ -8,9 +11,6 @@ import {
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-LN46DSMF.js";
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
 import {
   childTestId,
   resolveTestId,
@@ -128,4 +128,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-2EAAWOZ2.js.map
+//# sourceMappingURL=chunk-HM2JJNUE.js.map

package/dist/{chunk-OOCREE37.js → chunk-HMAPQV4C.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-WN5PNP6F.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
 } from "./chunk-URHX4FAQ.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-OOCREE37.js.map
+//# sourceMappingURL=chunk-HMAPQV4C.js.map

package/dist/{chunk-2KWYNFVE.js → chunk-HUPR5JXY.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-TTZPO345.js";
+} from "./chunk-JGRBHNK6.js";
 import {
   DataViewsExportMenu
-} from "./chunk-SNYJSACF.js";
+} from "./chunk-S6JHTEV4.js";
 import {
   renderBulkActions
-} from "./chunk-BWHOCNGW.js";
+} from "./chunk-VPPIODKX.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-2KWYNFVE.js.map
+//# sourceMappingURL=chunk-HUPR5JXY.js.map

package/dist/{chunk-F4WFUQYR.js → chunk-IFS3BRRL.js}

@@ -4,7 +4,10 @@ import {
 } from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
-} from "./chunk-VIUDWOV6.js";
+} from "./chunk-7D2C4LK2.js";
+import {
+  StaticMapView
+} from "./chunk-RSDYS5B3.js";
 import {
   glassStyles,
   resolveMapPreviewProps
@@ -12,9 +15,6 @@ import {
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
-import {
-  StaticMapView
-} from "./chunk-RSDYS5B3.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-F4WFUQYR.js.map
+//# sourceMappingURL=chunk-IFS3BRRL.js.map

package/dist/{chunk-3GTMGPNQ.js → chunk-IQJCLFF4.js}

@@ -1,13 +1,13 @@
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-SOHQPPYJ.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-EA2UNEL6.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-SOHQPPYJ.js";
 import {
   remPx
 } from "./chunk-YKCAJ2TN.js";
@@ -63,4 +63,4 @@ function marginPx(theme, margin) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-3GTMGPNQ.js.map
+//# sourceMappingURL=chunk-IQJCLFF4.js.map

package/dist/{chunk-2ZRZTGWP.js → chunk-ISW5K72V.js}

@@ -1,11 +1,11 @@
-import {
-  isDateDisabledBy,
-  nextRangeStep
-} from "./chunk-E2Y7G4MP.js";
 import {
   ACTIVATION_KEYS,
   navigateFocus
 } from "./chunk-FFQ4NOJT.js";
+import {
+  isDateDisabledBy,
+  nextRangeStep
+} from "./chunk-E2Y7G4MP.js";
 import {
   addMonths,
   generateMonthMatrix,
@@ -227,4 +227,4 @@ var useCalendar = (props) => {
 export {
   useCalendar
 };
-//# sourceMappingURL=chunk-2ZRZTGWP.js.map
+//# sourceMappingURL=chunk-ISW5K72V.js.map

package/dist/{chunk-EDKLXA5W.js → chunk-J3XFUCCR.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-D4FZ3ANG.js";
+} from "./chunk-UKX3MPB7.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -22,7 +22,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-BWHOCNGW.js";
+} from "./chunk-VPPIODKX.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-EDKLXA5W.js.map
+//# sourceMappingURL=chunk-J3XFUCCR.js.map

package/dist/{chunk-TTZPO345.js → chunk-JGRBHNK6.js}

@@ -1,16 +1,16 @@
+import {
+  ColumnsTab
+} from "./chunk-OQRG34VG.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-3IF3I3FI.js";
-import {
-  ColumnsTab
-} from "./chunk-OQRG34VG.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-5L7N5HER.js";
+} from "./chunk-M4KVKQRN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-TTZPO345.js.map
+//# sourceMappingURL=chunk-JGRBHNK6.js.map

package/dist/{chunk-GS3RP2QE.js → chunk-KKN4LLVE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   fieldHeight
 } from "./chunk-CGO452DC.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-GS3RP2QE.js.map
+//# sourceMappingURL=chunk-KKN4LLVE.js.map

package/dist/{chunk-QFTBXHOY.js → chunk-LH46NYGR.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-2KWYNFVE.js";
+} from "./chunk-HUPR5JXY.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-QFTBXHOY.js.map
+//# sourceMappingURL=chunk-LH46NYGR.js.map

package/dist/{chunk-56JF5PZK.js → chunk-LYVTJLCF.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-IM4DMKH4.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-IM4DMKH4.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-56JF5PZK.js.map
+//# sourceMappingURL=chunk-LYVTJLCF.js.map

package/dist/{chunk-PZ7PU4AP.js → chunk-M2Q5CLPU.js}

@@ -1,9 +1,9 @@
-import {
-  otpSlotSx
-} from "./chunk-YZ2DMP23.js";
 import {
   useOtpDigits
 } from "./chunk-UETHX57J.js";
+import {
+  otpSlotSx
+} from "./chunk-YZ2DMP23.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -93,4 +93,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-PZ7PU4AP.js.map
+//# sourceMappingURL=chunk-M2Q5CLPU.js.map

package/dist/{chunk-5L7N5HER.js → chunk-M4KVKQRN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
 } from "./chunk-URHX4FAQ.js";
@@ -297,4 +297,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-5L7N5HER.js.map
+//# sourceMappingURL=chunk-M4KVKQRN.js.map

package/dist/{chunk-ERY6D2OV.js → chunk-MWPXKZ7O.js}

@@ -4,12 +4,12 @@ import {
 import {
   ScrollViewport
 } from "./chunk-BAZXVFLR.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4VMFS3VJ.js";
 import {
   sizeCss
 } from "./chunk-I7GSRTGQ.js";
+import {
+  ScrollAreaContent
+} from "./chunk-4VMFS3VJ.js";
 import {
   rem,
   remPx,
@@ -249,4 +249,4 @@ var ScrollArea = (componentProps) => {
 export {
   ScrollArea
 };
-//# sourceMappingURL=chunk-ERY6D2OV.js.map
+//# sourceMappingURL=chunk-MWPXKZ7O.js.map

package/dist/{chunk-XWZJLXJT.js → chunk-N7LPVR7P.js}

@@ -1,3 +1,6 @@
+import {
+  watchVisitorScroll
+} from "./chunk-SLJAQA2X.js";
 import {
   SettingsStatusMarker
 } from "./chunk-DBFRCTI5.js";
@@ -19,18 +22,41 @@ function prefersReducedMotion() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
+function centredScrollLeft(strip, chip) {
+  const chipBox = chip.getBoundingClientRect();
+  const visibleStart = strip.getBoundingClientRect().left + strip.clientLeft;
+  const chipCentre = chipBox.left - visibleStart + strip.scrollLeft + chipBox.width / 2;
+  const target = chipCentre - strip.clientWidth / 2;
+  return Math.max(0, Math.min(target, strip.scrollWidth - strip.clientWidth));
+}
+function findChip(strip, id) {
+  return Array.from(strip.children).find(
+    (node) => node instanceof HTMLElement && node.dataset.chipId === id
+  );
+}
 function useCentreActiveChip(stripRef, activeItemId, itemsKey) {
   useEffect(() => {
     const strip = stripRef.current;
-    if (!strip || !activeItemId) return;
-    const chip = Array.from(strip.children).find(
-      (node) => node instanceof HTMLElement && node.dataset.chipId === activeItemId
-    );
-    if (!chip) return;
-    if (typeof strip.scrollTo !== "function") return;
-    const target = chip.offsetLeft + chip.offsetWidth / 2 - strip.clientWidth / 2;
-    const left = Math.max(0, Math.min(target, strip.scrollWidth - strip.clientWidth));
-    strip.scrollTo({ left, behavior: prefersReducedMotion() ? "auto" : "smooth" });
+    if (!strip || !activeItemId) return void 0;
+    if (typeof strip.scrollTo !== "function") return void 0;
+    const visitor = watchVisitorScroll(strip);
+    const centre = () => {
+      const chip = findChip(strip, activeItemId);
+      if (!chip || visitor.hasScrolled() || visitor.isUndecided()) return;
+      const left = centredScrollLeft(strip, chip);
+      if (Math.abs(left - visitor.aimedAt()) < 0.5) return;
+      visitor.beforeOwnScroll(left);
+      strip.scrollTo({ left, behavior: prefersReducedMotion() ? "auto" : "smooth" });
+    };
+    visitor.onSettled(centre);
+    centre();
+    const resizes = typeof ResizeObserver === "function" ? new ResizeObserver(centre) : void 0;
+    resizes?.observe(strip);
+    for (const child of Array.from(strip.children)) resizes?.observe(child);
+    return () => {
+      resizes?.disconnect();
+      visitor.detach();
+    };
   }, [stripRef, activeItemId, itemsKey]);
 }
 function SectionChip({
@@ -150,4 +176,4 @@ SettingsSectionChips.displayName = "SettingsSectionChips";
 export {
   SettingsSectionChips
 };
-//# sourceMappingURL=chunk-XWZJLXJT.js.map
+//# sourceMappingURL=chunk-N7LPVR7P.js.map

package/dist/chunk-N7LPVR7P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsSectionChips.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { alpha, useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React, { useEffect, useRef, type RefObject } from 'react';\n\nimport { watchVisitorScroll } from './SettingsSectionChips.scroll';\nimport { SettingsStatusMarker } from './SettingsStatusMarker';\nimport { TOUCH_TARGET } from './SettingsLayout.styles';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n/**\n * The chip's drawn height, against `TOUCH_TARGET`'s 44 for the tappable one.\n *\n * The strip sits between a section's header and its first field on the width\n * with the least room for either, so the pill is sized to its text rather than\n * to the thumb — and the thumb is served by the hit area instead.\n */\nconst CHIP_HEIGHT = sxRem(34);\nimport type { SettingsLayoutProps, SettingsNavItem } from './SettingsLayout.types';\n\nexport interface SettingsSectionChipsProps {\n  /** The sibling sections to offer — usually the open item's own group. */\n  items: SettingsNavItem[];\n  /** Which one is open. */\n  activeItemId?: string;\n  /** Accessible name of the strip, in the host's language. */\n  ariaLabel: string;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  testIdPrefix: string;\n}\n\n/** True when the visitor asked the OS for less movement. Re-read per scroll. */\nfunction prefersReducedMotion(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Where the strip has to scroll for `chip`'s centre to sit on its own, clamped\n * to what the strip can scroll.\n *\n * Measured from the two boxes rather than from `chip.offsetLeft`. `offsetLeft`\n * counts from the nearest POSITIONED ancestor, and the strip is not one — nor\n * are the panel and layout around it — so it counted from whatever box the host\n * happened to position, and every target overshot by the strip's offset inside\n * it. The clamp hid that for the last chip; a middle one was simply off-centre.\n * The boxes are both in viewport coordinates, so their difference is the strip's\n * own, whatever the host wraps it in.\n */\nfunction centredScrollLeft(strip: HTMLElement, chip: HTMLElement): number {\n  const chipBox = chip.getBoundingClientRect();\n  const visibleStart = strip.getBoundingClientRect().left + strip.clientLeft;\n  const chipCentre = chipBox.left - visibleStart + strip.scrollLeft + chipBox.width / 2;\n  const target = chipCentre - strip.clientWidth / 2;\n  return Math.max(0, Math.min(target, strip.scrollWidth - strip.clientWidth));\n}\n\n/** The chip for `id`, walked rather than selected. */\nfunction findChip(strip: HTMLElement, id: string): HTMLElement | undefined {\n  // An id is host data, and a section id carrying a quote would turn a selector\n  // string into a thrown SyntaxError — which here would take the whole strip\n  // down to centre one chip.\n  return Array.from(strip.children).find(\n    (node): node is HTMLElement => node instanceof HTMLElement && node.dataset.chipId === id,\n  );\n}\n\n/**\n * Keep the open section's chip in view, however the visitor got here — and\n * however the strip's content settles after it mounted.\n *\n * Keyed on `activeItemId` in an effect rather than done in a click handler:\n * arriving by the desktop rail, by a card, by a pasted link and by the browser's\n * back button all have to land the same way, and only one of those is a click on\n * a chip. Every re-render otherwise starts the strip at scroll 0, which parks\n * the active chip off the right edge on any list longer than a screen — the\n * visitor is told where they are by an element they cannot see.\n *\n * Centring ONCE is not enough (FUT-2606). A host can widen a chip after mount\n * with the ids unchanged — a status marker whose read resolves late, a web font\n * arriving — and a strip that fitted at mount then overflows with its last chip\n * clipped, because the one centring saw nothing to scroll. So the strip and\n * every chip are watched with a `ResizeObserver`, and a resize re-aims at the\n * active chip when its target has moved.\n *\n * Never against the visitor, though: once they have scrolled the strip\n * themselves, it is theirs until the open section changes\n * ({@link watchVisitorScroll}, which also says why the strip's OWN smooth scroll\n * never counts as theirs). A strip that yanks back mid-drag because a\n * marker loaded is worse than one that does not centre.\n *\n * `itemsKey` rather than `items`: a host almost always rebuilds that array per\n * render (`groups.flatMap(...)`), and depending on it would re-run this on every\n * render and reset the visitor's latch with it.\n *\n * The key joins on NUL — as the ESCAPE `'\\u0000'`, which it must stay. A\n * literal NUL byte works identically at runtime and makes git classify this file\n * as BINARY: `git diff` prints \"Binary file not shown\" and the GitHub review UI\n * shows nothing at all. This file shipped that way once, and the cost was not\n * the byte — it was a whole change nobody could read.\n */\nfunction useCentreActiveChip(\n  stripRef: RefObject<HTMLDivElement | null>,\n  activeItemId: string | undefined,\n  itemsKey: string,\n): void {\n  useEffect(() => {\n    const strip = stripRef.current;\n    if (!strip || !activeItemId) return undefined;\n    // Feature-checked, not assumed. `Element.scrollTo` is absent in jsdom and in\n    // a few embedded webviews, and an unguarded call there THROWS out of an\n    // effect — which React escalates to the nearest error boundary. The whole\n    // settings area would go down to centre one chip, and the host's own tests\n    // could not render the shell at all. Same reasoning as walking the children\n    // instead of building a selector: nothing in here is worth a crash.\n    if (typeof strip.scrollTo !== 'function') return undefined;\n    const visitor = watchVisitorScroll(strip);\n    const centre = (): void => {\n      const chip = findChip(strip, activeItemId);\n      // Not while a scroll that may be the visitor's is still moving: a resize\n      // mid-drag must not yank the strip. It is re-tried once that scroll rests.\n      if (!chip || visitor.hasScrolled() || visitor.isUndecided()) return;\n      const left = centredScrollLeft(strip, chip);\n      // Only when the target MOVED: a resize that leaves it where it was must not\n      // restart a smooth scroll that is already on its way there. The aim is a\n      // runtime-computed scroll offset, like the exempt `left` below — not a size.\n      if (Math.abs(left - visitor.aimedAt()) < 0.5) return;\n      visitor.beforeOwnScroll(left);\n      strip.scrollTo({ left, behavior: prefersReducedMotion() ? 'auto' : 'smooth' });\n    };\n    visitor.onSettled(centre);\n    centre();\n    // Also feature-checked: without it the strip still centres once, as before.\n    const resizes = typeof ResizeObserver === 'function' ? new ResizeObserver(centre) : undefined;\n    resizes?.observe(strip);\n    for (const child of Array.from(strip.children)) resizes?.observe(child);\n    return () => {\n      resizes?.disconnect();\n      visitor.detach();\n    };\n  }, [stripRef, activeItemId, itemsKey]);\n}\n\n/** One chip: a link when the host gave it a target, else a button. */\nfunction SectionChip({\n  item,\n  active,\n  theme,\n  linkComponent,\n  onSelectItem,\n  testIdPrefix,\n}: {\n  item: SettingsNavItem;\n  active: boolean;\n  theme: Theme;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const asLink = item.href !== undefined && linkComponent !== undefined;\n  const behaviour = asLink\n    ? { component: linkComponent, href: item.href }\n    : { component: 'button' as const, type: 'button' as const, onClick: () => onSelectItem?.(item.id) };\n\n  return (\n    <Box\n      {...behaviour}\n      data-chip-id={item.id}\n      data-testid={`${testIdPrefix}-chip-${item.id}`}\n      aria-current={active ? 'page' : undefined}\n      sx={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 0.75,\n        flex: '0 0 auto',\n        position: 'relative',\n        // The chip LOOKS this tall; it is still tapped at `TOUCH_TARGET`.\n        //\n        // Shrinking `minHeight` alone would have bought a slimmer strip with a\n        // smaller hit area — on the one width where the strip IS the navigation\n        // and the input is a thumb. The `::after` below keeps the tappable\n        // region at the full target while the pill itself takes less room, so\n        // this is a visual change and not an accessibility trade.\n        minHeight: CHIP_HEIGHT,\n        px: 1.5,\n        borderRadius: 999,\n        cursor: 'pointer',\n        font: 'inherit',\n        fontSize: rem(theme, 13),\n        fontWeight: active ? 700 : 500,\n        textDecoration: 'none',\n        whiteSpace: 'nowrap',\n        color: active ? 'primary.main' : 'text.secondary',\n        bgcolor: active ? alpha(theme.palette.primary.main, 0.12) : 'transparent',\n        border: `1px solid ${active ? alpha(theme.palette.primary.main, 0.4) : theme.palette.divider}`,\n        // Spans the chip's width only, so neighbours never overlap: the strip\n        // is a row, and the extra reach is vertical.\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: 0,\n          insetInlineEnd: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: rem(theme, TOUCH_TARGET),\n        },\n      }}\n    >\n      {item.status ? (\n        <SettingsStatusMarker\n          status={item.status}\n          label={item.statusLabel}\n          testId={`${testIdPrefix}-chip-status-${item.id}`}\n        />\n      ) : null}\n      {item.label}\n    </Box>\n  );\n}\n\n/**\n * The narrow-width section strip: horizontally scrollable chips for the sections\n * beside the open one.\n *\n * It clips its own overflow — `overflow-x: auto` on the strip, never on an\n * ancestor. A strip that pushes the page wide makes every OTHER screen at that\n * width scroll sideways too, and the cause is nowhere near the symptom.\n */\nexport function SettingsSectionChips({\n  items,\n  activeItemId,\n  ariaLabel,\n  linkComponent,\n  onSelectItem,\n  testIdPrefix,\n}: SettingsSectionChipsProps): React.JSX.Element {\n  const theme = useTheme();\n  const stripRef = useRef<HTMLDivElement | null>(null);\n  useCentreActiveChip(stripRef, activeItemId, items.map((item) => item.id).join('\\u0000'));\n\n  return (\n    <Box\n      ref={stripRef}\n      component=\"nav\"\n      aria-label={ariaLabel}\n      data-testid={`${testIdPrefix}-chips`}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 0.75,\n        px: 0.25,\n        py: 0.25,\n        overflowX: 'auto',\n        overflowY: 'hidden',\n        scrollbarWidth: 'none',\n        '&::-webkit-scrollbar': { display: 'none' },\n      }}\n    >\n      {items.map((item) => (\n        <SectionChip\n          key={item.id}\n          item={item}\n          active={item.id === activeItemId}\n          theme={theme}\n          linkComponent={linkComponent}\n          onSelectItem={onSelectItem}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n    </Box>\n  );\n}\n\nSettingsSectionChips.displayName = 'SettingsSectionChips';\n"],"mappings":";;;;;;;;;;;;;;;AAEA,OAAO,SAAS;AAChB,SAAS,OAAO,gBAA4B;AAC5C,SAAgB,WAAW,cAA8B;AAmKrD,SA4CI,KA5CJ;AArJJ,IAAM,cAAc,MAAM,EAAE;AAgB5B,SAAS,uBAAgC;AACvC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,WAAY,QAAO;AACrF,SAAO,OAAO,WAAW,kCAAkC,EAAE;AAC/D;AAcA,SAAS,kBAAkB,OAAoB,MAA2B;AACxE,QAAM,UAAU,KAAK,sBAAsB;AAC3C,QAAM,eAAe,MAAM,sBAAsB,EAAE,OAAO,MAAM;AAChE,QAAM,aAAa,QAAQ,OAAO,eAAe,MAAM,aAAa,QAAQ,QAAQ;AACpF,QAAM,SAAS,aAAa,MAAM,cAAc;AAChD,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,MAAM,cAAc,MAAM,WAAW,CAAC;AAC5E;AAGA,SAAS,SAAS,OAAoB,IAAqC;AAIzE,SAAO,MAAM,KAAK,MAAM,QAAQ,EAAE;AAAA,IAChC,CAAC,SAA8B,gBAAgB,eAAe,KAAK,QAAQ,WAAW;AAAA,EACxF;AACF;AAoCA,SAAS,oBACP,UACA,cACA,UACM;AACN,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,aAAc,QAAO;AAOpC,QAAI,OAAO,MAAM,aAAa,WAAY,QAAO;AACjD,UAAM,UAAU,mBAAmB,KAAK;AACxC,UAAM,SAAS,MAAY;AACzB,YAAM,OAAO,SAAS,OAAO,YAAY;AAGzC,UAAI,CAAC,QAAQ,QAAQ,YAAY,KAAK,QAAQ,YAAY,EAAG;AAC7D,YAAM,OAAO,kBAAkB,OAAO,IAAI;AAI1C,UAAI,KAAK,IAAI,OAAO,QAAQ,QAAQ,CAAC,IAAI,IAAK;AAC9C,cAAQ,gBAAgB,IAAI;AAC5B,YAAM,SAAS,EAAE,MAAM,UAAU,qBAAqB,IAAI,SAAS,SAAS,CAAC;AAAA,IAC/E;AACA,YAAQ,UAAU,MAAM;AACxB,WAAO;AAEP,UAAM,UAAU,OAAO,mBAAmB,aAAa,IAAI,eAAe,MAAM,IAAI;AACpF,aAAS,QAAQ,KAAK;AACtB,eAAW,SAAS,MAAM,KAAK,MAAM,QAAQ,EAAG,UAAS,QAAQ,KAAK;AACtE,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,cAAc,QAAQ,CAAC;AACvC;AAGA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,SAAS,KAAK,SAAS,UAAa,kBAAkB;AAC5D,QAAM,YAAY,SACd,EAAE,WAAW,eAAe,MAAM,KAAK,KAAK,IAC5C,EAAE,WAAW,UAAmB,MAAM,UAAmB,SAAS,MAAM,eAAe,KAAK,EAAE,EAAE;AAEpG,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAc,KAAK;AAAA,MACnB,eAAa,GAAG,YAAY,SAAS,KAAK,EAAE;AAAA,MAC5C,gBAAc,SAAS,SAAS;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQV,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU,IAAI,OAAO,EAAE;AAAA,QACvB,YAAY,SAAS,MAAM;AAAA,QAC3B,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,OAAO,SAAS,iBAAiB;AAAA,QACjC,SAAS,SAAS,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,IAAI;AAAA,QAC5D,QAAQ,aAAa,SAAS,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,IAAI,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,QAG5F,YAAY;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,kBAAkB;AAAA,UAClB,gBAAgB;AAAA,UAChB,KAAK;AAAA,UACL,WAAW;AAAA,UACX,QAAQ,IAAI,OAAO,YAAY;AAAA,QACjC;AAAA,MACF;AAAA,MAEC;AAAA,aAAK,SACJ;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,KAAK;AAAA,YACb,OAAO,KAAK;AAAA,YACZ,QAAQ,GAAG,YAAY,gBAAgB,KAAK,EAAE;AAAA;AAAA,QAChD,IACE;AAAA,QACH,KAAK;AAAA;AAAA;AAAA,EACR;AAEJ;AAUO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,OAA8B,IAAI;AACnD,sBAAoB,UAAU,cAAc,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE,KAAK,IAAQ,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAY;AAAA,MACZ,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,wBAAwB,EAAE,SAAS,OAAO;AAAA,MAC5C;AAAA,MAEC,gBAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ,KAAK,OAAO;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QANK,KAAK;AAAA,MAOZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/{chunk-3AOQBR7N.js → chunk-OAW6GCS3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4WCDMCIS.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-3AOQBR7N.js.map
+//# sourceMappingURL=chunk-OAW6GCS3.js.map

package/dist/{chunk-6N2EDWMG.js → chunk-OGB25P3N.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-PL2AB5HJ.js";
 import {
   useDataViewsLayout
 } from "./chunk-XZJM6EPC.js";
+import {
+  DataViewsScopeTabs
+} from "./chunk-PL2AB5HJ.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-6N2EDWMG.js.map
+//# sourceMappingURL=chunk-OGB25P3N.js.map

package/dist/{chunk-R53ZOW4B.js → chunk-PARTZ7XI.js}

@@ -1,6 +1,6 @@
 import {
   useCalendar
-} from "./chunk-2ZRZTGWP.js";
+} from "./chunk-ISW5K72V.js";
 import {
   resolveCalendarProps
 } from "./chunk-SUALMVL7.js";
@@ -87,4 +87,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-R53ZOW4B.js.map
+//# sourceMappingURL=chunk-PARTZ7XI.js.map

package/dist/{chunk-7GHYCQCJ.js → chunk-PCLKFR27.js}

@@ -1,3 +1,6 @@
+import {
+  AddressInputField
+} from "./chunk-4T6UIYJB.js";
 import {
   MIN_QUERY_LENGTH,
   addressOptionLabel,
@@ -9,9 +12,6 @@ import {
 import {
   AddressOption
 } from "./chunk-P5JCOFK3.js";
-import {
-  AddressInputField
-} from "./chunk-4T6UIYJB.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-7GHYCQCJ.js.map
+//# sourceMappingURL=chunk-PCLKFR27.js.map

package/dist/{chunk-K6VKL62Z.js → chunk-PG5C2AA4.js}

@@ -1,14 +1,14 @@
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   FleetBody
-} from "./chunk-W7F2QIAT.js";
+} from "./chunk-WCRGSMLV.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
 } from "./chunk-VY2BMSHN.js";
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-K6VKL62Z.js.map
+//# sourceMappingURL=chunk-PG5C2AA4.js.map

package/dist/{chunk-R3JYC63P.js → chunk-QXSV7Z57.js}

@@ -10,7 +10,7 @@ import {
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-56JF5PZK.js";
+} from "./chunk-LYVTJLCF.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-R3JYC63P.js.map
+//# sourceMappingURL=chunk-QXSV7Z57.js.map

package/dist/{chunk-SNYJSACF.js → chunk-S6JHTEV4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
 } from "./chunk-URHX4FAQ.js";
@@ -176,4 +176,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-SNYJSACF.js.map
+//# sourceMappingURL=chunk-S6JHTEV4.js.map