@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/directions/DirectionsSummary.js

@@ -0,0 +1,255 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Button } from '../button';
+import { Chip } from "../chip/index.js";
+import { TABULAR } from "../chart-cards/primitives/ChartHeader.js";
+import { AddressRow } from "../address/index.js";
+import { RiRouteLine } from "../icons/remix/RiRouteLine.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+import { RouteStops } from "../route-stops/index.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DIRECTIONS_MODE_ICON, DIRECTIONS_TRAFFIC_TONE } from "./constants.js";
+import { describeRoute, modeLabelFor, resolveDirectionsPaint, trafficLabelFor } from "./shared.js";
+import { TransitLineBadge } from "./TransitLineBadge.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The route you have chosen, and the ones you have not.
+ *
+ *   stops        `RouteStops` — the origin and the destination, drawn by the
+ *                family that already owns them. This component draws no second
+ *                one, and renders nothing at all without `stops`.
+ *   modes        `SegmentedControl` — drive / transit / walk / cycle. Not a new
+ *                control: a switcher of views is the segmented control, and the
+ *                mode words are data.
+ *   figure       a quiet label over the DURATION at title-1, tabular, with the
+ *                distance as a `Chip` and the traffic as a `Badge` on its tone
+ *                — `ai-profile-card`'s figure block, with a duration in it.
+ *   readings     the arrival time and the via line, each a 16 glyph and a line
+ *                of secondary text.
+ *   alternates   the other routes as pressable `AddressRow`s in a `list`. A
+ *                press CHOOSES one, which swaps it into the figure above.
+ *
+ * WHY THE DURATION AND NOT THE DISTANCE IS THE FIGURE: nobody leaves a house
+ * because a place is 8.2 km away. The distance is the qualifier, which is what
+ * the chip rung is for.
+ *
+ * THE CHOSEN ROUTE IS NOT IN THE LIST. It is drawn in full above it, and a
+ * route shown twice is a reader wondering whether they are two. That is also
+ * why the rows are a `list` of pressable rows rather than a `radiogroup` —
+ * a radio group whose checked member is missing announces a choice with nothing
+ * chosen.
+ */
+
+const GLYPH = 16;
+function ReadingLine({
+  icon: Icon,
+  text,
+  paint,
+  testID
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    accessible: true,
+    accessibilityLabel: text,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      minWidth: 0
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Icon, {
+      width: GLYPH,
+      height: GLYPH,
+      fill: paint.textSecondary
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-regular",
+      numberOfLines: 1,
+      style: {
+        flexShrink: 1,
+        minWidth: 0,
+        color: paint.textSecondary
+      },
+      children: text
+    })]
+  });
+}
+function DirectionsSummaryComponent({
+  routes,
+  selectedRouteId,
+  onSelectRoute,
+  stops,
+  onPressStop,
+  onSwapStops,
+  modes,
+  mode = 'drive',
+  onModeChange,
+  onStart,
+  labels,
+  accessibilityLabel = 'Directions',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveDirectionsPaint(theme, surface), [theme, surface]);
+  const chosen = routes.find(route => route.id === selectedRouteId) ?? routes[0];
+  const alternates = routes.filter(route => route.id !== chosen?.id);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const figureLabel = labels?.figure ?? modeLabelFor(mode, labels);
+  const alternatesLabel = labels?.alternates ?? 'Other routes';
+  const ModeIcon = DIRECTIONS_MODE_ICON[mode];
+  const traffic = chosen ? trafficLabelFor(chosen.traffic, chosen.trafficLabel, labels) : null;
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      width: '100%',
+      gap: 16
+    }, style],
+    testID: testID,
+    children: [stops && stops.length > 0 ? /*#__PURE__*/_jsx(RouteStops, {
+      stops: stops,
+      onPressStop: onPressStop,
+      onSwap: onSwapStops,
+      testID: id('stops')
+    }) : null, modes && modes.length > 0 && onModeChange ? /*#__PURE__*/_jsx(SegmentedControl, {
+      label: labels?.modes ?? 'Travel mode',
+      type: "radio",
+      value: mode,
+      onChange: onModeChange,
+      testID: id('modes'),
+      children: modes.map(item => /*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: item,
+        testID: id(`mode-${item}`),
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: modeLabelFor(item, labels)
+        })
+      }, item))
+    }) : null, chosen ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      testID: id('figure'),
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        children: figureLabel
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          flexWrap: 'wrap',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "title-1-medium",
+          numberOfLines: 1,
+          style: [{
+            color: paint.text
+          }, TABULAR],
+          testID: id('duration'),
+          children: chosen.duration
+        }), chosen.distance ? /*#__PURE__*/_jsx(Chip, {
+          size: "medium",
+          testID: id('distance'),
+          children: chosen.distance
+        }) : null, traffic && chosen.traffic ? /*#__PURE__*/_jsx(Badge, {
+          content: traffic,
+          variant: "subtle",
+          color: DIRECTIONS_TRAFFIC_TONE[chosen.traffic],
+          size: "label-medium",
+          testID: id('traffic')
+        }) : null, chosen.note ? /*#__PURE__*/_jsx(Badge, {
+          content: chosen.note,
+          variant: "subtle",
+          color: "primary",
+          size: "label-medium",
+          testID: id('note')
+        }) : null]
+      }), chosen.lines && chosen.lines.length > 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 6
+        },
+        testID: id('lines'),
+        children: chosen.lines.map((line, index) => /*#__PURE__*/_jsx(TransitLineBadge, {
+          line: line,
+          size: "label-medium",
+          testID: id(`line-${index}`)
+        }, `${line.name}-${index}`))
+      }) : null, chosen.arrival ? /*#__PURE__*/_jsx(ReadingLine, {
+        icon: RiTimeLine,
+        text: chosen.arrival,
+        paint: paint,
+        testID: id('arrival')
+      }) : null, chosen.via ? /*#__PURE__*/_jsx(ReadingLine, {
+        icon: RiRouteLine,
+        text: chosen.via,
+        paint: paint,
+        testID: id('via')
+      }) : null]
+    }) : null, onStart && chosen ? /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "medium",
+      leadingIcon: ModeIcon,
+      onPress: onStart,
+      testID: id('start'),
+      children: labels?.start ?? 'Start'
+    }) : null, alternates.length > 0 ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      testID: id('alternates'),
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-semibold",
+        style: {
+          color: paint.textSecondary
+        },
+        children: alternatesLabel
+      }), /*#__PURE__*/_jsx(View, {
+        role: "list",
+        accessibilityLabel: alternatesLabel,
+        children: alternates.map((route, index) => {
+          const routeTraffic = trafficLabelFor(route.traffic, route.trafficLabel, labels);
+          return /*#__PURE__*/_jsx(View, {
+            role: "listitem",
+            children: /*#__PURE__*/_jsx(AddressRow, {
+              title: route.duration
+              // The via line, the distance and the arrival are ONE
+              // subtitle rather than a subtitle and a trailing `meta`:
+              // the row's title is a figure four characters wide, and a
+              // trailing reading squeezed it until "31 min" truncated to
+              // "31 …" at 390. The badge is what earns the trailing room.
+              ,
+              subtitle: [route.via, route.distance, route.arrival].filter(Boolean).join(' · ') || undefined,
+              icon: DIRECTIONS_MODE_ICON[mode],
+              badge: routeTraffic && route.traffic ? /*#__PURE__*/_jsx(Badge, {
+                content: routeTraffic,
+                variant: "subtle",
+                color: DIRECTIONS_TRAFFIC_TONE[route.traffic],
+                size: "label-small"
+              }) : route.lines && route.lines.length > 0 ? /*#__PURE__*/_jsx(TransitLineBadge, {
+                line: route.lines[0]
+              }) : undefined,
+              onPress: onSelectRoute ? () => onSelectRoute(route.id) : undefined,
+              accessibilityLabel: describeRoute(route, labels),
+              testID: id(`route-${index}`)
+            })
+          }, route.id);
+        })
+      })]
+    }) : null]
+  });
+}
+export const DirectionsSummary = /*#__PURE__*/memo(DirectionsSummaryComponent);
+DirectionsSummary.displayName = 'DirectionsSummary';
+//# sourceMappingURL=DirectionsSummary.js.map

