@12-apps/ui 6.78.3 → 6.79.0

package/src/copy/feedback.ts

@@ -27,6 +27,10 @@ export interface TutorialCopy {
   finish: string;
   /** The next/finish button's title while `requiresActionBeforeNext` blocks it. */
   requiresAction: string;
+  /** The "2 of 5" line under the step, when `showProgress` is on. Optional; the shipped packs carry it. */
+  progress?: (current: number, total: number) => string;
+  /** The close (×) button's accessible name, beside the title. Optional; the shipped packs carry it. */
+  close?: string;
 }
 
 /** Chrome that carries a glyph and no text, across several small surfaces. */

package/src/copy/form.ts

@@ -21,6 +21,31 @@ export interface AddressAutocompleteCopy {
   mapsLoadFailed: string;
   /** The pin button's tooltip, which is also its accessible name. */
   useCurrentLocation: string;
+  /**
+   * Everything below is optional so a host's existing pack keeps compiling; the
+   * shipped packs carry all of it and the field falls back to the English pack.
+   */
+  /** The field's label and placeholder, unless the `label`/`placeholder` props win. */
+  label?: string;
+  placeholder?: string;
+  /** The empty list's text: nothing typed yet, then typed with no match. */
+  typeToSearch?: string;
+  noAddressesFound?: string;
+  /** The list's row while suggestions are being fetched. */
+  loadingSuggestions?: string;
+  /** Shown as the field's helper text when Google Maps or Places fails. */
+  mapsApiLoadFailed?: string;
+  mapsServicesInitFailed?: string;
+  fetchSuggestionsFailed?: string;
+  addressDetailsNotFound?: string;
+  addressDetailsFailed?: string;
+  /** The current-location button's failures. */
+  noMockLocation?: string;
+  mockLocationNotFound?: string;
+  locationAddressFailed?: string;
+  geolocationUnsupported?: string;
+  geocoderUnavailable?: string;
+  locationFailed?: string;
 }
 
 /** What an `Autocomplete` renders that is not one of the host's own options. */
@@ -107,6 +132,12 @@ export interface RichEditorToolbarCopy {
   backgroundColor: string;
   /** The browser prompt the link button opens, asking for the URL. */
   linkPrompt: string;
+  /**
+   * The editing area's accessible name when the field has no placeholder to
+   * lend it. Optional; the shipped packs carry it and the field falls back to
+   * the English one.
+   */
+  editorLabel?: string;
 }
 
 /**
@@ -124,6 +155,24 @@ export interface PhoneInputCopy {
   invalidNumber(countryName: string): string;
   /** Stands in for the country's name before one has been resolved. */
   unknownCountry: string;
+  /**
+   * A country's name in the picker and in `invalidNumber`, from its ISO 3166
+   * code and the English name the field ships. Optional: without it the
+   * English name is shown, as it always was. The pt-BR pack answers through
+   * `Intl.DisplayNames`, so every country the field lists is covered.
+   */
+  countryName?: (code: string, englishName: string) => string;
+  /**
+   * The field's label when the host passes no `label` prop. Optional: without
+   * it the field reads "Phone Number", as it always did.
+   */
+  label?: string;
+  /**
+   * The field's placeholder when the host passes no `placeholder` prop.
+   * Optional: without it the field reads "Enter phone number", as it always
+   * did. Keep it short — it shares a 320px field with the country picker.
+   */
+  placeholder?: string;
 }
 
 /**
@@ -151,6 +200,15 @@ export interface UploadButtonCopy {
   uploadInProgress(percent: number): string;
   /** The component's own error, announced. Takes the message it wraps. */
   errorAnnouncement(message: string): string;
