@12-apps/ui 6.21.0 → 6.23.0

package/dist/{chunk-WBKWIFXA.js → chunk-QYNCPS5W.js}

@@ -4,16 +4,16 @@ import {
   MapDecorativePins,
   MapRoads,
   MapScaleBar
-} from "./chunk-2SWQ6HIK.js";
+} from "./chunk-W3FAKT3D.js";
 import {
   MapTiles
-} from "./chunk-RRO2EOJB.js";
-import {
-  getTileCoordinates
-} from "./chunk-TUBCN4DJ.js";
+} from "./chunk-JB67KPGM.js";
 import {
   surfaceBackground
 } from "./chunk-DRADVLHZ.js";
+import {
+  getTileCoordinates
+} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/StaticMapView.tsx
 import Box from "@mui/material/Box/index.js";
@@ -59,4 +59,4 @@ var StaticMapView = ({
 export {
   StaticMapView
 };
-//# sourceMappingURL=chunk-WBKWIFXA.js.map
+//# sourceMappingURL=chunk-QYNCPS5W.js.map

package/dist/{chunk-VPHOSIPB.js → chunk-R6SNYC3D.js}

@@ -1,18 +1,18 @@
-import {
-  ToggleField
-} from "./chunk-LYMAMKJT.js";
-import {
-  TextField
-} from "./chunk-B3BK2SNS.js";
 import {
   SelectField
-} from "./chunk-JDMYD6QC.js";
+} from "./chunk-W4SDVTZC.js";
 import {
   CepField
-} from "./chunk-TPIBJP4S.js";
+} from "./chunk-EOHKZGOZ.js";
 import {
   CategoryField
-} from "./chunk-OOGEYCJH.js";
+} from "./chunk-WIT3Y7JT.js";
+import {
+  ToggleField
+} from "./chunk-LYMAMKJT.js";
+import {
+  TextField
+} from "./chunk-C3CMEDSO.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-VPHOSIPB.js.map
+//# sourceMappingURL=chunk-R6SNYC3D.js.map

