@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/commonjs/menu-item/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MENU_ITEM_DIETS", {
+  enumerable: true,
+  get: function () {
+    return _constants.MENU_ITEM_DIETS;
+  }
+});
+Object.defineProperty(exports, "MENU_ITEM_DIET_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.MENU_ITEM_DIET_LABELS;
+  }
+});
+Object.defineProperty(exports, "MENU_ITEM_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.MENU_ITEM_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "MENU_ITEM_SPICE_MAX", {
+  enumerable: true,
+  get: function () {
+    return _constants.MENU_ITEM_SPICE_MAX;
+  }
+});
+Object.defineProperty(exports, "MenuItemOptions", {
+  enumerable: true,
+  get: function () {
+    return _MenuItemOptions.MenuItemOptions;
+  }
+});
+Object.defineProperty(exports, "MenuItemRow", {
+  enumerable: true,
+  get: function () {
+    return _MenuItemRow.MenuItemRow;
+  }
+});
+Object.defineProperty(exports, "composeMenuItemName", {
+  enumerable: true,
+  get: function () {
+    return _shared.composeMenuItemName;
+  }
+});
+Object.defineProperty(exports, "describeOptionRule", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeOptionRule;
+  }
+});
+Object.defineProperty(exports, "describeSpice", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeSpice;
+  }
+});
+Object.defineProperty(exports, "optionDisabled", {
+  enumerable: true,
+  get: function () {
+    return _shared.optionDisabled;
+  }
+});
+Object.defineProperty(exports, "optionGroupRule", {
+  enumerable: true,
+  get: function () {
+    return _shared.optionGroupRule;
+  }
+});
+Object.defineProperty(exports, "optionSubtitle", {
+  enumerable: true,
+  get: function () {
+    return _shared.optionSubtitle;
+  }
+});
+Object.defineProperty(exports, "resolveMenuItemPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveMenuItemPaint;
+  }
+});
+Object.defineProperty(exports, "spiceLevel", {
+  enumerable: true,
+  get: function () {
+    return _shared.spiceLevel;
+  }
+});
+Object.defineProperty(exports, "toggleOptionSelection", {
+  enumerable: true,
+  get: function () {
+    return _shared.toggleOptionSelection;
+  }
+});
+var _MenuItemOptions = require("./MenuItemOptions.js");
+var _MenuItemRow = require("./MenuItemRow.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/menu-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MenuItemOptions","require","_MenuItemRow","_constants","_shared"],"sourceRoot":"../../../src","sources":["menu-item/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/menu-item/parts.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemDiets = MenuItemDiets;
+exports.MenuItemSpice = MenuItemSpice;
+exports.MenuItemThumb = MenuItemThumb;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _RiFireLine = require("../icons/remix/RiFireLine.js");
+var _RiLeafLine = require("../icons/remix/RiLeafLine.js");
+var _RiPlantLine = require("../icons/remix/RiPlantLine.js");
+var _context = require("../image-resolver/context.js");
+var _shared = require("../listing-card/shared.js");
+var _constants = require("./constants.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The pieces a dish row and a dish sheet both draw, so the two cannot drift
+ * apart. Internal: not on the family barrel.
+ */
+
+const IS_WEB = _reactNative.Platform.OS === 'web';
+
+/** Only the two diets that are about what the dish is MADE OF carry a glyph. */
+const DIET_GLYPH = {
+  vegetarian: _RiLeafLine.RiLeafLine,
+  vegan: _RiPlantLine.RiPlantLine
+};
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The diet pills, in a wrapping row 6 apart. Duplicates are drawn once.
+ *
+ * `aria-hidden`: every word here is already in the row's own accessible name,
+ * in full and in the same order, so announcing the pills too would say each
+ * diet twice.
+ */
+function MenuItemDiets({
+  diets,
+  labels,
+  surface,
+  glyphColor,
+  glyph,
+  leading,
+  style,
+  testID
+}) {
+  const unique = (0, _shared2.uniqueDiets)(diets);
+  if (unique.length === 0 && leading == null) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: 6
+    }, style],
+    testID: testID ? `${testID}-marks` : undefined,
+    children: [leading, unique.map(diet => {
+      const Glyph = DIET_GLYPH[diet];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+        size: "small",
+        variant: "subtle",
+        color: Glyph ? 'success' : 'default',
+        surface: surface,
+        startIcon: Glyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+          width: glyph,
+          height: glyph,
+          fill: glyphColor
+        }) : undefined,
+        testID: testID ? `${testID}-diet-${diet}` : undefined,
+        children: labels?.[diet] ?? _constants.MENU_ITEM_DIET_LABELS[diet]
+      }, diet);
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The heat, as that many flames out of three.
+ *
+ * ONE accessible element with one name ("Spicy 2 of 3") — a run of three
+ * identical glyphs announces nothing at all, and named individually it would
+ * say "flame, flame" and leave the reader to count. Inside `MenuItemRow` it
+ * sits in the marks row, which is `aria-hidden` because the ROW's own name
+ * already says the heat in the same words; the name here is what makes the
+ * component correct on its own, anywhere else.
+ */
+function MenuItemSpice({
+  level,
+  label,
+  color,
+  glyph,
+  style,
+  testID
+}) {
+  const shown = (0, _shared2.spiceLevel)(level);
+  if (shown === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessible: true
+    // `role="img"` on web only, the shape `Rating` uses: a plain `div` with an
+    // `aria-label` and no role is not announced there, while on native
+    // `accessible` + the label is already one node with one name.
+    ,
+    ...(IS_WEB ? {
+      role: 'img'
+    } : null),
+    accessibilityLabel: (0, _shared2.describeSpice)(shown, label),
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 1
+    }, style],
+    testID: testID ? `${testID}-spice` : undefined,
+    children: Array.from({
+      length: Math.min(shown, _constants.MENU_ITEM_SPICE_MAX)
+    }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiFireLine.RiFireLine, {
+      width: glyph,
+      height: glyph,
+      fill: color
+    }, index))
+  });
+}
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The dish's square picture, or the plain placeholder square when it has none.
+ *
+ * Its geometry and its two colours arrive as PROPS rather than as a density and
+ * a paint object, because `cart-panel` draws the same square at its own rung —
+ * a basket line and a menu row are the same dish, and two implementations of
+ * one square is how the wash ends up at two different opacities.
+ */
+function MenuItemThumb({
+  photo,
+  photoVariant,
+  size,
+  radius,
+  placeholder,
+  wash,
+  washed = false,
+  overlay,
+  testID
+}) {
+  const resolver = (0, _context.useImageResolver)();
+  const uri = photo ? (0, _shared.resolvePhoto)(photo, resolver, photoVariant) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      flexShrink: 0,
+      borderRadius: radius,
+      backgroundColor: placeholder
+    },
+    testID: testID ? `${testID}-photo` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        borderRadius: radius,
+        overflow: 'hidden'
+      },
+      children: [uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : null, washed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        pointerEvents: "none",
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          backgroundColor: wash,
+          opacity: _constants.MENU_ITEM_WASH_OPACITY
+        },
+        testID: testID ? `${testID}-wash` : undefined
+      }) : null]
+    }), overlay ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        top: -6,
+        right: -6
+      },
+      children: overlay
+    }) : null]
+  });
+}
+//# sourceMappingURL=parts.js.map