package/lib/module/directions/DirectionsSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Badge","Button","Chip","TABULAR","AddressRow","RiRouteLine","RiTimeLine","RouteStops","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","useSurfaceFill","useTheme","Text","DIRECTIONS_MODE_ICON","DIRECTIONS_TRAFFIC_TONE","describeRoute","modeLabelFor","resolveDirectionsPaint","trafficLabelFor","TransitLineBadge","jsx","_jsx","jsxs","_jsxs","GLYPH","ReadingLine","icon","Icon","text","paint","testID","accessible","accessibilityLabel","style","flexDirection","alignItems","gap","minWidth","children","width","height","fill","textSecondary","variant","numberOfLines","flexShrink","color","DirectionsSummaryComponent","routes","selectedRouteId","onSelectRoute","stops","onPressStop","onSwapStops","modes","mode","onModeChange","onStart","labels","theme","surface","chosen","find","route","id","alternates","filter","part","undefined","figureLabel","figure","alternatesLabel","ModeIcon","traffic","trafficLabel","length","onSwap","label","type","value","onChange","map","item","flexWrap","duration","distance","size","content","note","lines","line","index","name","arrival","via","leadingIcon","onPress","start","role","routeTraffic","title","subtitle","Boolean","join","badge","DirectionsSummary","displayName"],"sourceRoot":"../../../src","sources":["directions/DirectionsSummary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/directions/TransitLineBadge.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Platform, View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { describeTransitLine, resolveTransitLineColors } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const IS_WEB = Platform.OS === 'web';
+
+/**
+ * A transit line's own badge — "L4", "N12", "S1".
+ *
+ * It is Bloom's `Badge` on the label rung, with two colours overridden and
+ * nothing else: the geometry, the radius, the type step and the truncation stay
+ * the badge's. That is the same construction `listing-card`'s status pill uses,
+ * and for the same reason — an operator's line colour is DATA the app owns, and
+ * only the fill and the label may come from outside the palette.
+ *
+ * The label colour is MEASURED, not derived: `readableOn` picks whichever end
+ * of the theme's own reading pair clears more contrast against the operator's
+ * fill, in both modes. A line with no colour is the plain neutral badge, which
+ * is the right answer for an operator that publishes none rather than an
+ * invented tint.
+ *
+ * It reads as ONE element, like `Rating`: the pill shows two characters and
+ * says a sentence ("Line L4, towards Pla del Bosc"). `Badge` takes no name of
+ * its own, so the name sits on the wrapper — `role="img"` on web, where a plain
+ * `div` carrying an `aria-label` is not announced at all.
+ */
+function TransitLineBadgeComponent({
+  line,
+  size = 'label-small',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const colors = useMemo(() => line.color ? resolveTransitLineColors(theme, line.color) : null, [theme, line.color]);
+  return /*#__PURE__*/_jsx(View, {
+    accessible: true,
+    accessibilityLabel: describeTransitLine(line),
+    ...(IS_WEB ? {
+      role: 'img'
+    } : null),
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Badge, {
+      content: line.name,
+      variant: colors ? 'solid' : 'subtle',
+      color: "default",
+      size: size,
+      style: colors ? {
+        backgroundColor: colors.background
+      } : undefined,
+      textStyle: colors ? {
+        color: colors.foreground
+      } : undefined
+    })
+  });
+}
+export const TransitLineBadge = /*#__PURE__*/memo(TransitLineBadgeComponent);
+TransitLineBadge.displayName = 'TransitLineBadge';
+//# sourceMappingURL=TransitLineBadge.js.map

