@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/module/directions/DirectionsSteps.js

@@ -0,0 +1,148 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { AddressRow } from "../address/index.js";
+import { ADDRESS_SECTION_GAP, ADDRESS_SECTIONS_GAP } from "../address/constants.js";
+import { Text } from "../typography/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { DIRECTIONS_LEG_GLYPH, DIRECTIONS_MODE_ICON } from "./constants.js";
+import { DIRECTIONS_MANEUVER_ICON } from "./maneuvers.js";
+import { describeStep, describeTransitLine, resolveDirectionsPaint } from "./shared.js";
+import { TransitLineBadge } from "./TransitLineBadge.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The turn list: what to do, where, and how far away it is.
+ *
+ *   leg header  a 16 mode glyph, the leg's title at the section rung
+ *               (`caption-1-semibold`, secondary — `address`' own header), the
+ *               line badge, and the leg's reading pushed right. A leg with no
+ *               title draws no header, so a single-leg drive is just steps.
+ *   step        `AddressRow` with the maneuver glyph in its tile: the row, the
+ *               tile, the press target, the density rungs, the trailing
+ *               `meta` and the disabled opacity are all `Item`'s through
+ *               `AddressRow`, and this family adds the glyph table and the
+ *               words.
+ *   current     the accent's own `subtle` wash on the row, AND the word
+ *               "Current step" first in its announced name.
+ *
+ * THE WASH IS PAINTED THROUGH `style`, NOT THROUGH `selected`. `Item` maps
+ * `selected` to `aria-pressed` on a row with no role, and a turn instruction is
+ * not a toggle — a screen reader would announce every step as "not pressed".
+ * The state a step carries is "this is where you are", which ARIA has no
+ * attribute for on a list row, so it travels in the NAME where it is certain to
+ * be heard.
+ *
+ * WHERE THE NAME GOES depends on whether the row is a control, exactly as in
+ * `RouteStops`: a pressable step is a button and carries its own name; a
+ * read-only one renders `role="none"`, which assistive technology is told to
+ * ignore, so the name goes on the `listitem` around it. Naming both would read
+ * every step twice.
+ */
+function DirectionsStepsComponent({
+  legs,
+  currentStepId,
+  onPressStep,
+  density = 'comfortable',
+  currentLabel = 'Current step',
+  accessibilityLabel = 'Directions',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveDirectionsPaint(theme, surface), [theme, surface]);
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      width: '100%',
+      gap: ADDRESS_SECTIONS_GAP
+    }, style],
+    testID: testID,
+    children: legs.map((leg, legIndex) => {
+      const legId = testID ? `${testID}-leg-${legIndex}` : undefined;
+      const LegIcon = DIRECTIONS_MODE_ICON[leg.mode ?? 'drive'];
+      const legName = [leg.title, leg.line ? describeTransitLine(leg.line) : undefined, leg.meta].filter(part => typeof part === 'string' && part !== '').join(', ');
+      return /*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: ADDRESS_SECTION_GAP
+        },
+        testID: legId,
+        children: [leg.title ? /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingHorizontal: 16,
+            minWidth: 0
+          },
+          testID: legId ? `${legId}-header` : undefined,
+          children: [/*#__PURE__*/_jsx(LegIcon, {
+            width: DIRECTIONS_LEG_GLYPH,
+            height: DIRECTIONS_LEG_GLYPH,
+            fill: paint.textSecondary
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-semibold",
+            numberOfLines: 1,
+            style: {
+              flexShrink: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: leg.title
+          }), leg.line ? /*#__PURE__*/_jsx(TransitLineBadge, {
+            line: leg.line
+          }) : null, leg.meta ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            numberOfLines: 1
+            // The reading never yields: it is four characters and the
+            // leg TITLE is the line that can afford to truncate.
+            ,
+            style: {
+              marginLeft: 'auto',
+              flexShrink: 0,
+              color: paint.textTertiary
+            },
+            children: leg.meta
+          }) : null]
+        }) : null, /*#__PURE__*/_jsx(View, {
+          role: "list",
+          accessibilityLabel: legName || accessibilityLabel,
+          children: leg.steps.map((step, stepIndex) => {
+            const current = currentStepId !== undefined && step.id === currentStepId;
+            const name = describeStep(step, {
+              current,
+              currentWord: currentLabel
+            });
+            const stepId = legId ? `${legId}-step-${stepIndex}` : undefined;
+            return /*#__PURE__*/_jsx(View, {
+              role: "listitem",
+              accessibilityLabel: onPressStep ? undefined : name,
+              testID: stepId ? `${stepId}-item` : undefined,
+              children: /*#__PURE__*/_jsx(AddressRow, {
+                title: step.instruction,
+                subtitle: step.detail,
+                meta: step.distance,
+                icon: DIRECTIONS_MANEUVER_ICON[step.maneuver ?? 'straight'],
+                badge: step.line ? /*#__PURE__*/_jsx(TransitLineBadge, {
+                  line: step.line
+                }) : undefined,
+                density: density,
+                onPress: onPressStep ? () => onPressStep(step.id) : undefined,
+                accessibilityLabel: onPressStep ? name : undefined,
+                style: current ? {
+                  backgroundColor: paint.currentFill
+                } : undefined,
+                testID: stepId
+              })
+            }, step.id);
+          })
+        })]
+      }, leg.id ?? legIndex);
+    })
+  });
+}
+export const DirectionsSteps = /*#__PURE__*/memo(DirectionsStepsComponent);
+DirectionsSteps.displayName = 'DirectionsSteps';
+//# sourceMappingURL=DirectionsSteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","AddressRow","ADDRESS_SECTION_GAP","ADDRESS_SECTIONS_GAP","Text","useSurfaceFill","useTheme","DIRECTIONS_LEG_GLYPH","DIRECTIONS_MODE_ICON","DIRECTIONS_MANEUVER_ICON","describeStep","describeTransitLine","resolveDirectionsPaint","TransitLineBadge","jsx","_jsx","jsxs","_jsxs","DirectionsStepsComponent","legs","currentStepId","onPressStep","density","currentLabel","accessibilityLabel","style","testID","theme","surface","paint","width","gap","children","map","leg","legIndex","legId","undefined","LegIcon","mode","legName","title","line","meta","filter","part","join","flexDirection","alignItems","paddingHorizontal","minWidth","height","fill","textSecondary","variant","numberOfLines","flexShrink","color","marginLeft","textTertiary","role","steps","step","stepIndex","current","id","name","currentWord","stepId","instruction","subtitle","detail","distance","icon","maneuver","badge","onPress","backgroundColor","currentFill","DirectionsSteps","displayName"],"sourceRoot":"../../../src","sources":["directions/DirectionsSteps.tsx"],"mappings":"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","ignoreList":[]}

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":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,OAAO,QAAQ,0CAAuC;AAC/D,SAASC,UAAU,QAAQ,qBAAY;AACvC,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,UAAU,QAAQ,yBAAgB;AAC3C,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,wBAAwB,QAAQ,+BAAsB;AACvG,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AAEpC,SACEC,oBAAoB,EACpBC,uBAAuB,QAClB,gBAAa;AACpB,SAASC,aAAa,EAAEC,YAAY,EAAEC,sBAAsB,EAAEC,eAAe,QAA8B,aAAU;AACrH,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,KAAK,GAAG,EAAE;AAEhB,SAASC,WAAWA,CAAC;EACnBC,IAAI,EAAEC,IAAI;EACVC,IAAI;EACJC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,oBACEP,KAAA,CAACzB,IAAI;IACHiC,UAAU;IACVC,kBAAkB,EAAEJ,IAAK;IACzBK,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAE,CAAE;IAC3EP,MAAM,EAAEA,MAAO;IAAAQ,QAAA,gBAEfjB,IAAA,CAACM,IAAI;MAACY,KAAK,EAAEf,KAAM;MAACgB,MAAM,EAAEhB,KAAM;MAACiB,IAAI,EAAEZ,KAAK,CAACa;IAAc,CAAE,CAAC,eAChErB,IAAA,CAACT,IAAI;MACH+B,OAAO,EAAC,cAAc;MACtBC,aAAa,EAAE,CAAE;MACjBX,KAAK,EAAE;QAAEY,UAAU,EAAE,CAAC;QAAER,QAAQ,EAAE,CAAC;QAAES,KAAK,EAAEjB,KAAK,CAACa;MAAc,CAAE;MAAAJ,QAAA,EAEjEV;IAAI,CACD,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,SAASmB,0BAA0BA,CAAC;EAClCC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,KAAK;EACLC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,IAAI,GAAG,OAAO;EACdC,YAAY;EACZC,OAAO;EACPC,MAAM;EACN1B,kBAAkB,GAAG,YAAY;EACjCC,KAAK;EACLH;AACsB,CAAC,EAAE;EACzB,MAAM6B,KAAK,GAAGhD,QAAQ,CAAC,CAAC;EACxB,MAAMiD,OAAO,GAAGlD,cAAc,CAAC,CAAC;EAChC,MAAMmB,KAAK,GAAGhC,OAAO,CAAC,MAAMoB,sBAAsB,CAAC0C,KAAK,EAAEC,OAAO,CAAC,EAAE,CAACD,KAAK,EAAEC,OAAO,CAAC,CAAC;EAErF,MAAMC,MAAmC,GACvCb,MAAM,CAACc,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACC,EAAE,KAAKf,eAAe,CAAC,IAAID,MAAM,CAAC,CAAC,CAAC;EACnE,MAAMiB,UAAU,GAAGjB,MAAM,CAACkB,MAAM,CAAEH,KAAK,IAAKA,KAAK,CAACC,EAAE,KAAKH,MAAM,EAAEG,EAAE,CAAC;EACpE,MAAMA,EAAE,GAAIG,IAAY,IAAMrC,MAAM,GAAG,GAAGA,MAAM,IAAIqC,IAAI,EAAE,GAAGC,SAAU;EAEvE,MAAMC,WAAW,GAAGX,MAAM,EAAEY,MAAM,IAAItD,YAAY,CAACuC,IAAI,EAAEG,MAAM,CAAC;EAChE,MAAMa,eAAe,GAAGb,MAAM,EAAEO,UAAU,IAAI,cAAc;EAC5D,MAAMO,QAAQ,GAAG3D,oBAAoB,CAAC0C,IAAI,CAAC;EAE3C,MAAMkB,OAAO,GAAGZ,MAAM,GAAG3C,eAAe,CAAC2C,MAAM,CAACY,OAAO,EAAEZ,MAAM,CAACa,YAAY,EAAEhB,MAAM,CAAC,GAAG,IAAI;EAE5F,oBACEnC,KAAA,CAACzB,IAAI;IACHkC,kBAAkB,EAAEA,kBAAmB;IACvCC,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAE,MAAM;MAAEH,GAAG,EAAE;IAAG,CAAC,EAAEH,KAAK,CAAE;IAC3CH,MAAM,EAAEA,MAAO;IAAAQ,QAAA,GAEda,KAAK,IAAIA,KAAK,CAACwB,MAAM,GAAG,CAAC,gBACxBtD,IAAA,CAACf,UAAU;MACT6C,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBwB,MAAM,EAAEvB,WAAY;MACpBvB,MAAM,EAAEkC,EAAE,CAAC,OAAO;IAAE,CACrB,CAAC,GACA,IAAI,EAEPV,KAAK,IAAIA,KAAK,CAACqB,MAAM,GAAG,CAAC,IAAInB,YAAY,gBACxCnC,IAAA,CAACd,gBAAgB;MACfsE,KAAK,EAAEnB,MAAM,EAAEJ,KAAK,IAAI,aAAc;MACtCwB,IAAI,EAAC,OAAO;MACZC,KAAK,EAAExB,IAAK;MACZyB,QAAQ,EAAExB,YAAa;MACvB1B,MAAM,EAAEkC,EAAE,CAAC,OAAO,CAAE;MAAA1B,QAAA,EAEnBgB,KAAK,CAAC2B,GAAG,CAAEC,IAAI,iBACd7D,IAAA,CAACb,oBAAoB;QAAYuE,KAAK,EAAEG,IAAK;QAACpD,MAAM,EAAEkC,EAAE,CAAC,QAAQkB,IAAI,EAAE,CAAE;QAAA5C,QAAA,eACvEjB,IAAA,CAACZ,wBAAwB;UAAA6B,QAAA,EAAEtB,YAAY,CAACkE,IAAI,EAAExB,MAAM;QAAC,CAA2B;MAAC,GADxDwB,IAEL,CACvB;IAAC,CACc,CAAC,GACjB,IAAI,EAEPrB,MAAM,gBACLtC,KAAA,CAACzB,IAAI;MAACmC,KAAK,EAAE;QAAEG,GAAG,EAAE;MAAE,CAAE;MAACN,MAAM,EAAEkC,EAAE,CAAC,QAAQ,CAAE;MAAA1B,QAAA,gBAC5CjB,IAAA,CAACT,IAAI;QAAC+B,OAAO,EAAC,aAAa;QAACC,aAAa,EAAE,CAAE;QAACX,KAAK,EAAE;UAAEa,KAAK,EAAEjB,KAAK,CAACa;QAAc,CAAE;QAAAJ,QAAA,EACjF+B;MAAW,CACR,CAAC,eACP9C,KAAA,CAACzB,IAAI;QAACmC,KAAK,EAAE;UAAEC,aAAa,EAAE,KAAK;UAAEC,UAAU,EAAE,QAAQ;UAAEgD,QAAQ,EAAE,MAAM;UAAE/C,GAAG,EAAE;QAAE,CAAE;QAAAE,QAAA,gBACpFjB,IAAA,CAACT,IAAI;UACH+B,OAAO,EAAC,gBAAgB;UACxBC,aAAa,EAAE,CAAE;UACjBX,KAAK,EAAE,CAAC;YAAEa,KAAK,EAAEjB,KAAK,CAACD;UAAK,CAAC,EAAE1B,OAAO,CAAE;UACxC4B,MAAM,EAAEkC,EAAE,CAAC,UAAU,CAAE;UAAA1B,QAAA,EAEtBuB,MAAM,CAACuB;QAAQ,CACZ,CAAC,EACNvB,MAAM,CAACwB,QAAQ,gBACdhE,IAAA,CAACpB,IAAI;UAACqF,IAAI,EAAC,QAAQ;UAACxD,MAAM,EAAEkC,EAAE,CAAC,UAAU,CAAE;UAAA1B,QAAA,EACxCuB,MAAM,CAACwB;QAAQ,CACZ,CAAC,GACL,IAAI,EACPZ,OAAO,IAAIZ,MAAM,CAACY,OAAO,gBACxBpD,IAAA,CAACtB,KAAK;UACJwF,OAAO,EAAEd,OAAQ;UACjB9B,OAAO,EAAC,QAAQ;UAChBG,KAAK,EAAEhC,uBAAuB,CAAC+C,MAAM,CAACY,OAAO,CAAE;UAC/Ca,IAAI,EAAC,cAAc;UACnBxD,MAAM,EAAEkC,EAAE,CAAC,SAAS;QAAE,CACvB,CAAC,GACA,IAAI,EACPH,MAAM,CAAC2B,IAAI,gBACVnE,IAAA,CAACtB,KAAK;UACJwF,OAAO,EAAE1B,MAAM,CAAC2B,IAAK;UACrB7C,OAAO,EAAC,QAAQ;UAChBG,KAAK,EAAC,SAAS;UACfwC,IAAI,EAAC,cAAc;UACnBxD,MAAM,EAAEkC,EAAE,CAAC,MAAM;QAAE,CACpB,CAAC,GACA,IAAI;MAAA,CACJ,CAAC,EAENH,MAAM,CAAC4B,KAAK,IAAI5B,MAAM,CAAC4B,KAAK,CAACd,MAAM,GAAG,CAAC,gBACtCtD,IAAA,CAACvB,IAAI;QACHmC,KAAK,EAAE;UAAEC,aAAa,EAAE,KAAK;UAAEiD,QAAQ,EAAE,MAAM;UAAE/C,GAAG,EAAE;QAAE,CAAE;QAC1DN,MAAM,EAAEkC,EAAE,CAAC,OAAO,CAAE;QAAA1B,QAAA,EAEnBuB,MAAM,CAAC4B,KAAK,CAACR,GAAG,CAAC,CAACS,IAAI,EAAEC,KAAK,kBAC5BtE,IAAA,CAACF,gBAAgB;UAEfuE,IAAI,EAAEA,IAAK;UACXJ,IAAI,EAAC,cAAc;UACnBxD,MAAM,EAAEkC,EAAE,CAAC,QAAQ2B,KAAK,EAAE;QAAE,GAHvB,GAAGD,IAAI,CAACE,IAAI,IAAID,KAAK,EAI3B,CACF;MAAC,CACE,CAAC,GACL,IAAI,EAEP9B,MAAM,CAACgC,OAAO,gBACbxE,IAAA,CAACI,WAAW;QAACC,IAAI,EAAErB,UAAW;QAACuB,IAAI,EAAEiC,MAAM,CAACgC,OAAQ;QAAChE,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEkC,EAAE,CAAC,SAAS;MAAE,CAAE,CAAC,GAC1F,IAAI,EACPH,MAAM,CAACiC,GAAG,gBACTzE,IAAA,CAACI,WAAW;QAACC,IAAI,EAAEtB,WAAY;QAACwB,IAAI,EAAEiC,MAAM,CAACiC,GAAI;QAACjE,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEkC,EAAE,CAAC,KAAK;MAAE,CAAE,CAAC,GACnF,IAAI;IAAA,CACJ,CAAC,GACL,IAAI,EAEPP,OAAO,IAAII,MAAM,gBAChBxC,IAAA,CAACrB,MAAM;MACL2C,OAAO,EAAC,SAAS;MACjB2C,IAAI,EAAC,QAAQ;MACbS,WAAW,EAAEvB,QAAS;MACtBwB,OAAO,EAAEvC,OAAQ;MACjB3B,MAAM,EAAEkC,EAAE,CAAC,OAAO,CAAE;MAAA1B,QAAA,EAEnBoB,MAAM,EAAEuC,KAAK,IAAI;IAAO,CACnB,CAAC,GACP,IAAI,EAEPhC,UAAU,CAACU,MAAM,GAAG,CAAC,gBACpBpD,KAAA,CAACzB,IAAI;MAACmC,KAAK,EAAE;QAAEG,GAAG,EAAE;MAAE,CAAE;MAACN,MAAM,EAAEkC,EAAE,CAAC,YAAY,CAAE;MAAA1B,QAAA,gBAChDjB,IAAA,CAACT,IAAI;QAAC+B,OAAO,EAAC,oBAAoB;QAACV,KAAK,EAAE;UAAEa,KAAK,EAAEjB,KAAK,CAACa;QAAc,CAAE;QAAAJ,QAAA,EACtEiC;MAAe,CACZ,CAAC,eACPlD,IAAA,CAACvB,IAAI;QAACoG,IAAI,EAAC,MAAM;QAAClE,kBAAkB,EAAEuC,eAAgB;QAAAjC,QAAA,EACnD2B,UAAU,CAACgB,GAAG,CAAC,CAAClB,KAAK,EAAE4B,KAAK,KAAK;UAChC,MAAMQ,YAAY,GAAGjF,eAAe,CAAC6C,KAAK,CAACU,OAAO,EAAEV,KAAK,CAACW,YAAY,EAAEhB,MAAM,CAAC;UAC/E,oBACErC,IAAA,CAACvB,IAAI;YAAgBoG,IAAI,EAAC,UAAU;YAAA5D,QAAA,eAClCjB,IAAA,CAAClB,UAAU;cACTiG,KAAK,EAAErC,KAAK,CAACqB;cACb;cACA;cACA;cACA;cACA;cAAA;cACAiB,QAAQ,EACN,CAACtC,KAAK,CAAC+B,GAAG,EAAE/B,KAAK,CAACsB,QAAQ,EAAEtB,KAAK,CAAC8B,OAAO,CAAC,CAAC3B,MAAM,CAACoC,OAAO,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC,IAAInC,SAC3E;cACD1C,IAAI,EAAEb,oBAAoB,CAAC0C,IAAI,CAAE;cACjCiD,KAAK,EACHL,YAAY,IAAIpC,KAAK,CAACU,OAAO,gBAC3BpD,IAAA,CAACtB,KAAK;gBACJwF,OAAO,EAAEY,YAAa;gBACtBxD,OAAO,EAAC,QAAQ;gBAChBG,KAAK,EAAEhC,uBAAuB,CAACiD,KAAK,CAACU,OAAO,CAAE;gBAC9Ca,IAAI,EAAC;cAAa,CACnB,CAAC,GACAvB,KAAK,CAAC0B,KAAK,IAAI1B,KAAK,CAAC0B,KAAK,CAACd,MAAM,GAAG,CAAC,gBACvCtD,IAAA,CAACF,gBAAgB;gBAACuE,IAAI,EAAE3B,KAAK,CAAC0B,KAAK,CAAC,CAAC;cAAG,CAAE,CAAC,GACzCrB,SACL;cACD4B,OAAO,EAAE9C,aAAa,GAAG,MAAMA,aAAa,CAACa,KAAK,CAACC,EAAE,CAAC,GAAGI,SAAU;cACnEpC,kBAAkB,EAAEjB,aAAa,CAACgD,KAAK,EAAEL,MAAM,CAAE;cACjD5B,MAAM,EAAEkC,EAAE,CAAC,SAAS2B,KAAK,EAAE;YAAE,CAC9B;UAAC,GA3BO5B,KAAK,CAACC,EA4BX,CAAC;QAEX,CAAC;MAAC,CACE,CAAC;IAAA,CACH,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,OAAO,MAAMyC,iBAAiB,gBAAG7G,IAAI,CAACmD,0BAA0B,CAAC;AACjE0D,iBAAiB,CAACC,WAAW,GAAG,mBAAmB","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":[]}