@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/module/place-details/PlacePopularTimes.js

@@ -0,0 +1,235 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Platform, View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { chartHueTone } from "../chart-cards/palette.js";
+import { useChartCardPalette } from "../chart-cards/primitives/use-chart-palette.js";
+import { roundedBarPath, singleBarSlot } from "../chart-cards/rounded-bar-geometry.js";
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { useControllableState } from "../hooks/use-controllable-state.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 { PLACE_DETAILS_GEOMETRY } from "./constants.js";
+import { busyTrendLabel, busyValue, describeBusyChart, hourLabelStep, resolvePlaceDetailsPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const IS_WEB = Platform.OS === 'web';
+
+/** The width an hour label is centred in. Two or three characters, never more. */
+const LABEL_SLOT = 40;
+
+/**
+ * The air above and below the plot that the current hour's outline is drawn
+ * in. The outline surrounds the whole BAND rather than the bar, so it says
+ * "this hour" and not "this reading", and it is clamped to the plot's own
+ * width so the first and last hours cannot draw outside it.
+ */
+const RING_PAD = 4;
+const RING_STROKE = 2;
+const RING_RADIUS = 8;
+
+/**
+ * How busy a place is, hour by hour, for the day you pick.
+ *
+ * IT IS A CHART AND NOT A METER, and the difference is not decoration: a meter
+ * answers "how full is this one thing", and every reading here only means
+ * something against the twenty-three beside it. So it is drawn the way every
+ * other chart in Bloom is drawn — `react-native-svg` bars on `chart-cards`'
+ * own geometry (`singleBarSlot`, `roundedBarPath`) in one of `chart-cards`'
+ * nine series hues, over the chart track colour. Nothing here invents a shape
+ * or a palette.
+ *
+ *   plot     `height` tall (120 by default), one band per hour; the bar is the
+ *            band less `barCategoryGap` on each side, radius 4
+ *   track    the full plot height behind every bar, so a quiet hour is still a
+ *            hit target's worth of drawing and a CLOSED hour reads as a gap
+ *            rather than as a missing one
+ *   domain   a fixed 0–100. A per-day maximum would make Tuesday's quiet peak
+ *            as tall as Saturday's queue, which is the one comparison this
+ *            chart exists to allow
+ *   now      the current hour takes the hue's `active` step and keeps its axis
+ *            label even when its neighbours' are dropped
+ *   axis     every hour is labelled where they fit; below that, every second
+ *            or third, because twenty-four labels across a phone is 16px each
+ *
+ * ## Which chart card this is NOT
+ *
+ * `StepsCard` draws exactly these bars — and draws them inside the medical
+ * card's fixed 244 height, under its own headline, its week pill and its
+ * count-up, with seven labelled bands. A place sheet has a section header
+ * already and needs twenty-four bands with a day switch, so reusing that card
+ * would have meant suppressing four of its five parts. The BAR maths is what
+ * was worth sharing, and that is what is imported.
+ *
+ * ## The day switch drops "now" with the day
+ *
+ * `currentHourIndex` is a property of a DAY, so switching to Tuesday removes
+ * the marker and the live line. Tuesday has no "now", and a marker that stayed
+ * put would be a reading of a different day.
+ */
+function PlacePopularTimesComponent({
+  days,
+  day,
+  defaultDay,
+  onDayChange,
+  height = PLACE_DETAILS_GEOMETRY.chartHeight,
+  hue = 1,
+  daysLabel = 'Day',
+  accessibilityLabel,
+  emptyLabel = 'No data for this day',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolvePlaceDetailsPaint(theme, surface), [theme, surface]);
+  const chart = useChartCardPalette();
+  const tone = useMemo(() => chartHueTone(theme, hue), [theme, hue]);
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const fallbackDay = days.find(entry => entry.currentHourIndex != null)?.id ?? days[0]?.id ?? '';
+  const [selected, setSelected] = useControllableState({
+    value: day,
+    defaultValue: defaultDay ?? fallbackDay,
+    onChange: onDayChange
+  });
+  const current = days.find(entry => entry.id === selected) ?? days[0];
+  const hours = current?.hours ?? [];
+  const count = hours.length;
+  const currentIndex = current?.currentHourIndex != null && current.currentHourIndex >= 0 && current.currentHourIndex < count ? current.currentHourIndex : null;
+  const trend = current ? busyTrendLabel(current) : null;
+  const band = count > 0 && width != null && width > 0 ? width / count : 0;
+  const slot = band > 0 ? singleBarSlot(band, PLACE_DETAILS_GEOMETRY.barCategoryGap) : null;
+  const step = hourLabelStep(count, width ?? 0, PLACE_DETAILS_GEOMETRY.hourLabelPitch);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: PLACE_DETAILS_GEOMETRY.blockGap
+    }, style],
+    testID: testID,
+    children: [days.length > 1 ? /*#__PURE__*/_jsx(SegmentedControl, {
+      type: "radio",
+      size: "small",
+      label: daysLabel,
+      value: selected,
+      onValueChange: setSelected,
+      testID: testID ? `${testID}-days` : undefined,
+      children: days.map(entry => /*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: entry.id,
+        accessibilityLabel: entry.accessibilityLabel,
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: entry.label
+        })
+      }, entry.id))
+    }) : null, currentIndex != null && current ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8
+      },
+      testID: testID ? `${testID}-live` : undefined,
+      children: [/*#__PURE__*/_jsx(View, {
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: tone.activeColor
+        }
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        style: {
+          flex: 1,
+          minWidth: 0,
+          color: paint.text
+        },
+        children: trend ? `${hours[currentIndex].label} · ${trend}` : hours[currentIndex].label
+      })]
+    }) : null, count === 0 ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-regular",
+      style: {
+        color: paint.textSecondary
+      },
+      children: emptyLabel
+    }) : /*#__PURE__*/_jsxs(View, {
+      onLayout: onLayout,
+      accessible: true,
+      accessibilityLabel: accessibilityLabel ?? (current ? describeBusyChart(current) : undefined),
+      ...(IS_WEB ? {
+        role: 'img'
+      } : null),
+      testID: testID ? `${testID}-chart` : undefined,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          height: height + RING_PAD * 2
+        },
+        children: slot && width != null ? /*#__PURE__*/_jsxs(Svg, {
+          width: width,
+          height: height + RING_PAD * 2,
+          children: [hours.map((hour, index) => {
+            const x = index * band + slot.offset;
+            const barWidth = slot.size;
+            const track = roundedBarPath(x, RING_PAD, barWidth, height, PLACE_DETAILS_GEOMETRY.barRadius);
+            const value = hour.closed ? 0 : busyValue(hour.value);
+            const barHeight = value / 100 * height;
+            return /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsx(Path, {
+                d: track,
+                fill: chart.track
+              }), barHeight > 0 ? /*#__PURE__*/_jsx(Path, {
+                d: roundedBarPath(x, RING_PAD + height - barHeight, barWidth, barHeight, PLACE_DETAILS_GEOMETRY.barRadius),
+                fill: index === currentIndex ? tone.activeColor : tone.color,
+                testID: testID ? `${testID}-bar-${index}` : undefined
+              }) : null]
+            }, `${hour.label}-${index}`);
+          }), currentIndex != null ? (() => {
+            const left = Math.max(RING_STROKE / 2, currentIndex * band + RING_STROKE / 2);
+            const right = Math.min(width - RING_STROKE / 2, (currentIndex + 1) * band - RING_STROKE / 2);
+            if (right <= left) return null;
+            return /*#__PURE__*/_jsx(Path, {
+              d: roundedBarPath(left, RING_STROKE / 2, right - left, height + RING_PAD * 2 - RING_STROKE, RING_RADIUS),
+              fill: "none",
+              stroke: tone.activeColor,
+              strokeWidth: RING_STROKE,
+              testID: testID ? `${testID}-now` : undefined
+            });
+          })() : null]
+        }) : null
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          height: PLACE_DETAILS_GEOMETRY.chartAxis
+        },
+        children: band > 0 ? hours.map((hour, index) => {
+          if (index !== currentIndex && index % step !== 0) return null;
+          const centre = index * band + band / 2;
+          // Clamped into the plot: the first and last labels are
+          // centred on a band that starts at the edge, and a 40-wide
+          // slot centred there would hang outside the block.
+          const left = Math.max(0, Math.min((width ?? 0) - LABEL_SLOT, centre - LABEL_SLOT / 2));
+          return /*#__PURE__*/_jsx(Text, {
+            variant: "caption-2-regular",
+            numberOfLines: 1,
+            style: {
+              position: 'absolute',
+              left,
+              width: LABEL_SLOT,
+              top: 6,
+              textAlign: 'center',
+              color: index === currentIndex ? paint.text : paint.textTertiary,
+              fontVariant: ['tabular-nums']
+            },
+            children: hour.label
+          }, `label-${index}`);
+        }) : null
+      })]
+    })]
+  });
+}
+export const PlacePopularTimes = /*#__PURE__*/memo(PlacePopularTimesComponent);
+PlacePopularTimes.displayName = 'PlacePopularTimes';
+//# sourceMappingURL=PlacePopularTimes.js.map