package/lib/module/directions/TransitLineBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Platform","View","Badge","useTheme","describeTransitLine","resolveTransitLineColors","jsx","_jsx","IS_WEB","OS","TransitLineBadgeComponent","line","size","style","testID","theme","colors","color","accessible","accessibilityLabel","role","children","content","name","variant","backgroundColor","background","undefined","textStyle","foreground","TransitLineBadge","displayName"],"sourceRoot":"../../../src","sources":["directions/TransitLineBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAE7C,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,mBAAmB,EAAEC,wBAAwB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzE,MAAMC,MAAM,GAAGR,QAAQ,CAACS,EAAE,KAAK,KAAK;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,aAAa;EAAEC,KAAK;EAAEC;AAA8B,CAAC,EAAE;EACvG,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,MAAM,GAAGjB,OAAO,CACpB,MAAOY,IAAI,CAACM,KAAK,GAAGZ,wBAAwB,CAACU,KAAK,EAAEJ,IAAI,CAACM,KAAK,CAAC,GAAG,IAAK,EACvE,CAACF,KAAK,EAAEJ,IAAI,CAACM,KAAK,CACpB,CAAC;EAED,oBACEV,IAAA,CAACN,IAAI;IACHiB,UAAU;IACVC,kBAAkB,EAAEf,mBAAmB,CAACO,IAAI,CAAE;IAAA,IACzCH,MAAM,GAAG;MAAEY,IAAI,EAAE;IAAe,CAAC,GAAG,IAAI;IAC7CP,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAO,QAAA,eAEfd,IAAA,CAACL,KAAK;MACJoB,OAAO,EAAEX,IAAI,CAACY,IAAK;MACnBC,OAAO,EAAER,MAAM,GAAG,OAAO,GAAG,QAAS;MACrCC,KAAK,EAAC,SAAS;MACfL,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEG,MAAM,GAAG;QAAES,eAAe,EAAET,MAAM,CAACU;MAAW,CAAC,GAAGC,SAAU;MACnEC,SAAS,EAAEZ,MAAM,GAAG;QAAEC,KAAK,EAAED,MAAM,CAACa;MAAW,CAAC,GAAGF;IAAU,CAC9D;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,MAAMG,gBAAgB,gBAAGhC,IAAI,CAACY,yBAAyB,CAAC;AAC/DoB,gBAAgB,CAACC,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/lib/module/directions/constants.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { RiBikeLine } from "../icons/remix/RiBikeLine.js";
+import { RiCarLine } from "../icons/remix/RiCarLine.js";
+import { RiSubwayLine } from "../icons/remix/RiSubwayLine.js";
+import { RiWalkLine } from "../icons/remix/RiWalkLine.js";
+/** The English default mode words. */
+export const DIRECTIONS_MODE_LABELS = {
+  drive: 'Drive',
+  transit: 'Transit',
+  walk: 'Walk',
+  cycle: 'Cycle'
+};
+
+/** The glyph each mode draws — on the switcher, on a leg header, on a route row. */
+export const DIRECTIONS_MODE_ICON = {
+  drive: RiCarLine,
+  transit: RiSubwayLine,
+  walk: RiWalkLine,
+  cycle: RiBikeLine
+};
+
+/** The English default traffic words. */
+export const DIRECTIONS_TRAFFIC_LABELS = {
+  light: 'Light traffic',
+  moderate: 'Moderate traffic',
+  heavy: 'Heavy traffic'
+};
+
+/**
+ * Which tone the traffic badge takes.
+ *
+ * `light` is `success` rather than `default` on purpose: a clear road is GOOD
+ * news and the reader is scanning for it, and a neutral pill beside a red one
+ * reads as "no information" rather than as "clear".
+ */
+export const DIRECTIONS_TRAFFIC_TONE = {
+  light: 'success',
+  moderate: 'warning',
+  heavy: 'error'
+};
+
+/**
+ * The word each maneuver is announced with, before the instruction.
+ *
+ * The glyph says it on screen and says NOTHING to a screen reader, which is the
+ * same mechanism `RouteStops` records for its marker shapes. The instruction
+ * usually repeats it ("Turn right onto…"), and that is fine: a repeated word is
+ * cheap and a missing one is not recoverable.
+ */
+export const DIRECTIONS_MANEUVER_LABELS = {
+  depart: 'Depart',
+  straight: 'Continue straight',
+  'slight-left': 'Slight left',
+  left: 'Turn left',
+  'sharp-left': 'Sharp left',
+  'slight-right': 'Slight right',
+  right: 'Turn right',
+  'sharp-right': 'Sharp right',
+  uturn: 'Make a U-turn',
+  roundabout: 'At the roundabout',
+  merge: 'Merge',
+  arrive: 'Arrive',
+  board: 'Board',
+  alight: 'Get off',
+  transfer: 'Change',
+  walk: 'Walk'
+};
+
+/** The leg header's glyph, and the gap above a leg's steps — `address`' own rungs. */
+export const DIRECTIONS_LEG_GLYPH = 16;
+//# sourceMappingURL=constants.js.map

