@12-apps/ui 6.31.0 → 6.33.0

package/dist/native/data-display/FleetMap.js

@@ -1,20 +1,21 @@
 import {
   Skeleton
-} from "../chunks/chunk-LB65S6C7.js";
+} from "../chunks/chunk-4KWFRDI2.js";
 import "../chunks/chunk-MLQIOKQZ.js";
 import {
   webKeyDown
 } from "../chunks/chunk-MJVSQXOD.js";
 import {
   EmptyState
-} from "../chunks/chunk-VAD5YVIZ.js";
-import "../chunks/chunk-T3TYQMAH.js";
+} from "../chunks/chunk-OI57L6WL.js";
+import "../chunks/chunk-KIG4KY4W.js";
+import "../chunks/chunk-IMGBBIMT.js";
 import {
   webAria,
   webRole
 } from "../chunks/chunk-DN73KYIZ.js";
 import "../chunks/chunk-5GJ5OG5R.js";
-import "../chunks/chunk-S5SLTMPB.js";
+import "../chunks/chunk-5IASLIBI.js";
 import {
   MUI_FONT_WEIGHT_MEDIUM,
   muiTypeStyle
@@ -23,8 +24,8 @@ import "../chunks/chunk-5WLOVHKK.js";
 import "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
-import "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-X6RQGKGF.js";
+import "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/data-display/FleetMap/FleetMap.native.tsx
 import * as React3 from "react";

package/dist/native/data-display/FleetMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/data-display/FleetMap/FleetMap.native.tsx","../../../src/components/data-display/FleetMap/FleetMap.hooks.ts","../../../src/components/data-display/FleetMap/FleetMap.helpers.ts","../../../src/components/data-display/FleetMap/FleetMap.metrics.ts","../../../src/components/data-display/FleetMap/FleetRoster.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { EmptyState } from '../EmptyState/EmptyState.native';\n\nimport { useFleetMap } from './FleetMap.hooks';\nimport {\n  FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n  FLEET_DEFAULT_STALE_AFTER_SECONDS,\n  FLEET_PANEL,\n} from './FleetMap.metrics';\nimport type { FleetMapProps } from './FleetMap.types.native';\nimport { FleetRoster } from './FleetRoster.native';\nimport { webAria, webRole } from '../../../platform/aria';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { MUI_FONT_WEIGHT_MEDIUM, muiTypeStyle } from '../../../tokens/mui-type';\n\n/**\n * The reload announcement, and nothing else.\n *\n * A busy region marks itself stale for assistive technology but UTTERS nothing,\n * and the skeletons beside it are hidden from the reader — 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 exist BEFORE its content changes; a reader watches an\n * existing region for mutations rather than announcing one that appears already\n * populated. Mounting region-and-text together in a single commit is the classic\n * silent case — it satisfies a query while announcing nothing. So the region\n * mounts as soon as the caller offers the copy and merely EMPTIES when idle.\n *\n * `role=\"status\"` and `aria-live` reach the DOM through react-native-web; on a\n * device the announcement is made by `AccessibilityInfo` or not at all, which\n * is recorded in `NATIVE-NOTES.md` rather than papered over here.\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    <View\n      {...webRole('status')}\n      aria-live=\"polite\"\n      accessibilityLiveRegion=\"polite\"\n      testID={`${testId}-status`}\n      style={styles.srOnly}\n    >\n      <Text>{loading ? announcement : ''}</Text>\n    </View>\n  );\n}\n\n/**\n * FleetMap on React Native — where a set of tracked units is right now.\n *\n * Product-free by construction: it draws a labelled row with a freshness, and\n * every word — the heading, the three freshness states, how a duration and a\n * distance are written — arrives through `copy`. Couriers, service vans and\n * field engineers are all the same list.\n *\n * ## What this renderer does NOT draw, and why\n *\n * There is no map. `MapPreview` — 2,200 lines that project, tile and decorate\n * their own surface — has no React Native build, and porting it is its own\n * change with its own consumers. What that costs is smaller than it sounds,\n * because the web half already calls this list \"the accessible representation,\n * not a sidebar\": every fact a pin carries — who, how recently, how precisely,\n * what they are carrying — is on a row, in an order the map cannot express. So\n * a native board is the half a screen reader was always given, and a device\n * gets the same answers a dispatcher asks for. The gap is stated in\n * `NATIVE-NOTES.md` rather than claimed away, and it is where the map goes when\n * `MapPreview` is ported.\n *\n * The consequence for the API is one line in `FleetMap.types.native.ts`: the\n * native copy interface has no `map` and no `mapLabel`, because a caller should\n * not be asked to name controls nothing renders.\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` made every render look controlled\n    // and the uncontrolled path unreachable.\n    selectedId,\n    onSelect,\n    laggingAfterSeconds = FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n    staleAfterSeconds = FLEET_DEFAULT_STALE_AFTER_SECONDS,\n    loading = false,\n    maxHeight,\n    style,\n    dataTestId,\n  }) => {\n    const theme = useUiTheme();\n    const testId = dataTestId ?? 'fleet-map';\n    const { ordered, active, select, onKeyDown } = useFleetMap(units, selectedId, onSelect);\n\n    return (\n      <View\n        {...webRole('region')}\n        accessibilityLabel={copy.title}\n        testID={testId}\n        style={[styles.panel, { gap: theme.spacing(FLEET_PANEL.gapUnits) }, style]}\n      >\n        <Text\n          {...webRole('heading')}\n          {...webAria({ 'aria-level': 2 })}\n          testID={`${testId}-title`}\n          style={[\n            muiTypeStyle(theme, 'body1'),\n            { color: theme.palette.text.primary, fontWeight: `${MUI_FONT_WEIGHT_MEDIUM}` },\n          ]}\n        >\n          {copy.title}\n        </Text>\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          /* The busy marker belongs on the BODY and never on the panel root —\n             the live region announcing the reload is a sibling above, and a\n             live region inside a busy subtree is exactly what busy tells\n             assistive technology to hold back. Marking the root would silence\n             the announcement for the whole of the only window in which it has\n             anything to say. The web half splits them the same way, and the\n             wrapper is also what the shared loading stories address. */\n          <View\n            aria-busy={loading || undefined}\n            accessibilityState={{ busy: loading }}\n            testID={`${testId}-body`}\n            style={styles.body}\n          >\n            <FleetRoster\n              units={ordered}\n              copy={copy}\n              selectedId={active}\n              onSelect={select}\n              laggingAfterSeconds={laggingAfterSeconds}\n              staleAfterSeconds={staleAfterSeconds}\n              loading={loading}\n              maxHeight={maxHeight}\n              testId={testId}\n              onKeyDown={onKeyDown}\n            />\n          </View>\n        )}\n      </View>\n    );\n  },\n);\n\nFleetMap.displayName = 'FleetMap';\n\nconst styles = StyleSheet.create({\n  body: { flexShrink: 1, minWidth: 0 },\n  panel: { flexDirection: 'column', minWidth: 0 },\n  /**\n   * Off screen but still in the tree, which is what a live region needs. A\n   * `display: 'none'` view is not announced, and a zero-size one clips its text\n   * on some readers.\n   */\n  srOnly: { height: 1, opacity: 0, overflow: 'hidden', position: 'absolute', width: 1 },\n});\n\nexport default FleetMap;\n","import React from 'react';\n\nimport { mapCentre, nextSelection, rosterOrder, type LatLng } from './FleetMap.helpers';\nimport type { FleetUnit } from './FleetMap.base';\n\n/**\n * The half of a key event this hook reads, spelled structurally.\n *\n * NOT `React.KeyboardEvent<HTMLDivElement>`: the native type program is checked\n * without the DOM lib (`tsconfig.native.json`), so a DOM type here would put\n * the whole hook out of reach of the React Native renderer that shares it. A\n * DOM event satisfies this shape, and a handler taking the wider type is\n * assignable wherever the narrower one is expected — so the web passes its own\n * `onKeyDown` unchanged.\n */\nexport interface FleetKeyEvent {\n  key: string;\n  altKey?: boolean;\n  ctrlKey?: boolean;\n  metaKey?: boolean;\n  shiftKey?: boolean;\n  preventDefault: () => void;\n}\n\n/**\n * Everything the board derives from its props, in one hook.\n *\n * Split out of the component so the component is layout and nothing else.\n *\n * The memos are honest about what they buy, which is less than it looks. `units`\n * arrives as a fresh array on every poll, so `ordered` and `markers` are\n * recomputed on every poll whatever these do — a new array is a new identity.\n * What they buy is stability across the renders a poll does NOT cause: a parent\n * re-render, a selection change (which re-runs `centre` but not `ordered`), a\n * theme flip. Sorting a fleet is cheap either way; this is tidiness, not a\n * measured win, and it should not be read as one.\n *\n * `centre` is the exception, and there it is load-bearing rather than tidy —\n * see {@link useFleetMap}.\n *\n * ## Selection works with, without, or half-way through a handler\n *\n * `selectedId` and `onSelect` are both optional, so all four combinations\n * arrive. Left purely controlled, the two useful ones broke: with neither prop\n * the roster was a listbox that answered nothing, and arrowing it called\n * `preventDefault` before a no-op `select`, so the keys did not move a\n * selection AND did not scroll the page either.\n *\n * So the hook keeps its own selection and defers to `selectedId` only when the\n * caller passes one — the ordinary controlled/uncontrolled split, the same one\n * an `<input>` makes. `onSelect` still fires either way, so a consumer can\n * observe the selection without owning it.\n */\n\n/** One pin, in the shape `MapPreview` takes. */\nexport interface FleetMarker {\n  position: LatLng;\n  title: string;\n  onClick: () => void;\n}\n\nexport interface FleetMapState {\n  /** The units, freshest first — see {@link rosterOrder}. */\n  ordered: FleetUnit[];\n  /**\n   * The selection in force — the caller's when they own it, this hook's when\n   * they do not. Everything downstream reads THIS and never the raw prop.\n   */\n  active: string | null;\n  /** Where the map points, or `null` when there is nothing to show. */\n  centre: LatLng | null;\n  select: (id: string) => void;\n  markers: FleetMarker[];\n  onKeyDown: (event: FleetKeyEvent) => void;\n}\n\n/** Which way an arrow moves the selection, or `0` when it is not ours. */\nfunction stepFor(event: FleetKeyEvent): 1 | -1 | 0 {\n  // A modified arrow is the PAGE's shortcut, not the roster's: Cmd+Down is\n  // \"scroll to the end of the document\" on macOS, and Shift+Arrow extends a\n  // selection. Capturing them would take a browser gesture away.\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return 0;\n  if (event.key === 'ArrowDown') return 1;\n  if (event.key === 'ArrowUp') return -1;\n  return 0;\n}\n\n/**\n * Who owns the selection, decided ONCE on the first render.\n *\n * Exactly as React decides it for an `<input>`, and for the same reason.\n * `selectedId` is typed `string | null | undefined`, so `useState<string>()` —\n * the natural shape for a caller — hands us `undefined` on the first render and\n * again on every reset. Re-deriving the mode from the prop each time would make\n * the component change its own semantics mid-life: it starts uncontrolled,\n * silently becomes controlled the moment the caller's `onSelect` writes a value\n * back, and then silently un-becomes it when they clear — resurrecting whatever\n * was selected before the hand-off.\n *\n * Latched, `undefined` is unambiguous within each mode: to a controlled board it\n * is \"nobody is selected\", so clearing the caller's state clears the roster; to\n * an uncontrolled one it is simply the prop staying absent. A caller who wants\n * control passes `string | null` from the first render.\n */\nfunction useSelection(\n  selectedId: string | null | undefined,\n  onSelect: ((id: string) => void) | undefined,\n): { active: string | null; select: (id: string) => void; controlled: boolean } {\n  const controlledRef = React.useRef(selectedId !== undefined);\n  const controlled = controlledRef.current;\n  const [own, setOwn] = React.useState<string | null>(null);\n\n  const select = React.useCallback(\n    (id: string) => {\n      if (!controlled) setOwn(id);\n      onSelect?.(id);\n    },\n    [controlled, onSelect],\n  );\n\n  return { active: controlled ? (selectedId ?? null) : own, select, controlled };\n}\n\nexport function useFleetMap(\n  units: readonly FleetUnit[],\n  selectedId: string | null | undefined,\n  onSelect: ((id: string) => void) | undefined,\n): FleetMapState {\n  const ordered = React.useMemo(() => rosterOrder(units), [units]);\n  const { active, select, controlled } = useSelection(selectedId, onSelect);\n\n  // Memoised on the COORDINATES and not the object, because `mapCentre` builds\n  // a fresh literal every call and `MapPreview` re-centres from an effect keyed\n  // on `center`'s identity. A poll that changes nothing would otherwise hand it\n  // a new object, and the map would jump back to the centroid — throwing away a\n  // pan the dispatcher had just made, on a timer, for as long as they watch it.\n  //\n  // ROUNDED, because keying on the raw numbers was not enough. `mapCentre`\n  // sums over `ordered`, and floating-point addition is not associative — so\n  // re-sorting the SAME coordinates can change the centroid's last bit.\n  // `rosterOrder` sorts on `staleSeconds`, which moves on every poll, so rank\n  // swaps are the ordinary case for a fleet that is standing still: measured\n  // over 20k random three-rider fleets, a single adjacent swap changed the\n  // centroid 17% of the time. Six decimals is ~11cm, far finer than a map\n  // centre resolves and far coarser than the noise.\n  const raw = mapCentre(ordered, active);\n  const lat = raw === null ? null : Math.round(raw.lat * 1e6) / 1e6;\n  const lng = raw === null ? null : Math.round(raw.lng * 1e6) / 1e6;\n  const centre = React.useMemo(\n    () => (lat === null || lng === null ? null : { lat, lng }),\n    [lat, lng],\n  );\n\n  const onKeyDown = React.useCallback(\n    (event: FleetKeyEvent) => {\n      const step = stepFor(event);\n      if (step === 0) return;\n      // Nothing can move a CONTROLLED selection without a handler, so the keys\n      // belong to the page. Swallowing them there left a keyboard user unable to\n      // move the selection and unable to scroll past the roster.\n      if (controlled && !onSelect) return;\n      const next = nextSelection(ordered, active, step);\n      // `preventDefault` only once a move is certain, so the page still scrolls\n      // with the arrow keys when the list is empty and there is nothing to move.\n      if (next === null) return;\n      event.preventDefault();\n      select(next);\n    },\n    [ordered, active, select, controlled, onSelect],\n  );\n\n  const markers = React.useMemo(\n    () =>\n      ordered.map((unit) => ({\n        position: { lat: unit.latitude, lng: unit.longitude },\n        title: unit.label,\n        onClick: () => select(unit.id),\n      })),\n    [ordered, select],\n  );\n\n  return { ordered, active, centre, select, markers, onKeyDown };\n}\n","import type { FleetFreshness, FleetUnit } from './FleetMap.base';\n\n/**\n * How current a fix is, on the two thresholds the caller supplied.\n *\n * Inclusive at both boundaries in the direction that reads better on a screen:\n * a unit exactly at the lagging threshold is already lagging. A boundary has to\n * fall somewhere, and the conservative side is the one that does not tell a\n * dispatcher somebody is live when they are on the edge of not being.\n */\nexport function freshnessOf(\n  staleSeconds: number,\n  laggingAfterSeconds: number,\n  staleAfterSeconds: number,\n): FleetFreshness {\n  if (staleSeconds >= staleAfterSeconds) return 'stale';\n  if (staleSeconds >= laggingAfterSeconds) return 'lagging';\n  return 'live';\n}\n\n/** A latitude/longitude pair, as the map wants its centre. */\nexport interface LatLng {\n  lat: number;\n  lng: number;\n}\n\n/**\n * Where the map should point.\n *\n * The selected unit when there is one — a dispatcher who clicked a name is\n * asking to look at them. Otherwise the fleet's own centroid, which keeps\n * everybody in frame without the caller having to compute a bounding box.\n *\n * `null` for an empty fleet rather than a coordinate: (0, 0) is a real place in\n * the Atlantic, and a map that quietly sails there is worse than one that says\n * it has nothing to show.\n */\nexport function mapCentre(\n  units: readonly FleetUnit[],\n  selectedId?: string | null,\n): LatLng | null {\n  if (units.length === 0) return null;\n  const selected = selectedId ? units.find((unit) => unit.id === selectedId) : undefined;\n  if (selected) return { lat: selected.latitude, lng: selected.longitude };\n  const sum = units.reduce(\n    (acc, unit) => ({ lat: acc.lat + unit.latitude, lng: acc.lng + unit.longitude }),\n    { lat: 0, lng: 0 },\n  );\n  return { lat: sum.lat / units.length, lng: sum.lng / units.length };\n}\n\n/**\n * The roster's order: freshest first, then alphabetically.\n *\n * Not the caller's order, deliberately. The one question this panel answers is\n * *who is moving right now*, and a list sorted by anything else buries the\n * answer under whoever happens to sort first. Ties break on the label so the\n * list does not reshuffle between polls when two units share a staleness.\n */\nexport function rosterOrder(units: readonly FleetUnit[]): FleetUnit[] {\n  return [...units].sort(\n    (a, b) => a.staleSeconds - b.staleSeconds || a.label.localeCompare(b.label),\n  );\n}\n\n/**\n * Move the selection by one row, wrapping at both ends.\n *\n * Wrapping rather than stopping: this is a short list a dispatcher arrows\n * through repeatedly, and a selection that sticks at the last row makes the\n * keyboard path feel broken next to the mouse one.\n */\nexport function nextSelection(\n  units: readonly FleetUnit[],\n  currentId: string | null | undefined,\n  step: 1 | -1,\n): string | null {\n  if (units.length === 0) return null;\n  const index = units.findIndex((unit) => unit.id === currentId);\n  // Nothing selected: Down opens at the top and Up opens at the bottom, which\n  // is what every listbox in the house does.\n  if (index === -1) return (step === 1 ? units[0] : units[units.length - 1])?.id ?? null;\n  const next = (index + step + units.length) % units.length;\n  return units[next]?.id ?? null;\n}\n","/**\n * THE NUMBERS BOTH `FleetMap` RENDERERS DRAW WITH.\n *\n * `FleetRoster.tsx` / `FleetMap.tsx` (web, MUI `sx`) and `FleetRoster.native.tsx`\n * / `FleetMap.native.tsx` (React Native) read this one table. The web hands the\n * spacing UNITS to `theme.spacing()` and the radius MULTIPLES to `sx`; native\n * multiplies the units by the theme's own spacing step and the multiples by\n * `shape.borderRadius`.\n *\n * Nothing here imports a renderer, a theme or a colour: a freshness dot's\n * COLOUR is the theme's (`success.main`, `warning.main`, `text.disabled`), and\n * the two sides reach the same palette through different doors.\n *\n * ## Why the radii are MULTIPLES and never pixels\n *\n * MUI's `sx` reads a bare number for `borderRadius` as a multiple of\n * `theme.shape.borderRadius`, so a value that already had the theme's radius\n * divided out of it is applied twice. Measured: `theme.shape.borderRadius / 4`\n * drew 4px on the default theme — which is why it looked right — and 36px on a\n * host that sets its own radius to 12. In a package whose whole premise is\n * being re-themed, only the multiple is portable, and it is the multiple that\n * both renderers store here.\n */\n\n/** `theme.spacing(n)` for the panel's own stack. */\nexport const FLEET_PANEL = {\n  /** Between the heading, the status region and the body. */\n  gapUnits: 1.5,\n} as const;\n\n/** The roster list box. */\nexport const FLEET_ROSTER = {\n  /** Between rows. */\n  gapUnits: 0.5,\n  /** `:focus-visible` ring on the web; a device has no focus ring to draw. */\n  focusRingWidth: 2,\n  focusRingOffset: 2,\n} as const;\n\n/** One roster row. */\nexport const FLEET_ROW = {\n  /** Between the dot, the text block and the badge. */\n  gapUnits: 1.5,\n  /** `theme.spacing(y, x)`. */\n  paddingYUnits: 1,\n  paddingXUnits: 1.5,\n  /** A MULTIPLE of `theme.shape.borderRadius` — see the note above. */\n  radiusMultiple: 1,\n} as const;\n\n/**\n * The freshness dot.\n *\n * A perfect circle, so the radius is half the box on both sides rather than\n * the web's `50%`: React Native resolves a percentage radius against the box\n * it is given, and a square box makes the two spellings agree.\n */\nexport const FLEET_DOT = {\n  size: 10,\n} as const;\n\n/** What stands in for the roster before any unit has landed. */\nexport const FLEET_SKELETON = {\n  /** Three bars, the height of a row with its padding. */\n  rows: 3,\n  height: 44,\n  /** A MULTIPLE, for the same reason the row's is. */\n  radiusMultiple: 1,\n  gapUnits: 1,\n} as const;\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 */\nexport const FLEET_DEFAULT_LAGGING_AFTER_SECONDS = 90;\nexport const FLEET_DEFAULT_STALE_AFTER_SECONDS = 300;\n","import * as React from 'react';\nimport {\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Text,\n  View,\n  type LayoutChangeEvent,\n  type NativeScrollEvent,\n  type NativeSyntheticEvent,\n} from 'react-native';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton.native';\n\nimport { freshnessOf } from './FleetMap.helpers';\nimport type { FleetKeyEvent } from './FleetMap.hooks';\nimport { FLEET_DOT, FLEET_ROSTER, FLEET_ROW, FLEET_SKELETON } from './FleetMap.metrics';\nimport type { FleetFreshness, FleetMapCopy, FleetUnit } from './FleetMap.types.native';\nimport { webAria, webRole } from '../../../platform/aria';\nimport { webKeyDown } from '../../../platform/web-keys';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * The roster — which on React Native is the WHOLE component, not half of it.\n *\n * On the web this list sits beside a map and carries the information a picture\n * cannot give a screen reader. Here there is no map to sit beside: `MapPreview`\n * has no React Native build, so the native `FleetMap` renders this and says so\n * in `NATIVE-NOTES.md`. That is a smaller change than it sounds, because the\n * web half already treats this list as the component's real content — \"the\n * accessible representation, not a sidebar\" — and every fact a pin carries is\n * on a row here.\n */\n\n/**\n * `data-freshness`, as something JSX can spread onto a react-native element.\n *\n * Through `dataSet` and NOT as a bare `data-freshness` prop: react-native-web\n * drops unknown props rather than forwarding them, and special-cases only\n * `data-testid`. Measured — the attribute was simply absent from the row, so\n * the shared freshness stories read `null`. `dataSet` is rn-web's documented\n * channel for custom data attributes and renders `data-freshness`; React Native\n * ignores it on a device, which is the same trade `webRole` and `webAria` make.\n *\n * It is not decoration: the SHARED stories read this attribute to assert which\n * threshold a row landed on, so without it they cannot run here at all.\n */\nfunction webDataFreshness(freshness: FleetFreshness): object {\n  return { dataSet: { freshness } };\n}\n\n/** Each freshness draws from the semantic palette, never a hardcoded hex. */\nfunction freshnessColor(freshness: FleetFreshness, theme: UiTheme): string {\n  if (freshness === 'live') return theme.palette.success.main;\n  if (freshness === 'lagging') return theme.palette.warning.main;\n  return theme.palette.text.disabled;\n}\n\n/** Where each row sits inside the scrolling content, and what is on screen. */\ninterface RosterGeometry {\n  rows: Map<string, { y: number; height: number }>;\n  offset: number;\n  viewport: number;\n}\n\n/**\n * Keep the selected row visible INSIDE the roster — the same arithmetic the web\n * does with `scrollTop`, expressed in the only terms React Native has.\n *\n * The web reads `box.offsetTop - list.offsetTop` against `list.scrollTop` and\n * `list.clientHeight`. None of those exist here, so the three numbers are\n * gathered as they arrive: a row's `onLayout` gives its `y` inside the content\n * container (already relative to the list, which is what the web computes by\n * subtraction), the `ScrollView`'s own `onLayout` gives the viewport height,\n * and `onScroll` gives the offset. The comparison below is then line-for-line\n * the web's.\n *\n * `scrollTo` rather than react-native's `scrollToEnd`/`ScrollView.scrollIntoView`\n * for the same reason the web refuses `scrollIntoView({ block: 'nearest' })`:\n * this must move THIS list and nothing else. A native `ScrollView` cannot walk\n * its ancestors, so the hazard is smaller here — but the arithmetic is shared,\n * and two renderers agreeing by construction beats two agreeing by coincidence.\n *\n * Watches `position` as well as the id, because the roster re-sorts on every\n * poll: a rider who stays selected while their staleness moves them down the\n * list would otherwise slide out of view with the effect never re-running.\n */\nfunction useKeptInView(\n  scroll: React.RefObject<ScrollView | null>,\n  geometry: React.RefObject<RosterGeometry>,\n  activeId: string | null,\n  position: number,\n): void {\n  React.useEffect(() => {\n    if (activeId === null) return;\n    const { rows, offset, viewport } = geometry.current;\n    const row = rows.get(activeId);\n    // Nothing has laid out yet on the first commit; the next poll re-runs this.\n    if (!row || viewport === 0) return;\n    if (row.y < offset) {\n      scroll.current?.scrollTo({ y: row.y, animated: false });\n    } else if (row.y + row.height > offset + viewport) {\n      scroll.current?.scrollTo({ y: row.y + row.height - viewport, animated: false });\n    }\n  }, [scroll, geometry, activeId, position]);\n}\n\n/**\n * A row's two lines of text — the name, and the one-line summary under it.\n *\n * Split out of {@link FleetRow} to keep that function under the size gate, and\n * the seam is the natural one: everything here is READ, nothing is interactive.\n */\nfunction RowText({\n  unit,\n  copy,\n  freshness,\n  testId,\n}: Pick<RowProps, 'unit' | 'copy' | 'freshness' | 'testId'>): React.JSX.Element {\n  const theme = useUiTheme();\n\n  // Dropped rather than rendered empty: a phone that reports no accuracy radius\n  // would otherwise print a trailing separator with nothing after it.\n  const meta = [\n    copy.freshness[freshness],\n    copy.lastSeen(unit.staleSeconds),\n    unit.accuracyM == null ? null : copy.accuracy(unit.accuracyM),\n  ]\n    .filter((part): part is string => Boolean(part))\n    .join(' · ');\n\n  return (\n    <View style={styles.rowText}>\n      <Text\n        testID={`${testId}-label`}\n        style={[muiTypeStyle(theme, 'body2'), styles.label, { color: theme.palette.text.primary }]}\n      >\n        {unit.label}\n      </Text>\n      <Text\n        testID={`${testId}-meta`}\n        style={[muiTypeStyle(theme, 'caption'), { color: theme.palette.text.secondary }]}\n      >\n        {meta}\n      </Text>\n    </View>\n  );\n}\n\ninterface RowProps {\n  unit: FleetUnit;\n  copy: FleetMapCopy;\n  freshness: FleetFreshness;\n  selected: boolean;\n  onSelect: (id: string) => void;\n  onMeasured: (id: string, y: number, height: number) => void;\n  /** The row's own DOM id, which `aria-activedescendant` points at. */\n  optionId: string;\n  testId: string;\n}\n\n/**\n * One roster row.\n *\n * A `Pressable` rather than a `View` with an `onClick`: a press is the input on\n * a device, and `Pressable` is what gives the row its pressed state and its\n * accessibility role in one element. The PRESSED wash stands in for the web's\n * hover — and, as on the web, it must never weaken the selection, so a selected\n * row keeps `action.selected` whether or not a finger is on it.\n */\nfunction FleetRow({\n  unit,\n  copy,\n  freshness,\n  selected,\n  onSelect,\n  onMeasured,\n  optionId,\n  testId,\n}: RowProps): React.JSX.Element {\n  const theme = useUiTheme();\n\n  const measure = React.useCallback(\n    (event: LayoutChangeEvent) => {\n      const { y, height } = event.nativeEvent.layout;\n      onMeasured(unit.id, y, height);\n    },\n    [onMeasured, unit.id],\n  );\n\n  return (\n    <Pressable\n      {...webRole('option')}\n      {...webDataFreshness(freshness)}\n      // Without this the roster's `aria-activedescendant` names an element that\n      // does not exist, which announces nothing and fails an axe audit — worse\n      // than omitting the attribute. Measured: the row carried no id at all.\n      id={optionId}\n      // BOTH, and neither is redundant. `accessibilityState` is what a DEVICE\n      // reads; react-native-web does not turn it into `aria-selected`, so\n      // without the attribute beside it the web build conveys the selection by\n      // background colour alone — which is the one thing this component refuses\n      // to do for freshness, and no more acceptable here.\n      accessibilityState={{ selected }}\n      aria-selected={selected}\n      testID={testId}\n      onPress={() => onSelect(unit.id)}\n      onLayout={measure}\n      style={({ pressed }) => [\n        styles.row,\n        {\n          gap: theme.spacing(FLEET_ROW.gapUnits),\n          paddingVertical: theme.spacing(FLEET_ROW.paddingYUnits),\n          paddingHorizontal: theme.spacing(FLEET_ROW.paddingXUnits),\n          borderRadius: FLEET_ROW.radiusMultiple * theme.radius.md,\n          backgroundColor: selected\n            ? theme.palette.action.selected\n            : pressed\n              ? theme.palette.action.hover\n              : 'transparent',\n        },\n      ]}\n    >\n      {/* The dot repeats what the freshness word beside it already says, so it\n          is hidden rather than read twice — and colour is never the only\n          carrier of the state. */}\n      <View\n        accessibilityElementsHidden\n        importantForAccessibility=\"no-hide-descendants\"\n        testID={`${testId}-dot`}\n        style={[styles.dot, { backgroundColor: freshnessColor(freshness, theme) }]}\n      />\n      <RowText unit={unit} copy={copy} freshness={freshness} testId={testId} />\n      {unit.badge !== undefined && unit.badge !== '' && (\n        <Text\n          testID={`${testId}-badge`}\n          style={[\n            muiTypeStyle(theme, 'caption'),\n            styles.badge,\n            { color: theme.palette.text.secondary },\n          ]}\n        >\n          {unit.badge}\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n\n/**\n * What stands in for the roster before any unit has landed.\n *\n * Hidden from the reader, because three grey bars are not information — the\n * panel's busy state and its optional announcement carry that. The radius is\n * the same MULTIPLE a real row uses rather than a raw pixel count.\n */\nfunction FirstLoad({ testId }: { testId: string }): React.JSX.Element {\n  const theme = useUiTheme();\n  return (\n    <View\n      testID={`${testId}-skeleton`}\n      accessibilityElementsHidden\n      importantForAccessibility=\"no-hide-descendants\"\n      style={{ gap: theme.spacing(FLEET_SKELETON.gapUnits) }}\n    >\n      {Array.from({ length: FLEET_SKELETON.rows }, (_, row) => (\n        <Skeleton\n          key={row}\n          variant=\"rectangular\"\n          height={FLEET_SKELETON.height}\n          borderRadius={FLEET_SKELETON.radiusMultiple}\n        />\n      ))}\n    </View>\n  );\n}\n\nexport interface FleetRosterProps {\n  units: readonly FleetUnit[];\n  copy: FleetMapCopy;\n  selectedId: string | null | undefined;\n  onSelect: (id: string) => void;\n  laggingAfterSeconds: number;\n  staleAfterSeconds: number;\n  loading: boolean;\n  maxHeight: number | undefined;\n  testId: string;\n  onKeyDown: (event: FleetKeyEvent) => void;\n}\n\nexport function FleetRoster({\n  units,\n  copy,\n  selectedId,\n  onSelect,\n  laggingAfterSeconds,\n  staleAfterSeconds,\n  loading,\n  maxHeight,\n  testId,\n  onKeyDown,\n}: FleetRosterProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const scroll = React.useRef<ScrollView>(null);\n  const geometry = React.useRef<RosterGeometry>({ rows: new Map(), offset: 0, viewport: 0 });\n\n  // Generated, not derived from `dataTestId`: two boards on one screen filtered\n  // from the same fleet would otherwise emit duplicate ids and an ambiguous\n  // `aria-activedescendant` under react-native-web.\n  const rowIdPrefix = React.useId();\n\n  // The selection is CONTROLLED, so it can name a unit that has since dropped\n  // out of the freshness window — a courier ending their shift mid-poll. The\n  // attribute must then be absent rather than pointing at a row that no longer\n  // renders. `mapCentre` and `nextSelection` both handle the same case.\n  const active = units.some((unit) => unit.id === selectedId) ? (selectedId ?? null) : null;\n  const position = active === null ? -1 : units.findIndex((unit) => unit.id === active);\n\n  const onMeasured = React.useCallback((id: string, y: number, height: number) => {\n    geometry.current.rows.set(id, { y, height });\n  }, []);\n\n  useKeptInView(scroll, geometry, active, position);\n\n  if (loading && units.length === 0) return <FirstLoad testId={testId} />;\n\n  return (\n    <ScrollView\n      ref={scroll}\n      {...webRole('listbox')}\n      // A single tab stop with the arrow keys inside it, which is the listbox\n      // pattern and what `aria-activedescendant` below is for: a dispatcher\n      // tabbing past a fleet of thirty should not press it thirty times. React\n      // Native has no tab order, so this reaches the DOM through\n      // react-native-web and does nothing on a device — where each row is its\n      // own touch target anyway.\n      tabIndex={0}\n      {...webAria({ 'aria-activedescendant': active ? `${rowIdPrefix}-${active}` : undefined })}\n      {...webKeyDown(onKeyDown)}\n      accessibilityLabel={copy.rosterLabel}\n      testID={`${testId}-roster`}\n      style={maxHeight === undefined ? undefined : { maxHeight }}\n      contentContainerStyle={{ gap: theme.spacing(FLEET_ROSTER.gapUnits) }}\n      onLayout={(event: LayoutChangeEvent) => {\n        geometry.current.viewport = event.nativeEvent.layout.height;\n      }}\n      onScroll={(event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        geometry.current.offset = event.nativeEvent.contentOffset.y;\n      }}\n      scrollEventThrottle={16}\n    >\n      {units.map((unit) => (\n        <FleetRow\n          key={unit.id}\n          unit={unit}\n          copy={copy}\n          freshness={freshnessOf(unit.staleSeconds, laggingAfterSeconds, staleAfterSeconds)}\n          selected={unit.id === active}\n          onSelect={onSelect}\n          onMeasured={onMeasured}\n          optionId={`${rowIdPrefix}-${unit.id}`}\n          testId={`${testId}-${unit.id}`}\n        />\n      ))}\n    </ScrollView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  badge: { flexShrink: 0 },\n  dot: {\n    borderRadius: FLEET_DOT.size / 2,\n    flexShrink: 0,\n    height: FLEET_DOT.size,\n    width: FLEET_DOT.size,\n  },\n  label: { fontWeight: '500' },\n  row: { alignItems: 'center', flexDirection: 'row' },\n  rowText: { flexGrow: 1, flexShrink: 1, minWidth: 0 },\n});\n"],"mappings":"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","names":["React","StyleSheet","Text","View","React","jsx","jsxs","View","styles","Text","StyleSheet"]}
+{"version":3,"sources":["../../../src/components/data-display/FleetMap/FleetMap.native.tsx","../../../src/components/data-display/FleetMap/FleetMap.hooks.ts","../../../src/components/data-display/FleetMap/FleetMap.helpers.ts","../../../src/components/data-display/FleetMap/FleetMap.metrics.ts","../../../src/components/data-display/FleetMap/FleetRoster.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { EmptyState } from '../EmptyState/EmptyState.native';\n\nimport { useFleetMap } from './FleetMap.hooks';\nimport {\n  FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n  FLEET_DEFAULT_STALE_AFTER_SECONDS,\n  FLEET_PANEL,\n} from './FleetMap.metrics';\nimport type { FleetMapProps } from './FleetMap.types.native';\nimport { FleetRoster } from './FleetRoster.native';\nimport { webAria, webRole } from '../../../platform/aria';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { MUI_FONT_WEIGHT_MEDIUM, muiTypeStyle } from '../../../tokens/mui-type';\n\n/**\n * The reload announcement, and nothing else.\n *\n * A busy region marks itself stale for assistive technology but UTTERS nothing,\n * and the skeletons beside it are hidden from the reader — 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 exist BEFORE its content changes; a reader watches an\n * existing region for mutations rather than announcing one that appears already\n * populated. Mounting region-and-text together in a single commit is the classic\n * silent case — it satisfies a query while announcing nothing. So the region\n * mounts as soon as the caller offers the copy and merely EMPTIES when idle.\n *\n * `role=\"status\"` and `aria-live` reach the DOM through react-native-web; on a\n * device the announcement is made by `AccessibilityInfo` or not at all, which\n * is recorded in `NATIVE-NOTES.md` rather than papered over here.\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    <View\n      {...webRole('status')}\n      aria-live=\"polite\"\n      accessibilityLiveRegion=\"polite\"\n      testID={`${testId}-status`}\n      style={styles.srOnly}\n    >\n      <Text>{loading ? announcement : ''}</Text>\n    </View>\n  );\n}\n\n/**\n * FleetMap on React Native — where a set of tracked units is right now.\n *\n * Product-free by construction: it draws a labelled row with a freshness, and\n * every word — the heading, the three freshness states, how a duration and a\n * distance are written — arrives through `copy`. Couriers, service vans and\n * field engineers are all the same list.\n *\n * ## What this renderer does NOT draw, and why\n *\n * There is no map. `MapPreview` — 2,200 lines that project, tile and decorate\n * their own surface — has no React Native build, and porting it is its own\n * change with its own consumers. What that costs is smaller than it sounds,\n * because the web half already calls this list \"the accessible representation,\n * not a sidebar\": every fact a pin carries — who, how recently, how precisely,\n * what they are carrying — is on a row, in an order the map cannot express. So\n * a native board is the half a screen reader was always given, and a device\n * gets the same answers a dispatcher asks for. The gap is stated in\n * `NATIVE-NOTES.md` rather than claimed away, and it is where the map goes when\n * `MapPreview` is ported.\n *\n * The consequence for the API is one line in `FleetMap.types.native.ts`: the\n * native copy interface has no `map` and no `mapLabel`, because a caller should\n * not be asked to name controls nothing renders.\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` made every render look controlled\n    // and the uncontrolled path unreachable.\n    selectedId,\n    onSelect,\n    laggingAfterSeconds = FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n    staleAfterSeconds = FLEET_DEFAULT_STALE_AFTER_SECONDS,\n    loading = false,\n    maxHeight,\n    style,\n    dataTestId,\n  }) => {\n    const theme = useUiTheme();\n    const testId = dataTestId ?? 'fleet-map';\n    const { ordered, active, select, onKeyDown } = useFleetMap(units, selectedId, onSelect);\n\n    return (\n      <View\n        {...webRole('region')}\n        accessibilityLabel={copy.title}\n        testID={testId}\n        style={[styles.panel, { gap: theme.spacing(FLEET_PANEL.gapUnits) }, style]}\n      >\n        <Text\n          {...webRole('heading')}\n          {...webAria({ 'aria-level': 2 })}\n          testID={`${testId}-title`}\n          style={[\n            muiTypeStyle(theme, 'body1'),\n            { color: theme.palette.text.primary, fontWeight: `${MUI_FONT_WEIGHT_MEDIUM}` },\n          ]}\n        >\n          {copy.title}\n        </Text>\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          /* The busy marker belongs on the BODY and never on the panel root —\n             the live region announcing the reload is a sibling above, and a\n             live region inside a busy subtree is exactly what busy tells\n             assistive technology to hold back. Marking the root would silence\n             the announcement for the whole of the only window in which it has\n             anything to say. The web half splits them the same way, and the\n             wrapper is also what the shared loading stories address. */\n          <View\n            aria-busy={loading || undefined}\n            accessibilityState={{ busy: loading }}\n            testID={`${testId}-body`}\n            style={styles.body}\n          >\n            <FleetRoster\n              units={ordered}\n              copy={copy}\n              selectedId={active}\n              onSelect={select}\n              laggingAfterSeconds={laggingAfterSeconds}\n              staleAfterSeconds={staleAfterSeconds}\n              loading={loading}\n              maxHeight={maxHeight}\n              testId={testId}\n              onKeyDown={onKeyDown}\n            />\n          </View>\n        )}\n      </View>\n    );\n  },\n);\n\nFleetMap.displayName = 'FleetMap';\n\nconst styles = StyleSheet.create({\n  body: { flexShrink: 1, minWidth: 0 },\n  panel: { flexDirection: 'column', minWidth: 0 },\n  /**\n   * Off screen but still in the tree, which is what a live region needs. A\n   * `display: 'none'` view is not announced, and a zero-size one clips its text\n   * on some readers.\n   */\n  srOnly: { height: 1, opacity: 0, overflow: 'hidden', position: 'absolute', width: 1 },\n});\n\nexport default FleetMap;\n","import React from 'react';\n\nimport { mapCentre, nextSelection, rosterOrder, type LatLng } from './FleetMap.helpers';\nimport type { FleetUnit } from './FleetMap.base';\n\n/**\n * The half of a key event this hook reads, spelled structurally.\n *\n * NOT `React.KeyboardEvent<HTMLDivElement>`: the native type program is checked\n * without the DOM lib (`tsconfig.native.json`), so a DOM type here would put\n * the whole hook out of reach of the React Native renderer that shares it. A\n * DOM event satisfies this shape, and a handler taking the wider type is\n * assignable wherever the narrower one is expected — so the web passes its own\n * `onKeyDown` unchanged.\n */\nexport interface FleetKeyEvent {\n  key: string;\n  altKey?: boolean;\n  ctrlKey?: boolean;\n  metaKey?: boolean;\n  shiftKey?: boolean;\n  preventDefault: () => void;\n}\n\n/**\n * Everything the board derives from its props, in one hook.\n *\n * Split out of the component so the component is layout and nothing else.\n *\n * The memos are honest about what they buy, which is less than it looks. `units`\n * arrives as a fresh array on every poll, so `ordered` and `markers` are\n * recomputed on every poll whatever these do — a new array is a new identity.\n * What they buy is stability across the renders a poll does NOT cause: a parent\n * re-render, a selection change (which re-runs `centre` but not `ordered`), a\n * theme flip. Sorting a fleet is cheap either way; this is tidiness, not a\n * measured win, and it should not be read as one.\n *\n * `centre` is the exception, and there it is load-bearing rather than tidy —\n * see {@link useFleetMap}.\n *\n * ## Selection works with, without, or half-way through a handler\n *\n * `selectedId` and `onSelect` are both optional, so all four combinations\n * arrive. Left purely controlled, the two useful ones broke: with neither prop\n * the roster was a listbox that answered nothing, and arrowing it called\n * `preventDefault` before a no-op `select`, so the keys did not move a\n * selection AND did not scroll the page either.\n *\n * So the hook keeps its own selection and defers to `selectedId` only when the\n * caller passes one — the ordinary controlled/uncontrolled split, the same one\n * an `<input>` makes. `onSelect` still fires either way, so a consumer can\n * observe the selection without owning it.\n */\n\n/** One pin, in the shape `MapPreview` takes. */\nexport interface FleetMarker {\n  position: LatLng;\n  title: string;\n  onClick: () => void;\n}\n\nexport interface FleetMapState {\n  /** The units, freshest first — see {@link rosterOrder}. */\n  ordered: FleetUnit[];\n  /**\n   * The selection in force — the caller's when they own it, this hook's when\n   * they do not. Everything downstream reads THIS and never the raw prop.\n   */\n  active: string | null;\n  /** Where the map points, or `null` when there is nothing to show. */\n  centre: LatLng | null;\n  select: (id: string) => void;\n  markers: FleetMarker[];\n  onKeyDown: (event: FleetKeyEvent) => void;\n}\n\n/** Which way an arrow moves the selection, or `0` when it is not ours. */\nfunction stepFor(event: FleetKeyEvent): 1 | -1 | 0 {\n  // A modified arrow is the PAGE's shortcut, not the roster's: Cmd+Down is\n  // \"scroll to the end of the document\" on macOS, and Shift+Arrow extends a\n  // selection. Capturing them would take a browser gesture away.\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return 0;\n  if (event.key === 'ArrowDown') return 1;\n  if (event.key === 'ArrowUp') return -1;\n  return 0;\n}\n\n/**\n * Who owns the selection, decided ONCE on the first render.\n *\n * Exactly as React decides it for an `<input>`, and for the same reason.\n * `selectedId` is typed `string | null | undefined`, so `useState<string>()` —\n * the natural shape for a caller — hands us `undefined` on the first render and\n * again on every reset. Re-deriving the mode from the prop each time would make\n * the component change its own semantics mid-life: it starts uncontrolled,\n * silently becomes controlled the moment the caller's `onSelect` writes a value\n * back, and then silently un-becomes it when they clear — resurrecting whatever\n * was selected before the hand-off.\n *\n * Latched, `undefined` is unambiguous within each mode: to a controlled board it\n * is \"nobody is selected\", so clearing the caller's state clears the roster; to\n * an uncontrolled one it is simply the prop staying absent. A caller who wants\n * control passes `string | null` from the first render.\n */\nfunction useSelection(\n  selectedId: string | null | undefined,\n  onSelect: ((id: string) => void) | undefined,\n): { active: string | null; select: (id: string) => void; controlled: boolean } {\n  const controlledRef = React.useRef(selectedId !== undefined);\n  const controlled = controlledRef.current;\n  const [own, setOwn] = React.useState<string | null>(null);\n\n  const select = React.useCallback(\n    (id: string) => {\n      if (!controlled) setOwn(id);\n      onSelect?.(id);\n    },\n    [controlled, onSelect],\n  );\n\n  return { active: controlled ? (selectedId ?? null) : own, select, controlled };\n}\n\nexport function useFleetMap(\n  units: readonly FleetUnit[],\n  selectedId: string | null | undefined,\n  onSelect: ((id: string) => void) | undefined,\n): FleetMapState {\n  const ordered = React.useMemo(() => rosterOrder(units), [units]);\n  const { active, select, controlled } = useSelection(selectedId, onSelect);\n\n  // Memoised on the COORDINATES and not the object, because `mapCentre` builds\n  // a fresh literal every call and `MapPreview` re-centres from an effect keyed\n  // on `center`'s identity. A poll that changes nothing would otherwise hand it\n  // a new object, and the map would jump back to the centroid — throwing away a\n  // pan the dispatcher had just made, on a timer, for as long as they watch it.\n  //\n  // ROUNDED, because keying on the raw numbers was not enough. `mapCentre`\n  // sums over `ordered`, and floating-point addition is not associative — so\n  // re-sorting the SAME coordinates can change the centroid's last bit.\n  // `rosterOrder` sorts on `staleSeconds`, which moves on every poll, so rank\n  // swaps are the ordinary case for a fleet that is standing still: measured\n  // over 20k random three-rider fleets, a single adjacent swap changed the\n  // centroid 17% of the time. Six decimals is ~11cm, far finer than a map\n  // centre resolves and far coarser than the noise.\n  const raw = mapCentre(ordered, active);\n  const lat = raw === null ? null : Math.round(raw.lat * 1e6) / 1e6;\n  const lng = raw === null ? null : Math.round(raw.lng * 1e6) / 1e6;\n  const centre = React.useMemo(\n    () => (lat === null || lng === null ? null : { lat, lng }),\n    [lat, lng],\n  );\n\n  const onKeyDown = React.useCallback(\n    (event: FleetKeyEvent) => {\n      const step = stepFor(event);\n      if (step === 0) return;\n      // Nothing can move a CONTROLLED selection without a handler, so the keys\n      // belong to the page. Swallowing them there left a keyboard user unable to\n      // move the selection and unable to scroll past the roster.\n      if (controlled && !onSelect) return;\n      const next = nextSelection(ordered, active, step);\n      // `preventDefault` only once a move is certain, so the page still scrolls\n      // with the arrow keys when the list is empty and there is nothing to move.\n      if (next === null) return;\n      event.preventDefault();\n      select(next);\n    },\n    [ordered, active, select, controlled, onSelect],\n  );\n\n  const markers = React.useMemo(\n    () =>\n      ordered.map((unit) => ({\n        position: { lat: unit.latitude, lng: unit.longitude },\n        title: unit.label,\n        onClick: () => select(unit.id),\n      })),\n    [ordered, select],\n  );\n\n  return { ordered, active, centre, select, markers, onKeyDown };\n}\n","import type { FleetFreshness, FleetUnit } from './FleetMap.base';\n\n/**\n * How current a fix is, on the two thresholds the caller supplied.\n *\n * Inclusive at both boundaries in the direction that reads better on a screen:\n * a unit exactly at the lagging threshold is already lagging. A boundary has to\n * fall somewhere, and the conservative side is the one that does not tell a\n * dispatcher somebody is live when they are on the edge of not being.\n */\nexport function freshnessOf(\n  staleSeconds: number,\n  laggingAfterSeconds: number,\n  staleAfterSeconds: number,\n): FleetFreshness {\n  if (staleSeconds >= staleAfterSeconds) return 'stale';\n  if (staleSeconds >= laggingAfterSeconds) return 'lagging';\n  return 'live';\n}\n\n/** A latitude/longitude pair, as the map wants its centre. */\nexport interface LatLng {\n  lat: number;\n  lng: number;\n}\n\n/**\n * Where the map should point.\n *\n * The selected unit when there is one — a dispatcher who clicked a name is\n * asking to look at them. Otherwise the fleet's own centroid, which keeps\n * everybody in frame without the caller having to compute a bounding box.\n *\n * `null` for an empty fleet rather than a coordinate: (0, 0) is a real place in\n * the Atlantic, and a map that quietly sails there is worse than one that says\n * it has nothing to show.\n */\nexport function mapCentre(\n  units: readonly FleetUnit[],\n  selectedId?: string | null,\n): LatLng | null {\n  if (units.length === 0) return null;\n  const selected = selectedId ? units.find((unit) => unit.id === selectedId) : undefined;\n  if (selected) return { lat: selected.latitude, lng: selected.longitude };\n  const sum = units.reduce(\n    (acc, unit) => ({ lat: acc.lat + unit.latitude, lng: acc.lng + unit.longitude }),\n    { lat: 0, lng: 0 },\n  );\n  return { lat: sum.lat / units.length, lng: sum.lng / units.length };\n}\n\n/**\n * The roster's order: freshest first, then alphabetically.\n *\n * Not the caller's order, deliberately. The one question this panel answers is\n * *who is moving right now*, and a list sorted by anything else buries the\n * answer under whoever happens to sort first. Ties break on the label so the\n * list does not reshuffle between polls when two units share a staleness.\n */\nexport function rosterOrder(units: readonly FleetUnit[]): FleetUnit[] {\n  return [...units].sort(\n    (a, b) => a.staleSeconds - b.staleSeconds || a.label.localeCompare(b.label),\n  );\n}\n\n/**\n * Move the selection by one row, wrapping at both ends.\n *\n * Wrapping rather than stopping: this is a short list a dispatcher arrows\n * through repeatedly, and a selection that sticks at the last row makes the\n * keyboard path feel broken next to the mouse one.\n */\nexport function nextSelection(\n  units: readonly FleetUnit[],\n  currentId: string | null | undefined,\n  step: 1 | -1,\n): string | null {\n  if (units.length === 0) return null;\n  const index = units.findIndex((unit) => unit.id === currentId);\n  // Nothing selected: Down opens at the top and Up opens at the bottom, which\n  // is what every listbox in the house does.\n  if (index === -1) return (step === 1 ? units[0] : units[units.length - 1])?.id ?? null;\n  const next = (index + step + units.length) % units.length;\n  return units[next]?.id ?? null;\n}\n","/**\n * THE NUMBERS BOTH `FleetMap` RENDERERS DRAW WITH.\n *\n * `FleetRoster.tsx` / `FleetMap.tsx` (web, MUI `sx`) and `FleetRoster.native.tsx`\n * / `FleetMap.native.tsx` (React Native) read this one table. The web hands the\n * spacing UNITS to `theme.spacing()` and the radius MULTIPLES to `sx`; native\n * multiplies the units by the theme's own spacing step and the multiples by\n * `shape.borderRadius`.\n *\n * Nothing here imports a renderer, a theme or a colour: a freshness dot's\n * COLOUR is the theme's (`success.main`, `warning.main`, `text.disabled`), and\n * the two sides reach the same palette through different doors.\n *\n * ## Why the radii are MULTIPLES and never pixels\n *\n * MUI's `sx` reads a bare number for `borderRadius` as a multiple of\n * `theme.shape.borderRadius`, so a value that already had the theme's radius\n * divided out of it is applied twice. Measured: `theme.shape.borderRadius / 4`\n * drew 4px on the default theme — which is why it looked right — and 36px on a\n * host that sets its own radius to 12. In a package whose whole premise is\n * being re-themed, only the multiple is portable, and it is the multiple that\n * both renderers store here.\n */\n\n/** `theme.spacing(n)` for the panel's own stack. */\nexport const FLEET_PANEL = {\n  /** Between the heading, the status region and the body. */\n  gapUnits: 1.5,\n} as const;\n\n/** The roster list box. */\nexport const FLEET_ROSTER = {\n  /** Between rows. */\n  gapUnits: 0.5,\n  /** `:focus-visible` ring on the web; a device has no focus ring to draw. */\n  focusRingWidth: 2,\n  focusRingOffset: 2,\n} as const;\n\n/** One roster row. */\nexport const FLEET_ROW = {\n  /** Between the dot, the text block and the badge. */\n  gapUnits: 1.5,\n  /** `theme.spacing(y, x)`. */\n  paddingYUnits: 1,\n  paddingXUnits: 1.5,\n  /** A MULTIPLE of `theme.shape.borderRadius` — see the note above. */\n  radiusMultiple: 1,\n} as const;\n\n/**\n * The freshness dot.\n *\n * A perfect circle, so the radius is half the box on both sides rather than\n * the web's `50%`: React Native resolves a percentage radius against the box\n * it is given, and a square box makes the two spellings agree.\n */\nexport const FLEET_DOT = {\n  size: 10,\n} as const;\n\n/** What stands in for the roster before any unit has landed. */\nexport const FLEET_SKELETON = {\n  /** Three bars, the height of a row with its padding. */\n  rows: 3,\n  height: 44,\n  /** A MULTIPLE, for the same reason the row's is. */\n  radiusMultiple: 1,\n  gapUnits: 1,\n} as const;\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 */\nexport const FLEET_DEFAULT_LAGGING_AFTER_SECONDS = 90;\nexport const FLEET_DEFAULT_STALE_AFTER_SECONDS = 300;\n","import * as React from 'react';\nimport {\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Text,\n  View,\n  type LayoutChangeEvent,\n  type NativeScrollEvent,\n  type NativeSyntheticEvent,\n} from 'react-native';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton.native';\n\nimport { freshnessOf } from './FleetMap.helpers';\nimport type { FleetKeyEvent } from './FleetMap.hooks';\nimport { FLEET_DOT, FLEET_ROSTER, FLEET_ROW, FLEET_SKELETON } from './FleetMap.metrics';\nimport type { FleetFreshness, FleetMapCopy, FleetUnit } from './FleetMap.types.native';\nimport { webAria, webRole } from '../../../platform/aria';\nimport { webKeyDown } from '../../../platform/web-keys';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * The roster — which on React Native is the WHOLE component, not half of it.\n *\n * On the web this list sits beside a map and carries the information a picture\n * cannot give a screen reader. Here there is no map to sit beside: `MapPreview`\n * has no React Native build, so the native `FleetMap` renders this and says so\n * in `NATIVE-NOTES.md`. That is a smaller change than it sounds, because the\n * web half already treats this list as the component's real content — \"the\n * accessible representation, not a sidebar\" — and every fact a pin carries is\n * on a row here.\n */\n\n/**\n * `data-freshness`, as something JSX can spread onto a react-native element.\n *\n * Through `dataSet` and NOT as a bare `data-freshness` prop: react-native-web\n * drops unknown props rather than forwarding them, and special-cases only\n * `data-testid`. Measured — the attribute was simply absent from the row, so\n * the shared freshness stories read `null`. `dataSet` is rn-web's documented\n * channel for custom data attributes and renders `data-freshness`; React Native\n * ignores it on a device, which is the same trade `webRole` and `webAria` make.\n *\n * It is not decoration: the SHARED stories read this attribute to assert which\n * threshold a row landed on, so without it they cannot run here at all.\n */\nfunction webDataFreshness(freshness: FleetFreshness): object {\n  return { dataSet: { freshness } };\n}\n\n/** Each freshness draws from the semantic palette, never a hardcoded hex. */\nfunction freshnessColor(freshness: FleetFreshness, theme: UiTheme): string {\n  if (freshness === 'live') return theme.palette.success.main;\n  if (freshness === 'lagging') return theme.palette.warning.main;\n  return theme.palette.text.disabled;\n}\n\n/** Where each row sits inside the scrolling content, and what is on screen. */\ninterface RosterGeometry {\n  rows: Map<string, { y: number; height: number }>;\n  offset: number;\n  viewport: number;\n}\n\n/**\n * Keep the selected row visible INSIDE the roster — the same arithmetic the web\n * does with `scrollTop`, expressed in the only terms React Native has.\n *\n * The web reads `box.offsetTop - list.offsetTop` against `list.scrollTop` and\n * `list.clientHeight`. None of those exist here, so the three numbers are\n * gathered as they arrive: a row's `onLayout` gives its `y` inside the content\n * container (already relative to the list, which is what the web computes by\n * subtraction), the `ScrollView`'s own `onLayout` gives the viewport height,\n * and `onScroll` gives the offset. The comparison below is then line-for-line\n * the web's.\n *\n * `scrollTo` rather than react-native's `scrollToEnd`/`ScrollView.scrollIntoView`\n * for the same reason the web refuses `scrollIntoView({ block: 'nearest' })`:\n * this must move THIS list and nothing else. A native `ScrollView` cannot walk\n * its ancestors, so the hazard is smaller here — but the arithmetic is shared,\n * and two renderers agreeing by construction beats two agreeing by coincidence.\n *\n * Watches `position` as well as the id, because the roster re-sorts on every\n * poll: a rider who stays selected while their staleness moves them down the\n * list would otherwise slide out of view with the effect never re-running.\n */\nfunction useKeptInView(\n  scroll: React.RefObject<ScrollView | null>,\n  geometry: React.RefObject<RosterGeometry>,\n  activeId: string | null,\n  position: number,\n): void {\n  React.useEffect(() => {\n    if (activeId === null) return;\n    const { rows, offset, viewport } = geometry.current;\n    const row = rows.get(activeId);\n    // Nothing has laid out yet on the first commit; the next poll re-runs this.\n    if (!row || viewport === 0) return;\n    if (row.y < offset) {\n      scroll.current?.scrollTo({ y: row.y, animated: false });\n    } else if (row.y + row.height > offset + viewport) {\n      scroll.current?.scrollTo({ y: row.y + row.height - viewport, animated: false });\n    }\n  }, [scroll, geometry, activeId, position]);\n}\n\n/**\n * A row's two lines of text — the name, and the one-line summary under it.\n *\n * Split out of {@link FleetRow} to keep that function under the size gate, and\n * the seam is the natural one: everything here is READ, nothing is interactive.\n */\nfunction RowText({\n  unit,\n  copy,\n  freshness,\n  testId,\n}: Pick<RowProps, 'unit' | 'copy' | 'freshness' | 'testId'>): React.JSX.Element {\n  const theme = useUiTheme();\n\n  // Dropped rather than rendered empty: a phone that reports no accuracy radius\n  // would otherwise print a trailing separator with nothing after it.\n  const meta = [\n    copy.freshness[freshness],\n    copy.lastSeen(unit.staleSeconds),\n    unit.accuracyM == null ? null : copy.accuracy(unit.accuracyM),\n  ]\n    .filter((part): part is string => Boolean(part))\n    .join(' · ');\n\n  return (\n    <View style={styles.rowText}>\n      <Text\n        testID={`${testId}-label`}\n        style={[muiTypeStyle(theme, 'body2'), styles.label, { color: theme.palette.text.primary }]}\n      >\n        {unit.label}\n      </Text>\n      <Text\n        testID={`${testId}-meta`}\n        style={[muiTypeStyle(theme, 'caption'), { color: theme.palette.text.secondary }]}\n      >\n        {meta}\n      </Text>\n    </View>\n  );\n}\n\ninterface RowProps {\n  unit: FleetUnit;\n  copy: FleetMapCopy;\n  freshness: FleetFreshness;\n  selected: boolean;\n  onSelect: (id: string) => void;\n  onMeasured: (id: string, y: number, height: number) => void;\n  /** The row's own DOM id, which `aria-activedescendant` points at. */\n  optionId: string;\n  testId: string;\n}\n\n/**\n * One roster row.\n *\n * A `Pressable` rather than a `View` with an `onClick`: a press is the input on\n * a device, and `Pressable` is what gives the row its pressed state and its\n * accessibility role in one element. The PRESSED wash stands in for the web's\n * hover — and, as on the web, it must never weaken the selection, so a selected\n * row keeps `action.selected` whether or not a finger is on it.\n */\nfunction FleetRow({\n  unit,\n  copy,\n  freshness,\n  selected,\n  onSelect,\n  onMeasured,\n  optionId,\n  testId,\n}: RowProps): React.JSX.Element {\n  const theme = useUiTheme();\n\n  const measure = React.useCallback(\n    (event: LayoutChangeEvent) => {\n      const { y, height } = event.nativeEvent.layout;\n      onMeasured(unit.id, y, height);\n    },\n    [onMeasured, unit.id],\n  );\n\n  return (\n    <Pressable\n      {...webRole('option')}\n      {...webDataFreshness(freshness)}\n      // Without this the roster's `aria-activedescendant` names an element that\n      // does not exist, which announces nothing and fails an axe audit — worse\n      // than omitting the attribute. Measured: the row carried no id at all.\n      id={optionId}\n      // BOTH, and neither is redundant. `accessibilityState` is what a DEVICE\n      // reads; react-native-web does not turn it into `aria-selected`, so\n      // without the attribute beside it the web build conveys the selection by\n      // background colour alone — which is the one thing this component refuses\n      // to do for freshness, and no more acceptable here.\n      accessibilityState={{ selected }}\n      aria-selected={selected}\n      testID={testId}\n      onPress={() => onSelect(unit.id)}\n      onLayout={measure}\n      style={({ pressed }) => [\n        styles.row,\n        {\n          gap: theme.spacing(FLEET_ROW.gapUnits),\n          paddingVertical: theme.spacing(FLEET_ROW.paddingYUnits),\n          paddingHorizontal: theme.spacing(FLEET_ROW.paddingXUnits),\n          borderRadius: FLEET_ROW.radiusMultiple * theme.radius.md,\n          backgroundColor: selected\n            ? theme.palette.action.selected\n            : pressed\n              ? theme.palette.action.hover\n              : 'transparent',\n        },\n      ]}\n    >\n      {/* The dot repeats what the freshness word beside it already says, so it\n          is hidden rather than read twice — and colour is never the only\n          carrier of the state. */}\n      <View\n        accessibilityElementsHidden\n        importantForAccessibility=\"no-hide-descendants\"\n        testID={`${testId}-dot`}\n        style={[styles.dot, { backgroundColor: freshnessColor(freshness, theme) }]}\n      />\n      <RowText unit={unit} copy={copy} freshness={freshness} testId={testId} />\n      {unit.badge !== undefined && unit.badge !== '' && (\n        <Text\n          testID={`${testId}-badge`}\n          style={[\n            muiTypeStyle(theme, 'caption'),\n            styles.badge,\n            { color: theme.palette.text.secondary },\n          ]}\n        >\n          {unit.badge}\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n\n/**\n * What stands in for the roster before any unit has landed.\n *\n * Hidden from the reader, because three grey bars are not information — the\n * panel's busy state and its optional announcement carry that. The radius is\n * the same MULTIPLE a real row uses rather than a raw pixel count.\n */\nfunction FirstLoad({ testId }: { testId: string }): React.JSX.Element {\n  const theme = useUiTheme();\n  return (\n    <View\n      testID={`${testId}-skeleton`}\n      accessibilityElementsHidden\n      importantForAccessibility=\"no-hide-descendants\"\n      style={{ gap: theme.spacing(FLEET_SKELETON.gapUnits) }}\n    >\n      {Array.from({ length: FLEET_SKELETON.rows }, (_, row) => (\n        <Skeleton\n          key={row}\n          variant=\"rectangular\"\n          height={FLEET_SKELETON.height}\n          borderRadius={FLEET_SKELETON.radiusMultiple}\n        />\n      ))}\n    </View>\n  );\n}\n\nexport interface FleetRosterProps {\n  units: readonly FleetUnit[];\n  copy: FleetMapCopy;\n  selectedId: string | null | undefined;\n  onSelect: (id: string) => void;\n  laggingAfterSeconds: number;\n  staleAfterSeconds: number;\n  loading: boolean;\n  maxHeight: number | undefined;\n  testId: string;\n  onKeyDown: (event: FleetKeyEvent) => void;\n}\n\nexport function FleetRoster({\n  units,\n  copy,\n  selectedId,\n  onSelect,\n  laggingAfterSeconds,\n  staleAfterSeconds,\n  loading,\n  maxHeight,\n  testId,\n  onKeyDown,\n}: FleetRosterProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const scroll = React.useRef<ScrollView>(null);\n  const geometry = React.useRef<RosterGeometry>({ rows: new Map(), offset: 0, viewport: 0 });\n\n  // Generated, not derived from `dataTestId`: two boards on one screen filtered\n  // from the same fleet would otherwise emit duplicate ids and an ambiguous\n  // `aria-activedescendant` under react-native-web.\n  const rowIdPrefix = React.useId();\n\n  // The selection is CONTROLLED, so it can name a unit that has since dropped\n  // out of the freshness window — a courier ending their shift mid-poll. The\n  // attribute must then be absent rather than pointing at a row that no longer\n  // renders. `mapCentre` and `nextSelection` both handle the same case.\n  const active = units.some((unit) => unit.id === selectedId) ? (selectedId ?? null) : null;\n  const position = active === null ? -1 : units.findIndex((unit) => unit.id === active);\n\n  const onMeasured = React.useCallback((id: string, y: number, height: number) => {\n    geometry.current.rows.set(id, { y, height });\n  }, []);\n\n  useKeptInView(scroll, geometry, active, position);\n\n  if (loading && units.length === 0) return <FirstLoad testId={testId} />;\n\n  return (\n    <ScrollView\n      ref={scroll}\n      {...webRole('listbox')}\n      // A single tab stop with the arrow keys inside it, which is the listbox\n      // pattern and what `aria-activedescendant` below is for: a dispatcher\n      // tabbing past a fleet of thirty should not press it thirty times. React\n      // Native has no tab order, so this reaches the DOM through\n      // react-native-web and does nothing on a device — where each row is its\n      // own touch target anyway.\n      tabIndex={0}\n      {...webAria({ 'aria-activedescendant': active ? `${rowIdPrefix}-${active}` : undefined })}\n      {...webKeyDown(onKeyDown)}\n      accessibilityLabel={copy.rosterLabel}\n      testID={`${testId}-roster`}\n      style={maxHeight === undefined ? undefined : { maxHeight }}\n      contentContainerStyle={{ gap: theme.spacing(FLEET_ROSTER.gapUnits) }}\n      onLayout={(event: LayoutChangeEvent) => {\n        geometry.current.viewport = event.nativeEvent.layout.height;\n      }}\n      onScroll={(event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        geometry.current.offset = event.nativeEvent.contentOffset.y;\n      }}\n      scrollEventThrottle={16}\n    >\n      {units.map((unit) => (\n        <FleetRow\n          key={unit.id}\n          unit={unit}\n          copy={copy}\n          freshness={freshnessOf(unit.staleSeconds, laggingAfterSeconds, staleAfterSeconds)}\n          selected={unit.id === active}\n          onSelect={onSelect}\n          onMeasured={onMeasured}\n          optionId={`${rowIdPrefix}-${unit.id}`}\n          testId={`${testId}-${unit.id}`}\n        />\n      ))}\n    </ScrollView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  badge: { flexShrink: 0 },\n  dot: {\n    borderRadius: FLEET_DOT.size / 2,\n    flexShrink: 0,\n    height: FLEET_DOT.size,\n    width: FLEET_DOT.size,\n  },\n  label: { fontWeight: '500' },\n  row: { alignItems: 'center', flexDirection: 'row' },\n  rowText: { flexGrow: 1, flexShrink: 1, minWidth: 0 },\n});\n"],"mappings":"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","names":["React","StyleSheet","Text","View","React","jsx","jsxs","View","styles","Text","StyleSheet"]}

package/dist/native/data-display/LoadingState.js

@@ -10,10 +10,10 @@ import {
 } from "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
+} from "../chunks/chunk-X6RQGKGF.js";
 import {
   alpha
-} from "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/data-display/LoadingState/LoadingState.native.tsx
 import * as React from "react";