package/lib/commonjs/menu-item/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_RiFireLine","_RiLeafLine","_RiPlantLine","_context","_shared","_constants","_shared2","_jsxRuntime","e","__esModule","default","IS_WEB","Platform","OS","DIET_GLYPH","vegetarian","RiLeafLine","vegan","RiPlantLine","MenuItemDiets","diets","labels","surface","glyphColor","glyph","leading","style","testID","unique","uniqueDiets","length","jsxs","View","importantForAccessibility","flexDirection","flexWrap","alignItems","gap","undefined","children","map","diet","Glyph","jsx","Chip","size","variant","color","startIcon","width","height","fill","MENU_ITEM_DIET_LABELS","MenuItemSpice","level","label","shown","spiceLevel","accessible","role","accessibilityLabel","describeSpice","Array","from","Math","min","MENU_ITEM_SPICE_MAX","_","index","RiFireLine","MenuItemThumb","photo","photoVariant","radius","placeholder","wash","washed","overlay","resolver","useImageResolver","uri","resolvePhoto","flexShrink","borderRadius","backgroundColor","flex","overflow","Image","source","resizeMode","accessibilityIgnoresInvertColors","pointerEvents","position","top","right","bottom","left","opacity","MENU_ITEM_WASH_OPACITY"],"sourceRoot":"../../../src","sources":["menu-item/parts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/menu-item/shared.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composeMenuItemName = composeMenuItemName;
+exports.describeOptionRule = describeOptionRule;
+exports.describeSpice = describeSpice;
+exports.optionDisabled = optionDisabled;
+exports.optionGroupRule = optionGroupRule;
+exports.optionSubtitle = optionSubtitle;
+exports.resolveMenuItemPaint = resolveMenuItemPaint;
+exports.spiceLevel = spiceLevel;
+exports.toggleOptionSelection = toggleOptionSelection;
+exports.uniqueDiets = uniqueDiets;
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _constants = require("./constants.js");
+/**
+ * Everything `menu-item` decides WITHOUT rendering: what a group's rule says,
+ * what one press does to a selection, and the sentence a screen reader hears
+ * for a row. Pure, so `MenuItem.test.tsx` asserts each one directly.
+ */
+
+function resolveMenuItemPaint(theme, surface) {
+  return {
+    ...(0, _surfaceLevels.surfaceTextOn)(theme, surface),
+    thumb: (0, _surfaceLevels.surfaceFillOn)(theme, surface),
+    wash: surface,
+    spice: (0, _accentColors.resolveAccentColors)(theme.colors, 'error', 'subtle').foreground,
+    diet: (0, _accentColors.resolveAccentColors)(theme.colors, 'success', 'subtle').foreground,
+    rule: (0, _surfaceLevels.hairlineOn)(theme, surface)
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Rows
+// ---------------------------------------------------------------------------
+
+/** The diets actually drawn: de-duplicated, in the order given. */
+function uniqueDiets(diets) {
+  return diets ? Array.from(new Set(diets)) : [];
+}
+
+/** `0` for no flames; anything else clamped into `1..3`. */
+function spiceLevel(spice) {
+  if (!spice || spice <= 0) return 0;
+  return Math.min(Math.round(spice), _constants.MENU_ITEM_SPICE_MAX);
+}
+
+/** "Spicy 2 of 3" — the flames in words, since a glyph run announces nothing. */
+function describeSpice(level, label = 'Spicy') {
+  return `${label} ${level} of ${_constants.MENU_ITEM_SPICE_MAX}`;
+}
+
+/**
+ * The row as one sentence, in the order it is read on screen. The description
+ * is NOT in it: it is clamped on screen and would be read in full here, which
+ * turns a scannable list into a recipe book.
+ */
+function composeMenuItemName(props) {
+  const parts = [props.name];
+  for (const diet of uniqueDiets(props.diets)) {
+    parts.push(props.dietLabels?.[diet] ?? _constants.MENU_ITEM_DIET_LABELS[diet]);
+  }
+  const heat = spiceLevel(props.spice);
+  if (heat > 0) parts.push(describeSpice(heat, props.spiceLabel));
+  if (props.originalPrice) parts.push(`${props.price}, originally ${props.originalPrice}`);else parts.push(props.price);
+  if (props.quantity && props.quantity > 0) parts.push(`${props.quantity} in basket`);
+  if (props.unavailable) parts.push(props.unavailableLabel ?? 'Sold out');
+  return parts.join(', ');
+}
+
+// ---------------------------------------------------------------------------
+//  Option groups
+// ---------------------------------------------------------------------------
+
+/** A group's rule, with the defaults filled in: `max` 1, `min` 0. */
+function optionGroupRule(group) {
+  const max = Math.max(1, group.max ?? 1);
+  const min = Math.min(Math.max(0, group.min ?? 0), max);
+  return {
+    min,
+    max,
+    multiple: max > 1,
+    required: min >= 1
+  };
+}
+
+/**
+ * The rule in words — "Choose 1", "Up to 3", "Choose 2 to 4", "Optional".
+ *
+ * English, and overridable per group with `ruleLabel`. The one case worth
+ * naming is `max: 1, min: 0`: "Up to 1" is not a sentence anybody says, so a
+ * single optional choice reads as "Optional".
+ */
+function describeOptionRule(group) {
+  if (group.ruleLabel != null) return group.ruleLabel;
+  const {
+    min,
+    max
+  } = optionGroupRule(group);
+  if (min === max) return `Choose ${max}`;
+  if (min === 0) return max === 1 ? 'Optional' : `Up to ${max}`;
+  return `Choose ${min} to ${max}`;
+}
+
+/**
+ * What one press does to a group's selection.
+ *
+ * A single-choice group REPLACES; a multi-choice group toggles. At the cap, an
+ * option that is not already chosen is refused — the caller draws it disabled,
+ * so this branch is the backstop rather than the user's experience. Refusing
+ * beats evicting the earliest choice: a reader who presses a fourth extra and
+ * watches the first one vanish has been told nothing about the rule.
+ */
+function toggleOptionSelection(current, optionId, rule) {
+  const chosen = current ?? [];
+  if (!rule.multiple) return [optionId];
+  if (chosen.includes(optionId)) return chosen.filter(id => id !== optionId);
+  if (chosen.length >= rule.max) return [...chosen];
+  return [...chosen, optionId];
+}
+
+/** Whether an option can still be pressed: its own `disabled`, or the group at its cap. */
+function optionDisabled(option, current, rule) {
+  if (option.disabled === true) return true;
+  if (!rule.multiple) return false;
+  const chosen = current ?? [];
+  return chosen.length >= rule.max && !chosen.includes(option.id);
+}
+
+/**
+ * The option's second line: its description and its price, joined.
+ *
+ * ONE text column, because that is what the grouped-choice contract has:
+ * `RadioGroup`/`Checkbox` draw a label and a description and nothing else, and
+ * a right-aligned price column would mean hand-rolling `role="radiogroup"` over
+ * Bloom's own rows — the debt `docs/composition.mdx` names and keeps a list of.
+ */
+function optionSubtitle(option) {
+  if (option.description && option.price) return `${option.description} · ${option.price}`;
+  return option.description ?? option.price ?? undefined;
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/menu-item/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_surfaceLevels","require","_accentColors","_constants","resolveMenuItemPaint","theme","surface","surfaceTextOn","thumb","surfaceFillOn","wash","spice","resolveAccentColors","colors","foreground","diet","rule","hairlineOn","uniqueDiets","diets","Array","from","Set","spiceLevel","Math","min","round","MENU_ITEM_SPICE_MAX","describeSpice","level","label","composeMenuItemName","props","parts","name","push","dietLabels","MENU_ITEM_DIET_LABELS","heat","spiceLabel","originalPrice","price","quantity","unavailable","unavailableLabel","join","optionGroupRule","group","max","multiple","required","describeOptionRule","ruleLabel","toggleOptionSelection","current","optionId","chosen","includes","filter","id","length","optionDisabled","option","disabled","optionSubtitle","description","undefined"],"sourceRoot":"../../../src","sources":["menu-item/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/menu-item/types.js

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

package/lib/commonjs/menu-item/types.js.map

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

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

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrivalBar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _index = require("../glass/index.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.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 STRIP AT THE BOTTOM while you are driving: when you get there, how long
+ * is left, how far is left, and the way out.
+ *
+ *   pane      `GlassIsland` at the 16 rung, stretched — the same material the
+ *             banner at the top is on, because they are two edges of one
+ *             surface over the same tiles
+ *   figures   THREE PEERS, `title-3-semibold` and TABULAR, each over its own
+ *             quiet caption. Peers because the driver is asking a different
+ *             question of each one and none of them is the answer to the other
+ *             two; tabular because all three count down.
+ *   end       the way out, on the right — `Button` in `destructive` at the 44
+ *             rung, which keeps its own chrome inside the island on purpose (a
+ *             glass control flush with the pane would be the quietest thing on
+ *             a strip whose only action stops the navigation). 44 rather than
+ *             the 32 that looks better in a screenshot: this is pressed in a
+ *             moving car, by a thumb, at the bottom of the screen.
+ *
+ * ── WHY THIS IS NOT `OrderStatusBar` ────────────────────────────────────────
+ *
+ * They look alike and they answer differently shaped questions, and the shape
+ * is the whole component. `OrderStatusBar` has ONE headline with an arrival
+ * reading beside it, a tile, a quiet second line and a progress meter — it says
+ * "here is what is happening, and here is how far along it is". This has THREE
+ * readings of equal weight and no state at all: the journey is happening, and
+ * the driver picks whichever of the three they wanted. Giving `OrderStatusBar`
+ * a three-figure mode would be a second layout behind a prop, and giving this
+ * one a status line and a meter would be a tracker for a journey the user is
+ * ON rather than waiting for.
+ *
+ * They do share a surface rung and their tabular figures, and both take the app
+ * a PRE-FORMATTED reading: neither reads a clock, computes an ETA or knows what
+ * a kilometre is.
+ */
+
+function Figure({
+  label,
+  value,
+  color,
+  labelColor,
+  testID
+}) {
+  return (
+    /*#__PURE__*/
+    // `minWidth: 0`: each figure is a nowrap one-liner, so without this its
+    // min-content width becomes the strip's floor and three of them push the
+    // pane past a 390 phone.
+    (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "title-3-semibold",
+        numberOfLines: 1,
+        testID: testID,
+        style: {
+          color,
+          fontVariant: ['tabular-nums']
+        },
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "caption-2-medium",
+        numberOfLines: 1,
+        style: {
+          color: labelColor
+        },
+        children: label
+      })]
+    })
+  );
+}
+function ArrivalBarComponent({
+  arrival,
+  remainingTime,
+  remainingDistance,
+  onEnd,
+  action,
+  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 endWord = labels?.end ?? 'End';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GlassIsland, {
+    radius: g.radius,
+    style: [{
+      alignSelf: 'stretch',
+      flexDirection: 'column'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        padding: g.padding
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "img",
+        accessibilityLabel: accessibilityLabel ?? (0, _shared.describeArrival)({
+          arrival,
+          remainingTime,
+          remainingDistance,
+          labels
+        }),
+        style: {
+          flex: 1,
+          minWidth: 0,
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          "aria-hidden": true,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          style: {
+            flex: 1,
+            minWidth: 0,
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
+            label: labels?.arrival ?? 'Arrival',
+            value: arrival,
+            color: paint.text,
+            labelColor: paint.textTertiary,
+            testID: testID ? `${testID}-arrival` : undefined
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
+            label: labels?.time ?? 'Left',
+            value: remainingTime,
+            color: paint.text,
+            labelColor: paint.textTertiary,
+            testID: testID ? `${testID}-time` : undefined
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
+            label: labels?.distance ?? 'Distance',
+            value: remainingDistance,
+            color: paint.text,
+            labelColor: paint.textTertiary,
+            testID: testID ? `${testID}-distance` : undefined
+          })]
+        })
+      }), action ?? (onEnd ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "destructive",
+        size: "lg",
+        icon: _RiCloseLine.RiCloseLine,
+        onPress: onEnd,
+        testID: testID ? `${testID}-end` : undefined,
+        children: endWord
+      }) : null)]
+    })
+  });
+}
+const ArrivalBar = exports.ArrivalBar = /*#__PURE__*/(0, _react.memo)(ArrivalBarComponent);
+ArrivalBar.displayName = 'ArrivalBar';
+//# sourceMappingURL=ArrivalBar.js.map