package/lib/module/directions/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiBikeLine","RiCarLine","RiSubwayLine","RiWalkLine","DIRECTIONS_MODE_LABELS","drive","transit","walk","cycle","DIRECTIONS_MODE_ICON","DIRECTIONS_TRAFFIC_LABELS","light","moderate","heavy","DIRECTIONS_TRAFFIC_TONE","DIRECTIONS_MANEUVER_LABELS","depart","straight","left","right","uturn","roundabout","merge","arrive","board","alight","transfer","DIRECTIONS_LEG_GLYPH"],"sourceRoot":"../../../src","sources":["directions/constants.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,8BAA2B;AACtD,SAASC,SAAS,QAAQ,6BAA0B;AACpD,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,UAAU,QAAQ,8BAA2B;AAKtD;AACA,OAAO,MAAMC,sBAAgE,GAAG;EAC9EC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC;;AAED;AACA,OAAO,MAAMC,oBAA0E,GAAG;EACxFJ,KAAK,EAAEJ,SAAS;EAChBK,OAAO,EAAEJ,YAAY;EACrBK,IAAI,EAAEJ,UAAU;EAChBK,KAAK,EAAER;AACT,CAAC;;AAED;AACA,OAAO,MAAMU,yBAAsE,GAAG;EACpFC,KAAK,EAAE,eAAe;EACtBC,QAAQ,EAAE,kBAAkB;EAC5BC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAwE,GAAG;EACtFH,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,0BAAwE,GAAG;EACtFC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,mBAAmB;EAC7B,aAAa,EAAE,aAAa;EAC5BC,IAAI,EAAE,WAAW;EACjB,YAAY,EAAE,YAAY;EAC1B,cAAc,EAAE,cAAc;EAC9BC,KAAK,EAAE,YAAY;EACnB,aAAa,EAAE,aAAa;EAC5BC,KAAK,EAAE,eAAe;EACtBC,UAAU,EAAE,mBAAmB;EAC/BC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,QAAQ;EAClBnB,IAAI,EAAE;AACR,CAAC;;AAED;AACA,OAAO,MAAMoB,oBAAoB,GAAG,EAAE","ignoreList":[]}

