@oxy.so/bloom 5.0.0 → 5.1.0

package/src/stat-cards/StatCards.tsx

@@ -15,12 +15,14 @@ import { RiArrowDownCircleFill } from '../icons/remix/RiArrowDownCircleFill';
 import { RiArrowUpCircleFill } from '../icons/remix/RiArrowUpCircleFill';
 import { RiIndeterminateCircleFill } from '../icons/remix/RiIndeterminateCircleFill';
 import { RiInformationFill } from '../icons/remix/RiInformationFill';
+import { useMessages } from '../locale/messages';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { Tooltip, TooltipTextBubble, TooltipTrigger } from '../tooltip';
 import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
+import { STAT_CARDS_MESSAGES } from './messages';
 import { resolveDashboardSurfaces, statusPair, toneColor, type DashboardSurfaces } from './tones';
 import type {
   StatCardProps,
@@ -244,6 +246,7 @@ function StatHint({
 }
 
 function StatCardComponent({ stat, variant = 'plain', style, testID }: StatCardProps) {
+  const { messages } = useMessages(STAT_CARDS_MESSAGES);
   const theme = useTheme();
   const fill = useCardFill(style);
   const surfaces = useMemo(() => resolveDashboardSurfaces(theme, fill), [theme, fill]);
@@ -267,7 +270,7 @@ function StatCardComponent({ stat, variant = 'plain', style, testID }: StatCardP
           </GradientTile>
           {stat.hint ? (
             <StatHint
-              label={stat.hintLabel ?? `About ${stat.label}`}
+              label={stat.hintLabel ?? messages.about(stat.label)}
               hint={stat.hint}
               surfaces={surfaces}
               testID={testID ? `${testID}-hint` : undefined}
@@ -301,7 +304,7 @@ function StatCardComponent({ stat, variant = 'plain', style, testID }: StatCardP
             numberOfLines={1}
             style={[styles.caption, { color: surfaces.textSecondary }]}
           >
-            {stat.caption ?? 'From last month'}
+            {stat.caption ?? messages.fromLastMonth}
           </Text>
           <DeltaPill
             delta={stat.delta}

package/src/stat-cards/messages.ts

@@ -0,0 +1,27 @@
+import type { MessageCatalog } from '../locale/messages';
+
+/** The stat cards' fixed words in each Bloom language. A stat's `hintLabel` and `caption` still win. */
+export interface StatCardsMessages {
+  /** The info glyph's name: "About Revenue". */
+  about: (label: string) => string;
+  /** The footer band's comparison caption. */
+  fromLastMonth: string;
+}
+
+export const STAT_CARDS_MESSAGES: MessageCatalog<StatCardsMessages> = {
+  en: { about: (label) => `About ${label}`, fromLastMonth: 'From last month' },
+  es: { about: (label) => `Acerca de ${label}`, fromLastMonth: 'Respecto al mes pasado' },
+  ca: { about: (label) => `Quant a ${label}`, fromLastMonth: 'Respecte al mes passat' },
+  de: { about: (label) => `Über ${label}`, fromLastMonth: 'Gegenüber Vormonat' },
+  fr: { about: (label) => `À propos de ${label}`, fromLastMonth: 'Par rapport au mois dernier' },
+  it: { about: (label) => `Informazioni su ${label}`, fromLastMonth: 'Rispetto al mese scorso' },
+  pt: { about: (label) => `Sobre ${label}`, fromLastMonth: 'Em relação ao mês passado' },
+  ru: { about: (label) => `Подробнее: ${label}`, fromLastMonth: 'По сравнению с прошлым месяцем' },
+  tr: { about: (label) => `${label} hakkında`, fromLastMonth: 'Geçen aya göre' },
+  ja: { about: (label) => `${label}について`, fromLastMonth: '先月比' },
+  zh: { about: (label) => `关于${label}`, fromLastMonth: '较上月' },
+  ar: { about: (label) => `حول ${label}`, fromLastMonth: 'مقارنةً بالشهر الماضي' },
+  hi: { about: (label) => `${label} के बारे में`, fromLastMonth: 'पिछले महीने से' },
+  bn: { about: (label) => `${label} সম্পর্কে`, fromLastMonth: 'গত মাসের তুলনায়' },
+  id: { about: (label) => `Tentang ${label}`, fromLastMonth: 'Dari bulan lalu' },
+};

package/src/stat-cards/types.ts

@@ -31,11 +31,11 @@ export interface StatCardsItem {
   deltaColor: StatCardsDeltaColor;
   /** `footer` only: gradient tint of the icon tile. Defaults to `'blue'`. */
   tone?: StatCardsTone;
-  /** `footer` only: comparison caption in the band. Defaults to `"From last month"`. */
+  /** `footer` only: comparison caption in the band (`"From last month"` in English). */
   caption?: string;
   /** `footer` only: shows an info glyph with this text in a tooltip. */
   hint?: string;
-  /** `footer` only: accessible name of the info glyph. Defaults to `` `About ${label}` ``. */
+  /** `footer` only: accessible name of the info glyph (`` `About ${label}` `` in English). */
   hintLabel?: string;
   /**
    * `plain` only: a node at the top right, level with the icon tile — a

package/src/theme/color-space.ts

@@ -1,7 +1,7 @@
+import { clamp } from '../styles/clamp';
 export interface Oklch { l: number; c: number; h: number } // l 0..1, c 0..~0.4, h deg
 export interface Rgb { r: number; g: number; b: number }   // 0..255 integers
 
-const clamp = (n: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, n));
 const srgbGamma = (x: number) =>
   x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;
 

package/src/vehicle-picker/VehiclePicker.tsx

@@ -5,15 +5,16 @@ import { Chip } from '../chip';
 import { useContainerWidth } from '../hooks/use-container-width';
 import { RiErrorWarningLine } from '../icons/remix/RiErrorWarningLine';
 import { resolveSelectionPaint, SelectionCard } from '../listing-editor/SelectionCard';
+import { useMessages } from '../locale/messages';
 import { resolveAccentColors } from '../theme/accent-colors';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import {
+  builtInVehicleOptions,
   VEHICLE_ICON,
-  VEHICLE_OPTIONS,
   VEHICLE_PICKER_GEOMETRY,
-  VEHICLE_PICKER_LABELS,
 } from './constants';
+import { VEHICLE_PICKER_MESSAGES } from './messages';
 import { vehicleOptionName } from './shared';
 import type { VehicleKind, VehicleOption, VehiclePickerProps } from './types';
 
@@ -51,18 +52,27 @@ const TABULAR: TextStyle = { fontVariant: ['tabular-nums'] };
 export function VehiclePicker<T extends string = VehicleKind>({
   value,
   onValueChange,
-  options = VEHICLE_OPTIONS as unknown as readonly VehicleOption<T>[],
+  options: optionsProp,
   title,
   description,
   disabled = false,
   labels: labelOverrides,
-  accessibilityLabel = 'Vehicle',
+  accessibilityLabel: accessibilityLabelProp,
   style,
   testID,
 }: VehiclePickerProps<T>) {
+  const { messages } = useMessages(VEHICLE_PICKER_MESSAGES);
+  const accessibilityLabel = accessibilityLabelProp ?? messages.vehicle;
+  const options = useMemo(
+    () => optionsProp ?? (builtInVehicleOptions(messages) as unknown as readonly VehicleOption<T>[]),
+    [optionsProp, messages],
+  );
   const theme = useTheme();
   const paint = useMemo(() => resolveSelectionPaint(theme), [theme]);
-  const labels = useMemo(() => ({ ...VEHICLE_PICKER_LABELS, ...labelOverrides }), [labelOverrides]);
+  const labels = useMemo(
+    () => ({ from: messages.from, fits: messages.fits, unavailable: messages.unavailable, ...labelOverrides }),
+    [messages, labelOverrides],
+  );
   // The picker measures ITSELF: the same component is a full phone column and a
   // 420-wide panel beside a map, and the window cannot tell those apart.
   const { width, onLayout } = useContainerWidth();

package/src/vehicle-picker/constants.ts

@@ -4,8 +4,16 @@ import { RiBusLine } from '../icons/remix/RiBusLine';
 import { RiCarLine } from '../icons/remix/RiCarLine';
 import { RiSnowflakeLine } from '../icons/remix/RiSnowflakeLine';
 import type { BloomIconComponent } from '../icons/icon-component';
+import { VEHICLE_PICKER_MESSAGES, type VehiclePickerMessages } from './messages';
 import type { VehicleKind, VehicleOption, VehiclePickerLabels } from './types';
 
+const BUILT_IN_ORDER: readonly VehicleKind[] = ['bike', 'car', 'van', 'boxTruck', 'refrigerated'];
+
+/** The five built-in vehicles, smallest first, in one language's words. */
+export function builtInVehicleOptions(messages: VehiclePickerMessages): readonly VehicleOption<VehicleKind>[] {
+  return BUILT_IN_ORDER.map((value) => ({ value, ...messages.vehicles[value], fits: [...messages.vehicles[value].fits] }));
+}
+
 /**
  * The glyph each built-in vehicle draws.
  *
@@ -30,45 +38,17 @@ export const VEHICLE_ICON: Record<VehicleKind, BloomIconComponent> = {
  * A price-from belongs to a marketplace and a moment, so the defaults carry
  * none: a picker showing invented amounts is worse than one showing the
  * capacities alone. Spread an option and add `priceFrom` where the app knows it.
+ *
+ * In English. A picker given no `options` draws these five in the resolved
+ * locale's words instead.
  */
-export const VEHICLE_OPTIONS: readonly VehicleOption<VehicleKind>[] = [
-  {
-    value: 'bike',
-    label: 'Cargo bike',
-    capacity: 'Up to 25 kg · 60 × 40 × 40 cm',
-    fits: ['Documents', 'A food order', 'A small box'],
-  },
-  {
-    value: 'car',
-    label: 'Car',
-    capacity: 'Up to 150 kg · 100 × 80 × 60 cm',
-    fits: ['Two suitcases', 'Four boxes', 'A bicycle'],
-  },
-  {
-    value: 'van',
-    label: 'Van',
-    capacity: 'Up to 800 kg · 240 × 150 × 140 cm',
-    fits: ['A sofa', 'A studio move', 'Half a pallet'],
-  },
-  {
-    value: 'boxTruck',
-    label: 'Box truck',
-    capacity: 'Up to 3,500 kg · 420 × 200 × 210 cm',
-    fits: ['Two pallets', 'A two-bedroom move', 'A tail lift'],
-  },
-  {
-    value: 'refrigerated',
-    label: 'Refrigerated van',
-    capacity: 'Up to 700 kg · held at 2–8 °C',
-    fits: ['Fresh produce', 'Chilled catering', 'Flowers'],
-  },
-];
+export const VEHICLE_OPTIONS: readonly VehicleOption<VehicleKind>[] = builtInVehicleOptions(VEHICLE_PICKER_MESSAGES.en);
 
-/** The picker's default copy. */
+/** The picker's default copy, in English. The picker speaks `VEHICLE_PICKER_MESSAGES` in the resolved locale. */
 export const VEHICLE_PICKER_LABELS: Required<VehiclePickerLabels> = {
-  from: 'From',
-  fits: (label: string) => `What fits in a ${label}`,
-  unavailable: 'Not available for this load',
+  from: VEHICLE_PICKER_MESSAGES.en.from,
+  fits: VEHICLE_PICKER_MESSAGES.en.fits,
+  unavailable: VEHICLE_PICKER_MESSAGES.en.unavailable,
 };
 
 /**

package/src/vehicle-picker/messages.ts

@@ -0,0 +1,224 @@
+import type { MessageCatalog } from '../locale/messages';
+import type { VehicleKind } from './types';
+
+/** One built-in vehicle's words. */
+export interface VehicleWords {
+  label: string;
+  capacity: string;
+  fits: [string, string, string];
+}
+
+/**
+ * Every fixed string the vehicle picker draws or announces — its own words and
+ * the five built-in vehicles' — in each Bloom language. A caller's `labels`,
+ * `accessibilityLabel` and `options` still win.
+ */
+export interface VehiclePickerMessages {
+  /** Before the `priceFrom` amount. */
+  from: string;
+  /** Names an option's `fits` chip row. */
+  fits: (label: string) => string;
+  /** The reason fallback on a disabled option with none. */
+  unavailable: string;
+  /** Names the group. */
+  vehicle: string;
+  vehicles: Record<VehicleKind, VehicleWords>;
+}
+
+export const VEHICLE_PICKER_MESSAGES: MessageCatalog<VehiclePickerMessages> = {
+  en: {
+    from: 'From',
+    fits: (label) => `What fits in a ${label}`,
+    unavailable: 'Not available for this load',
+    vehicle: 'Vehicle',
+    vehicles: {
+      bike: { label: 'Cargo bike', capacity: 'Up to 25 kg · 60 × 40 × 40 cm', fits: ['Documents', 'A food order', 'A small box'] },
+      car: { label: 'Car', capacity: 'Up to 150 kg · 100 × 80 × 60 cm', fits: ['Two suitcases', 'Four boxes', 'A bicycle'] },
+      van: { label: 'Van', capacity: 'Up to 800 kg · 240 × 150 × 140 cm', fits: ['A sofa', 'A studio move', 'Half a pallet'] },
+      boxTruck: { label: 'Box truck', capacity: 'Up to 3,500 kg · 420 × 200 × 210 cm', fits: ['Two pallets', 'A two-bedroom move', 'A tail lift'] },
+      refrigerated: { label: 'Refrigerated van', capacity: 'Up to 700 kg · held at 2–8 °C', fits: ['Fresh produce', 'Chilled catering', 'Flowers'] },
+    },
+  },
+  es: {
+    from: 'Desde',
+    fits: (label) => `Qué cabe en: ${label}`,
+    unavailable: 'No disponible para esta carga',
+    vehicle: 'Vehículo',
+    vehicles: {
+      bike: { label: 'Bicicleta de carga', capacity: 'Hasta 25 kg · 60 × 40 × 40 cm', fits: ['Documentos', 'Un pedido de comida', 'Una caja pequeña'] },
+      car: { label: 'Coche', capacity: 'Hasta 150 kg · 100 × 80 × 60 cm', fits: ['Dos maletas', 'Cuatro cajas', 'Una bicicleta'] },
+      van: { label: 'Furgoneta', capacity: 'Hasta 800 kg · 240 × 150 × 140 cm', fits: ['Un sofá', 'La mudanza de un estudio', 'Media paleta'] },
+      boxTruck: { label: 'Camión caja', capacity: 'Hasta 3500 kg · 420 × 200 × 210 cm', fits: ['Dos palés', 'La mudanza de un piso de dos dormitorios', 'Una plataforma elevadora'] },
+      refrigerated: { label: 'Furgoneta refrigerada', capacity: 'Hasta 700 kg · entre 2 y 8 °C', fits: ['Productos frescos', 'Catering refrigerado', 'Flores'] },
+    },
+  },
+  ca: {
+    from: 'Des de',
+    fits: (label) => `Què hi cap: ${label}`,
+    unavailable: 'No disponible per a aquesta càrrega',
+    vehicle: 'Vehicle',
+    vehicles: {
+      bike: { label: 'Bicicleta de càrrega', capacity: 'Fins a 25 kg · 60 × 40 × 40 cm', fits: ['Documents', 'Una comanda de menjar', 'Una caixa petita'] },
+      car: { label: 'Cotxe', capacity: 'Fins a 150 kg · 100 × 80 × 60 cm', fits: ['Dues maletes', 'Quatre caixes', 'Una bicicleta'] },
+      van: { label: 'Furgoneta', capacity: 'Fins a 800 kg · 240 × 150 × 140 cm', fits: ['Un sofà', "La mudança d'un estudi", 'Mig palet'] },
+      boxTruck: { label: 'Camió caixa', capacity: 'Fins a 3.500 kg · 420 × 200 × 210 cm', fits: ['Dos palets', "La mudança d'un pis de dues habitacions", 'Una plataforma elevadora'] },
+      refrigerated: { label: 'Furgoneta frigorífica', capacity: 'Fins a 700 kg · entre 2 i 8 °C', fits: ['Productes frescos', 'Càtering refrigerat', 'Flors'] },
+    },
+  },
+  de: {
+    from: 'Ab',
+    fits: (label) => `Was in folgendes Fahrzeug passt: ${label}`,
+    unavailable: 'Für diese Ladung nicht verfügbar',
+    vehicle: 'Fahrzeug',
+    vehicles: {
+      bike: { label: 'Lastenrad', capacity: 'Bis 25 kg · 60 × 40 × 40 cm', fits: ['Dokumente', 'Eine Essensbestellung', 'Ein kleiner Karton'] },
+      car: { label: 'Auto', capacity: 'Bis 150 kg · 100 × 80 × 60 cm', fits: ['Zwei Koffer', 'Vier Kartons', 'Ein Fahrrad'] },
+      van: { label: 'Transporter', capacity: 'Bis 800 kg · 240 × 150 × 140 cm', fits: ['Ein Sofa', 'Ein Einzimmer-Umzug', 'Eine halbe Palette'] },
+      boxTruck: { label: 'Kofferaufbau-Lkw', capacity: 'Bis 3.500 kg · 420 × 200 × 210 cm', fits: ['Zwei Paletten', 'Ein Dreizimmer-Umzug', 'Eine Ladebordwand'] },
+      refrigerated: { label: 'Kühltransporter', capacity: 'Bis 700 kg · bei 2–8 °C', fits: ['Frische Lebensmittel', 'Gekühltes Catering', 'Blumen'] },
+    },
+  },
+  fr: {
+    from: 'À partir de',
+    fits: (label) => `Ce qui tient dans : ${label}`,
+    unavailable: 'Indisponible pour ce chargement',
+    vehicle: 'Véhicule',
+    vehicles: {
+      bike: { label: 'Vélo cargo', capacity: "Jusqu'à 25 kg · 60 × 40 × 40 cm", fits: ['Des documents', 'Une commande de repas', 'Un petit carton'] },
+      car: { label: 'Voiture', capacity: "Jusqu'à 150 kg · 100 × 80 × 60 cm", fits: ['Deux valises', 'Quatre cartons', 'Un vélo'] },
+      van: { label: 'Fourgonnette', capacity: "Jusqu'à 800 kg · 240 × 150 × 140 cm", fits: ['Un canapé', "Le déménagement d'un studio", 'Une demi-palette'] },
+      boxTruck: { label: 'Camion fourgon', capacity: "Jusqu'à 3 500 kg · 420 × 200 × 210 cm", fits: ['Deux palettes', "Le déménagement d'un T3", 'Un hayon élévateur'] },
+      refrigerated: { label: 'Fourgon frigorifique', capacity: "Jusqu'à 700 kg · entre 2 et 8 °C", fits: ['Produits frais', 'Traiteur réfrigéré', 'Des fleurs'] },
+    },
+  },
+  it: {
+    from: 'Da',
+    fits: (label) => `Cosa entra in: ${label}`,
+    unavailable: 'Non disponibile per questo carico',
+    vehicle: 'Veicolo',
+    vehicles: {
+      bike: { label: 'Cargo bike', capacity: 'Fino a 25 kg · 60 × 40 × 40 cm', fits: ['Documenti', 'Un ordine di cibo', 'Una scatola piccola'] },
+      car: { label: 'Auto', capacity: 'Fino a 150 kg · 100 × 80 × 60 cm', fits: ['Due valigie', 'Quattro scatoloni', 'Una bicicletta'] },
+      van: { label: 'Furgone', capacity: 'Fino a 800 kg · 240 × 150 × 140 cm', fits: ['Un divano', 'Il trasloco di un monolocale', 'Mezzo pallet'] },
+      boxTruck: { label: 'Camion furgonato', capacity: 'Fino a 3.500 kg · 420 × 200 × 210 cm', fits: ['Due pallet', 'Il trasloco di un trilocale', 'Una sponda idraulica'] },
+      refrigerated: { label: 'Furgone refrigerato', capacity: 'Fino a 700 kg · tra 2 e 8 °C', fits: ['Prodotti freschi', 'Catering refrigerato', 'Fiori'] },
+    },
+  },
+  pt: {
+    from: 'A partir de',
+    fits: (label) => `O que cabe em: ${label}`,
+    unavailable: 'Indisponível para esta carga',
+    vehicle: 'Veículo',
+    vehicles: {
+      bike: { label: 'Bicicleta de carga', capacity: 'Até 25 kg · 60 × 40 × 40 cm', fits: ['Documentos', 'Um pedido de comida', 'Uma caixa pequena'] },
+      car: { label: 'Carro', capacity: 'Até 150 kg · 100 × 80 × 60 cm', fits: ['Duas malas', 'Quatro caixas', 'Uma bicicleta'] },
+      van: { label: 'Van', capacity: 'Até 800 kg · 240 × 150 × 140 cm', fits: ['Um sofá', 'A mudança de um estúdio', 'Meio palete'] },
+      boxTruck: { label: 'Caminhão baú', capacity: 'Até 3.500 kg · 420 × 200 × 210 cm', fits: ['Dois paletes', 'A mudança de um apartamento de dois quartos', 'Uma plataforma elevatória'] },
+      refrigerated: { label: 'Van refrigerada', capacity: 'Até 700 kg · entre 2 e 8 °C', fits: ['Hortifrúti', 'Bufê refrigerado', 'Flores'] },
+    },
+  },
+  ru: {
+    from: 'От',
+    fits: (label) => `Что помещается: ${label}`,
+    unavailable: 'Не подходит для этого груза',
+    vehicle: 'Транспорт',
+    vehicles: {
+      bike: { label: 'Грузовой велосипед', capacity: 'До 25 кг · 60 × 40 × 40 см', fits: ['Документы', 'Заказ еды', 'Небольшая коробка'] },
+      car: { label: 'Легковой автомобиль', capacity: 'До 150 кг · 100 × 80 × 60 см', fits: ['Два чемодана', 'Четыре коробки', 'Велосипед'] },
+      van: { label: 'Фургон', capacity: 'До 800 кг · 240 × 150 × 140 см', fits: ['Диван', 'Переезд из студии', 'Полпаллеты'] },
+      boxTruck: { label: 'Грузовик с кузовом', capacity: 'До 3500 кг · 420 × 200 × 210 см', fits: ['Две паллеты', 'Переезд из двухкомнатной квартиры', 'Гидроборт'] },
+      refrigerated: { label: 'Рефрижератор', capacity: 'До 700 кг · при 2–8 °C', fits: ['Свежие продукты', 'Охлаждённый кейтеринг', 'Цветы'] },
+    },
+  },
+  tr: {
+    from: 'Başlangıç',
+    fits: (label) => `${label} içine neler sığar`,
+    unavailable: 'Bu yük için uygun değil',
+    vehicle: 'Araç',
+    vehicles: {
+      bike: { label: 'Kargo bisikleti', capacity: '25 kg’a kadar · 60 × 40 × 40 cm', fits: ['Evrak', 'Yemek siparişi', 'Küçük bir kutu'] },
+      car: { label: 'Otomobil', capacity: '150 kg’a kadar · 100 × 80 × 60 cm', fits: ['İki bavul', 'Dört koli', 'Bir bisiklet'] },
+      van: { label: 'Panelvan', capacity: '800 kg’a kadar · 240 × 150 × 140 cm', fits: ['Bir kanepe', 'Stüdyo daire taşıma', 'Yarım palet'] },
+      boxTruck: { label: 'Kapalı kasa kamyon', capacity: '3.500 kg’a kadar · 420 × 200 × 210 cm', fits: ['İki palet', '2+1 ev taşıma', 'Hidrolik kapak'] },
+      refrigerated: { label: 'Frigorifik panelvan', capacity: '700 kg’a kadar · 2–8 °C arası', fits: ['Taze ürünler', 'Soğuk ikram', 'Çiçekler'] },
+    },
+  },
+  ja: {
+    from: '最低料金',
+    fits: (label) => `${label}に積めるもの`,
+    unavailable: 'この荷物には利用できません',
+    vehicle: '車両',
+    vehicles: {
+      bike: { label: 'カーゴバイク', capacity: '最大 25 kg · 60 × 40 × 40 cm', fits: ['書類', 'フードの注文', '小さな箱'] },
+      car: { label: '乗用車', capacity: '最大 150 kg · 100 × 80 × 60 cm', fits: ['スーツケース2個', '段ボール4箱', '自転車1台'] },
+      van: { label: 'バン', capacity: '最大 800 kg · 240 × 150 × 140 cm', fits: ['ソファ', 'ワンルームの引っ越し', 'パレット半分'] },
+      boxTruck: { label: '箱型トラック', capacity: '最大 3,500 kg · 420 × 200 × 210 cm', fits: ['パレット2枚', '2LDKの引っ越し', 'パワーゲート'] },
+      refrigerated: { label: '冷蔵バン', capacity: '最大 700 kg · 2〜8 °C を維持', fits: ['生鮮食品', '冷蔵ケータリング', '花'] },
+    },
+  },
+  zh: {
+    from: '起价',
+    fits: (label) => `${label}能装下什么`,
+    unavailable: '不适用于此货物',
+    vehicle: '车型',
+    vehicles: {
+      bike: { label: '货运自行车', capacity: '最多 25 kg · 60 × 40 × 40 cm', fits: ['文件', '一份外卖', '一个小箱子'] },
+      car: { label: '轿车', capacity: '最多 150 kg · 100 × 80 × 60 cm', fits: ['两个行李箱', '四个纸箱', '一辆自行车'] },
+      van: { label: '面包车', capacity: '最多 800 kg · 240 × 150 × 140 cm', fits: ['一张沙发', '单间搬家', '半个托盘'] },
+      boxTruck: { label: '厢式货车', capacity: '最多 3,500 kg · 420 × 200 × 210 cm', fits: ['两个托盘', '两居室搬家', '尾板升降'] },
+      refrigerated: { label: '冷藏车', capacity: '最多 700 kg · 保持 2–8 °C', fits: ['生鲜食品', '冷藏餐饮', '鲜花'] },
+    },
+  },
+  ar: {
+    from: 'ابتداءً من',
+    fits: (label) => `ما يتسع له ${label}`,
+    unavailable: 'غير متاحة لهذه الحمولة',
+    vehicle: 'المركبة',
+    vehicles: {
+      bike: { label: 'دراجة شحن', capacity: 'حتى 25 كغ · 60 × 40 × 40 سم', fits: ['مستندات', 'طلب طعام', 'صندوق صغير'] },
+      car: { label: 'سيارة', capacity: 'حتى 150 كغ · 100 × 80 × 60 سم', fits: ['حقيبتا سفر', 'أربعة صناديق', 'دراجة هوائية'] },
+      van: { label: 'فان', capacity: 'حتى 800 كغ · 240 × 150 × 140 سم', fits: ['أريكة', 'نقل أثاث استوديو', 'نصف منصة نقالة'] },
+      boxTruck: { label: 'شاحنة صندوقية', capacity: 'حتى 3500 كغ · 420 × 200 × 210 سم', fits: ['منصتان نقالتان', 'نقل أثاث شقة بغرفتي نوم', 'رافعة خلفية'] },
+      refrigerated: { label: 'فان مبرّد', capacity: 'حتى 700 كغ · بين 2 و8 °م', fits: ['منتجات طازجة', 'تموين مبرّد', 'زهور'] },
+    },
+  },
+  hi: {
+    from: 'शुरुआती कीमत',
+    fits: (label) => `${label} में क्या आता है`,
+    unavailable: 'इस सामान के लिए उपलब्ध नहीं',
+    vehicle: 'वाहन',
+    vehicles: {
+      bike: { label: 'कार्गो बाइक', capacity: '25 kg तक · 60 × 40 × 40 cm', fits: ['दस्तावेज़', 'खाने का ऑर्डर', 'एक छोटा डिब्बा'] },
+      car: { label: 'कार', capacity: '150 kg तक · 100 × 80 × 60 cm', fits: ['दो सूटकेस', 'चार डिब्बे', 'एक साइकिल'] },
+      van: { label: 'वैन', capacity: '800 kg तक · 240 × 150 × 140 cm', fits: ['एक सोफ़ा', 'स्टूडियो फ़्लैट की शिफ़्टिंग', 'आधा पैलेट'] },
+      boxTruck: { label: 'बॉक्स ट्रक', capacity: '3,500 kg तक · 420 × 200 × 210 cm', fits: ['दो पैलेट', '2BHK की शिफ़्टिंग', 'टेल लिफ़्ट'] },
+      refrigerated: { label: 'रेफ़्रिजरेटेड वैन', capacity: '700 kg तक · 2–8 °C पर', fits: ['ताज़ी उपज', 'ठंडा कैटरिंग', 'फूल'] },
+    },
+  },
+  bn: {
+    from: 'শুরু',
+    fits: (label) => `${label}-এ কী ধরে`,
+    unavailable: 'এই মালের জন্য উপলব্ধ নয়',
+    vehicle: 'যানবাহন',
+    vehicles: {
+      bike: { label: 'কার্গো বাইক', capacity: '২৫ কেজি পর্যন্ত · ৬০ × ৪০ × ৪০ সেমি', fits: ['নথিপত্র', 'খাবারের অর্ডার', 'একটি ছোট বাক্স'] },
+      car: { label: 'গাড়ি', capacity: '১৫০ কেজি পর্যন্ত · ১০০ × ৮০ × ৬০ সেমি', fits: ['দুটি স্যুটকেস', 'চারটি বাক্স', 'একটি সাইকেল'] },
+      van: { label: 'ভ্যান', capacity: '৮০০ কেজি পর্যন্ত · ২৪০ × ১৫০ × ১৪০ সেমি', fits: ['একটি সোফা', 'স্টুডিও বাসা বদল', 'অর্ধেক প্যালেট'] },
+      boxTruck: { label: 'বক্স ট্রাক', capacity: '৩,৫০০ কেজি পর্যন্ত · ৪২০ × ২০০ × ২১০ সেমি', fits: ['দুটি প্যালেট', 'দুই শোবার ঘরের বাসা বদল', 'টেল লিফট'] },
+      refrigerated: { label: 'রেফ্রিজারেটেড ভ্যান', capacity: '৭০০ কেজি পর্যন্ত · ২–৮ °সে-এ', fits: ['তাজা পণ্য', 'ঠান্ডা ক্যাটারিং', 'ফুল'] },
+    },
+  },
+  id: {
+    from: 'Mulai',
+    fits: (label) => `Yang muat di ${label}`,
+    unavailable: 'Tidak tersedia untuk muatan ini',
+    vehicle: 'Kendaraan',
+    vehicles: {
+      bike: { label: 'Sepeda kargo', capacity: 'Hingga 25 kg · 60 × 40 × 40 cm', fits: ['Dokumen', 'Pesanan makanan', 'Kotak kecil'] },
+      car: { label: 'Mobil', capacity: 'Hingga 150 kg · 100 × 80 × 60 cm', fits: ['Dua koper', 'Empat kardus', 'Sepeda'] },
+      van: { label: 'Van', capacity: 'Hingga 800 kg · 240 × 150 × 140 cm', fits: ['Sofa', 'Pindahan studio', 'Setengah palet'] },
+      boxTruck: { label: 'Truk boks', capacity: 'Hingga 3.500 kg · 420 × 200 × 210 cm', fits: ['Dua palet', 'Pindahan rumah dua kamar', 'Tail lift'] },
+      refrigerated: { label: 'Van berpendingin', capacity: 'Hingga 700 kg · suhu 2–8 °C', fits: ['Produk segar', 'Katering dingin', 'Bunga'] },
+    },
+  },
+};

package/src/vehicle-picker/types.ts

@@ -50,11 +50,11 @@ export interface VehicleOption<T extends string = VehicleKind> {
 
 /** Every word the picker speaks, in one prop. All of it is copy an app localises. */
 export interface VehiclePickerLabels {
-  /** Before the `priceFrom` amount. Default `"From"`. */
+  /** Before the `priceFrom` amount (`"From"` in English). */
   from?: string;
-  /** Names the `fits` chip row, per option. Default `` (label) => `What fits in a ${label}` ``. */
+  /** Names the `fits` chip row, per option (`` (label) => `What fits in a ${label}` `` in English). */
   fits?: (label: string) => string;
-  /** The reason fallback on a disabled option with none. Default `"Not available for this load"`. */
+  /** The reason fallback on a disabled option with none (`"Not available for this load"` in English). */
   unavailable?: string;
 }
 
@@ -63,7 +63,7 @@ export interface VehiclePickerProps<T extends string = VehicleKind> {
   value: T | null;
   /** Called with the chosen vehicle. Never called with the value already chosen. */
   onValueChange: (value: T) => void;
-  /** The vehicles, in the order they should be read. Default {@link VEHICLE_OPTIONS}. */
+  /** The vehicles, in the order they should be read. Default {@link VEHICLE_OPTIONS}, in the resolved locale's words. */
   options?: readonly VehicleOption<T>[];
   /**
    * A heading over the list, drawn the way a search panel's pickers draw theirs
@@ -76,7 +76,7 @@ export interface VehiclePickerProps<T extends string = VehicleKind> {
   disabled?: boolean;
   labels?: VehiclePickerLabels;
   /**
-   * Names the group. Default `"Vehicle"` — and it matters even when `title` is
+   * Names the group (`"Vehicle"` in English) — and it matters even when `title` is
    * drawn, because a heading beside a group is a sibling, not a label.
    */
   accessibilityLabel?: string;

package/src/vendor-card/VendorCard.tsx

@@ -5,6 +5,8 @@ import { Badge } from '../badge';
 import { Chip } from '../chip';
 import { RiPriceTag3Line } from '../icons/remix/RiPriceTag3Line';
 import { useImageResolver } from '../image-resolver/context';
+import { useCommonMessages } from '../locale/common-messages';
+import { useMessages } from '../locale/messages';
 import { FavoriteButton } from '../listing-card';
 import { ListingFacts, ListingStatusPill } from '../listing-card/parts';
 import {
@@ -33,6 +35,7 @@ import {
   VENDOR_PHOTO_ASPECT_RATIO,
   VENDOR_TEXT_GAP,
 } from './constants';
+import { VENDOR_CARD_MESSAGES } from './messages';
 import {
   availabilityLabelFor,
   composeVendorName,
@@ -42,7 +45,6 @@ import {
   vendorFacts,
 } from './shared';
 import type { VendorCardDensity, VendorCardProps } from './types';
-import { useCommonMessages } from '../locale/common-messages';
 
 /**
  * A restaurant or a shop in a list.
@@ -317,6 +319,7 @@ function VendorCardComponent(props: VendorCardProps) {
   } = props;
 
   const theme = useTheme();
+  const { messages } = useMessages(VENDOR_CARD_MESSAGES);
   // The card adopts BOTH sheets: its own link ring, and `listing-card`'s, which
   // is where the heart's `:focus-visible` rule lives. `adoptStyleSheet` replaces
   // by id, so a page of vendor cards adopts each exactly once.
@@ -327,11 +330,11 @@ function VendorCardComponent(props: VendorCardProps) {
   const compact = density === 'compact';
   if (loading) return <VendorCardSkeleton density={density} style={style} testID={testID} />;
 
-  const status = availabilityLabelFor(availability, availabilityLabel);
-  const facts = vendorFacts(props);
+  const status = availabilityLabelFor(availability, availabilityLabel, messages);
+  const facts = vendorFacts(props, messages);
   const shownCuisines = vendorCuisines(cuisines, density);
   const markSize: OfferingBadgeSize = compact ? 'small' : 'medium';
-  const label = accessibilityLabel ?? composeVendorName(props);
+  const label = accessibilityLabel ?? composeVendorName(props, messages);
 
   const handlePress = (event: GestureResponderEvent) => {
     if (onPress) {
@@ -397,7 +400,7 @@ function VendorCardComponent(props: VendorCardProps) {
             size={compact ? 'small' : 'medium'}
             value={rating}
             count={reviewCount}
-            newLabel={newLabel}
+            newLabel={newLabel ?? messages.new}
             style={{ flexShrink: 0 }}
             testID={testID ? `${testID}-rating` : undefined}
           />

package/src/vendor-card/constants.ts

@@ -3,6 +3,7 @@ import { RiBikeLine } from '../icons/remix/RiBikeLine';
 import { RiShoppingBag3Line } from '../icons/remix/RiShoppingBag3Line';
 import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { RiWalkLine } from '../icons/remix/RiWalkLine';
+import { VENDOR_CARD_MESSAGES } from './messages';
 import type { VendorAvailability, VendorCardDensity, VendorFactKey } from './types';
 
 /**
@@ -32,19 +33,15 @@ export const VENDOR_FACT_ICON: Record<VendorFactKey, BloomIconComponent> = {
   minimumOrder: RiShoppingBag3Line,
 };
 
-/** The word said before each reading in the card's accessible name. */
-export const VENDOR_FACT_LABELS: Record<VendorFactKey, string> = {
-  deliveryTime: 'Delivery time',
-  deliveryFee: 'Delivery',
-  distance: 'Distance',
-  minimumOrder: 'Minimum order',
-};
+/**
+ * The word said before each reading in the card's accessible name, in English.
+ * The card itself speaks `VENDOR_CARD_MESSAGES` in the resolved locale.
+ */
+export const VENDOR_FACT_LABELS: Record<VendorFactKey, string> = VENDOR_CARD_MESSAGES.en.facts;
 
-/** The English status pill labels. `open` draws none. */
-export const VENDOR_AVAILABILITY_LABELS: Record<Exclude<VendorAvailability, 'open'>, string> = {
-  paused: 'Paused',
-  closed: 'Closed',
-};
+/** The English status pill labels. `open` draws none. The card speaks the resolved locale's. */
+export const VENDOR_AVAILABILITY_LABELS: Record<Exclude<VendorAvailability, 'open'>, string> =
+  VENDOR_CARD_MESSAGES.en.availability;
 
 /** The cuisine pills' rung: 24 tall, caption weight — the densest pill Bloom has. */
 export const VENDOR_CUISINE_CHIP_HEIGHT = 24;