@oxy.so/bloom 4.0.0 → 4.2.0

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

@@ -0,0 +1,197 @@
+"use strict";
+
+/**
+ * What the place-details parts paint, and the pure text they assemble.
+ *
+ * Every colour is read RELATIVE to the surface the block was dropped on
+ * (`styles/surface-levels.ts`) — the same body of a screen renders in a bottom
+ * sheet on a phone, in a `ContentPanel` on a desktop and on the bare page in a
+ * story, and nothing here picks a ramp stop.
+ */
+import { hairlineOn, surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { PLACE_BUSY_LABELS, PLACE_INFO_ACTION_LABELS, PLACE_TRANSIT_MODE_LABELS } from "./constants.js";
+export function resolvePlaceDetailsPaint(theme, surface) {
+  return {
+    ...surfaceTextOn(theme, surface),
+    hairline: hairlineOn(theme, surface),
+    fill: surfaceFillOn(theme, surface),
+    ring: resolveAccentColors(theme.colors, 'primary', 'solid').background,
+    // The dot AND the word beside it, so a live time is never colour-only: the
+    // `subtle` pair is the one measured to read as text on its own surface.
+    live: resolveAccentColors(theme.colors, 'success', 'subtle').foreground
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceInfoList
+// ---------------------------------------------------------------------------
+
+/** What pressing does, as a word. Empty means "say nothing". */
+export function infoActionWord(action, override, labels) {
+  if (override !== undefined) return override;
+  if (action === undefined) return '';
+  return labels?.[action] ?? PLACE_INFO_ACTION_LABELS[action];
+}
+
+/**
+ * A row in one utterance: the kind, the value, then what pressing does.
+ *
+ * "Address: Carrer del Forn 12, Copy" rather than "Carrer del Forn 12,
+ * Address" — a list of five rows is scanned by its KINDS, and a reader who
+ * wants the third one should not have to listen to two addresses to find out
+ * which is which. The verb is last because it is what happens IF they act.
+ *
+ * It is in the name rather than in `accessibilityHint` because web drops the
+ * hint; the note on {@link PLACE_INFO_ACTION_LABELS} has the mechanism. An
+ * explicit `accessibilityLabel` replaces the whole thing, verb included — a
+ * caller spelling the name out is spelling all of it.
+ */
+export function describeInfoItem(item, labels) {
+  if (item.accessibilityLabel) return item.accessibilityLabel;
+  const name = item.label ? `${item.label}: ${item.value}` : item.value;
+  const word = item.onPress ? infoActionWord(item.action, item.actionLabel, labels) : '';
+  return word ? `${name}, ${word}` : name;
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceHours
+// ---------------------------------------------------------------------------
+
+export const DEFAULT_HOURS_FORMAT = {
+  interval: ' – ',
+  split: ', ',
+  closed: 'Closed'
+};
+
+/**
+ * A day's hours as ONE line: `07:30 – 14:00, 17:00 – 20:00`.
+ *
+ * A split day stays on one line rather than wrapping to two, because the week
+ * is read as a COLUMN of days and a day that takes two rows breaks the
+ * alignment that makes the column scannable. Both stretches are short; the pair
+ * fits in the space one does.
+ */
+export function formatHoursDay(day, format = DEFAULT_HOURS_FORMAT) {
+  const intervals = day.intervals ?? [];
+  if (intervals.length === 0) return day.closedLabel ?? format.closed;
+  return intervals.map(({
+    open,
+    close
+  }) => `${open}${format.interval}${close}`).join(format.split);
+}
+
+/**
+ * A day row in one utterance, in reading order: today's word, the day, the
+ * hours, then the exception.
+ *
+ * Today is SAID and not only marked, and so is the exception — a heavier weight
+ * and a badge are both silent, and "Monday 07:30 to 14:00" read in the same
+ * voice as the other six is exactly the row a reader was trying to find.
+ */
+export function describeHoursDay(day, format = DEFAULT_HOURS_FORMAT, todayLabel = 'Today') {
+  const parts = [];
+  if (day.today) parts.push(todayLabel);
+  parts.push(day.label);
+  parts.push(formatHoursDay(day, format));
+  if (day.exception) parts.push(day.exception);
+  return parts.join(', ');
+}
+
+// ---------------------------------------------------------------------------
+//  PlacePopularTimes
+// ---------------------------------------------------------------------------
+
+/** The trend sentence as drawn, or `null` when the day does not claim one. */
+export function busyTrendLabel(day) {
+  if (day.trendLabel) return day.trendLabel;
+  const trend = day.trend;
+  return trend ? PLACE_BUSY_LABELS[trend] : null;
+}
+
+/** 0–100, clamped. A closed hour draws no bar whatever it says. */
+export function busyValue(value) {
+  if (!Number.isFinite(value)) return 0;
+  return Math.min(100, Math.max(0, value));
+}
+
+/**
+ * The chart in one sentence, because the chart is ONE element.
+ *
+ * Twenty-four bars two pixels wide are twenty-four tab stops that say a number
+ * each, which is not a reading of anything. So the image is named with what a
+ * person would actually take from the picture: which day, when it peaks, and
+ * what is happening right now.
+ */
+export function describeBusyChart(day) {
+  const hours = day.hours;
+  const name = day.accessibilityLabel ?? day.label;
+  if (hours.length === 0) return `${name}, no data`;
+  // The busiest OPEN hour. A closed one may still carry a reading (an app
+  // sending a whole day's curve and a separate opening calendar), and
+  // "busiest at 3 in the morning" would be that reading leaking out of a
+  // shuttered hour.
+  let peak = -1;
+  for (let i = 0; i < hours.length; i += 1) {
+    if (hours[i].closed) continue;
+    if (peak === -1 || busyValue(hours[i].value) > busyValue(hours[peak].value)) peak = i;
+  }
+  if (peak === -1) return `${name}, closed all day`;
+  const peakHour = hours[peak];
+  const parts = [`${name}, busiest at ${peakHour.accessibilityLabel ?? peakHour.label}`];
+  const currentIndex = day.currentHourIndex;
+  if (currentIndex != null && currentIndex >= 0 && currentIndex < hours.length) {
+    const now = hours[currentIndex];
+    const trend = busyTrendLabel(day);
+    parts.push(trend ? `now ${now.accessibilityLabel ?? now.label}, ${trend}` : `now ${now.accessibilityLabel ?? now.label}`);
+  }
+  return parts.join(', ');
+}
+
+/**
+ * Which hour labels are drawn: every `step`-th one, where the step is the
+ * smallest that keeps neighbouring labels `pitch` apart.
+ *
+ * Every hour labelled is unreadable below about 600px — twenty-four labels
+ * over a phone's width is 16px each — and dropping the ones that do not fit is
+ * the axis's own job, not the caller's.
+ */
+export function hourLabelStep(count, width, pitch) {
+  if (count <= 0 || width <= 0) return 1;
+  const band = width / count;
+  if (band >= pitch) return 1;
+  return Math.ceil(pitch / band);
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceTransit
+// ---------------------------------------------------------------------------
+
+/** A stop in one utterance: what it is, its name, how far. */
+export function describeTransitStop(stop) {
+  const mode = stop.mode ?? 'bus';
+  const parts = [PLACE_TRANSIT_MODE_LABELS[mode], stop.name];
+  if (stop.distance) parts.push(stop.distance);
+  if (stop.note) parts.push(stop.note);
+  return parts.join(', ');
+}
+
+/**
+ * A departure in one utterance: the line, where it goes, when it leaves, and
+ * whether the time came off a vehicle.
+ *
+ * "Live" is a WORD here and a colour on screen. A row that is only green says
+ * nothing at all to a reader who cannot see it, and green is also the first
+ * thing to go in a high-contrast mode.
+ */
+export function describeDeparture(departure, realtimeLabel = 'live') {
+  if (departure.accessibilityLabel) return departure.accessibilityLabel;
+  const line = departure.line.accessibilityLabel ?? `Line ${departure.line.name}`;
+  const parts = [line];
+  const headsign = departure.headsign ?? departure.line.headsign;
+  if (headsign) parts.push(`to ${headsign}`);
+  parts.push(departure.time);
+  if (departure.realtime) parts.push(realtimeLabel);
+  return parts.join(', ');
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hairlineOn","surfaceFillOn","surfaceTextOn","resolveAccentColors","PLACE_BUSY_LABELS","PLACE_INFO_ACTION_LABELS","PLACE_TRANSIT_MODE_LABELS","resolvePlaceDetailsPaint","theme","surface","hairline","fill","ring","colors","background","live","foreground","infoActionWord","action","override","labels","undefined","describeInfoItem","item","accessibilityLabel","name","label","value","word","onPress","actionLabel","DEFAULT_HOURS_FORMAT","interval","split","closed","formatHoursDay","day","format","intervals","length","closedLabel","map","open","close","join","describeHoursDay","todayLabel","parts","today","push","exception","busyTrendLabel","trendLabel","trend","busyValue","Number","isFinite","Math","min","max","describeBusyChart","hours","peak","i","peakHour","currentIndex","currentHourIndex","now","hourLabelStep","count","width","pitch","band","ceil","describeTransitStop","stop","mode","distance","note","describeDeparture","departure","realtimeLabel","line","headsign","time","realtime"],"sourceRoot":"../../../src","sources":["place-details/shared.ts"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/place-list/PlaceList.js

@@ -0,0 +1,187 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { GlyphButton } from '../button';
+import { moveItem } from "../hooks/list-reorder.js";
+import { RiArrowDownLine } from "../icons/remix/RiArrowDownLine.js";
+import { RiArrowUpLine } from "../icons/remix/RiArrowUpLine.js";
+import { RiDeleteBinLine } from "../icons/remix/RiDeleteBinLine.js";
+import { RiFileTextLine } from "../icons/remix/RiFileTextLine.js";
+import { PlaceCard } from "../place-card/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PLACE_LIST_GEOMETRY } from "./constants.js";
+import { DEFAULT_PLACE_LIST_LABELS, placeNameOf, resolvePlaceListPaint } from "./shared.js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The places inside a saved list: the place, the person's note about it, and
+ * the controls that move or remove it.
+ *
+ *   place     `PlaceCard` at `density="row"`, untouched — a saved place and a
+ *             search result are the same object, so this list draws no row of
+ *             its own and inherits the thumbnail, the rating, the open state
+ *             and the composed announcement with it
+ *   note      the person's own line, with a document glyph, announced as
+ *             "Note: get the sourdough before noon". It is a SIBLING of the
+ *             place's press target rather than part of its name: the place is
+ *             the place, and the note is what someone said about it
+ *   controls  move earlier, move later, remove — 44 boxes, right-aligned
+ *             under the row
+ *
+ * ## Reordering is buttons, and the buttons ARE the accessible path
+ *
+ * `moveItem` (`hooks/list-reorder`) is the same list maths the track list, the
+ * queue and the photo grid use, so "move" means one thing in this package.
+ * There is no pointer drag here: `SortablePhotoGrid`'s drag is grid geometry —
+ * a point resolved to a cell in a fixed row of columns — and a column of rows
+ * of different heights is a different problem, not a smaller one. Buttons are
+ * also what a keyboard and a screen reader get from a drag surface anyway, so
+ * the list is fully operable with the half that exists.
+ *
+ * Every move is announced politely, and every row is KEYED BY ITS ID — so on
+ * web the button that was just pressed keeps the focus and travels with its
+ * row, and a reader can press "move later" three times without hunting for it
+ * again.
+ *
+ * The first row's "move earlier" and the last row's "move later" are DISABLED
+ * rather than absent: a control that disappears at the end of its travel moves
+ * the two beside it under the pointer.
+ */
+function PlaceListComponent({
+  places,
+  onReorder,
+  onRemove,
+  disabled = false,
+  labels,
+  empty,
+  accessibilityLabel = 'Saved places',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolvePlaceListPaint(theme, surface), [theme, surface]);
+  const words = useMemo(() => ({
+    ...DEFAULT_PLACE_LIST_LABELS,
+    ...labels
+  }), [labels]);
+  const [announcement, setAnnouncement] = useState('');
+  const {
+    control,
+    controlGlyph,
+    gap
+  } = PLACE_LIST_GEOMETRY;
+  const total = places.length;
+  const move = useCallback((from, to) => {
+    if (!onReorder || to < 0 || to >= total) return;
+    const entry = places[from];
+    if (!entry) return;
+    onReorder(moveItem(places, from, to));
+    setAnnouncement(words.moved(placeNameOf(entry), to + 1, total));
+  }, [onReorder, places, total, words]);
+  if (total === 0) return /*#__PURE__*/_jsx(_Fragment, {
+    children: empty ?? null
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      gap: gap * 2
+    }, style],
+    testID: testID,
+    children: [places.map((entry, index) => {
+      const itemTestID = testID ? `${testID}-item-${index}` : undefined;
+      const name = placeNameOf(entry);
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        style: {
+          gap
+        },
+        testID: itemTestID,
+        children: [/*#__PURE__*/_jsx(PlaceCard, {
+          ...entry.place,
+          density: "row"
+        }), entry.note ? /*#__PURE__*/_jsxs(View, {
+          accessible: true,
+          accessibilityLabel: `${words.note}: ${entry.note}`,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            gap: 8
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              paddingTop: 2
+            },
+            children: /*#__PURE__*/_jsx(RiFileTextLine, {
+              width: 16,
+              height: 16,
+              fill: paint.textTertiary
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: entry.note
+          })]
+        }) : null, onReorder || onRemove ? /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            gap: 4
+          },
+          children: [onReorder ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(GlyphButton, {
+              icon: RiArrowUpLine,
+              size: control,
+              glyphSize: controlGlyph,
+              disabled: disabled || index === 0,
+              onPress: () => move(index, index - 1),
+              accessibilityLabel: words.moveEarlier(index + 1),
+              testID: itemTestID ? `${itemTestID}-up` : undefined
+            }), /*#__PURE__*/_jsx(GlyphButton, {
+              icon: RiArrowDownLine,
+              size: control,
+              glyphSize: controlGlyph,
+              disabled: disabled || index === total - 1,
+              onPress: () => move(index, index + 1),
+              accessibilityLabel: words.moveLater(index + 1),
+              testID: itemTestID ? `${itemTestID}-down` : undefined
+            })]
+          }) : null, onRemove ? /*#__PURE__*/_jsx(GlyphButton, {
+            icon: RiDeleteBinLine,
+            size: control,
+            glyphSize: controlGlyph,
+            disabled: disabled,
+            onPress: () => onRemove(entry.id),
+            accessibilityLabel: words.remove(name),
+            testID: itemTestID ? `${itemTestID}-remove` : undefined
+          }) : null]
+        }) : null]
+      }, entry.id);
+    }), /*#__PURE__*/_jsx(Text, {
+      accessibilityLiveRegion: "polite",
+      style: {
+        position: 'absolute',
+        width: 1,
+        height: 1,
+        overflow: 'hidden',
+        opacity: 0
+      },
+      testID: testID ? `${testID}-status` : undefined,
+      children: announcement
+    })]
+  });
+}
+export const PlaceList = /*#__PURE__*/memo(PlaceListComponent);
+PlaceList.displayName = 'PlaceList';
+//# sourceMappingURL=PlaceList.js.map