package/lib/module/directions/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { DirectionsSummary } from "./DirectionsSummary.js";
+export { DirectionsSteps } from "./DirectionsSteps.js";
+export { TransitLineBadge } from "./TransitLineBadge.js";
+export { DIRECTIONS_MANEUVER_ICON } from "./maneuvers.js";
+export { DIRECTIONS_LEG_GLYPH, DIRECTIONS_MANEUVER_LABELS, DIRECTIONS_MODE_ICON, DIRECTIONS_MODE_LABELS, DIRECTIONS_TRAFFIC_LABELS, DIRECTIONS_TRAFFIC_TONE } from "./constants.js";
+export { describeRoute, describeStep, describeTransitLine, modeLabelFor, resolveDirectionsPaint, resolveTransitLineColors, trafficLabelFor } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/directions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DirectionsSummary","DirectionsSteps","TransitLineBadge","DIRECTIONS_MANEUVER_ICON","DIRECTIONS_LEG_GLYPH","DIRECTIONS_MANEUVER_LABELS","DIRECTIONS_MODE_ICON","DIRECTIONS_MODE_LABELS","DIRECTIONS_TRAFFIC_LABELS","DIRECTIONS_TRAFFIC_TONE","describeRoute","describeStep","describeTransitLine","modeLabelFor","resolveDirectionsPaint","resolveTransitLineColors","trafficLabelFor"],"sourceRoot":"../../../src","sources":["directions/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,wBAAwB,QAAQ,gBAAa;AACtD,SACEC,oBAAoB,EACpBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,uBAAuB,QAClB,gBAAa;AACpB,SACEC,aAAa,EACbC,YAAY,EACZC,mBAAmB,EACnBC,YAAY,EACZC,sBAAsB,EACtBC,wBAAwB,EACxBC,eAAe,QACV,aAAU","ignoreList":[]}

package/lib/module/directions/maneuvers.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { RiArrowGoBackLine } from "../icons/remix/RiArrowGoBackLine.js";
+import { RiArrowLeftDownLine } from "../icons/remix/RiArrowLeftDownLine.js";
+import { RiArrowRightDownLine } from "../icons/remix/RiArrowRightDownLine.js";
+import { RiArrowRightUpLine } from "../icons/remix/RiArrowRightUpLine.js";
+import { RiArrowUpLine } from "../icons/remix/RiArrowUpLine.js";
+import { RiCornerUpLeftLine } from "../icons/remix/RiCornerUpLeftLine.js";
+import { RiExchangeLine } from "../icons/remix/RiExchangeLine.js";
+import { RiFlagLine } from "../icons/remix/RiFlagLine.js";
+import { RiGitMergeLine } from "../icons/remix/RiGitMergeLine.js";
+import { RiLoginBoxLine } from "../icons/remix/RiLoginBoxLine.js";
+import { RiLogoutBoxRLine } from "../icons/remix/RiLogoutBoxRLine.js";
+import { RiLoopRightLine } from "../icons/remix/RiLoopRightLine.js";
+import { RiMapPin2Line } from "../icons/remix/RiMapPin2Line.js";
+import { RiWalkLine } from "../icons/remix/RiWalkLine.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The glyph each maneuver draws.
+ *
+ * TWO OF THEM ARE THE MIRROR OF ANOTHER, and that is the honest way to draw
+ * them. A maneuver set is symmetric — a right turn IS a left turn seen from the
+ * other side — and Bloom's icon set carries one side of each pair
+ * (`RiCornerUpLeftLine`, `RiArrowRightUpLine`). Mirroring the existing glyph
+ * keeps the stroke weight, the arrowhead and the corner radius identical to its
+ * partner; picking a different glyph that happens to point the right way does
+ * not, and the two then read as coming from two sets.
+ *
+ * `mirror()` wraps the icon in a `scaleX: -1` view. That is a transform of the
+ * WHOLE glyph about its own centre — it moves nothing, needs no offset, and the
+ * wrapped component keeps `BloomIconComponent`'s three props, so it is handed
+ * to `AddressRow`'s `icon` exactly like any other.
+ *
+ * Each mirrored component is built ONCE at module scope. Built inside a render
+ * it would be a new component type every frame, and React would unmount and
+ * remount the glyph on each one.
+ */
+function mirror(Icon) {
+  const Mirrored = ({
+    width,
+    height,
+    fill
+  }) => /*#__PURE__*/_jsx(View, {
+    style: {
+      transform: [{
+        scaleX: -1
+      }]
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: width,
+      height: height,
+      fill: fill
+    })
+  });
+  Mirrored.displayName = `Mirrored(${Icon.displayName ?? Icon.name ?? 'Icon'})`;
+  return Mirrored;
+}
+const RiCornerUpRight = mirror(RiCornerUpLeftLine);
+const RiArrowLeftUp = mirror(RiArrowRightUpLine);
+export const DIRECTIONS_MANEUVER_ICON = {
+  depart: RiMapPin2Line,
+  straight: RiArrowUpLine,
+  'slight-left': RiArrowLeftUp,
+  left: RiCornerUpLeftLine,
+  'sharp-left': RiArrowLeftDownLine,
+  'slight-right': RiArrowRightUpLine,
+  right: RiCornerUpRight,
+  'sharp-right': RiArrowRightDownLine,
+  uturn: RiArrowGoBackLine,
+  roundabout: RiLoopRightLine,
+  merge: RiGitMergeLine,
+  arrive: RiFlagLine,
+  board: RiLoginBoxLine,
+  alight: RiLogoutBoxRLine,
+  transfer: RiExchangeLine,
+  walk: RiWalkLine
+};
+//# sourceMappingURL=maneuvers.js.map