package/lib/module/place-details/PlacePopularTimes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Platform","View","Svg","Path","chartHueTone","useChartCardPalette","roundedBarPath","singleBarSlot","useContainerWidth","useControllableState","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","useSurfaceFill","useTheme","Text","PLACE_DETAILS_GEOMETRY","busyTrendLabel","busyValue","describeBusyChart","hourLabelStep","resolvePlaceDetailsPaint","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","LABEL_SLOT","RING_PAD","RING_STROKE","RING_RADIUS","PlacePopularTimesComponent","days","day","defaultDay","onDayChange","height","chartHeight","hue","daysLabel","accessibilityLabel","emptyLabel","style","testID","theme","surface","paint","chart","tone","width","onLayout","fallbackDay","find","entry","currentHourIndex","id","selected","setSelected","value","defaultValue","onChange","current","hours","count","length","currentIndex","trend","band","slot","barCategoryGap","step","hourLabelPitch","gap","blockGap","children","type","size","label","onValueChange","undefined","map","flexDirection","alignItems","accessibilityElementsHidden","importantForAccessibility","borderRadius","backgroundColor","activeColor","variant","flex","minWidth","color","text","textSecondary","accessible","role","hour","index","x","offset","barWidth","track","barRadius","closed","barHeight","Fragment","d","fill","left","Math","max","right","min","stroke","strokeWidth","chartAxis","centre","numberOfLines","position","top","textAlign","textTertiary","fontVariant","PlacePopularTimes","displayName"],"sourceRoot":"../../../src","sources":["place-details/PlacePopularTimes.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/place-details/PlaceTransit.js