package/lib/module/place-list/PlaceList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","View","GlyphButton","moveItem","RiArrowDownLine","RiArrowUpLine","RiDeleteBinLine","RiFileTextLine","PlaceCard","useSurfaceFill","useTheme","Text","PLACE_LIST_GEOMETRY","DEFAULT_PLACE_LIST_LABELS","placeNameOf","resolvePlaceListPaint","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","PlaceListComponent","places","onReorder","onRemove","disabled","labels","empty","accessibilityLabel","style","testID","theme","surface","paint","words","announcement","setAnnouncement","control","controlGlyph","gap","total","length","move","from","to","entry","moved","children","role","map","index","itemTestID","undefined","name","place","density","note","accessible","flexDirection","alignItems","accessibilityElementsHidden","importantForAccessibility","paddingTop","width","height","fill","textTertiary","variant","flex","minWidth","color","textSecondary","justifyContent","icon","size","glyphSize","onPress","moveEarlier","moveLater","id","remove","accessibilityLiveRegion","position","overflow","opacity","PlaceList","displayName"],"sourceRoot":"../../../src","sources":["place-list/PlaceList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/place-list/PlaceListCard.js

@@ -0,0 +1,193 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Image, View } from 'react-native';
+import { AvatarGroup } from '../avatar-group';
+import { Badge } from "../badge/index.js";
+import { Card, CardBody } from "../card/index.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { resolvePhoto } from "../listing-card/shared.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PLACE_LIST_GEOMETRY, PLACE_LIST_VISIBILITY_ICON, PLACE_LIST_VISIBILITY_LABELS } from "./constants.js";
+import { composePlaceListName, placeListCountLabel, placeListSharedWithLabel, resolvePlaceListPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A saved list of places — "Want to go", "Favourites", "Coffee, ranked".
+ *
+ *   cover   a 112 strip of the first four places' photos, 2px seams, radius
+ *           12: the first tile takes two shares of the row and the rest one
+ *           each, so a list with photos reads as a PLACE and not as a folder.
+ *           With no photos it is one tinted tile holding `empty`
+ *   body    the list's glyph and its name (`body-semibold`), then one quiet
+ *           meta line — the count, then who it is shared with
+ *   people  `AvatarGroup` on the right, 24 each, at most three
+ *   badge   the visibility, with its own glyph: private, shared, public
+ *
+ * THE COUNT AND THE SHARING ARE ONE LINE, not two rows of chrome. A saved list
+ * is scanned in a grid of them, and the only questions asked of a card in that
+ * grid are "which list is this" and "how much is in it".
+ *
+ * The card is ONE press target carrying four facts, so it announces them as
+ * one sentence (`composePlaceListName`) rather than leaving the reader to
+ * assemble "Want to go 12 places Shared Ana Marc" out of four runs.
+ *
+ * `AvatarGroup` here takes no `onPressItem`: a button inside the card's own
+ * press target is the nested control this library refuses everywhere, and a
+ * collaborator's profile belongs on the list's own screen.
+ */
+function PlaceListCardComponent(props) {
+  const {
+    name,
+    count,
+    countLabel = placeListCountLabel,
+    photos,
+    photoVariant,
+    empty,
+    icon: Icon,
+    color,
+    visibility = 'private',
+    visibilityLabel,
+    collaborators,
+    sharedWithLabel = placeListSharedWithLabel,
+    onPress,
+    accessibilityLabel,
+    style,
+    testID
+  } = props;
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolvePlaceListPaint(theme, surface), [theme, surface]);
+  const resolver = useImageResolver();
+  const {
+    cover,
+    coverRadius,
+    seam,
+    coverPhotos,
+    gap
+  } = PLACE_LIST_GEOMETRY;
+  const uris = (photos ?? []).slice(0, coverPhotos).map(photo => resolvePhoto(photo, resolver, photoVariant));
+  const tile = (uri, key, flex) => {
+    const box = {
+      flex,
+      backgroundColor: paint.tile,
+      overflow: 'hidden'
+    };
+    return /*#__PURE__*/_jsx(View, {
+      style: box,
+      children: uri ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : null
+    }, key);
+  };
+  const meta = [];
+  if (count != null) meta.push(countLabel(count));
+  if (collaborators && collaborators.length > 0) meta.push(sharedWithLabel(collaborators.length));
+  const VisibilityIcon = PLACE_LIST_VISIBILITY_ICON[visibility];
+  return /*#__PURE__*/_jsx(Card, {
+    radius: "radius-16",
+    onPress: onPress,
+    accessibilityLabel: accessibilityLabel ?? composePlaceListName(props),
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(CardBody, {
+      style: {
+        gap
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          height: cover,
+          borderRadius: coverRadius,
+          overflow: 'hidden',
+          flexDirection: 'row',
+          gap: seam,
+          backgroundColor: uris.length === 0 ? color ?? paint.tile : undefined,
+          alignItems: uris.length === 0 ? 'center' : undefined,
+          justifyContent: uris.length === 0 ? 'center' : undefined
+        },
+        testID: testID ? `${testID}-cover` : undefined,
+        children: uris.length === 0 ? empty ?? null : uris.map((uri, index) => tile(uri, `tile-${index}`, index === 0 ? 2 : 1))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2
+          },
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 6
+            },
+            children: [Icon ? /*#__PURE__*/_jsx(View, {
+              "aria-hidden": true,
+              accessibilityElementsHidden: true,
+              importantForAccessibility: "no-hide-descendants",
+              style: {
+                flexShrink: 0
+              },
+              children: /*#__PURE__*/_jsx(Icon, {
+                width: 16,
+                height: 16,
+                fill: color ?? paint.textSecondary
+              })
+            }) : null, /*#__PURE__*/_jsx(Text, {
+              variant: "body-semibold",
+              numberOfLines: 1,
+              style: {
+                flexShrink: 1,
+                minWidth: 0,
+                color: paint.text
+              },
+              testID: testID ? `${testID}-name` : undefined,
+              children: name
+            })]
+          }), meta.length > 0 ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textSecondary
+            },
+            testID: testID ? `${testID}-meta` : undefined,
+            children: meta.join(' · ')
+          }) : null]
+        }), collaborators && collaborators.length > 0 ? /*#__PURE__*/_jsx(View, {
+          "aria-hidden": true,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          testID: testID ? `${testID}-people` : undefined,
+          children: /*#__PURE__*/_jsx(AvatarGroup, {
+            items: [...collaborators],
+            size: 24,
+            max: 3,
+            showInitials: true
+          })
+        }) : null, /*#__PURE__*/_jsx(Badge, {
+          content: visibilityLabel ?? PLACE_LIST_VISIBILITY_LABELS[visibility],
+          icon: VisibilityIcon,
+          variant: "subtle",
+          color: "default",
+          size: "label-small"
+        })]
+      })]
+    })
+  });
+}
+export const PlaceListCard = /*#__PURE__*/memo(PlaceListCardComponent);
+PlaceListCard.displayName = 'PlaceListCard';
+//# sourceMappingURL=PlaceListCard.js.map