package/lib/module/directions/maneuvers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RiArrowGoBackLine","RiArrowLeftDownLine","RiArrowRightDownLine","RiArrowRightUpLine","RiArrowUpLine","RiCornerUpLeftLine","RiExchangeLine","RiFlagLine","RiGitMergeLine","RiLoginBoxLine","RiLogoutBoxRLine","RiLoopRightLine","RiMapPin2Line","RiWalkLine","jsx","_jsx","mirror","Icon","Mirrored","width","height","fill","style","transform","scaleX","children","displayName","name","RiCornerUpRight","RiArrowLeftUp","DIRECTIONS_MANEUVER_ICON","depart","straight","left","right","uturn","roundabout","merge","arrive","board","alight","transfer","walk"],"sourceRoot":"../../../src","sources":["directions/maneuvers.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,iBAAiB,QAAQ,qCAAkC;AACpE,SAASC,mBAAmB,QAAQ,uCAAoC;AACxE,SAASC,oBAAoB,QAAQ,wCAAqC;AAC1E,SAASC,kBAAkB,QAAQ,sCAAmC;AACtE,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,kBAAkB,QAAQ,sCAAmC;AACtE,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,UAAU,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,MAAMA,CAACC,IAAwB,EAAsB;EAC5D,MAAMC,QAA4B,GAAGA,CAAC;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAK,CAAC,kBAC3DN,IAAA,CAAChB,IAAI;IAACuB,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAE,CAAC;IAAE,CAAE;IAAAC,QAAA,eAC3CV,IAAA,CAACE,IAAI;MAACE,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAACC,IAAI,EAAEA;IAAK,CAAE;EAAC,CAC9C,CACP;EACDH,QAAQ,CAACQ,WAAW,GAAG,YAAYT,IAAI,CAACS,WAAW,IAAIT,IAAI,CAACU,IAAI,IAAI,MAAM,GAAG;EAC7E,OAAOT,QAAQ;AACjB;AAEA,MAAMU,eAAe,GAAGZ,MAAM,CAACX,kBAAkB,CAAC;AAClD,MAAMwB,aAAa,GAAGb,MAAM,CAACb,kBAAkB,CAAC;AAEhD,OAAO,MAAM2B,wBAAkF,GAAG;EAChGC,MAAM,EAAEnB,aAAa;EACrBoB,QAAQ,EAAE5B,aAAa;EACvB,aAAa,EAAEyB,aAAa;EAC5BI,IAAI,EAAE5B,kBAAkB;EACxB,YAAY,EAAEJ,mBAAmB;EACjC,cAAc,EAAEE,kBAAkB;EAClC+B,KAAK,EAAEN,eAAe;EACtB,aAAa,EAAE1B,oBAAoB;EACnCiC,KAAK,EAAEnC,iBAAiB;EACxBoC,UAAU,EAAEzB,eAAe;EAC3B0B,KAAK,EAAE7B,cAAc;EACrB8B,MAAM,EAAE/B,UAAU;EAClBgC,KAAK,EAAE9B,cAAc;EACrB+B,MAAM,EAAE9B,gBAAgB;EACxB+B,QAAQ,EAAEnC,cAAc;EACxBoC,IAAI,EAAE7B;AACR,CAAC","ignoreList":[]}

package/lib/module/directions/shared.js