package/dist/native/data-display/Progress.js

@@ -6,12 +6,12 @@ import {
 } from "../chunks/chunk-2UFNPDYT.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
+} from "../chunks/chunk-X6RQGKGF.js";
 import {
   GREY,
   alpha,
   contrastText
-} from "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/data-display/Progress/Progress.native.tsx
 import * as React from "react";

package/dist/native/feedback/Dialog.js

@@ -8,7 +8,7 @@ import {
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-S5SLTMPB.js";
+} from "../chunks/chunk-5IASLIBI.js";
 import {
   muiTypeStyle
 } from "../chunks/chunk-2UFNPDYT.js";
@@ -21,10 +21,10 @@ import {
 } from "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
+} from "../chunks/chunk-X6RQGKGF.js";
 import {
   alpha
-} from "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/feedback/Dialog/Dialog.native.tsx
 import * as React3 from "react";

package/dist/native/form/Button.js

@@ -1,10 +1,11 @@
 import {
   Button
-} from "../chunks/chunk-T3TYQMAH.js";
+} from "../chunks/chunk-KIG4KY4W.js";
+import "../chunks/chunk-IMGBBIMT.js";
 import "../chunks/chunk-5GJ5OG5R.js";
 import "../chunks/chunk-AR5O4BEY.js";
