@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/commonjs/navigation-banner/NavigationBanner.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationBanner = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _maneuvers = require("../directions/maneuvers.js");
+var _index = require("../glass/index.js");
+var _tokens = require("../styles/tokens.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * THE NEXT MANEUVER, while it is happening.
+ *
+ *   pane        `GlassIsland` at the 16 rung — the guidance is drawn over tiles
+ *               Bloom does not own, and the island is the one material in the
+ *               library priced for that. It is asked for a SURFACE radius
+ *               rather than its default capsule: a banner is a surface, and the
+ *               pill rung belongs to button-like controls.
+ *   tile        56 square, 12 radius, the state's tone as a tint with the
+ *               maneuver glyph in that tone's own accent — the same tile recipe
+ *               `OrderStatusBar` paints, at the size a driver reads without
+ *               focusing.
+ *   glyph       `DIRECTIONS_MANEUVER_ICON`. The SAME map the step list beside
+ *               it uses: two sets of arrows for one vocabulary is two answers
+ *               to the question "which way is slight right".
+ *   headline    the distance, TABULAR, so a reading counting down from 400 m
+ *               does not shuffle the street name under it
+ *   instruction the street, up to two lines
+ *   then        the maneuver after this one, behind a full-bleed hairline
+ *   children    lanes, a speed sign — behind a second hairline, and outside the
+ *               announcement, because each names itself
+ *
+ * ── THE TWO EXCEPTIONAL STATES ARE THIS COMPONENT ───────────────────────────
+ *
+ * `off-route` and `rerouting` take the same strip, in the same place, at the
+ * same moment. A separate surface appearing where this one was is a jump, and
+ * the driver has to find the thing they were already reading. So the state
+ * swaps the glyph, the tone and the headline, and the maneuver — which is no
+ * longer true — stops being announced at all.
+ *
+ * ── THE ROW IS ONE UTTERANCE ────────────────────────────────────────────────
+ *
+ * The glyph is the only thing on screen that says which way to turn, and a
+ * glyph says nothing aloud. The maneuver row is therefore one `img` named by
+ * `describeNavigationBanner`, with its drawn text hidden from assistive
+ * technology so the distance is not read twice. `children` sit OUTSIDE that
+ * name: a lane row and a speed sign each announce themselves.
+ */
+function NavigationBannerComponent({
+  maneuver,
+  distance,
+  instruction,
+  thenManeuver,
+  then,
+  state = 'guiding',
+  children,
+  labels,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveNavigationPaint)(theme), [theme]);
+  const g = _constants.NAVIGATION_BANNER_GEOMETRY;
+  const guiding = state === 'guiding';
+  const tone = guiding ? 'primary' : _constants.NAVIGATION_STATE_TONE[state];
+  const accent = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'subtle');
+  const Glyph = guiding ? _maneuvers.DIRECTIONS_MANEUVER_ICON[maneuver] : _constants.NAVIGATION_STATE_ICON[state];
+  const stateHeadline = guiding ? undefined : (state === 'off-route' ? labels?.offRoute : labels?.rerouting) ?? _constants.NAVIGATION_STATE_LABELS[state];
+  const headline = stateHeadline ?? distance;
+  const thenWord = labels?.then ?? 'then';
+  const ThenGlyph = thenManeuver !== undefined ? _maneuvers.DIRECTIONS_MANEUVER_ICON[thenManeuver] : null;
+  const thenLine = guiding && (thenManeuver !== undefined || then) ? [thenWord, thenManeuver !== undefined ? (0, _shared.maneuverWordFor)(thenManeuver, labels).toLowerCase() : null, then].filter(Boolean).join(' ') : null;
+  const name = accessibilityLabel ?? (0, _shared.describeNavigationBanner)({
+    maneuver,
+    distance,
+    instruction,
+    then,
+    thenManeuver,
+    state,
+    labels
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.GlassIsland, {
+    radius: g.radius,
+    style: [{
+      alignSelf: 'stretch',
+      flexDirection: 'column'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "img",
+      accessibilityLabel: name,
+      testID: testID ? `${testID}-guidance` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: g.padding,
+            padding: g.padding
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            testID: testID ? `${testID}-glyph` : undefined,
+            style: {
+              width: g.glyph,
+              height: g.glyph,
+              borderRadius: _tokens.borderRadius.md,
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor: accent.background
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+              width: g.glyphIcon,
+              height: g.glyphIcon,
+              fill: accent.foreground
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1,
+              minWidth: 0,
+              gap: 2
+            },
+            children: [headline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: "title-2-semibold",
+              numberOfLines: 1,
+              testID: testID ? `${testID}-headline` : undefined,
+              style: {
+                color: paint.text,
+                ...(guiding ? {
+                  fontVariant: ['tabular-nums']
+                } : null)
+              },
+              children: headline
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: headline ? 'headline-medium' : 'title-2-semibold',
+              numberOfLines: 2,
+              testID: testID ? `${testID}-instruction` : undefined,
+              style: {
+                color: headline ? paint.textSecondary : paint.text
+              },
+              children: instruction
+            })]
+          })]
+        }), thenLine ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          testID: testID ? `${testID}-then` : undefined,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingLeft: g.padding,
+            paddingRight: g.padding,
+            paddingTop: 10,
+            paddingBottom: 10,
+            borderTopWidth: 1,
+            borderTopColor: paint.border
+          },
+          children: [ThenGlyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ThenGlyph, {
+            width: g.smallGlyph,
+            height: g.smallGlyph,
+            fill: paint.textSecondary
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "body-2-medium",
+            numberOfLines: 1,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: thenLine
+          })]
+        }) : null]
+      })
+    }), children != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-extras` : undefined,
+      style: {
+        paddingLeft: g.padding,
+        paddingRight: g.padding,
+        paddingTop: 10,
+        paddingBottom: 10,
+        borderTopWidth: 1,
+        borderTopColor: paint.border
+      },
+      children: children
+    }) : null]
+  });
+}
+const NavigationBanner = exports.NavigationBanner = /*#__PURE__*/(0, _react.memo)(NavigationBannerComponent);
+NavigationBanner.displayName = 'NavigationBanner';
+//# sourceMappingURL=NavigationBanner.js.map

package/lib/commonjs/navigation-banner/NavigationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_maneuvers","_index","_tokens","_accentColors","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NavigationBannerComponent","maneuver","distance","instruction","thenManeuver","then","state","children","labels","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolveNavigationPaint","g","NAVIGATION_BANNER_GEOMETRY","guiding","tone","NAVIGATION_STATE_TONE","accent","resolveAccentColors","colors","Glyph","DIRECTIONS_MANEUVER_ICON","NAVIGATION_STATE_ICON","stateHeadline","undefined","offRoute","rerouting","NAVIGATION_STATE_LABELS","headline","thenWord","ThenGlyph","thenLine","maneuverWordFor","toLowerCase","filter","Boolean","join","name","describeNavigationBanner","jsxs","GlassIsland","radius","alignSelf","flexDirection","jsx","View","role","accessibilityElementsHidden","importantForAccessibility","alignItems","gap","padding","width","glyph","height","borderRadius","md","justifyContent","backgroundColor","background","glyphIcon","fill","foreground","flex","minWidth","Text","variant","numberOfLines","color","text","fontVariant","textSecondary","paddingLeft","paddingRight","paddingTop","paddingBottom","borderTopWidth","borderTopColor","border","smallGlyph","NavigationBanner","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/NavigationBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/SpeedLimitPill.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpeedLimitPill = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shadows = require("../design-tokens/shadows");
+var _shared = require("../map-marker/shared.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * THE POSTED LIMIT: a round sign, small enough to sit beside the guidance and
+ * legible enough to read off a windscreen mount.
+ *
+ *   sign      48 round with a 4 ring in the tone, on the SAME chrome surface
+ *             every floating map piece paints, with `shadow-s` — so it reads on
+ *             a satellite tile as well as on a pale street map
+ *   number    `title-3-bold`, TABULAR, one line, never truncated
+ *   unit      `caption-2-medium` under the sign, quiet
+ *
+ * ── `exceeded` FILLS THE SIGN, IT DOES NOT BRIGHTEN IT ──────────────────────
+ *
+ * A sign that only changed shade is a sign a driver reads as the same sign; the
+ * change has to be one that survives a glance, in daylight, at an angle. So
+ * over the limit the ring's tone becomes the FILL and the number takes that
+ * fill's own on-colour, which is the pair `resolveAccentColors` already
+ * guarantees is legible. Nothing moves, and nothing flashes: a warning that
+ * animates in a car is a warning that asks for attention the road needs.
+ *
+ * The sign is a CIRCLE because it is a sign, not a capsule of text — the pill
+ * rung is for button-like controls and this is not one.
+ */
+function SpeedLimitPillComponent({
+  limit,
+  unit,
+  exceeded = false,
+  tone = 'error',
+  accessibilityLabel,
+  exceededLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveNavigationPaint)(theme), [theme]);
+  const map = (0, _react.useMemo)(() => (0, _shared.resolveMapMarkerPaint)(theme), [theme]);
+  const solid = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'solid');
+  const g = _constants.NAVIGATION_BANNER_GEOMETRY;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: accessibilityLabel ?? (0, _shared2.describeSpeedLimit)({
+      limit,
+      unit,
+      exceeded,
+      exceededLabel
+    }),
+    testID: testID,
+    style: [{
+      alignItems: 'center',
+      gap: 2
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-sign` : undefined,
+      style: {
+        width: g.sign,
+        height: g.sign,
+        borderRadius: g.sign / 2,
+        borderWidth: g.signRing,
+        borderColor: solid.background,
+        backgroundColor: exceeded ? solid.background : map.surface,
+        alignItems: 'center',
+        justifyContent: 'center',
+        ...(0, _shadows.bloomShadowStyle)('s')
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "title-3-bold",
+        numberOfLines: 1,
+        style: {
+          color: exceeded ? solid.foreground : paint.text,
+          fontVariant: ['tabular-nums']
+        },
+        children: limit
+      })
+    }), unit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-2-medium",
+      numberOfLines: 1,
+      testID: testID ? `${testID}-unit` : undefined,
+      style: {
+        color: paint.textTertiary
+      },
+      children: unit
+    }) : null]
+  });
+}
+const SpeedLimitPill = exports.SpeedLimitPill = /*#__PURE__*/(0, _react.memo)(SpeedLimitPillComponent);
+SpeedLimitPill.displayName = 'SpeedLimitPill';
+//# sourceMappingURL=SpeedLimitPill.js.map