@@ -0,0 +1,97 @@
+"use strict";
+
+/**
+ * The pure parts of `directions`: the label a transit badge can be read with,
+ * and the sentences the two components announce.
+ */
+import { readableOn } from "../styles/color-contrast.js";
+import { hairlineOn, surfaceTextOn } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { DIRECTIONS_MANEUVER_LABELS, DIRECTIONS_MODE_LABELS, DIRECTIONS_TRAFFIC_LABELS } from "./constants.js";
+/**
+ * The badge's two colours for a line that carries its own.
+ *
+ * The label is not derived from the fill — it is CHOSEN from the theme's own
+ * two reading colours by measuring contrast against the fill, which is what
+ * `readableOn` does. That distinction matters: a derived label (lighten the
+ * fill until it clears AA) invents a colour that is in no palette, and on a
+ * saturated operator red it lands on pink.
+ *
+ * Both candidates are always offered in both modes, because the fill is the
+ * operator's and has no idea which mode it landed in: a yellow line needs the
+ * dark label on a dark page just as much as on a light one.
+ */
+export function resolveTransitLineColors(theme, color) {
+  return {
+    background: color,
+    foreground: readableOn(color, [theme.colors.background, theme.colors.text])
+  };
+}
+
+/** "Line L4, towards Pla del Bosc" — a badge showing two characters says nothing aloud. */
+export function describeTransitLine(line) {
+  if (line.accessibilityLabel) return line.accessibilityLabel;
+  return [`Line ${line.name}`, line.headsign].filter(Boolean).join(', ');
+}
+
+/** The traffic word as drawn. */
+export function trafficLabelFor(traffic, override, labels) {
+  if (traffic === undefined) return null;
+  return override ?? labels?.traffic?.[traffic] ?? DIRECTIONS_TRAFFIC_LABELS[traffic];
+}
+
+/** The mode word as drawn. */
+export function modeLabelFor(mode, labels) {
+  return labels?.mode?.[mode] ?? DIRECTIONS_MODE_LABELS[mode];
+}
+
+/**
+ * One route in a sentence — "24 min, 8.2 km, Arrives 18:42, Via Ronda del
+ * Nord, Light traffic, Line L4".
+ *
+ * The row draws a duration, a `via` line, a chip and up to three badges, and a
+ * reader moving by row hears one utterance per route or seven fragments per
+ * route. This is the one.
+ */
+export function describeRoute(route, labels) {
+  const parts = [route.duration];
+  if (route.distance) parts.push(route.distance);
+  if (route.arrival) parts.push(route.arrival);
+  if (route.via) parts.push(route.via);
+  const traffic = trafficLabelFor(route.traffic, route.trafficLabel, labels);
+  if (traffic) parts.push(traffic);
+  if (route.note) parts.push(route.note);
+  for (const line of route.lines ?? []) parts.push(describeTransitLine(line));
+  return parts.join(', ');
+}
+
+/**
+ * One step in a sentence, with the MANEUVER WORD first.
+ *
+ * The glyph is the only thing on the row that says which way to turn, and a
+ * glyph says nothing aloud — the same hole `RouteStops` fills by naming the
+ * marker's state. `currentWord` is added first when this is the step the
+ * traveller is on, because a wash does not announce either.
+ */
+export function describeStep(step, options = {}) {
+  if (step.accessibilityLabel) {
+    return options.current && options.currentWord ? `${options.currentWord}, ${step.accessibilityLabel}` : step.accessibilityLabel;
+  }
+  const maneuver = DIRECTIONS_MANEUVER_LABELS[step.maneuver ?? 'straight'];
+  return [options.current ? options.currentWord : undefined, maneuver, step.instruction, step.detail, step.line ? describeTransitLine(step.line) : undefined, step.distance].filter(part => typeof part === 'string' && part !== '').join(', ');
+}
+/**
+ * Everything `directions` paints, read off the surface it was dropped on — a
+ * sheet, a card or the page. The current step's wash is the accent's own
+ * `subtle` pair, so it is legible by construction and moves with the preset.
+ */
+export function resolveDirectionsPaint(theme, surface) {
+  const accent = resolveAccentColors(theme.colors, 'primary', 'subtle');
+  return {
+    ...surfaceTextOn(theme, surface),
+    border: hairlineOn(theme, surface),
+    currentFill: accent.background,
+    currentText: accent.foreground
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/directions/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["readableOn","hairlineOn","surfaceTextOn","resolveAccentColors","DIRECTIONS_MANEUVER_LABELS","DIRECTIONS_MODE_LABELS","DIRECTIONS_TRAFFIC_LABELS","resolveTransitLineColors","theme","color","background","foreground","colors","text","describeTransitLine","line","accessibilityLabel","name","headsign","filter","Boolean","join","trafficLabelFor","traffic","override","labels","undefined","modeLabelFor","mode","describeRoute","route","parts","duration","distance","push","arrival","via","trafficLabel","note","lines","describeStep","step","options","current","currentWord","maneuver","instruction","detail","part","resolveDirectionsPaint","surface","accent","border","currentFill","currentText"],"sourceRoot":"../../../src","sources":["directions/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,6BAA0B;AACrD,SAASC,UAAU,EAAEC,aAAa,QAA+B,6BAA0B;AAC3F,SAASC,mBAAmB,QAAQ,2BAAwB;AAE5D,SACEC,0BAA0B,EAC1BC,sBAAsB,EACtBC,yBAAyB,QACpB,gBAAa;AAiBpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAACC,KAAY,EAAEC,KAAa,EAAqB;EACvF,OAAO;IACLC,UAAU,EAAED,KAAK;IACjBE,UAAU,EAAEX,UAAU,CAACS,KAAK,EAAE,CAACD,KAAK,CAACI,MAAM,CAACF,UAAU,EAAEF,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC;EAC5E,CAAC;AACH;;AAEA;AACA,OAAO,SAASC,mBAAmBA,CAACC,IAAiB,EAAU;EAC7D,IAAIA,IAAI,CAACC,kBAAkB,EAAE,OAAOD,IAAI,CAACC,kBAAkB;EAC3D,OAAO,CAAC,QAAQD,IAAI,CAACE,IAAI,EAAE,EAAEF,IAAI,CAACG,QAAQ,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;AACxE;;AAEA;AACA,OAAO,SAASC,eAAeA,CAC7BC,OAAsC,EACtCC,QAA4B,EAC5BC,MAA2C,EAC5B;EACf,IAAIF,OAAO,KAAKG,SAAS,EAAE,OAAO,IAAI;EACtC,OAAOF,QAAQ,IAAIC,MAAM,EAAEF,OAAO,GAAGA,OAAO,CAAC,IAAIjB,yBAAyB,CAACiB,OAAO,CAAC;AACrF;;AAEA;AACA,OAAO,SAASI,YAAYA,CAC1BC,IAAoB,EACpBH,MAA2C,EACnC;EACR,OAAOA,MAAM,EAAEG,IAAI,GAAGA,IAAI,CAAC,IAAIvB,sBAAsB,CAACuB,IAAI,CAAC;AAC7D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAC3BC,KAAsB,EACtBL,MAA2C,EACnC;EACR,MAAMM,KAAe,GAAG,CAACD,KAAK,CAACE,QAAQ,CAAC;EACxC,IAAIF,KAAK,CAACG,QAAQ,EAAEF,KAAK,CAACG,IAAI,CAACJ,KAAK,CAACG,QAAQ,CAAC;EAC9C,IAAIH,KAAK,CAACK,OAAO,EAAEJ,KAAK,CAACG,IAAI,CAACJ,KAAK,CAACK,OAAO,CAAC;EAC5C,IAAIL,KAAK,CAACM,GAAG,EAAEL,KAAK,CAACG,IAAI,CAACJ,KAAK,CAACM,GAAG,CAAC;EACpC,MAAMb,OAAO,GAAGD,eAAe,CAACQ,KAAK,CAACP,OAAO,EAAEO,KAAK,CAACO,YAAY,EAAEZ,MAAM,CAAC;EAC1E,IAAIF,OAAO,EAAEQ,KAAK,CAACG,IAAI,CAACX,OAAO,CAAC;EAChC,IAAIO,KAAK,CAACQ,IAAI,EAAEP,KAAK,CAACG,IAAI,CAACJ,KAAK,CAACQ,IAAI,CAAC;EACtC,KAAK,MAAMvB,IAAI,IAAIe,KAAK,CAACS,KAAK,IAAI,EAAE,EAAER,KAAK,CAACG,IAAI,CAACpB,mBAAmB,CAACC,IAAI,CAAC,CAAC;EAC3E,OAAOgB,KAAK,CAACV,IAAI,CAAC,IAAI,CAAC;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASmB,YAAYA,CAC1BC,IAAoB,EACpBC,OAAoD,GAAG,CAAC,CAAC,EACjD;EACR,IAAID,IAAI,CAACzB,kBAAkB,EAAE;IAC3B,OAAO0B,OAAO,CAACC,OAAO,IAAID,OAAO,CAACE,WAAW,GACzC,GAAGF,OAAO,CAACE,WAAW,KAAKH,IAAI,CAACzB,kBAAkB,EAAE,GACpDyB,IAAI,CAACzB,kBAAkB;EAC7B;EACA,MAAM6B,QAAQ,GAAGzC,0BAA0B,CAACqC,IAAI,CAACI,QAAQ,IAAI,UAAU,CAAC;EACxE,OAAO,CACLH,OAAO,CAACC,OAAO,GAAGD,OAAO,CAACE,WAAW,GAAGlB,SAAS,EACjDmB,QAAQ,EACRJ,IAAI,CAACK,WAAW,EAChBL,IAAI,CAACM,MAAM,EACXN,IAAI,CAAC1B,IAAI,GAAGD,mBAAmB,CAAC2B,IAAI,CAAC1B,IAAI,CAAC,GAAGW,SAAS,EACtDe,IAAI,CAACR,QAAQ,CACd,CACEd,MAAM,CAAE6B,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CACzE3B,IAAI,CAAC,IAAI,CAAC;AACf;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS4B,sBAAsBA,CAACzC,KAAY,EAAE0C,OAAe,EAAmB;EACrF,MAAMC,MAAM,GAAGhD,mBAAmB,CAACK,KAAK,CAACI,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;EACrE,OAAO;IACL,GAAGV,aAAa,CAACM,KAAK,EAAE0C,OAAO,CAAC;IAChCE,MAAM,EAAEnD,UAAU,CAACO,KAAK,EAAE0C,OAAO,CAAC;IAClCG,WAAW,EAAEF,MAAM,CAACzC,UAAU;IAC9B4C,WAAW,EAAEH,MAAM,CAACxC;EACtB,CAAC;AACH","ignoreList":[]}

package/lib/module/directions/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/directions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["directions/types.ts"],"mappings":"","ignoreList":[]}