+  /**
+   * The two errors the control raises itself. Optional so a host's existing
+   * pack keeps compiling; the shipped packs carry both and the control falls
+   * back to the English one.
+   */
+  /** A file over `maxSizeMB`. */
+  fileTooLarge?: (maxSizeMB: number) => string;
+  /** `onUpload` rejected with something that is not an `Error`. */
+  uploadFailed?: string;
 }
 
 /**

package/src/copy/labels.ts

@@ -0,0 +1,120 @@
+/**
+ * The accessible names and small captions that components without a copy
+ * pack of their own used to hard-code in English.
+ *
+ * Each family is taken by its component as an OPTIONAL prop (`labels`, or a
+ * single `…Label` prop where the component renders one word), and the English
+ * pack in `en-US.labels.ts` answers for whatever a host leaves out. That keeps
+ * every key non-breaking: a host that passes nothing renders exactly what it
+ * rendered before these existed, and a pt-BR host passes
+ * `UI_LABELS['pt-BR'].<family>`.
+ */
+import type { DataGridCopy } from './data-display';
+
+/** Words several components share: a busy spinner's name, a close and a delete glyph. */
+export interface CommonLabels {
+  loading: string;
+  close: string;
+  delete: string;
+}
+
+/** What `Stepper` adds around the host's own step labels. */
+export interface StepperLabels {
+  /** The step circle's accessible name, from its 1-based position and label. */
+  step(position: number, label: string): string;
+  optional: string;
+  completed: string;
+  current: string;
+}
+
+/** `Timeline`'s expand toggle and each card's accessible name. */
+export interface TimelineLabels {
+  expandDetails: string;
+  collapseDetails: string;
+  item(title: string): string;
+}
+
+/** The two stand-in images' `alt`, built from the host's own `alt`. */
+export interface LazyImageLabels {
+  loadingAlt(alt: string): string;
+  fallbackAlt(alt: string): string;
+}
+
+/** The line under the toasts when more are queued than fit. */
+export interface SonnerLabels {
+  hiddenCount(count: number): string;
+}
+
+/** `RichTextEditor`'s toolbar tooltips, prompts, placeholder and accessible name. */
+export interface RichTextEditorLabels {
+  placeholder: string;
+  ariaLabel: string;
+  /** The text a new list starts with when nothing is selected. */
+  listItem: string;
+  bold: string;
+  italic: string;
+  underline: string;
+  strikethrough: string;
+  numberedList: string;
+  bulletedList: string;
+  insertLink: string;
+  insertImage: string;
+  codeBlock: string;
+  quote: string;
+  linkPrompt: string;
+  imagePrompt: string;
+}
+
+/** `Table`'s sort buttons and selection checkboxes. */
+export type TableLabels = Pick<DataGridCopy, 'sortBy' | 'selectRow' | 'selectAllRows'>;
+
+/** `Code`'s copy button, before and right after a copy. */
+export interface CodeLabels {
+  copy: string;
+  copied: string;
+}
+
+/** `ViewSelector`'s two options and `FilterTrigger`'s accessible name. */
+export interface ContentToolbarLabels {
+  gridView: string;
+  listView: string;
+  openFilters: string;
+  closeFilters: string;
+}
+
+/** `Dashboard.Breadcrumb`'s landmark name. */
+export interface DashboardLabels {
+  breadcrumb: string;
+}
+
+/** `NavigationMenu`'s collapse control. */
+export interface NavigationMenuLabels {
+  collapse: string;
+  /**
+   * The same control's accessible name while the menu is collapsed and shows
+   * only its icon. Optional: without it the control is named "Expand".
+   */
+  expand?: string;
+}
+
+/** `WorkflowStep`'s indicator names and its progressbar's value text. */
+export interface WorkflowStepLabels {
+  step(position: number, title: string): string;
+  progress(position: number, total: number): string;
+}
+
+/** Every family above, keyed by the component that renders it. */
+export interface UiLabels {
+  common: CommonLabels;
+  stepper: StepperLabels;
+  timeline: TimelineLabels;
+  lazyImage: LazyImageLabels;
+  sonner: SonnerLabels;
+  richTextEditor: RichTextEditorLabels;
+  table: TableLabels;
+  code: CodeLabels;
+  contentToolbar: ContentToolbarLabels;
+  dashboard: DashboardLabels;
+  navigationMenu: NavigationMenuLabels;
+  workflowStep: WorkflowStepLabels;
+}