-import "../chunks/chunk-7UEJ2FMQ.js";
-import "../chunks/chunk-V72V2Q45.js";
+import "../chunks/chunk-X6RQGKGF.js";
+import "../chunks/chunk-R5XVZRDD.js";
 export {
   Button
 };

package/dist/native/form/Checkbox.js

@@ -6,7 +6,7 @@ import {
 } from "../chunks/chunk-DN73KYIZ.js";
 import {
   Icon
-} from "../chunks/chunk-S5SLTMPB.js";
+} from "../chunks/chunk-5IASLIBI.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   resolveTestId,
@@ -14,10 +14,10 @@ import {
 } from "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
+} from "../chunks/chunk-X6RQGKGF.js";
 import {
   alpha
-} from "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/form/Checkbox/Checkbox.native.tsx
 import * as React from "react";

package/dist/native/form/Input.js

@@ -6,10 +6,11 @@ import {
   fieldLook,
   helperStyle,
   labelStyle
-} from "../chunks/chunk-UKROAIPA.js";
+} from "../chunks/chunk-335WGKE6.js";
 import {
   withDefaults
 } from "../chunks/chunk-OXHZDFJZ.js";
+import "../chunks/chunk-IMGBBIMT.js";
 import {
   webAria,
   webClick,
@@ -23,8 +24,10 @@ import {
 } from "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
-import "../chunks/chunk-V72V2Q45.js";
+} from "../chunks/chunk-X6RQGKGF.js";
+import {
+  fieldHeightPx
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/form/Input/Input.native.tsx
 import * as React from "react";
@@ -172,6 +175,7 @@ var Input = React.forwardRef((rawProps, ref) => {
           {
             color: theme.palette.primary.main,
             radius: theme.radius.field,
+            height: fieldHeightPx(theme.fieldHeight, size),
             testID: idFor("pulse")
           }
         ) : null,

package/dist/native/form/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/form/Input/Input.native.tsx","../../../src/components/form/Input/Input.helpers.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Platform,\n  StyleSheet,\n  Text as RNText,\n  TextInput as RNTextInput,\n  View,\n  type GestureResponderEvent,\n  type InputModeOptions,\n  type StyleProp,\n  type TextInputProps as RNTextInputProps,\n  type TextStyle,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveInputProps } from './Input.helpers';\nimport { FieldPulse } from '../field-pulse.native';\nimport { fieldLook, helperStyle, labelStyle, type FieldState } from './Input.look.native';\nimport { ADORNMENT_GAP, INPUT_GLOW, INPUT_LOADING } from './Input.metrics';\nimport type { InputProps } from './Input.types.native';\nimport { webAria, webClick, webDisabled } from '../../../platform/aria';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\n\n/**\n * The keyboard an HTML input `type` asks for.\n *\n * `password` is the only one that is not a keyboard at all — it is React\n * Native's `secureTextEntry`, which react-native-web turns back into\n * `type=\"password\"`. Everything the map does not name (`date`, `file`, `color`)\n * has no React Native equivalent and falls through to a plain text field.\n */\nconst INPUT_MODE_FOR: Record<string, InputModeOptions> = {\n  text: 'text',\n  search: 'search',\n  email: 'email',\n  tel: 'tel',\n  url: 'url',\n  number: 'numeric',\n};\n\nexport function typeProps(type: string | undefined): {\n  inputMode?: InputModeOptions;\n  secureTextEntry?: boolean;\n} {\n  if (type === 'password') return { secureTextEntry: true };\n  const mode = type === undefined ? undefined : INPUT_MODE_FOR[type];\n  return mode === undefined ? {} : { inputMode: mode };\n}\n\n/** MUI's `0 0 15px` halo, 20px and stronger once the field is focused. */\nfunction glowStyle(color: string, focused: boolean): ViewStyle {\n  const glow = focused ? INPUT_GLOW.focused : INPUT_GLOW.rest;\n  return Platform.select<ViewStyle>({\n    android: { elevation: glow.blur / 2 },\n    default: {\n      shadowColor: color,\n      shadowOpacity: glow.alpha,\n      shadowRadius: glow.blur,\n      shadowOffset: { width: 0, height: 0 },\n    },\n  });\n}\n\n/**\n * An adornment in its own slot, 8px from the value as `InputAdornment` puts it.\n *\n * No `testID`: the web field names ONE element, the `<input>` itself, so the\n * native one names the same element and nothing else. A shared story that\n * counts fields by a test-id prefix (`getAllByTestId(/perf-input-/)`) counts\n * the same number on both renderers only if this holds — the two decorations\n * below keep an id because they exist only while asked for.\n */\nfunction Slot({\n  children,\n  side,\n}: {\n  children: React.ReactNode;\n  side: 'start' | 'end';\n}): React.JSX.Element | null {\n  if (children == null) return null;\n  return (\n    <View style={[styles.slot, side === 'start' ? { marginRight: ADORNMENT_GAP } : { marginLeft: ADORNMENT_GAP }]}>\n      {children}\n    </View>\n  );\n}\n\n/** One line of text under or over the field, or nothing at all. */\nfunction Line({\n  text,\n  style,\n}: {\n  text: string | undefined;\n  style: StyleProp<TextStyle>;\n}): React.JSX.Element | null {\n  if (text === undefined) return null;\n  return <RNText style={style}>{text}</RNText>;\n}\n\n/** MUI's 20px `CircularProgress` in the end slot; the platform's own arc on a device. */\nfunction Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {\n  return (\n    <ActivityIndicator\n      testID={testID}\n      size={Platform.OS === 'ios' ? 'small' : INPUT_LOADING.spinnerSize}\n      color={color}\n      accessibilityLabel=\"loading\"\n    />\n  );\n}\n\n/** MUI's `FormLabel` appends an asterisk to a required field's label. */\nfunction labelText(label: string | undefined, required: boolean): string | undefined {\n  if (label === undefined) return undefined;\n  return required ? `${label} *` : label;\n}\n\n/** The focus flag the border and the label are drawn from, and the handlers that keep it. */\nfunction useFocusState(\n  onFocus: RNTextInputProps['onFocus'],\n  onBlur: RNTextInputProps['onBlur'],\n): {\n  focused: boolean;\n  handleFocus: NonNullable<RNTextInputProps['onFocus']>;\n  handleBlur: NonNullable<RNTextInputProps['onBlur']>;\n} {\n  const [focused, setFocused] = React.useState(false);\n  return {\n    focused,\n    handleFocus: (event) => {\n      setFocused(true);\n      onFocus?.(event);\n    },\n    handleBlur: (event) => {\n      setFocused(false);\n      onBlur?.(event);\n    },\n  };\n}\n\n/**\n * The native `Input`.\n *\n * The label sits ABOVE the field rather than floating into a notch in its\n * border, because React Native cannot cut a notch in a border — see\n * `NATIVE-NOTES.md`. Everything else is the web field's arithmetic:\n * `Input.look.native.ts` decides the paint, `Input.metrics.ts` holds the\n * numbers, and both renderers read the same table.\n */\nexport const Input = React.forwardRef<RNTextInput, InputProps>((rawProps, ref) => {\n  const {\n    variant, size, type, label, error, helperText, startAdornment, endAdornment,\n    fullWidth, floating: _floating, glow, pulse, loading, disabled, required,\n    style, inputStyle, onClick, onPress, onFocus, onBlur, ...others\n  } = resolveInputProps(rawProps);\n\n  const theme = useUiTheme();\n  const { focused, handleFocus, handleBlur } = useFocusState(onFocus, onBlur);\n  const inactive = disabled || loading;\n  const state: FieldState = { focused: focused && !inactive, error, disabled: inactive };\n  const look = fieldLook(theme, variant, size, state);\n\n  const idFor = (suffix: string): string => childTestId(others, suffix, 'input');\n  const handlePress = (event: GestureResponderEvent): void => {\n    onClick?.(event);\n    onPress?.(event);\n  };\n\n  return (\n    <View\n      style={[\n        styles.root,\n        fullWidth ? styles.fullWidth : styles.auto,\n        loading ? styles.loading : null,\n        style,\n      ]}\n    >\n      {pulse ? (\n        <FieldPulse\n          color={theme.palette.primary.main}\n          radius={theme.radius.field}\n          testID={idFor('pulse')}\n        />\n      ) : null}\n      <Line text={labelText(label, required)} style={labelStyle(theme, variant, size, state)} />\n      <View style={[look.box, glow ? glowStyle(theme.palette.primary.main, state.focused) : null]}>\n        <Slot side=\"start\">{startAdornment}</Slot>\n        <RNTextInput\n          ref={ref}\n          testID={resolveTestId(others, 'input')}\n          style={[look.value, inputStyle]}\n          placeholderTextColor={look.placeholder}\n          editable={!inactive}\n          // The web input keeps focus on Enter (a form submits, the caret stays);\n          // React Native dismisses the keyboard for a single-line field. A\n          // caller wanting the platform behaviour passes its own.\n          blurOnSubmit={false}\n          aria-label={label}\n          aria-disabled={inactive}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onPressIn={handlePress}\n          {...webClick(handlePress)}\n          {...webDisabled(inactive)}\n          {...webAria({ 'aria-invalid': error, 'aria-required': required })}\n          {...typeProps(type)}\n          {...withoutTestIdProps(others)}\n        />\n        <Slot side=\"end\">\n          {loading ? <Spinner color={theme.palette.primary.main} testID={idFor('loading')} /> : endAdornment}\n        </Slot>\n      </View>\n      <Line text={helperText} style={helperStyle(theme, variant, size, state)} />\n    </View>\n  );\n});\n\nInput.displayName = 'Input';\n\nconst styles = StyleSheet.create({\n  root: {\n    position: 'relative',\n  },\n  fullWidth: {\n    alignSelf: 'stretch',\n    width: '100%',\n  },\n  auto: {\n    alignSelf: 'flex-start',\n  },\n  loading: {\n    opacity: INPUT_LOADING.opacity,\n  },\n  slot: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n","import type { InputBaseProps } from './Input.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype InputDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'error'\n  | 'fullWidth'\n  | 'floating'\n  | 'glow'\n  | 'pulse'\n  | 'loading'\n  | 'disabled'\n  | 'required';\n\n/**\n * Generic over the renderer's own props, as `resolveButtonProps` is: the web\n * and the native `Input` pass different handler and `value` types through, and\n * both come back out untouched.\n */\nexport type ResolvedInputProps<P extends InputBaseProps> = P &\n  Required<Pick<InputBaseProps, InputDefaultedKeys>>;\n\n/**\n * The defaults the web `Input` declares in its destructuring. `fullWidth` is\n * true here and false in MUI: a field in this package fills its column unless\n * it is told not to.\n */\nconst INPUT_DEFAULTS: Required<Pick<InputBaseProps, InputDefaultedKeys>> = {\n  variant: 'outlined',\n  size: 'md',\n  error: false,\n  fullWidth: true,\n  floating: false,\n  glow: false,\n  pulse: false,\n  loading: false,\n  disabled: false,\n  required: false,\n};\n\nexport const resolveInputProps = <P extends InputBaseProps>(props: P): ResolvedInputProps<P> =>\n  withDefaults(props, INPUT_DEFAULTS as Partial<P>) as ResolvedInputProps<P>;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/form/Input/Input.native.tsx","../../../src/components/form/Input/Input.helpers.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Platform,\n  StyleSheet,\n  Text as RNText,\n  TextInput as RNTextInput,\n  View,\n  type GestureResponderEvent,\n  type InputModeOptions,\n  type StyleProp,\n  type TextInputProps as RNTextInputProps,\n  type TextStyle,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveInputProps } from './Input.helpers';\nimport { FieldPulse } from '../field-pulse.native';\nimport { fieldLook, helperStyle, labelStyle, type FieldState } from './Input.look.native';\nimport { ADORNMENT_GAP, INPUT_GLOW, INPUT_LOADING } from './Input.metrics';\nimport type { InputProps } from './Input.types.native';\nimport { webAria, webClick, webDisabled } from '../../../platform/aria';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { fieldHeightPx } from '../../../tokens/field-height.core';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\n\n/**\n * The keyboard an HTML input `type` asks for.\n *\n * `password` is the only one that is not a keyboard at all — it is React\n * Native's `secureTextEntry`, which react-native-web turns back into\n * `type=\"password\"`. Everything the map does not name (`date`, `file`, `color`)\n * has no React Native equivalent and falls through to a plain text field.\n */\nconst INPUT_MODE_FOR: Record<string, InputModeOptions> = {\n  text: 'text',\n  search: 'search',\n  email: 'email',\n  tel: 'tel',\n  url: 'url',\n  number: 'numeric',\n};\n\nexport function typeProps(type: string | undefined): {\n  inputMode?: InputModeOptions;\n  secureTextEntry?: boolean;\n} {\n  if (type === 'password') return { secureTextEntry: true };\n  const mode = type === undefined ? undefined : INPUT_MODE_FOR[type];\n  return mode === undefined ? {} : { inputMode: mode };\n}\n\n/** MUI's `0 0 15px` halo, 20px and stronger once the field is focused. */\nfunction glowStyle(color: string, focused: boolean): ViewStyle {\n  const glow = focused ? INPUT_GLOW.focused : INPUT_GLOW.rest;\n  return Platform.select<ViewStyle>({\n    android: { elevation: glow.blur / 2 },\n    default: {\n      shadowColor: color,\n      shadowOpacity: glow.alpha,\n      shadowRadius: glow.blur,\n      shadowOffset: { width: 0, height: 0 },\n    },\n  });\n}\n\n/**\n * An adornment in its own slot, 8px from the value as `InputAdornment` puts it.\n *\n * No `testID`: the web field names ONE element, the `<input>` itself, so the\n * native one names the same element and nothing else. A shared story that\n * counts fields by a test-id prefix (`getAllByTestId(/perf-input-/)`) counts\n * the same number on both renderers only if this holds — the two decorations\n * below keep an id because they exist only while asked for.\n */\nfunction Slot({\n  children,\n  side,\n}: {\n  children: React.ReactNode;\n  side: 'start' | 'end';\n}): React.JSX.Element | null {\n  if (children == null) return null;\n  return (\n    <View style={[styles.slot, side === 'start' ? { marginRight: ADORNMENT_GAP } : { marginLeft: ADORNMENT_GAP }]}>\n      {children}\n    </View>\n  );\n}\n\n/** One line of text under or over the field, or nothing at all. */\nfunction Line({\n  text,\n  style,\n}: {\n  text: string | undefined;\n  style: StyleProp<TextStyle>;\n}): React.JSX.Element | null {\n  if (text === undefined) return null;\n  return <RNText style={style}>{text}</RNText>;\n}\n\n/** MUI's 20px `CircularProgress` in the end slot; the platform's own arc on a device. */\nfunction Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {\n  return (\n    <ActivityIndicator\n      testID={testID}\n      size={Platform.OS === 'ios' ? 'small' : INPUT_LOADING.spinnerSize}\n      color={color}\n      accessibilityLabel=\"loading\"\n    />\n  );\n}\n\n/** MUI's `FormLabel` appends an asterisk to a required field's label. */\nfunction labelText(label: string | undefined, required: boolean): string | undefined {\n  if (label === undefined) return undefined;\n  return required ? `${label} *` : label;\n}\n\n/** The focus flag the border and the label are drawn from, and the handlers that keep it. */\nfunction useFocusState(\n  onFocus: RNTextInputProps['onFocus'],\n  onBlur: RNTextInputProps['onBlur'],\n): {\n  focused: boolean;\n  handleFocus: NonNullable<RNTextInputProps['onFocus']>;\n  handleBlur: NonNullable<RNTextInputProps['onBlur']>;\n} {\n  const [focused, setFocused] = React.useState(false);\n  return {\n    focused,\n    handleFocus: (event) => {\n      setFocused(true);\n      onFocus?.(event);\n    },\n    handleBlur: (event) => {\n      setFocused(false);\n      onBlur?.(event);\n    },\n  };\n}\n\n/**\n * The native `Input`.\n *\n * The label sits ABOVE the field rather than floating into a notch in its\n * border, because React Native cannot cut a notch in a border — see\n * `NATIVE-NOTES.md`. Everything else is the web field's arithmetic:\n * `Input.look.native.ts` decides the paint, `Input.metrics.ts` holds the\n * numbers, and both renderers read the same table.\n */\nexport const Input = React.forwardRef<RNTextInput, InputProps>((rawProps, ref) => {\n  const {\n    variant, size, type, label, error, helperText, startAdornment, endAdornment,\n    fullWidth, floating: _floating, glow, pulse, loading, disabled, required,\n    style, inputStyle, onClick, onPress, onFocus, onBlur, ...others\n  } = resolveInputProps(rawProps);\n\n  const theme = useUiTheme();\n  const { focused, handleFocus, handleBlur } = useFocusState(onFocus, onBlur);\n  const inactive = disabled || loading;\n  const state: FieldState = { focused: focused && !inactive, error, disabled: inactive };\n  const look = fieldLook(theme, variant, size, state);\n\n  const idFor = (suffix: string): string => childTestId(others, suffix, 'input');\n  const handlePress = (event: GestureResponderEvent): void => {\n    onClick?.(event);\n    onPress?.(event);\n  };\n\n  return (\n    <View\n      style={[\n        styles.root,\n        fullWidth ? styles.fullWidth : styles.auto,\n        loading ? styles.loading : null,\n        style,\n      ]}\n    >\n      {pulse ? (\n        <FieldPulse\n          color={theme.palette.primary.main}\n          radius={theme.radius.field}\n          height={fieldHeightPx(theme.fieldHeight, size)}\n          testID={idFor('pulse')}\n        />\n      ) : null}\n      <Line text={labelText(label, required)} style={labelStyle(theme, variant, size, state)} />\n      <View style={[look.box, glow ? glowStyle(theme.palette.primary.main, state.focused) : null]}>\n        <Slot side=\"start\">{startAdornment}</Slot>\n        <RNTextInput\n          ref={ref}\n          testID={resolveTestId(others, 'input')}\n          style={[look.value, inputStyle]}\n          placeholderTextColor={look.placeholder}\n          editable={!inactive}\n          // The web input keeps focus on Enter (a form submits, the caret stays);\n          // React Native dismisses the keyboard for a single-line field. A\n          // caller wanting the platform behaviour passes its own.\n          blurOnSubmit={false}\n          aria-label={label}\n          aria-disabled={inactive}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onPressIn={handlePress}\n          {...webClick(handlePress)}\n          {...webDisabled(inactive)}\n          {...webAria({ 'aria-invalid': error, 'aria-required': required })}\n          {...typeProps(type)}\n          {...withoutTestIdProps(others)}\n        />\n        <Slot side=\"end\">\n          {loading ? <Spinner color={theme.palette.primary.main} testID={idFor('loading')} /> : endAdornment}\n        </Slot>\n      </View>\n      <Line text={helperText} style={helperStyle(theme, variant, size, state)} />\n    </View>\n  );\n});\n\nInput.displayName = 'Input';\n\nconst styles = StyleSheet.create({\n  root: {\n    position: 'relative',\n  },\n  fullWidth: {\n    alignSelf: 'stretch',\n    width: '100%',\n  },\n  auto: {\n    alignSelf: 'flex-start',\n  },\n  loading: {\n    opacity: INPUT_LOADING.opacity,\n  },\n  slot: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n","import type { InputBaseProps } from './Input.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype InputDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'error'\n  | 'fullWidth'\n  | 'floating'\n  | 'glow'\n  | 'pulse'\n  | 'loading'\n  | 'disabled'\n  | 'required';\n\n/**\n * Generic over the renderer's own props, as `resolveButtonProps` is: the web\n * and the native `Input` pass different handler and `value` types through, and\n * both come back out untouched.\n */\nexport type ResolvedInputProps<P extends InputBaseProps> = P &\n  Required<Pick<InputBaseProps, InputDefaultedKeys>>;\n\n/**\n * The defaults the web `Input` declares in its destructuring. `fullWidth` is\n * true here and false in MUI: a field in this package fills its column unless\n * it is told not to.\n */\nconst INPUT_DEFAULTS: Required<Pick<InputBaseProps, InputDefaultedKeys>> = {\n  variant: 'outlined',\n  size: 'md',\n  error: false,\n  fullWidth: true,\n  floating: false,\n  glow: false,\n  pulse: false,\n  loading: false,\n  disabled: false,\n  required: false,\n};\n\nexport const resolveInputProps = <P extends InputBaseProps>(props: P): ResolvedInputProps<P> =>\n  withDefaults(props, INPUT_DEFAULTS as Partial<P>) as ResolvedInputProps<P>;\n"],"mappings":"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","names":[]}

package/dist/native/form/Select.js

@@ -7,10 +7,11 @@ import {
   helperStyle,
   horizontalBorderInset,
   labelStyle
-} from "../chunks/chunk-UKROAIPA.js";
+} from "../chunks/chunk-335WGKE6.js";
 import {
   withDefaults
 } from "../chunks/chunk-OXHZDFJZ.js";