@@ -0,0 +1,233 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { TransitLineBadge } from "../directions/TransitLineBadge.js";
+import { interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PLACE_DETAILS_GEOMETRY, PLACE_TRANSIT_MODE_ICON } from "./constants.js";
+import { describeDeparture, describeTransitStop, resolvePlaceDetailsPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STYLE_ID = 'bloom-place-transit-web-css';
+
+/**
+ * The hover wash and the keyboard ring for a pressable stop header, built by
+ * the shared recipe rather than hand-written: `reset: 'none'` because the
+ * header is a react-native-web `Pressable` and the button reset's `inline-flex`
+ * would break its layout, and no press scale because this library has none.
+ */
+const CSS = interactiveWebCss({
+  selector: '[data-bloom-place-stop]',
+  varPrefix: 'bloom-place-stop',
+  reset: 'none',
+  transition: 'background-color 150ms ease-out',
+  base: 'cursor: pointer; border-radius: 10px;',
+  hover: {
+    declarations: 'background-color: var(--bloom-place-stop-hover, transparent);'
+  },
+  outlineOffset: 2
+});
+
+/**
+ * The stops around a place, each with the lines that call there and what is
+ * due next.
+ *
+ *   stop        a mode glyph (bus, metro, train, tram, ferry), the stop's name
+ *               in `body-semibold` and how far it is under it. Pressable when
+ *               the app can pan its map to it, with the library's one hover
+ *               wash and one focus ring
+ *   lines       `directions`' own `TransitLineBadge`, imported — an operator's
+ *               line colour is drawn by the badge that already knows how to
+ *               MEASURE a readable label against it, and a second badge here
+ *               would be a second answer to that question
+ *   departures  one row each: the line badge, where it is going, and the time
+ *               on the right, tabular so a column of times lines up
+ *   live        a dot in the success tone AND the word "live" in the row's
+ *               announcement. A colour is not a fact: green alone says nothing
+ *               to a reader who cannot see it, and it is the first thing a
+ *               high-contrast mode takes away
+ *
+ * Each departure is ONE utterance ("Line L4 to Pla del Bosc, 4 min, live"),
+ * because read part by part a column of three badges and three times is six
+ * announcements the listener has to pair up themselves.
+ */
+function PlaceTransitComponent({
+  stops,
+  onPressStop,
+  departureLimit,
+  realtimeLabel = 'live',
+  emptyLabel = 'No departures right now',
+  accessibilityLabel = 'Nearby transit',
+  footer,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolvePlaceDetailsPaint(theme, surface), [theme, surface]);
+  useInteractiveWebCss(STYLE_ID, CSS);
+  const webVars = {
+    '--bloom-place-stop-ring': paint.ring,
+    '--bloom-place-stop-hover': paint.fill
+  };
+  const renderStop = (stop, index) => {
+    const Glyph = PLACE_TRANSIT_MODE_ICON[stop.mode ?? 'bus'];
+    const departures = departureLimit != null && departureLimit >= 0 ? (stop.departures ?? []).slice(0, departureLimit) : stop.departures ?? [];
+    const stopTestID = testID ? `${testID}-stop-${index}` : undefined;
+    const header = /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12,
+        padding: 6
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        style: {
+          paddingTop: 2
+        },
+        children: /*#__PURE__*/_jsx(Glyph, {
+          width: PLACE_DETAILS_GEOMETRY.glyph,
+          height: PLACE_DETAILS_GEOMETRY.glyph,
+          fill: paint.textSecondary
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-semibold",
+          style: {
+            color: paint.text
+          },
+          children: stop.name
+        }), stop.distance ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: paint.textSecondary
+          },
+          children: stop.distance
+        }) : null, stop.note ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: paint.textTertiary
+          },
+          children: stop.note
+        }) : null]
+      })]
+    });
+    return /*#__PURE__*/_jsxs(View, {
+      role: "listitem",
+      style: {
+        gap: PLACE_DETAILS_GEOMETRY.rowGap
+      },
+      testID: stopTestID,
+      children: [onPressStop ? /*#__PURE__*/_jsx(Pressable, {
+        ...webDataSet({
+          bloomPlaceStop: ''
+        }),
+        role: "button",
+        accessibilityLabel: describeTransitStop(stop),
+        onPress: () => onPressStop(stop.id),
+        style: webVars,
+        testID: stopTestID ? `${stopTestID}-press` : undefined,
+        children: header
+      }) : /*#__PURE__*/_jsx(View, {
+        accessible: true,
+        accessibilityLabel: describeTransitStop(stop),
+        children: header
+      }), stop.lines && stop.lines.length > 0 ? /*#__PURE__*/_jsx(View, {
+        role: "group",
+        accessibilityLabel: "Lines",
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 6,
+          paddingLeft: 38
+        },
+        children: stop.lines.map((line, lineIndex) => /*#__PURE__*/_jsx(TransitLineBadge, {
+          line: line
+        }, `${line.name}-${lineIndex}`))
+      }) : null, departures.length === 0 ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textTertiary,
+          paddingLeft: 38
+        },
+        children: emptyLabel
+      }) : /*#__PURE__*/_jsx(View, {
+        role: "list",
+        style: {
+          gap: 2,
+          paddingLeft: 38
+        },
+        children: departures.map((departure, departureIndex) => /*#__PURE__*/_jsxs(View, {
+          role: "listitem",
+          accessible: true,
+          accessibilityLabel: describeDeparture(departure, realtimeLabel),
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            minHeight: 32
+          },
+          testID: stopTestID ? `${stopTestID}-departure-${departureIndex}` : undefined,
+          children: [/*#__PURE__*/_jsx(View, {
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            children: /*#__PURE__*/_jsx(TransitLineBadge, {
+              line: departure.line
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-regular",
+            numberOfLines: 1,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: departure.headsign ?? departure.line.headsign ?? ''
+          }), departure.realtime ? /*#__PURE__*/_jsx(View, {
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              width: 6,
+              height: 6,
+              borderRadius: 3,
+              backgroundColor: paint.live
+            }
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "body-semibold",
+            style: {
+              color: departure.realtime ? paint.live : paint.text,
+              fontVariant: ['tabular-nums']
+            },
+            children: departure.time
+          })]
+        }, departure.id))
+      })]
+    }, stop.id);
+  };
+  if (stops.length === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      gap: PLACE_DETAILS_GEOMETRY.blockGap
+    }, style],
+    testID: testID,
+    children: [stops.map(renderStop), footer]
+  });
+}
+export const PlaceTransit = /*#__PURE__*/memo(PlaceTransitComponent);
+PlaceTransit.displayName = 'PlaceTransit';
+//# sourceMappingURL=PlaceTransit.js.map