package/src/copy/navigation.ts

@@ -16,6 +16,18 @@ export interface CommandPaletteCopy {
   /** The recent-commands group, and the nudge under "nothing found". */
   recent: string;
   tryAnotherTerm: string;
+  /**
+   * The keys below are optional so a host's existing pack keeps compiling; the
+   * shipped packs carry all of them and the component falls back to English.
+   */
+  /** The search box's placeholder, unless the `placeholder` prop wins. */
+  placeholder?: string;
+  /** The footer's count. */
+  commandCount?: (count: number) => string;
+  /** The empty state, naming what was typed. */
+  noCommandsFound?: (query: string) => string;
+  /** The group header of a command that names no `category`. */
+  general?: string;
 }
 
 /**

package/src/copy/utility.ts

@@ -30,7 +30,14 @@ export interface InstallPromptCopy {
   shareLabel: string;
 }
 
-/** The account card's one action. */
+/** The account card's one action, and the words standing in for a missing name. */
 export interface UserAvatarCopy {
   signOut: string;
+  /**
+   * The avatar's `alt`, and the card's name line, when the user has no name.
+   * Optional so a host's existing pack keeps compiling; the shipped packs carry
+   * both and the components fall back to the English one.
+   */
+  avatarAlt?: string;
+  unnamedUser?: string;
 }

package/src/copy.ts

@@ -22,6 +22,7 @@
 export type * from './copy/data-display';
 export type * from './copy/feedback';
 export type * from './copy/form';
+export type * from './copy/labels';
 export type * from './copy/layout';
 export type * from './copy/navigation';
 export type * from './copy/shared';

package/src/en-US.data-display.ts

@@ -43,18 +43,25 @@ export const EN_US_DATA_GRID_COPY: DataGridCopy = {
   gridLabel: "Data grid",
 };
 