package/dist/{chunk-STH66VLA.js → chunk-R7R3LOKW.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-TZ633UZA.js";
 import {
   splitTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -177,4 +177,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-STH66VLA.js.map
+//# sourceMappingURL=chunk-R7R3LOKW.js.map

package/dist/{chunk-W2UTDN4T.js → chunk-RBGOGTT2.js}

@@ -1,10 +1,10 @@
-import {
-  paginationStyles
-} from "./chunk-CZBONNPA.js";
 import {
   ItemsPerPageSelect,
   PageInfo
 } from "./chunk-BB2IVF76.js";
+import {
+  paginationStyles
+} from "./chunk-CZBONNPA.js";
 import {
   makeTestId,
   muiSizeFor,
@@ -191,4 +191,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-W2UTDN4T.js.map
+//# sourceMappingURL=chunk-RBGOGTT2.js.map

package/dist/chunk-RQWZYD6H.js

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

package/dist/chunk-RQWZYD6H.js.map

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

package/dist/{chunk-VWBWKLXX.js → chunk-SX3V2DLV.js}

@@ -1,9 +1,9 @@
-import {
-  MenubarItemView
-} from "./chunk-TF4TPLF2.js";
 import {
   MenubarSeparator
 } from "./chunk-YMGHTZA6.js";
+import {
+  MenubarItemView
+} from "./chunk-TF4TPLF2.js";
 
 // src/components/form/Menubar/Menubar.toolbar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -82,4 +82,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-VWBWKLXX.js.map
+//# sourceMappingURL=chunk-SX3V2DLV.js.map

package/dist/{chunk-P7FQUGED.js → chunk-TNVO2DTB.js}

@@ -1,7 +1,3 @@
-import {
-  EmptyRow,
-  NoDataPlaceholder
-} from "./chunk-XIXR2L3L.js";
 import {
   EnhancedTableBody,
   EnhancedTableHeader
@@ -16,6 +12,10 @@ import {
   TABLE_DEFAULTS,
   definedProps
 } from "./chunk-MTFCPPZ5.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
 
 // src/components/data-display/Table/Table.tsx
 import MoreVertIcon from "@mui/icons-material/MoreVert";
@@ -285,4 +285,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-P7FQUGED.js.map
+//# sourceMappingURL=chunk-TNVO2DTB.js.map

package/dist/{chunk-WTIOCG4M.js → chunk-TOYEP23N.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-7FDU3FIN.js";
 import {
   splitTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/form/Select/Select.tsx
 import FormControl from "@mui/material/FormControl/index.js";
@@ -217,4 +217,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-WTIOCG4M.js.map
+//# sourceMappingURL=chunk-TOYEP23N.js.map

package/dist/{chunk-G2IPK2XE.js → chunk-TPLKJHNN.js}

@@ -1,24 +1,24 @@
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-AJ6XEO4E.js";
 import {
   CategoryQuickActions
 } from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-BQQONDW5.js";
+} from "./chunk-OVLNF4AZ.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
 } from "./chunk-4TXIZ5WI.js";
 import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-AJ6XEO4E.js";
 import {
   panelSx,
   sheetSx
 } from "./chunk-TFO6GBW7.js";
+import {
+  removeChip
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-G2IPK2XE.js.map
+//# sourceMappingURL=chunk-TPLKJHNN.js.map

package/dist/{chunk-U2AC4AQX.js → chunk-TU5EIKJA.js}

@@ -1,11 +1,11 @@
+import {
+  PT_BR_TABLE_FILTER_COPY
+} from "./chunk-A7RIZOAL.js";
 import {
   PT_BR_CATEGORY_SELECT_COPY,
   PT_BR_CONFIRM_ACTION_COPY,
   PT_BR_SAVED_VIEWS_LABELS
 } from "./chunk-WUE5EK42.js";
-import {
-  PT_BR_TABLE_FILTER_COPY
-} from "./chunk-A7RIZOAL.js";
 
 // src/pt-BR.data-display.ts
 var PT_BR_LIGHTBOX_COPY = {
@@ -225,4 +225,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-U2AC4AQX.js.map
+//# sourceMappingURL=chunk-TU5EIKJA.js.map

package/dist/{chunk-ZGHIHEND.js → chunk-TW3BXVEU.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-RPQ3W2C6.js";
+} from "./chunk-U2ZDN2AL.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-ZGHIHEND.js.map
+//# sourceMappingURL=chunk-TW3BXVEU.js.map

package/dist/chunk-TWQYDKCA.js

@@ -0,0 +1,113 @@
+import {
+  FleetBody
+} from "./chunk-CF3FAAPC.js";
+import {
+  useFleetMap
+} from "./chunk-F7VBGS4C.js";
+import {
+  SR_ONLY_SX
+} from "./chunk-RNCQ5KHQ.js";
+import {
+  EmptyState
+} from "./chunk-25R3ITGZ.js";
+
+// src/components/data-display/FleetMap/FleetMap.tsx
+import Box from "@mui/material/Box/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";
+var DEFAULT_LAGGING_AFTER_SECONDS = 90;
+var DEFAULT_STALE_AFTER_SECONDS = 300;
+var DEFAULT_HEIGHT = "420px";
+function FleetStatus({
+  announcement,
+  loading,
+  testId
+}) {
+  if (announcement === void 0) return null;
+  return /* @__PURE__ */ jsx(Box, { role: "status", "aria-live": "polite", "data-testid": `${testId}-status`, sx: SR_ONLY_SX, children: loading ? announcement : "" });
+}
+var FleetMap = React.memo(
+  ({
+    units,
+    copy,
+    // NO default. `undefined` is what tells the hook the caller does not own
+    // the selection; defaulting it to `null` here made every render look
+    // controlled and the uncontrolled path unreachable.
+    selectedId,
+    onSelect,
+    laggingAfterSeconds = DEFAULT_LAGGING_AFTER_SECONDS,
+    staleAfterSeconds = DEFAULT_STALE_AFTER_SECONDS,
+    height = DEFAULT_HEIGHT,
+    loading = false,
+    className,
+    dataTestId
+  }) => {
+    const theme = useTheme();
+    const testId = dataTestId || "fleet-map";
+    const headingId = React.useId();
+    const { ordered, active, centre, select, markers, onKeyDown } = useFleetMap(
+      units,
+      selectedId,
+      onSelect
+    );
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        role: "region",
+        "aria-labelledby": headingId,
+        className,
+        "data-testid": testId,
+        sx: { display: "flex", flexDirection: "column", gap: theme.spacing(1.5), minWidth: 0 },
+        children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              id: headingId,
+              variant: "subtitle1",
+              component: "h2",
+              "data-testid": `${testId}-title`,
+              sx: { fontWeight: theme.typography.fontWeightMedium },
+              children: copy.title
+            }
+          ),
+          /* @__PURE__ */ jsx(FleetStatus, { announcement: copy.loading, loading, testId }),
+          !loading && ordered.length === 0 ? /* @__PURE__ */ jsx(
+            EmptyState,
+            {
+              variant: "minimal",
+              title: copy.emptyTitle,
+              description: copy.emptyDescription,
+              dataTestId: `${testId}-empty`
+            }
+          ) : /* @__PURE__ */ jsx(
+            FleetBody,
+            {
+              ordered,
+              centre,
+              markers,
+              select,
+              onKeyDown,
+              copy,
+              selectedId: active,
+              laggingAfterSeconds,
+              staleAfterSeconds,
+              height,
+              loading,
+              testId
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FleetMap.displayName = "FleetMap";
+var FleetMap_default = FleetMap;
+
+export {
+  FleetMap,
+  FleetMap_default
+};
+//# sourceMappingURL=chunk-TWQYDKCA.js.map

package/dist/chunk-TWQYDKCA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetMap.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { SR_ONLY_SX } from '../../form/Label/Label.styles';\nimport { EmptyState } from '../EmptyState/EmptyState';\n\nimport { FleetBody } from './FleetBody';\nimport { useFleetMap } from './FleetMap.hooks';\nimport type { FleetMapProps } from './FleetMap.types';\n\n/**\n * How long a fix stays `live`, and then `lagging`, when the caller says nothing.\n *\n * Ninety seconds and five minutes: sized for a phone reporting every twenty\n * seconds, which is the densest cadence a battery tolerates all day. They are\n * DEFAULTS and not a rule — a fleet on five-minute trackers passes its own, and\n * the props exist so it can.\n */\nconst DEFAULT_LAGGING_AFTER_SECONDS = 90;\nconst DEFAULT_STALE_AFTER_SECONDS = 300;\n\n/** The map's own default height. Overridable, and never a hardcoded viewport. */\nconst DEFAULT_HEIGHT = '420px';\n\n/**\n * The reload announcement, and nothing else.\n *\n * `aria-busy` marks the region stale for assistive technology but UTTERS\n * nothing, and the skeletons beside it are `aria-hidden` — so a screen-reader\n * user got silence while the roster reloaded. This is the utterance.\n *\n * Optional by design: the sentence is in the reader's language, which only the\n * caller knows, and inventing an English one in a component whose whole premise\n * is that every word arrives through `copy` would be the bug it exists to\n * avoid. No `copy.loading`, no region.\n *\n * ## The node outlives the text, and that is the whole trick\n *\n * A live region has to be in the DOM BEFORE its content changes; a screen\n * reader watches an existing region for mutations rather than announcing one\n * that appears already populated. Mounting region-and-text together in a single\n * commit is the classic silent case — it satisfies a DOM assertion while\n * announcing nothing. So the region mounts as soon as the caller offers the\n * copy and merely EMPTIES when idle, which is what `CepField`, `UploadButton`\n * and `DateRangePickerFields` all do.\n */\nfunction FleetStatus({\n  announcement,\n  loading,\n  testId,\n}: {\n  announcement: string | undefined;\n  loading: boolean;\n  testId: string;\n}): React.JSX.Element | null {\n  // No copy, no region at all — the caller has not asked for an announcement.\n  if (announcement === undefined) return null;\n  return (\n    <Box role=\"status\" aria-live=\"polite\" data-testid={`${testId}-status`} sx={SR_ONLY_SX}>\n      {loading ? announcement : ''}\n    </Box>\n  );\n}\n\n/**\n * FleetMap — where a set of tracked units is right now, as a map beside the\n * roster that reads it.\n *\n * Product-free by construction: it draws labelled dots with a freshness, and\n * every word — the heading, the three freshness states, how a duration and a\n * distance are written — arrives through {@link FleetMapProps.copy}. Couriers,\n * service vans and field engineers are all the same picture.\n *\n * ## Three decisions worth knowing before changing it\n *\n * **The roster is the accessible representation, not a sidebar.** A map is a\n * picture and a screen reader cannot read one, so the list carries the\n * information: everything a sighted user gets from a pin — who, how recently,\n * what they are carrying — is on the row. The map is a NAMED region rather than\n * an `aria-hidden` one, because its controls are focusable and hiding a\n * focusable subtree is the `aria-hidden-focus` violation.\n *\n * **Nothing here formats.** `lastSeen` and `accuracy` are functions on the copy\n * object, the same line `StatCard` holds for its `value`: a duration and a\n * distance are locale rules, and a component that wrote \"2 min ago\" would have\n * made English the only language it could ever render.\n *\n * **An empty fleet is an empty STATE, not an empty map.** A map with no pins is\n * indistinguishable from a map that failed to load, and the difference is the\n * whole question a dispatcher is asking.\n */\nexport const FleetMap: React.FC<FleetMapProps> = React.memo(\n  ({\n    units,\n    copy,\n    // NO default. `undefined` is what tells the hook the caller does not own\n    // the selection; defaulting it to `null` here made every render look\n    // controlled and the uncontrolled path unreachable.\n    selectedId,\n    onSelect,\n    laggingAfterSeconds = DEFAULT_LAGGING_AFTER_SECONDS,\n    staleAfterSeconds = DEFAULT_STALE_AFTER_SECONDS,\n    height = DEFAULT_HEIGHT,\n    loading = false,\n    className,\n    dataTestId,\n  }) => {\n    const theme = useTheme();\n    const testId = dataTestId || 'fleet-map';\n    const headingId = React.useId();\n    const { ordered, active, centre, select, markers, onKeyDown } = useFleetMap(\n      units,\n      selectedId,\n      onSelect,\n    );\n\n    return (\n      <Box\n        role=\"region\"\n        aria-labelledby={headingId}\n        className={className}\n        data-testid={testId}\n        sx={{ display: 'flex', flexDirection: 'column', gap: theme.spacing(1.5), minWidth: 0 }}\n      >\n        <Typography\n          id={headingId}\n          variant=\"subtitle1\"\n          component=\"h2\"\n          data-testid={`${testId}-title`}\n          sx={{ fontWeight: theme.typography.fontWeightMedium }}\n        >\n          {copy.title}\n        </Typography>\n\n        <FleetStatus announcement={copy.loading} loading={loading} testId={testId} />\n\n        {!loading && ordered.length === 0 ? (\n          <EmptyState\n            variant=\"minimal\"\n            title={copy.emptyTitle}\n            description={copy.emptyDescription}\n            dataTestId={`${testId}-empty`}\n          />\n        ) : (\n          <FleetBody\n            ordered={ordered}\n            centre={centre}\n            markers={markers}\n            select={select}\n            onKeyDown={onKeyDown}\n            copy={copy}\n            selectedId={active}\n            laggingAfterSeconds={laggingAfterSeconds}\n            staleAfterSeconds={staleAfterSeconds}\n            height={height}\n            loading={loading}\n            testId={testId}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nFleetMap.displayName = 'FleetMap';\n\nexport default FleetMap;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAyDd,cA2DE,YA3DF;AAxCJ,IAAM,gCAAgC;AACtC,IAAM,8BAA8B;AAGpC,IAAM,iBAAiB;AAwBvB,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAI6B;AAE3B,MAAI,iBAAiB,OAAW,QAAO;AACvC,SACE,oBAAC,OAAI,MAAK,UAAS,aAAU,UAAS,eAAa,GAAG,MAAM,WAAW,IAAI,YACxE,oBAAU,eAAe,IAC5B;AAEJ;AA6BO,IAAM,WAAoC,MAAM;AAAA,EACrD,CAAC;AAAA,IACC;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,QAAQ,SAAS;AACvB,UAAM,SAAS,cAAc;AAC7B,UAAM,YAAY,MAAM,MAAM;AAC9B,UAAM,EAAE,SAAS,QAAQ,QAAQ,QAAQ,SAAS,UAAU,IAAI;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,mBAAiB;AAAA,QACjB;AAAA,QACA,eAAa;AAAA,QACb,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAM,QAAQ,GAAG,GAAG,UAAU,EAAE;AAAA,QAErF;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,eAAa,GAAG,MAAM;AAAA,cACtB,IAAI,EAAE,YAAY,MAAM,WAAW,iBAAiB;AAAA,cAEnD,eAAK;AAAA;AAAA,UACR;AAAA,UAEA,oBAAC,eAAY,cAAc,KAAK,SAAS,SAAkB,QAAgB;AAAA,UAE1E,CAAC,WAAW,QAAQ,WAAW,IAC9B;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,KAAK;AAAA,cACZ,aAAa,KAAK;AAAA,cAClB,YAAY,GAAG,MAAM;AAAA;AAAA,UACvB,IAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/{chunk-BGYLL467.js → chunk-TXHJX2NG.js}

@@ -1,11 +1,11 @@
+import {
+  countries
+} from "./chunk-3JDP5OUR.js";
 import {
   detectCountryFromNumber,
   formatPhoneNumber,
   validatePhoneNumber
 } from "./chunk-5P6OV64V.js";
-import {
-  countries
-} from "./chunk-3JDP5OUR.js";
 
 // src/components/form/PhoneInput/PhoneInput.hooks.ts
 import { useEffect, useRef, useState } from "react";
@@ -105,4 +105,4 @@ var usePhoneHandlers = ({
 export {
   usePhoneInput
 };
-//# sourceMappingURL=chunk-BGYLL467.js.map
+//# sourceMappingURL=chunk-TXHJX2NG.js.map

package/dist/{chunk-6F5IKY32.js → chunk-TYJR4GOF.js}

@@ -12,11 +12,15 @@ function withoutTestIdProps(props) {
   const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
   return rest;
 }
+function slotTestId(props, suffix, fallback) {
+  return props.testID ?? props["data-testid"] ?? childTestId(props, suffix, fallback);
+}
 
 export {
   resolveTestId,
   splitTestId,
   childTestId,
-  withoutTestIdProps
+  withoutTestIdProps,
+  slotTestId
 };
-//# sourceMappingURL=chunk-6F5IKY32.js.map
+//# sourceMappingURL=chunk-TYJR4GOF.js.map

package/dist/{chunk-6F5IKY32.js.map → chunk-TYJR4GOF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAQO,SAAS,YACd,OACA,UACkE;AAClE,SAAO,EAAE,QAAQ,cAAc,OAAO,QAAQ,GAAG,MAAM,mBAAmB,KAAK,EAAE;AACnF;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n\n/**\n * A SLOT's own test id, where a raw id means \"this element\" and `dataTestId`\n * means \"the surface I belong to\".\n *\n * `Dialog` names its parts by derivation — `d` gives `d-title`, `d-content`,\n * `d-actions` — and a slot receives the DIALOG's id in `dataTestId` to derive\n * from. A raw `data-testid` (or React Native's `testID`) is something else: it\n * is the id the caller wants ON THIS ELEMENT, which is how the shared stories\n * address a `DialogContent`, so it is taken verbatim and no suffix is added.\n *\n * Both renderers read this one function, which is the only way the web and the\n * native slot can agree about what `<DialogContent data-testid=\"x\">` is called.\n */\nexport function slotTestId(props: TestIdProps, suffix: string, fallback: string): string {\n  return props.testID ?? props['data-testid'] ?? childTestId(props, suffix, fallback);\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAQO,SAAS,YACd,OACA,UACkE;AAClE,SAAO,EAAE,QAAQ,cAAc,OAAO,QAAQ,GAAG,MAAM,mBAAmB,KAAK,EAAE;AACnF;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;AAeO,SAAS,WAAW,OAAoB,QAAgB,UAA0B;AACvF,SAAO,MAAM,UAAU,MAAM,aAAa,KAAK,YAAY,OAAO,QAAQ,QAAQ;AACpF;","names":[]}

package/dist/{chunk-5RQ7N63M.js → chunk-TZDDL3DR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-7MAOQIWA.js";
+} from "./chunk-W4YWU7LQ.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-5RQ7N63M.js.map
+//# sourceMappingURL=chunk-TZDDL3DR.js.map

package/dist/{chunk-RPQ3W2C6.js → chunk-U2ZDN2AL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/data-display/DataViews/data-views-grid-helpers.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -162,4 +162,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-RPQ3W2C6.js.map
+//# sourceMappingURL=chunk-U2ZDN2AL.js.map

package/dist/{chunk-WPZT2JD4.js → chunk-U7Q2Y6WG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CJL5D2IT.js";
 import {
   EmptyState
-} from "./chunk-NUE774AN.js";
+} from "./chunk-25R3ITGZ.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-WPZT2JD4.js.map
+//# sourceMappingURL=chunk-U7Q2Y6WG.js.map

package/dist/{chunk-E46PG577.js → chunk-URXT5TOY.js}

@@ -1,3 +1,6 @@
+import {
+  chipKeyAction
+} from "./chunk-BF4FYOAR.js";
 import {
   CHIP_SIZES,
   CHIP_TRANSITION_EASING,
@@ -5,9 +8,6 @@ import {
   HOVER_LIFT_PX,
   HOVER_SHADOW
 } from "./chunk-KU6VHNRV.js";
-import {
-  chipKeyAction
-} from "./chunk-BF4FYOAR.js";
 
 // src/components/data-display/Chip/Chip.styles.tsx
 import Avatar from "@mui/material/Avatar/index.js";
@@ -75,4 +75,4 @@ export {
   chipStyles,
   iconWithTestId
 };
-//# sourceMappingURL=chunk-E46PG577.js.map
+//# sourceMappingURL=chunk-URXT5TOY.js.map

package/dist/chunk-VM3HRSAU.js

@@ -0,0 +1,79 @@
+// src/components/feedback/Dialog/Dialog.metrics.ts
+var DIALOG_RADIUS_UNITS = {
+  none: 0,
+  sm: 0.5,
+  md: 1,
+  lg: 2,
+  xl: 3
+};
+var DIALOG_MAX_WIDTH = {
+  xs: 400,
+  sm: 600,
+  md: 800,
+  lg: 1e3,
+  xl: 1200
+};
+var DIALOG_WIDTH_PERCENT = 90;
+var DIALOG_MARGIN_UNITS = 2;
+var DIALOG_BORDER_WIDTH = 1;
+var DIALOG_PAPER_SHADOW = [
+  { offsetX: 0, offsetY: 11, blurRadius: 15, spreadDistance: -7, color: "rgba(0, 0, 0, 0.2)" },
+  { offsetX: 0, offsetY: 24, blurRadius: 38, spreadDistance: 3, color: "rgba(0, 0, 0, 0.14)" },
+  { offsetX: 0, offsetY: 9, blurRadius: 46, spreadDistance: 8, color: "rgba(0, 0, 0, 0.12)" }
+];
+var DIALOG_GLASS = {
+  backgroundAlpha: 0.1,
+  blurPx: 20,
+  borderAlpha: 0.2,
+  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 }
+};
+var DIALOG_GRADIENT = { angleDeg: 135, stopAlpha: 0.1, blurPx: 10 };
+var DIALOG_GLOW = { blurRadius: 40, alpha: 0.3 };
+var DIALOG_PULSE = {
+  alpha: 0.3,
+  durationMs: 2e3,
+  spread: 20,
+  /** The fraction of the cycle the ring is still visible for. */
+  fadeAt: 0.7,
+  zIndex: -1
+};
+var DIALOG_BACKDROP = { alpha: { plain: 0.5, glass: 0.2 }, blurPx: 8 };
+var DIALOG_BODY_PADDING_UNITS = {
+  horizontal: 3,
+  bottom: 2.5,
+  top: 2.5,
+  /** Tighter under a title, whose own bottom padding is most of the gap. */
+  topUnderTitle: 0.5
+};
+var DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;
+var DIALOG_TITLE = {
+  padding: { top: 16, horizontal: 24 },
+  paddingBottomUnits: { withSubtitle: 1, plain: 2 },
+  subtitleGapUnits: 0.5
+};
+var DIALOG_CLOSE_BUTTON = { padding: 8, iconSize: 24 };
+var DIALOG_CONTENT_PADDING_UNITS = { normal: 3, dense: 1.5 };
+var DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;
+var DIALOG_ACTIONS = { paddingUnits: 2, defaultSpacingUnits: 1 };
+
+export {
+  DIALOG_RADIUS_UNITS,
+  DIALOG_MAX_WIDTH,
+  DIALOG_WIDTH_PERCENT,
+  DIALOG_MARGIN_UNITS,
+  DIALOG_BORDER_WIDTH,
+  DIALOG_PAPER_SHADOW,
+  DIALOG_GLASS,
+  DIALOG_GRADIENT,
+  DIALOG_GLOW,
+  DIALOG_PULSE,
+  DIALOG_BACKDROP,
+  DIALOG_BODY_PADDING_UNITS,
+  DIALOG_HEADER_CHILDREN_PADDING_UNITS,
+  DIALOG_TITLE,
+  DIALOG_CLOSE_BUTTON,
+  DIALOG_CONTENT_PADDING_UNITS,
+  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,
+  DIALOG_ACTIONS
+};
+//# sourceMappingURL=chunk-VM3HRSAU.js.map

package/dist/chunk-VM3HRSAU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.metrics.ts"],"sourcesContent":["import type { DialogBorderRadius, DialogSize } from './Dialog.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Dialog` RENDERERS DRAW WITH.\n *\n * `Dialog.styles.ts` / `Dialog.tsx` (MUI) and `Dialog.look.native.ts` /\n * `Dialog.native.tsx` (React Native) read this one table. Spacing is in\n * SPACING UNITS wherever the web writes `theme.spacing(n)`; everything else is\n * px, a ratio or an alpha. Shadows are `UiShadow`s — see `src/tokens/shadow.ts`\n * for why they have a shape rather than a string.\n */\n\n/* ── The paper ────────────────────────────────────────────────────────────── */\n\n/** `theme.spacing(n)` per named radius; `lg` is the default. */\nexport const DIALOG_RADIUS_UNITS: Record<DialogBorderRadius, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** How wide the paper may grow, per size, in px. Also the drawer's fixed width. */\nexport const DIALOG_MAX_WIDTH: Record<DialogSize, number> = {\n  xs: 400,\n  sm: 600,\n  md: 800,\n  lg: 1000,\n  xl: 1200,\n};\n\n/** The paper is 90% of the viewport up to its max width, `theme.spacing(2)` clear of the edge. */\nexport const DIALOG_WIDTH_PERCENT = 90;\nexport const DIALOG_MARGIN_UNITS = 2;\n\n/** The hairline `glass` draws. */\nexport const DIALOG_BORDER_WIDTH = 1;\n\n/**\n * MUI's `theme.shadows[24]` — the elevation a `Dialog`'s Paper paints.\n *\n * Restated rather than derived because the web never names it: `MuiDialog`\n * passes `elevation={24}` to its Paper, and React Native has no Paper to\n * inherit that from.\n */\nexport const DIALOG_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 11, blurRadius: 15, spreadDistance: -7, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 24, blurRadius: 38, spreadDistance: 3, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 9, blurRadius: 46, spreadDistance: 8, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/* ── Variants and decorations ─────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const DIALOG_GLASS = {\n  backgroundAlpha: 0.1,\n  blurPx: 20,\n  borderAlpha: 0.2,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a faint primary-into-secondary wash at 135°, over a 10px blur. */\nexport const DIALOG_GRADIENT = { angleDeg: 135, stopAlpha: 0.1, blurPx: 10 } as const;\n\n/** `glow`: a 40px halo of the primary hue. */\nexport const DIALOG_GLOW = { blurRadius: 40, alpha: 0.3 } as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 20px out of the paper's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const DIALOG_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 20,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/**\n * The scrim: half-black, or a fifth of it behind an 8px blur for `glass`.\n *\n * It paints on BOTH renderers whatever `backdrop` is set to. The web reads that\n * prop as `BackdropComponent={backdrop ? Backdrop : undefined}`, and `undefined`\n * is exactly what MUI falls back to `Backdrop` for — so the scrim is there\n * either way. Native mirrors that rather than inventing a difference; fixing it\n * is a web change, made once, for both.\n */\nexport const DIALOG_BACKDROP = { alpha: { plain: 0.5, glass: 0.2 }, blurPx: 8 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** Raw children (no `DialogContent`/`DialogActions`) get this padding, in spacing units. */\nexport const DIALOG_BODY_PADDING_UNITS = {\n  horizontal: 3,\n  bottom: 2.5,\n  top: 2.5,\n  /** Tighter under a title, whose own bottom padding is most of the gap. */\n  topUnderTitle: 0.5,\n} as const;\n\n/** A `DialogHeader` given raw `children` is a padded box over a hairline instead. */\nexport const DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * The title row: MUI's `DialogTitle` padding in px, and the bottom the web\n * overrides in spacing units — tighter when a subtitle follows it.\n */\nexport const DIALOG_TITLE = {\n  padding: { top: 16, horizontal: 24 },\n  paddingBottomUnits: { withSubtitle: 1, plain: 2 },\n  subtitleGapUnits: 0.5,\n} as const;\n\n/**\n * The close button: MUI's `IconButton` at its default 8px padding around a\n * 24px glyph, on a circular hover wash.\n */\nexport const DIALOG_CLOSE_BUTTON = { padding: 8, iconSize: 24 } as const;\n\n/** `DialogContent`: `theme.spacing(3)`, tightened by `dense`. */\nexport const DIALOG_CONTENT_PADDING_UNITS = { normal: 3, dense: 1.5 } as const;\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there, assuming the title's own bottom padding is the whole\n * gap. That assumption breaks for a body opening with an outlined field: a\n * filled field floats its label ABOVE the input's border box, and the body is a\n * clipping box, so the label gets sliced in half (FUT-544). 12px clears the\n * shrunk label's 9px overhang and leaves the gap visually tight.\n */\nexport const DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;\n\n/** `DialogActions`: `theme.spacing(2)` around, and one unit between by default. */\nexport const DIALOG_ACTIONS = { paddingUnits: 2, defaultSpacingUnits: 1 } as const;\n"],"mappings":";AAgBO,IAAM,sBAA0D;AAAA,EACrE,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,mBAA+C;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,uBAAuB;AAC7B,IAAM,sBAAsB;AAG5B,IAAM,sBAAsB;AAS5B,IAAM,sBAA2C;AAAA,EACtD,EAAE,SAAS,GAAG,SAAS,IAAI,YAAY,IAAI,gBAAgB,IAAI,OAAO,qBAAqB;AAAA,EAC3F,EAAE,SAAS,GAAG,SAAS,IAAI,YAAY,IAAI,gBAAgB,GAAG,OAAO,sBAAsB;AAAA,EAC3F,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,IAAI,gBAAgB,GAAG,OAAO,sBAAsB;AAC5F;AAKO,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,kBAAkB,EAAE,UAAU,KAAK,WAAW,KAAK,QAAQ,GAAG;AAGpE,IAAM,cAAc,EAAE,YAAY,IAAI,OAAO,IAAI;AAOjD,IAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,QAAQ;AACV;AAWO,IAAM,kBAAkB,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,IAAI,GAAG,QAAQ,EAAE;AAKvE,IAAM,4BAA4B;AAAA,EACvC,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA;AAAA,EAEL,eAAe;AACjB;AAGO,IAAM,uCAAuC;AAM7C,IAAM,eAAe;AAAA,EAC1B,SAAS,EAAE,KAAK,IAAI,YAAY,GAAG;AAAA,EACnC,oBAAoB,EAAE,cAAc,GAAG,OAAO,EAAE;AAAA,EAChD,kBAAkB;AACpB;AAMO,IAAM,sBAAsB,EAAE,SAAS,GAAG,UAAU,GAAG;AAGvD,IAAM,+BAA+B,EAAE,QAAQ,GAAG,OAAO,IAAI;AAW7D,IAAM,uCAAuC;AAG7C,IAAM,iBAAiB,EAAE,cAAc,GAAG,qBAAqB,EAAE;","names":[]}

package/dist/{chunk-P6IPJYCS.js → chunk-VNNG46TS.js}

@@ -1,15 +1,15 @@
 import {
   DataViewsBoard
-} from "./chunk-PANMJFDS.js";
+} from "./chunk-E55CJV65.js";
 import {
   SelectAllStrip
-} from "./chunk-RRZBATXK.js";
+} from "./chunk-XKV5ZIBG.js";
 import {
   cardGridTracks
-} from "./chunk-RPQ3W2C6.js";
+} from "./chunk-U2ZDN2AL.js";
 import {
   ListCardGroup
-} from "./chunk-CZPU5TW3.js";
+} from "./chunk-LYSSO6WC.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-RPWEXIAW.js";
+} from "./chunk-X5MPHXG5.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-P6IPJYCS.js.map
+//# sourceMappingURL=chunk-VNNG46TS.js.map

package/dist/{chunk-CXVMD6FE.js → chunk-VON4BFK4.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-JXAYT6LX.js";
+} from "./chunk-EJQW2IYW.js";
 import {
   PanelRangeField
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-BZTFPSWT.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-CXVMD6FE.js.map
+//# sourceMappingURL=chunk-VON4BFK4.js.map