package/lib/module/place-details/PlaceTransit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","View","TransitLineBadge","interactiveWebCss","useInteractiveWebCss","useSurfaceFill","webDataSet","useTheme","Text","PLACE_DETAILS_GEOMETRY","PLACE_TRANSIT_MODE_ICON","describeDeparture","describeTransitStop","resolvePlaceDetailsPaint","jsx","_jsx","jsxs","_jsxs","STYLE_ID","CSS","selector","varPrefix","reset","transition","base","hover","declarations","outlineOffset","PlaceTransitComponent","stops","onPressStop","departureLimit","realtimeLabel","emptyLabel","accessibilityLabel","footer","style","testID","theme","surface","paint","webVars","ring","fill","renderStop","stop","index","Glyph","mode","departures","slice","stopTestID","undefined","header","flexDirection","alignItems","gap","padding","children","accessibilityElementsHidden","importantForAccessibility","paddingTop","width","glyph","height","textSecondary","flex","minWidth","variant","color","text","name","distance","note","textTertiary","role","rowGap","bloomPlaceStop","onPress","id","accessible","lines","length","flexWrap","paddingLeft","map","line","lineIndex","departure","departureIndex","minHeight","numberOfLines","headsign","realtime","borderRadius","backgroundColor","live","fontVariant","time","blockGap","PlaceTransit","displayName"],"sourceRoot":"../../../src","sources":["place-details/PlaceTransit.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/place-details/constants.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { RiBusLine } from "../icons/remix/RiBusLine.js";
+import { RiExternalLinkLine } from "../icons/remix/RiExternalLinkLine.js";
+import { RiFileCopyLine } from "../icons/remix/RiFileCopyLine.js";
+import { RiPhoneLine } from "../icons/remix/RiPhoneLine.js";
+import { RiRouteLine } from "../icons/remix/RiRouteLine.js";
+import { RiShip2Line } from "../icons/remix/RiShip2Line.js";
+import { RiSubwayLine } from "../icons/remix/RiSubwayLine.js";
+import { RiTrainLine } from "../icons/remix/RiTrainLine.js";
+/**
+ * The glyph each row action draws on its right — the one place a reader finds
+ * out what the press will do before making it. `none` draws nothing; a row
+ * that navigates keeps `SettingsListItem`'s own chevron.
+ */
+export const PLACE_INFO_ACTION_ICON = {
+  copy: RiFileCopyLine,
+  call: RiPhoneLine,
+  open: RiExternalLinkLine,
+  directions: RiRouteLine
+};
+
+/**
+ * What each action does, said at the END of the row's name.
+ *
+ * It belongs to the NAME and not to `accessibilityHint`, which was the first
+ * shape this took: **react-native-web drops `accessibilityHint` entirely** —
+ * the rendered button carries no `title`, no `aria-description`, nothing — so
+ * on web the row announced a fact and never said it could be pressed, while
+ * native read it correctly. Same class as `accessibilityState`, same fix: the
+ * one spelling that reaches both platforms.
+ *
+ * It goes last because the fact is what the reader is looking for. `edit` and
+ * `none` say nothing: an "edit" row's own words already are the verb.
+ */
+export const PLACE_INFO_ACTION_LABELS = {
+  copy: 'Copy',
+  call: 'Call',
+  open: 'Open website',
+  directions: 'Directions',
+  edit: '',
+  none: ''
+};
+
+/** The English default trend sentences for the current hour. */
+export const PLACE_BUSY_LABELS = {
+  busier: 'Busier than usual',
+  typical: 'As busy as it usually is',
+  quieter: 'Quieter than usual'
+};
+
+/** The glyph each kind of stop draws. */
+export const PLACE_TRANSIT_MODE_ICON = {
+  bus: RiBusLine,
+  metro: RiSubwayLine,
+  train: RiTrainLine,
+  tram: RiTrainLine,
+  ferry: RiShip2Line
+};
+
+/** The English default mode words, for a stop's announced name. */
+export const PLACE_TRANSIT_MODE_LABELS = {
+  bus: 'Bus stop',
+  metro: 'Metro station',
+  train: 'Train station',
+  tram: 'Tram stop',
+  ferry: 'Ferry terminal'
+};
+/**
+ * One screen, one set of numbers. The gaps are `listing-details`' own rungs
+ * (12 / 16 / 24) so a place's section and a home's section stack identically;
+ * only the chart has measurements of its own, because nothing else in Bloom
+ * draws a day of hours.
+ */
+export const PLACE_DETAILS_GEOMETRY = {
+  blockGap: 16,
+  rowGap: 12,
+  glyph: 20,
+  chartHeight: 120,
+  chartAxis: 22,
+  barRadius: 4,
+  barCategoryGap: 0.16,
+  hourLabelPitch: 34
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/place-details/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiBusLine","RiExternalLinkLine","RiFileCopyLine","RiPhoneLine","RiRouteLine","RiShip2Line","RiSubwayLine","RiTrainLine","PLACE_INFO_ACTION_ICON","copy","call","open","directions","PLACE_INFO_ACTION_LABELS","edit","none","PLACE_BUSY_LABELS","busier","typical","quieter","PLACE_TRANSIT_MODE_ICON","bus","metro","train","tram","ferry","PLACE_TRANSIT_MODE_LABELS","PLACE_DETAILS_GEOMETRY","blockGap","rowGap","glyph","chartHeight","chartAxis","barRadius","barCategoryGap","hourLabelPitch"],"sourceRoot":"../../../src","sources":["place-details/constants.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,6BAA0B;AACpD,SAASC,kBAAkB,QAAQ,sCAAmC;AACtE,SAASC,cAAc,QAAQ,kCAA+B;AAE9D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,WAAW,QAAQ,+BAA4B;AAIxD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAEZ,GAAG;EACFC,IAAI,EAAEP,cAAc;EACpBQ,IAAI,EAAEP,WAAW;EACjBQ,IAAI,EAAEV,kBAAkB;EACxBW,UAAU,EAAER;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,wBAAmE,GAAG;EACjFJ,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,cAAc;EACpBC,UAAU,EAAE,YAAY;EACxBE,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAC;;AAED;AACA,OAAO,MAAMC,iBAA2D,GAAG;EACzEC,MAAM,EAAE,mBAAmB;EAC3BC,OAAO,EAAE,0BAA0B;EACnCC,OAAO,EAAE;AACX,CAAC;;AAED;AACA,OAAO,MAAMC,uBAA+E,GAAG;EAC7FC,GAAG,EAAErB,SAAS;EACdsB,KAAK,EAAEhB,YAAY;EACnBiB,KAAK,EAAEhB,WAAW;EAClBiB,IAAI,EAAEjB,WAAW;EACjBkB,KAAK,EAAEpB;AACT,CAAC;;AAED;AACA,OAAO,MAAMqB,yBAAqE,GAAG;EACnFL,GAAG,EAAE,UAAU;EACfC,KAAK,EAAE,eAAe;EACtBC,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;AACT,CAAC;AAqBD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAA4C,GAAG;EAC1DC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,EAAE;EACTC,WAAW,EAAE,GAAG;EAChBC,SAAS,EAAE,EAAE;EACbC,SAAS,EAAE,CAAC;EACZC,cAAc,EAAE,IAAI;EACpBC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

package/lib/module/place-details/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export { PlaceAmenities } from "./PlaceAmenities.js";
+export { PlaceHours } from "./PlaceHours.js";
+export { PlaceInfoList } from "./PlaceInfoList.js";
+export { PlacePopularTimes } from "./PlacePopularTimes.js";
+export { PlaceTransit } from "./PlaceTransit.js";
+export { PLACE_BUSY_LABELS, PLACE_DETAILS_GEOMETRY, PLACE_INFO_ACTION_LABELS, PLACE_INFO_ACTION_ICON, PLACE_TRANSIT_MODE_ICON, PLACE_TRANSIT_MODE_LABELS } from "./constants.js";
+export { busyTrendLabel, describeBusyChart, describeDeparture, describeHoursDay, describeInfoItem, describeTransitStop, formatHoursDay, infoActionWord, resolvePlaceDetailsPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/place-details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlaceAmenities","PlaceHours","PlaceInfoList","PlacePopularTimes","PlaceTransit","PLACE_BUSY_LABELS","PLACE_DETAILS_GEOMETRY","PLACE_INFO_ACTION_LABELS","PLACE_INFO_ACTION_ICON","PLACE_TRANSIT_MODE_ICON","PLACE_TRANSIT_MODE_LABELS","busyTrendLabel","describeBusyChart","describeDeparture","describeHoursDay","describeInfoItem","describeTransitStop","formatHoursDay","infoActionWord","resolvePlaceDetailsPaint"],"sourceRoot":"../../../src","sources":["place-details/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,wBAAwB,EACxBC,sBAAsB,EACtBC,uBAAuB,EACvBC,yBAAyB,QACpB,gBAAa;AAEpB,SACEC,cAAc,EACdC,iBAAiB,EACjBC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,cAAc,EACdC,wBAAwB,QACnB,aAAU","ignoreList":[]}