-export const EN_US_MAP_PREVIEW_COPY: MapPreviewCopy = {
+export const EN_US_MAP_PREVIEW_COPY: Required<MapPreviewCopy> = {
   zoomIn: "Zoom in",
   zoomOut: "Zoom out",
   center: "Centre the map",
   mapType: "Change the map type",
   fullscreen: "Full screen",
   search: "Search for an address",
+  searchPlaceholder: "Search location...",
+  viewDescription: (lat, lng, zoom) => `Map preview centered at ${lat}, ${lng} with zoom level ${zoom}`,
+  mapTypeTitle: (name) => `Map type: ${name}`,
+  mapTypeNames: { roadmap: "roadmap", satellite: "satellite", hybrid: "hybrid", terrain: "terrain" },
+  coordinates: (lat, lng) => `Lat: ${lat}, Lng: ${lng}`,
+  zoomLevel: (zoom) => `Zoom: ${zoom}`,
 };
 
-export const EN_US_CAROUSEL_COPY: CarouselCopy = {
+export const EN_US_CAROUSEL_COPY: Required<CarouselCopy> = {
   previous: "Previous",
   next: "Next",
+  goToSlide: (position) => `Go to slide ${position}`,
 };
 
 export const EN_US_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {

package/src/en-US.feedback.ts

@@ -8,7 +8,7 @@ import type {
   TutorialCopy,
 } from './copy';
 
-export const EN_US_TUTORIAL_COPY: TutorialCopy = {
+export const EN_US_TUTORIAL_COPY: Required<TutorialCopy> = {
   skip: "Skip",
   previous: "Back",
   next: "Next",
@@ -16,6 +16,8 @@ export const EN_US_TUTORIAL_COPY: TutorialCopy = {
   complete: "Complete",
   finish: "Finish",
   requiresAction: "Complete the required action first",
+  progress: (current, total) => `${current} of ${total}`,
+  close: "Close",
 };
 
 export const EN_US_CHROME_COPY: ChromeCopy = {

package/src/en-US.form.ts

@@ -13,11 +13,28 @@ import type {
   UploadButtonCopy,
 } from './copy';
 
-export const EN_US_ADDRESS_AUTOCOMPLETE_COPY: AddressAutocompleteCopy = {
+export const EN_US_ADDRESS_AUTOCOMPLETE_COPY: Required<AddressAutocompleteCopy> = {
   loadingMaps: "Loading Google Maps…",
   mapsLoadFailed:
     "Could not load the Google Maps API. Check the API key and the internet connection.",
   useCurrentLocation: "Use my current location",
+  label: "Address",
+  placeholder: "Enter an address",
+  typeToSearch: "Type at least 3 characters",
+  noAddressesFound: "No addresses found",
+  // MUI's own words for the row, which the field showed before it had a key.
+  loadingSuggestions: "Loading…",
+  mapsApiLoadFailed: "Failed to load Google Maps API",
+  mapsServicesInitFailed: "Failed to initialize Google Maps services",
+  fetchSuggestionsFailed: "Failed to fetch address suggestions",
+  addressDetailsNotFound: "Address details not found",
+  addressDetailsFailed: "Failed to get address details",
+  noMockLocation: "No mock location available",
+  mockLocationNotFound: "Mock location details not found",
+  locationAddressFailed: "Unable to retrieve address for current location",
+  geolocationUnsupported: "Geolocation is not supported by this browser",
+  geocoderUnavailable: "Geocoding service not available",
+  locationFailed: "Unable to retrieve your location",
 };
 
 export const EN_US_AUTOCOMPLETE_COPY: AutocompleteCopy = {
@@ -70,7 +87,7 @@ export const EN_US_PASSWORD_STRENGTH_COPY: PasswordStrengthCopy = {
   },
 };
 
-export const EN_US_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
+export const EN_US_RICH_EDITOR_TOOLBAR_COPY: Required<RichEditorToolbarCopy> = {
   bold: "Bold",
   italic: "Italic",
   underline: "Underline",
@@ -82,17 +99,21 @@ export const EN_US_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
   textColor: "Text colour",
   backgroundColor: "Background colour",
   linkPrompt: "Enter the URL:",
+  editorLabel: "Rich text editor",
 };
 
-export const EN_US_PHONE_INPUT_COPY: PhoneInputCopy = {
+export const EN_US_PHONE_INPUT_COPY: Required<PhoneInputCopy> = {
   selectCountry: "Select country",
   invalidNumber: (countryName) => `Not a valid phone number for ${countryName}`,
   // Substituted into the sentence above when no country is chosen, so it has to
   // read as a noun phrase inside it rather than as a sentence of its own.
   unknownCountry: "the selected country",
+  countryName: (_code, englishName) => englishName,
+  label: "Phone Number",
+  placeholder: "Enter phone number",
 };
 
-export const EN_US_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
+export const EN_US_UPLOAD_BUTTON_COPY: Required<UploadButtonCopy> = {
   buttonLabel: "Upload a file",
   dropzoneHint: "Drop the file here, or click to choose one",
   dropzoneRole: (label) => `File upload area. ${label}`,
@@ -101,6 +122,8 @@ export const EN_US_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
   percentUploaded: (percent) => `${percent}% uploaded`,
   uploadInProgress: (percent) => `Upload in progress: ${percent}%`,
   errorAnnouncement: (message) => `Error: ${message}`,
+  fileTooLarge: (maxSizeMB) => `File size must be less than ${maxSizeMB}MB`,
+  uploadFailed: "Upload failed",
 };
 
 export const EN_US_SOCIAL_LOGIN_COPY: SocialLoginCopy = {

package/src/en-US.labels.ts

@@ -0,0 +1,76 @@
+/**
+ * The en-US labels pack — and, unlike the other en-US packs, the components'
+ * own fallback: each `labels` prop is optional, and this is what a host that
+ * passes nothing has always rendered, kept word for word (including the
+ * lower-case `close`/`loading` names tests already query by).
+ */
+import type { UiLabels } from './copy/labels';
+
+export const EN_US_UI_LABELS: UiLabels = {
+  common: {
+    loading: "loading",
+    close: "close",
+    delete: "delete",
+  },
+  stepper: {
+    step: (position, label) => `Step ${position}: ${label}`,
+    optional: "optional",
+    completed: "completed",
+    current: "current",
+  },
+  timeline: {
+    expandDetails: "Expand item details",
+    collapseDetails: "Collapse item details",
+    item: (title) => `Timeline item: ${title}`,
+  },
+  lazyImage: {
+    loadingAlt: (alt) => `${alt} (loading)`,
+    fallbackAlt: (alt) => `${alt} (fallback)`,
+  },
+  sonner: {
+    hiddenCount: (count) => `+${count} more`,
+  },
+  richTextEditor: {
+    placeholder: "Start typing...",
+    ariaLabel: "Rich text editor",
+    listItem: "List item",
+    bold: "Bold",
+    italic: "Italic",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    numberedList: "Numbered List",
+    bulletedList: "Bulleted List",
+    insertLink: "Insert Link",
+    insertImage: "Insert Image",
+    codeBlock: "Code Block",
+    quote: "Quote",
+    linkPrompt: "Enter URL:",
+    imagePrompt: "Enter image URL:",
+  },
+  table: {
+    sortBy: (header) => `Sort by ${header}`,
+    selectRow: (rowNumber) => `select row ${rowNumber}`,
+    selectAllRows: "select all",
+  },
+  code: {
+    copy: "Copy code",
+    copied: "Copied!",
+  },
+  contentToolbar: {
+    gridView: "Grid View",
+    listView: "List View",
+    openFilters: "Open filters",
+    closeFilters: "Close filters",
+  },
+  dashboard: {
+    breadcrumb: "breadcrumb",
+  },
+  navigationMenu: {
+    collapse: "Collapse",
+    expand: "Expand",
+  },
+  workflowStep: {
+    step: (position, title) => `Step ${position}: ${title}`,
+    progress: (position, total) => `Step ${position} of ${total}`,
+  },
+};

package/src/en-US.navigation.ts

@@ -8,7 +8,7 @@ import type {
   SectionNavCopy,
 } from './copy';
 
-export const EN_US_COMMAND_PALETTE_COPY: CommandPaletteCopy = {
+export const EN_US_COMMAND_PALETTE_COPY: Required<CommandPaletteCopy> = {
   execute: "Run",
   // The arrow glyphs and the key name are part of the hint a reader looks at
   // while their hands are on the keyboard, so they survive translation intact.
@@ -16,6 +16,10 @@ export const EN_US_COMMAND_PALETTE_COPY: CommandPaletteCopy = {
   close: "ESC Close",
   recent: "Recent",
   tryAnotherTerm: "Try another term",
+  placeholder: "Type a command or search...",
+  commandCount: (count) => `${count} commands`,
+  noCommandsFound: (query) => `No commands found for "${query}"`,
+  general: "General",
 };
 
 export const EN_US_BREADCRUMB_COPY: BreadcrumbCopy = {

package/src/en-US.ts

@@ -18,6 +18,7 @@
 export * from './en-US.data-display';
 export * from './en-US.feedback';
 export * from './en-US.form';
+export * from './en-US.labels';
 export * from './en-US.layout';
 export * from './en-US.navigation';
 export * from './en-US.shared';

package/src/en-US.utility.ts

@@ -19,6 +19,8 @@ export const EN_US_INSTALL_PROMPT_COPY: InstallPromptCopy = {
   shareLabel: "Share",
 };
 
-export const EN_US_USER_AVATAR_COPY: UserAvatarCopy = {
+export const EN_US_USER_AVATAR_COPY: Required<UserAvatarCopy> = {
   signOut: "Sign out",
+  avatarAlt: "User avatar",
+  unnamedUser: "User",
 };

package/src/locales.ts

@@ -46,6 +46,7 @@ import type {
   TableFilterCopy,
   TimingDiagramCopy,
   TutorialCopy,
+  UiLabels,
   UploadButtonCopy,
   UserAvatarCopy,
 } from "./copy";
@@ -171,3 +172,6 @@ export const USER_AVATAR_COPY = pack<UserAvatarCopy>(
   pt.PT_BR_USER_AVATAR_COPY,
   en.EN_US_USER_AVATAR_COPY,
 );
+
+// labels: the optional accessible names components fall back to English for
+export const UI_LABELS = pack<UiLabels>(pt.PT_BR_UI_LABELS, en.EN_US_UI_LABELS);

package/src/pt-BR.data-display.ts

@@ -43,18 +43,25 @@ export const PT_BR_DATA_GRID_COPY: DataGridCopy = {
   gridLabel: "Grade de dados",
 };
 
-export const PT_BR_MAP_PREVIEW_COPY: MapPreviewCopy = {
+export const PT_BR_MAP_PREVIEW_COPY: Required<MapPreviewCopy> = {
   zoomIn: "Aproximar",
   zoomOut: "Afastar",
   center: "Centralizar o mapa",
   mapType: "Trocar o tipo de mapa",
   fullscreen: "Tela cheia",
   search: "Buscar endereço",
+  searchPlaceholder: "Buscar local...",
+  viewDescription: (lat, lng, zoom) => `Mapa centralizado em ${lat}, ${lng}, zoom ${zoom}`,
+  mapTypeTitle: (name) => `Tipo de mapa: ${name}`,
+  mapTypeNames: { roadmap: "mapa", satellite: "satélite", hybrid: "híbrido", terrain: "relevo" },
+  coordinates: (lat, lng) => `Lat.: ${lat}, Long.: ${lng}`,
+  zoomLevel: (zoom) => `Zoom: ${zoom}`,
 };
 
-export const PT_BR_CAROUSEL_COPY: CarouselCopy = {
+export const PT_BR_CAROUSEL_COPY: Required<CarouselCopy> = {
   previous: "Anterior",
   next: "Próximo",
+  goToSlide: (position) => `Ir para o slide ${position}`,
 };
 
 export const PT_BR_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {

package/src/pt-BR.feedback.ts

@@ -8,7 +8,7 @@ import type {
   TutorialCopy,
 } from './copy';
 
-export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
+export const PT_BR_TUTORIAL_COPY: Required<TutorialCopy> = {
   skip: "Pular",
   previous: "Anterior",
   next: "Próximo",
@@ -16,6 +16,8 @@ export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
   complete: "Concluir",
   finish: "Finalizar",
   requiresAction: "Conclua a ação obrigatória primeiro",
+  progress: (current, total) => `${current} de ${total}`,
+  close: "Fechar",
 };
 
 export const PT_BR_CHROME_COPY: ChromeCopy = {

package/src/pt-BR.form.ts

@@ -13,11 +13,27 @@ import type {
   UploadButtonCopy,
 } from './copy';
 
-export const PT_BR_ADDRESS_AUTOCOMPLETE_COPY: AddressAutocompleteCopy = {
+export const PT_BR_ADDRESS_AUTOCOMPLETE_COPY: Required<AddressAutocompleteCopy> = {
   loadingMaps: "Carregando o Google Maps…",
   mapsLoadFailed:
     "Não foi possível carregar a API do Google Maps. Verifique a chave da API e a conexão com a internet.",
   useCurrentLocation: "Usar a localização atual",
+  label: "Endereço",
+  placeholder: "Digite um endereço",
+  typeToSearch: "Digite ao menos 3 caracteres",
+  noAddressesFound: "Nenhum endereço encontrado",
+  loadingSuggestions: "Carregando…",
+  mapsApiLoadFailed: "Não foi possível carregar o mapa",
+  mapsServicesInitFailed: "Não foi possível iniciar o mapa",
+  fetchSuggestionsFailed: "Não foi possível buscar sugestões de endereço",
+  addressDetailsNotFound: "Detalhes do endereço não encontrados",
+  addressDetailsFailed: "Não foi possível obter os detalhes do endereço",
+  noMockLocation: "Nenhuma localização de teste disponível",
+  mockLocationNotFound: "Detalhes da localização de teste não encontrados",
+  locationAddressFailed: "Não foi possível obter o endereço da localização atual",
+  geolocationUnsupported: "Este navegador não oferece geolocalização",
+  geocoderUnavailable: "Serviço de geocodificação indisponível",
+  locationFailed: "Não foi possível obter a sua localização",
 };
 
 export const PT_BR_AUTOCOMPLETE_COPY: AutocompleteCopy = {
@@ -65,7 +81,7 @@ export const PT_BR_PASSWORD_STRENGTH_COPY: PasswordStrengthCopy = {
   },
 };
 
-export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
+export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: Required<RichEditorToolbarCopy> = {
   bold: "Negrito",
   italic: "Itálico",
   underline: "Sublinhado",
@@ -77,15 +93,33 @@ export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
   textColor: "Cor do texto",
   backgroundColor: "Cor de fundo",
   linkPrompt: "Informe a URL:",
+  editorLabel: "Editor de texto",
 };
 
-export const PT_BR_PHONE_INPUT_COPY: PhoneInputCopy = {
+// Built on first use, not at import: a host that never mounts the phone field
+// pays nothing, and a runtime without `Intl.DisplayNames` keeps the English name.
+let ptBrRegionNames: Intl.DisplayNames | null | undefined;
+const ptBrCountryName = (code: string): string | undefined => {
+  if (ptBrRegionNames === undefined) {
+    ptBrRegionNames =
+      typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function"
+        ? new Intl.DisplayNames(["pt-BR"], { type: "region", fallback: "none" })
+        : null;
+  }
+  return ptBrRegionNames?.of(code);
+};
+
+export const PT_BR_PHONE_INPUT_COPY: Required<PhoneInputCopy> = {
   selectCountry: "Selecionar o país",
   invalidNumber: (countryName) => `Telefone inválido para ${countryName}`,
   unknownCountry: "o país selecionado",
+  countryName: (code, englishName) => ptBrCountryName(code) ?? englishName,
+  label: "Telefone",
+  // 92px: the input beside the country picker is 95px wide on a 320 screen.
+  placeholder: "Seu número",
 };
 
-export const PT_BR_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
+export const PT_BR_UPLOAD_BUTTON_COPY: Required<UploadButtonCopy> = {
   buttonLabel: "Enviar arquivo",
   dropzoneHint: "Solte o arquivo aqui ou clique para escolher",
   dropzoneRole: (label) => `Área de upload de arquivo. ${label}`,
@@ -94,6 +128,8 @@ export const PT_BR_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
   percentUploaded: (percent) => `${percent}% enviado`,
   uploadInProgress: (percent) => `Envio em andamento: ${percent}%`,
   errorAnnouncement: (message) => `Erro: ${message}`,
+  fileTooLarge: (maxSizeMB) => `O arquivo deve ter menos de ${maxSizeMB} MB`,
+  uploadFailed: "Falha no envio",
 };
 
 export const PT_BR_SOCIAL_LOGIN_COPY: SocialLoginCopy = {