+import "../chunks/chunk-IMGBBIMT.js";
 import {
   webAria,
   webKeyDown,
@@ -19,7 +20,7 @@ import {
 import {
   ICON_SIZES,
   Icon
-} from "../chunks/chunk-S5SLTMPB.js";
+} from "../chunks/chunk-5IASLIBI.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   resolveTestId,
@@ -27,10 +28,11 @@ import {
 } from "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-7UEJ2FMQ.js";
+} from "../chunks/chunk-X6RQGKGF.js";
 import {
-  alpha
-} from "../chunks/chunk-V72V2Q45.js";
+  alpha,
+  fieldHeightPx
+} from "../chunks/chunk-R5XVZRDD.js";
 
 // src/components/form/Select/Select.native.tsx
 import * as React from "react";
@@ -239,6 +241,24 @@ function useSelectValue(value, defaultValue) {
   const [own, setOwn] = React.useState(defaultValue ?? "");
   return [value ?? own, setOwn];
 }
+function SelectPulse({
+  theme,
+  size,
+  testID
+}) {
+  return /* @__PURE__ */ jsx(
+    FieldPulse,
+    {
+      color: theme.palette.primary.main,
+      radius: theme.radius.field,
+      height: fieldHeightPx(theme.fieldHeight, size ?? "md"),
+      testID
+    }
+  );
+}
+function rootStyle(theme, fullWidth, open) {
+  return [styles.root, fullWidth ? styles.fullWidth : styles.auto, open ? { zIndex: theme.zIndex.modal } : null];
+}
 var Select = React.forwardRef((rawProps, ref) => {
   const {
     variant,
@@ -289,17 +309,10 @@ var Select = React.forwardRef((rawProps, ref) => {
     {
       ref,
       testID: ids.root,
-      style: [styles.root, fullWidth ? styles.fullWidth : styles.auto, style],
+      style: [rootStyle(theme, fullWidth, open), style],
       ...withoutTestIdProps(others),
       children: [
-        pulse ? /* @__PURE__ */ jsx(
-          FieldPulse,
-          {
-            color: theme.palette.primary.main,
-            radius: theme.radius.field,
-            testID: `${ids.trigger}-pulse`
-          }
-        ) : null,
+        pulse ? /* @__PURE__ */ jsx(SelectPulse, { theme, size, testID: `${ids.trigger}-pulse` }) : null,
         label === void 0 ? null : /* @__PURE__ */ jsx(RNText, { id: labelId, style: labelStyle(theme, inputVariantFor(variant), size, state), children: label }),
         /* @__PURE__ */ jsxs(View, { style: [styles.anchor, open ? { zIndex: theme.zIndex.modal } : null], children: [
           /* @__PURE__ */ jsx(