package/lib/module/place-list/PlaceListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Image","View","AvatarGroup","Badge","Card","CardBody","useImageResolver","resolvePhoto","useSurfaceFill","useTheme","Text","PLACE_LIST_GEOMETRY","PLACE_LIST_VISIBILITY_ICON","PLACE_LIST_VISIBILITY_LABELS","composePlaceListName","placeListCountLabel","placeListSharedWithLabel","resolvePlaceListPaint","jsx","_jsx","jsxs","_jsxs","PlaceListCardComponent","props","name","count","countLabel","photos","photoVariant","empty","icon","Icon","color","visibility","visibilityLabel","collaborators","sharedWithLabel","onPress","accessibilityLabel","style","testID","theme","surface","paint","resolver","cover","coverRadius","seam","coverPhotos","gap","uris","slice","map","photo","tile","uri","key","flex","box","backgroundColor","overflow","children","source","resizeMode","accessibilityIgnoresInvertColors","width","height","meta","push","length","VisibilityIcon","radius","borderRadius","flexDirection","undefined","alignItems","justifyContent","index","minWidth","accessibilityElementsHidden","importantForAccessibility","flexShrink","fill","textSecondary","variant","numberOfLines","text","join","items","size","max","showInitials","content","PlaceListCard","displayName"],"sourceRoot":"../../../src","sources":["place-list/PlaceListCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+import { RiEarthLine } from "../icons/remix/RiEarthLine.js";
+import { RiGroupLine } from "../icons/remix/RiGroupLine.js";
+import { RiLockLine } from "../icons/remix/RiLockLine.js";
+/** The English default visibility words. */
+export const PLACE_LIST_VISIBILITY_LABELS = {
+  private: 'Private',
+  shared: 'Shared',
+  public: 'Public'
+};
+
+/** The glyph each visibility draws on its badge. */
+export const PLACE_LIST_VISIBILITY_ICON = {
+  private: RiLockLine,
+  shared: RiGroupLine,
+  public: RiEarthLine
+};
+/**
+ * The strip is 112 tall because that is `listing-card`'s compact thumbnail
+ * (`COMPACT_PHOTO_SIZE`), which is the height of the place rows the list is
+ * made of — so a list's cover and the first place under it agree.
+ *
+ * The controls are 44 because that is the smallest comfortable touch target,
+ * and a saved list is edited with a thumb.
+ */
+export const PLACE_LIST_GEOMETRY = {
+  cover: 112,
+  coverRadius: 12,
+  seam: 2,
+  coverPhotos: 4,
+  gap: 12,
+  control: 44,
+  controlGlyph: 20
+};
+//# sourceMappingURL=constants.js.map