package/lib/commonjs/navigation-banner/SpeedLimitPill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shadows","_shared","_accentColors","_useTheme","_index","_constants","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SpeedLimitPillComponent","limit","unit","exceeded","tone","accessibilityLabel","exceededLabel","style","testID","theme","useTheme","paint","useMemo","resolveNavigationPaint","map","resolveMapMarkerPaint","solid","resolveAccentColors","colors","g","NAVIGATION_BANNER_GEOMETRY","jsxs","View","role","describeSpeedLimit","alignItems","gap","children","jsx","undefined","width","sign","height","borderRadius","borderWidth","signRing","borderColor","background","backgroundColor","surface","justifyContent","bloomShadowStyle","Text","variant","numberOfLines","color","foreground","text","fontVariant","textTertiary","SpeedLimitPill","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/SpeedLimitPill.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/constants.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAVIGATION_STATE_TONE = exports.NAVIGATION_STATE_LABELS = exports.NAVIGATION_STATE_ICON = exports.NAVIGATION_BANNER_GEOMETRY = void 0;
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _RiLoopRightLine = require("../icons/remix/RiLoopRightLine.js");
+var _tokens = require("../styles/tokens.js");
+/**
+ * 56 for the maneuver glyph is the largest square that leaves the distance
+ * figure room on a 390 phone with the pane's own padding either side, and the
+ * glyph is the one thing on the banner a driver reads without focusing.
+ *
+ * The speed sign is 48 with a 4 ring: below 44 the number stops being legible
+ * at arm's length, and a ring thinner than 4 stops reading as a sign at all.
+ */
+const NAVIGATION_BANNER_GEOMETRY = exports.NAVIGATION_BANNER_GEOMETRY = {
+  radius: _tokens.borderRadius.lg,
+  padding: 14,
+  glyph: 56,
+  glyphIcon: 40,
+  smallGlyph: 18,
+  lane: 38,
+  laneWidth: 30,
+  sign: 48,
+  signRing: 4
+};
+
+/** The glyph each exceptional state draws in place of a maneuver. */
+const NAVIGATION_STATE_ICON = exports.NAVIGATION_STATE_ICON = {
+  'off-route': _RiErrorWarningLine.RiErrorWarningLine,
+  rerouting: _RiLoopRightLine.RiLoopRightLine
+};
+
+/**
+ * The tone each exceptional state paints.
+ *
+ * `rerouting` is `warning` rather than `error`: nothing is wrong yet, the app
+ * is working, and a red banner at that moment tells a driver to act when the
+ * only correct action is to keep driving. `off-route` IS the error — the line
+ * on the map no longer describes where the car is.
+ */
+const NAVIGATION_STATE_TONE = exports.NAVIGATION_STATE_TONE = {
+  'off-route': 'error',
+  rerouting: 'warning'
+};
+
+/** The English default headline for each exceptional state. */
+const NAVIGATION_STATE_LABELS = exports.NAVIGATION_STATE_LABELS = {
+  'off-route': 'Off route',
+  rerouting: 'Finding a new route'
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/navigation-banner/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiErrorWarningLine","require","_RiLoopRightLine","_tokens","NAVIGATION_BANNER_GEOMETRY","exports","radius","borderRadius","lg","padding","glyph","glyphIcon","smallGlyph","lane","laneWidth","sign","signRing","NAVIGATION_STATE_ICON","RiErrorWarningLine","rerouting","RiLoopRightLine","NAVIGATION_STATE_TONE","NAVIGATION_STATE_LABELS"],"sourceRoot":"../../../src","sources":["navigation-banner/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,0BAAoD,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EAClEE,MAAM,EAAEC,oBAAY,CAACC,EAAE;EACvBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,EAAE;EACbC,IAAI,EAAE,EAAE;EACRC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACO,MAAMC,qBAEZ,GAAAZ,OAAA,CAAAY,qBAAA,GAAG;EACF,WAAW,EAAEC,sCAAkB;EAC/BC,SAAS,EAAEC;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAEZ,GAAAhB,OAAA,CAAAgB,qBAAA,GAAG;EACF,WAAW,EAAE,OAAO;EACpBF,SAAS,EAAE;AACb,CAAC;;AAED;AACO,MAAMG,uBAEZ,GAAAjB,OAAA,CAAAiB,uBAAA,GAAG;EACF,WAAW,EAAE,WAAW;EACxBH,SAAS,EAAE;AACb,CAAC","ignoreList":[]}

package/lib/commonjs/navigation-banner/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArrivalBar", {
+  enumerable: true,
+  get: function () {
+    return _ArrivalBar.ArrivalBar;
+  }
+});
+Object.defineProperty(exports, "LaneGuidance", {
+  enumerable: true,
+  get: function () {
+    return _LaneGuidance.LaneGuidance;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_BANNER_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_BANNER_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_ICON;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_LABELS;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_TONE", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_TONE;
+  }
+});
+Object.defineProperty(exports, "NavigationBanner", {
+  enumerable: true,
+  get: function () {
+    return _NavigationBanner.NavigationBanner;
+  }
+});
+Object.defineProperty(exports, "SpeedLimitPill", {
+  enumerable: true,
+  get: function () {
+    return _SpeedLimitPill.SpeedLimitPill;
+  }
+});
+Object.defineProperty(exports, "describeArrival", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeArrival;
+  }
+});
+Object.defineProperty(exports, "describeLanes", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeLanes;
+  }
+});
+Object.defineProperty(exports, "describeNavigationBanner", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeNavigationBanner;
+  }
+});
+Object.defineProperty(exports, "describeSpeedLimit", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeSpeedLimit;
+  }
+});
+Object.defineProperty(exports, "maneuverWordFor", {
+  enumerable: true,
+  get: function () {
+    return _shared.maneuverWordFor;
+  }
+});
+Object.defineProperty(exports, "resolveNavigationPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveNavigationPaint;
+  }
+});
+var _ArrivalBar = require("./ArrivalBar.js");
+var _LaneGuidance = require("./LaneGuidance.js");
+var _NavigationBanner = require("./NavigationBanner.js");
+var _SpeedLimitPill = require("./SpeedLimitPill.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/navigation-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ArrivalBar","require","_LaneGuidance","_NavigationBanner","_SpeedLimitPill","_constants","_shared"],"sourceRoot":"../../../src","sources":["navigation-banner/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAOA,IAAAK,OAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/navigation-banner/shared.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.describeArrival = describeArrival;
+exports.describeLanes = describeLanes;
+exports.describeNavigationBanner = describeNavigationBanner;
+exports.describeSpeedLimit = describeSpeedLimit;
+exports.maneuverWordFor = maneuverWordFor;
+exports.resolveNavigationPaint = resolveNavigationPaint;
+var _constants = require("../directions/constants.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _constants2 = require("./constants.js");
+/**
+ * What the guidance surfaces paint, and the sentences they announce. Pure, so
+ * a gate can walk every preset x mode and every state without rendering.
+ */
+
+/**
+ * Read off the island, not off the page.
+ *
+ * `GlassIsland` paints rung 1 of the surface ladder at the chrome alpha, so
+ * rung 1 is the fill the banner's own text has to be legible on — and it is the
+ * fill whether the map underneath is a night satellite tile or a pale street
+ * map, which is the whole reason the guidance sits on an island instead of
+ * directly on the tiles.
+ */
+function resolveNavigationPaint(theme) {
+  const level = (0, _surfaceLevels.resolveSurfaceLevel)(theme, 1);
+  return {
+    surface: level.background,
+    border: (0, _surfaceLevels.hairlineOn)(theme, level.background),
+    ...(0, _surfaceLevels.surfaceTextOn)(theme, level.background)
+  };
+}
+
+/** The maneuver's word, as drawn or announced. */
+function maneuverWordFor(maneuver, labels) {
+  return labels?.maneuver?.[maneuver] ?? _constants.DIRECTIONS_MANEUVER_LABELS[maneuver];
+}
+
+/**
+ * The banner in one utterance — "In 400 m, turn right, Carrer del Roure, then
+ * turn left".
+ *
+ * The DISTANCE comes first because that is the order a driver needs it in, and
+ * the maneuver word is spelled out because the glyph is the only thing on
+ * screen that says which way to turn and a glyph says nothing aloud — the same
+ * hole `directions`' own `describeStep` fills, and the same fix.
+ *
+ * In the two exceptional states the state's own headline replaces the maneuver
+ * entirely: a reader told to turn right while the car is off the route has been
+ * told the one thing that is no longer true.
+ */
+function describeNavigationBanner(options) {
+  const {
+    labels
+  } = options;
+  const state = options.state ?? 'guiding';
+  if (state !== 'guiding') {
+    const headline = (state === 'off-route' ? labels?.offRoute : labels?.rerouting) ?? _constants2.NAVIGATION_STATE_LABELS[state];
+    return [headline, options.instruction].filter(Boolean).join(', ');
+  }
+  const thenWord = labels?.then ?? 'then';
+  const thenPart = options.thenManeuver !== undefined || options.then ? [thenWord, options.thenManeuver !== undefined ?
+  // Lowercased, because it lands MID-SENTENCE after "then" — the
+  // maneuver table's words are written to start a sentence.
+  maneuverWordFor(options.thenManeuver, labels).toLowerCase() : undefined, options.then].filter(Boolean).join(' ') : undefined;
+  return [options.distance, maneuverWordFor(options.maneuver, labels), options.instruction, thenPart].filter(part => typeof part === 'string' && part !== '').join(', ');
+}
+
+/**
+ * The lanes in one utterance — "Lane guidance, 4 lanes, use lane 3 and lane 4".
+ *
+ * Lanes are numbered from the LEFT, one-based, because that is how a driver
+ * counts them through the windscreen. A row with nothing allowed still
+ * announces how many there are: "four lanes" is information, silence is not.
+ */
+function describeLanes(lanes, labels) {
+  const head = labels?.lanes ?? 'Lane guidance';
+  const laneWord = labels?.lane ?? 'lane';
+  const useWord = labels?.use ?? 'use';
+  const count = `${lanes.length} ${lanes.length === 1 ? laneWord : `${laneWord}s`}`;
+  const allowed = lanes.map((lane, index) => lane.allowed ? `${laneWord} ${index + 1}` : null).filter(part => part !== null);
+  if (allowed.length === 0) return `${head}, ${count}`;
+  return `${head}, ${count}, ${useWord} ${allowed.join(' and ')}`;
+}
+
+/** "Speed limit 50 km/h, over the limit". */
+function describeSpeedLimit(options) {
+  const base = ['Speed limit', String(options.limit), options.unit].filter(Boolean).join(' ');
+  if (!options.exceeded) return base;
+  return `${base}, ${options.exceededLabel ?? 'over the limit'}`;
+}
+
+/** "Arrival 18:42, Left 24 min, Distance 8.2 km" — three readings, one utterance. */
+function describeArrival(options) {
+  const {
+    labels
+  } = options;
+  return [`${labels?.arrival ?? 'Arrival'} ${options.arrival}`, `${labels?.time ?? 'Left'} ${options.remainingTime}`, `${labels?.distance ?? 'Distance'} ${options.remainingDistance}`].join(', ');
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/navigation-banner/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","_surfaceLevels","_constants2","resolveNavigationPaint","theme","level","resolveSurfaceLevel","surface","background","border","hairlineOn","surfaceTextOn","maneuverWordFor","maneuver","labels","DIRECTIONS_MANEUVER_LABELS","describeNavigationBanner","options","state","headline","offRoute","rerouting","NAVIGATION_STATE_LABELS","instruction","filter","Boolean","join","thenWord","then","thenPart","thenManeuver","undefined","toLowerCase","distance","part","describeLanes","lanes","head","laneWord","lane","useWord","use","count","length","allowed","map","index","describeSpeedLimit","base","String","limit","unit","exceeded","exceededLabel","describeArrival","arrival","time","remainingTime","remainingDistance"],"sourceRoot":"../../../src","sources":["navigation-banner/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/navigation-banner/types.js.map

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