@12-apps/ui 6.78.4 → 6.79.0

package/dist/types-native/components/form/Switch/Switch.types.native.d.ts

@@ -22,6 +22,8 @@ export type SwitchProps = SwitchBaseProps & Omit<ViewProps, keyof SwitchBaseProp
     /** Both spellings fire, as `Button`'s do. */
     onClick?: (event: GestureResponderEvent) => void;
     onPress?: (event: GestureResponderEvent) => void;
+    /** The busy spinner's accessible name; defaults to the labels pack's `loading`. */
+    loadingLabel?: string;
     style?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=Switch.types.native.d.ts.map

package/dist/types-native/components/form/Switch/Switch.types.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEzF;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC9B;AAED,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"Switch.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEzF;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC9B;AAED,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/types-native/copy/data-display.d.ts

@@ -0,0 +1,119 @@
+/**
+ * The display family's words — the lightbox and map viewers, the carousel,
+ * the timing diagram, and the shared empty/error states.
+ *
+ * Split out of `copy.ts`, which is a barrel over this folder: one file
+ * listing every family is the file that grows on every port, and it stopped
+ * fitting the 400-line budget the rest of this package holds itself to.
+ */
+/**
+ * The lightbox's controls, every one of them a glyph with no text.
+ *
+ * So this object IS what a screen-reader user hears for the whole viewer —
+ * which is why it shipped as English literals for so long without anyone
+ * noticing: the sighted path renders identically either way.
+ */
+export interface LightboxCopy {
+    close: string;
+    previous: string;
+    next: string;
+    zoomIn: string;
+    zoomOut: string;
+    resetZoom: string;
+    /** The slideshow toggle, in its two states. */
+    play: string;
+    pause: string;
+    /** The dialog's own accessible name, read out before its hidden title. */
+    dialogLabel: string;
+    /** The hidden title's item count, when the current item has no `alt`. */
+    itemPosition: (index: number, total: number) => string;
+    /** A `<video>`'s accessible name, when the item has no `alt`. */
+    videoFallback: (index: number, total: number) => string;
+    /** An `<img>`'s `alt`, when the item has no `alt`. */
+    imageFallback: (index: number, total: number) => string;
+    /** A filmstrip thumbnail's `alt`, when the item has no `alt`. */
+    thumbnailFallback: (index: number) => string;
+}
+/** The map preview's control bar — same shape, same reason, as the lightbox. */
+export interface MapPreviewCopy {
+    zoomIn: string;
+    zoomOut: string;
+    center: string;
+    mapType: string;
+    fullscreen: string;
+    search: string;
+    /**
+     * Everything below is optional so a host's existing pack keeps compiling; the
+     * shipped packs always carry it and the component falls back to the English one.
+     */
+    /** The search field's placeholder, unless the `searchPlaceholder` prop wins. */
+    searchPlaceholder?: string;
+    /** The map's accessible name, read again whenever the view moves. */
+    viewDescription?: (lat: string, lng: string, zoom: number) => string;
+    /** The map-type button's tooltip, given the type's name from `mapTypeNames`. */
+    mapTypeTitle?: (name: string) => string;
+    mapTypeNames?: {
+        roadmap: string;
+        satellite: string;
+        hybrid: string;
+        terrain: string;
+    };
+    /** The marker caption under the map: coordinates, then the zoom level. */
+    coordinates?: (lat: string, lng: string) => string;
+    zoomLevel?: (zoom: number) => string;
+}
+/** The carousel's two arrows, which carry a glyph and nothing else. */
+export interface CarouselCopy {
+    previous: string;
+    next: string;
+    /**
+     * Each indicator's accessible name, from its 1-based position. Optional so a
+     * host's existing pack keeps compiling; the shipped packs always carry it.
+     */
+    goToSlide?: (position: number) => string;
+}
+/** The request-timing diagram's own words: its region, its phases, its totals. */
+export interface TimingDiagramCopy {
+    regionLabel: string;
+    heading: string;
+    /** The five phases a waterfall/stacked/horizontal bar can show. */
+    dns: string;
+    connect: string;
+    ssl: string;
+    request: string;
+    response: string;
+    /** The stacked view's own total sentence, e.g. "Total: 1.20s". */
+    total: (formatted: string) => string;
+    /** The horizontal view's own total sentence, e.g. "Total Time: 1.20s". */
+    totalTime: (formatted: string) => string;
+}
+/**
+ * The DataGrid's own words — every one a fallback the caller can still
+ * override: `column.ariaLabel`, `expansion.expandLabel`/`collapseLabel` and
+ * the grid's own `ariaLabel` all win when given. REQUIRED: the fallbacks were
+ * English literals with no way to localise them at all.
+ */
+export interface DataGridCopy {
+    /** A sortable header button's accessible name, unless the column's own `ariaLabel` wins. */
+    sortBy: (header: string) => string;
+    /** A row's selection checkbox, unless `selection` is off. */
+    selectRow: (rowNumber: number) => string;
+    /** The header's select-all checkbox. */
+    selectAllRows: string;
+    /** The expand chevron's two states, unless `expansion.expandLabel`/`collapseLabel` win. */
+    expandRow: string;
+    collapseRow: string;
+    /** The grid's own accessible name, unless the caller's `ariaLabel` wins. */
+    gridLabel: string;
+}
+export interface DataStateCopy {
+    /** No rows at all — distinct from "no rows for these filters". */
+    empty: string;
+    loading: string;
+    /** The infinite scroller reached the end. */
+    endOfList: string;
+    /** An alert's and a banner's dismiss, neither of which has a visible label. */
+    dismissAlert: string;
+    dismissBanner: string;
+}
+//# sourceMappingURL=data-display.d.ts.map

package/dist/types-native/copy/data-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-display.d.ts","sourceRoot":"","sources":["../../../src/copy/data-display.ts"],"names":[],"mappings":"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"}

package/dist/types-native/copy/labels.d.ts

@@ -0,0 +1,108 @@
+/**
+ * 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;
+}
+//# sourceMappingURL=labels.d.ts.map

package/dist/types-native/copy/labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/copy/labels.ts"],"names":[],"mappings":"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"}

package/dist/types-native/en-US.labels.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 declare const EN_US_UI_LABELS: UiLabels;
+//# sourceMappingURL=en-US.labels.d.ts.map

package/dist/types-native/en-US.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.labels.d.ts","sourceRoot":"","sources":["../../src/en-US.labels.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAO,MAAM,eAAe,EAAE,QAmE7B,CAAC"}

package/dist/typography/Code.js

@@ -1,7 +1,8 @@
 import "../chunk-DURAH4VI.js";
 import {
   Code
-} from "../chunk-TTCVYY2B.js";
+} from "../chunk-CYKINZKO.js";
+import "../chunk-W5PRZHLU.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";
 import "../chunk-N3GAFIXG.js";

package/dist/user-avatar.js

@@ -1,18 +1,19 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-OE3SQOZV.js";
+} from "./chunk-U6XXAVBO.js";
+import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-KARMRTTM.js";
-import "./chunk-7XSCEHGA.js";
-import "./chunk-MTEQEPNY.js";
-import "./chunk-6ZZGK5DT.js";
+import "./chunk-J2RUDZVJ.js";
 import "./chunk-3ZVUNSFF.js";
+import "./chunk-EOQ6EKTS.js";
+import "./chunk-6ZZGK5DT.js";
+import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
-import "./chunk-4XBAEKQQ.js";
-import "./chunk-FKUYRQSP.js";
+import "./chunk-W2RXXF7K.js";
 import "./chunk-PLB6WWXW.js";
+import "./chunk-FKUYRQSP.js";
 import "./chunk-HDBP55R3.js";
 import "./chunk-BA4RHQ3B.js";
 import "./chunk-5USHYSCO.js";

package/dist/utility/InstallPrompt.js

@@ -1,11 +1,11 @@
 import "../chunk-3QQVEYOR.js";
 import {
   InstallPrompt
-} from "../chunk-JE6RZ5L6.js";
+} from "../chunk-5ZOJLYD2.js";
+import "../chunk-GY62N32G.js";
 import {
   usePwaInstall
 } from "../chunk-5GMHJ7Y5.js";
-import "../chunk-GY62N32G.js";
 import "../chunk-WXYLH3QZ.js";
 import {
   PWA_INSTALL_AVAILABLE_EVENT,

package/dist/utility/WorkflowStep.js

@@ -1,10 +1,12 @@
 import "../chunk-IO36MEBD.js";
 import {
   WorkflowStep
-} from "../chunk-HZK4DRGF.js";
-import "../chunk-VNVV6Y2X.js";
-import "../chunk-SV6IQ2YO.js";
-import "../chunk-XKSA4L2X.js";
+} from "../chunk-V7INHV5V.js";
+import "../chunk-RECD3XOL.js";
+import "../chunk-LIWONEAU.js";
+import "../chunk-6MGYPTAL.js";
+import "../chunk-LL2BWQPM.js";
+import "../chunk-W5PRZHLU.js";
 import "../chunk-B7ZHEOQQ.js";
 import "../chunk-ENRB6PIN.js";
 import "../chunk-25MSGLNU.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.78.4",
+  "version": "6.79.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",
@@ -803,7 +803,7 @@
     "react-native-safe-area-context": ">=5.0.0"
   },
   "dependencies": {
-    "@12-apps/forms-core": "^1.21.0",
+    "@12-apps/forms-core": "^1.22.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@monaco-editor/react": "^4.7.0",

package/src/components/data-display/AlertDialog/AlertDialog.tsx

@@ -11,6 +11,7 @@ import { alpha, keyframes, styled } from '@mui/material/styles/index.js';
 import type { Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 
+import { EN_US_UI_LABELS } from '../../../en-US.labels';
 import { neutralTones } from '../../../tokens/ink';
 
 import { AlertDialogFooter } from './AlertDialog.parts';
@@ -238,6 +239,7 @@ export const AlertDialog = React.forwardRef<HTMLDivElement, AlertDialogProps>(
     icon,
     cancelText,
     confirmText,
+    closeLabel = EN_US_UI_LABELS.common.close,
     onCancel,
     onConfirm,
     showCancel,
@@ -267,7 +269,7 @@ export const AlertDialog = React.forwardRef<HTMLDivElement, AlertDialogProps>(
         {...props}
       >
         <CloseButton
-          aria-label="close"
+          aria-label={closeLabel}
           onClick={handleCancel}
           size="small"
           data-testid={`${dataTestId}-close-button`}

package/src/components/data-display/AlertDialog/AlertDialog.types.ts

@@ -42,6 +42,12 @@ export interface AlertDialogProps extends Omit<MuiDialogProps, 'variant'> {
    */
   confirmText?: string;
 
+  /**
+   * The corner close button's accessible name. Defaults to `close`, as it
+   * always read; a host passes `CHROME_COPY[locale].closePanel`.
+   */
+  closeLabel?: string;
+
   /**
    * Callback when cancel is clicked
    */

package/src/components/data-display/Badge/Badge.native.tsx

@@ -152,6 +152,7 @@ export const Badge = React.forwardRef<View, BadgeProps>((rawProps, ref) => {
     invisible,
     closable,
     onClose,
+    closeLabel,
     icon,
     children,
     style,
@@ -196,6 +197,7 @@ export const Badge = React.forwardRef<View, BadgeProps>((rawProps, ref) => {
               content={content}
               idFor={idFor}
               onClose={zoom.close}
+              closeLabel={closeLabel}
             />
           </Animated.View>
         </View>

package/src/components/data-display/Badge/Badge.types.native.ts

@@ -12,5 +12,7 @@ export type {
 /** The native `Badge`: the shared contract, plus a `View`'s own props. */
 export type BadgeProps = BadgeBaseProps &
   Omit<ViewProps, keyof BadgeBaseProps | 'style'> & {
+    /** The close button's accessible name; defaults to `UI_LABELS['en-US'].common.close`. */
+    closeLabel?: string;
     style?: StyleProp<ViewStyle>;
   };

package/src/components/data-display/Badge/BadgeContent.native.tsx

@@ -4,6 +4,7 @@ import { Pressable, StyleSheet, View } from 'react-native';
 import type { BadgeSize, BadgeVariant } from './Badge.base';
 import { badgeMetrics, badgeTextStyle } from './Badge.look.native';
 import { BADGE_CONTENT_GAP } from './Badge.metrics';
+import { EN_US_UI_LABELS } from '../../../en-US.labels';
 import { Icon } from '../../../icons/Icon.native';
 import { renderTextChildren } from '../../../platform/text-children';
 import { useUiTheme } from '../../../provider/use-ui-theme.native';
@@ -18,6 +19,7 @@ export interface BadgeContentProps {
   content: React.ReactNode;
   idFor: (suffix: string) => string;
   onClose: () => void;
+  closeLabel?: string;
 }
 
 /**
@@ -34,6 +36,7 @@ export function BadgeContent({
   content,
   idFor,
   onClose,
+  closeLabel = EN_US_UI_LABELS.common.close,
 }: BadgeContentProps): React.JSX.Element | null {
   const theme = useUiTheme();
   if (variant === 'dot') return null;
@@ -59,7 +62,7 @@ export function BadgeContent({
         <Pressable
           testID={idFor('close')}
           role="button"
-          aria-label="close"
+          aria-label={closeLabel}
           onPress={onClose}
           style={styles.close}
         >

package/src/components/data-display/Carousel/Carousel.chrome.tsx

@@ -68,6 +68,7 @@ export const CarouselChrome: React.FC<CarouselChromeProps> = ({
 
     {showIndicators && (
       <CarouselIndicators
+        copy={copy}
         count={items.length}
         activeIndex={activeIndex}
         onSelect={onSelect}

package/src/components/data-display/Carousel/Carousel.parts.tsx

@@ -10,6 +10,7 @@ import React from 'react';
 
 import { withDefaults } from '../../../utils/withDefaults';
 
+import { EN_US_CAROUSEL_COPY } from '../../../en-US.data-display';
 import { neutralTones } from '../../../tokens/ink';
 import { accentFor, muiSize, rem } from '../../../tokens/scales';
 
@@ -51,26 +52,27 @@ const INDICATOR_POSITIONS = (theme: Theme): Record<IndicatorPosition, CSSObject>
 
 interface IndicatorProps {
   index: number;
+  label: string;
   isActive: boolean;
   color: Color;
   onSelect: () => void;
 }
 
 /** Attributes every indicator variant carries, whatever it draws. */
-const indicatorAttrs = (index: number, isActive: boolean) => ({
-  'aria-label': `Go to slide ${index + 1}`,
+const indicatorAttrs = (index: number, isActive: boolean, label: string) => ({
+  'aria-label': label,
   'data-testid': `carousel-indicator-${index}`,
   'data-active': isActive,
 });
 
-const LineIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {
+const LineIndicator: React.FC<IndicatorProps> = ({ index, label, isActive, color, onSelect }) => {
   const theme = useTheme();
 
   return (
     <Box
       role="button"
       tabIndex={0}
-      {...indicatorAttrs(index, isActive)}
+      {...indicatorAttrs(index, isActive, label)}
       sx={{
         width: rem(theme, isActive ? 30 : 20),
         height: rem(theme, 3),
@@ -87,14 +89,14 @@ const LineIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSel
   );
 };
 
-const NumberIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {
+const NumberIndicator: React.FC<IndicatorProps> = ({ index, label, isActive, color, onSelect }) => {
   const theme = useTheme();
 
   return (
     <Box
       role="button"
       tabIndex={0}
-      {...indicatorAttrs(index, isActive)}
+      {...indicatorAttrs(index, isActive, label)}
       sx={{
         width: rem(theme, 24),
         height: rem(theme, 24),
@@ -118,13 +120,13 @@ const NumberIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onS
   );
 };
 
-const DotIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {
+const DotIndicator: React.FC<IndicatorProps> = ({ index, label, isActive, color, onSelect }) => {
   const theme = useTheme();
 
   return (
     <IconButton
       size="small"
-      {...indicatorAttrs(index, isActive)}
+      {...indicatorAttrs(index, isActive, label)}
       onClick={onSelect}
       sx={{
         p: 0.5,
@@ -151,13 +153,14 @@ const INDICATORS_DEFAULTS = {
 } satisfies Partial<CarouselIndicatorsProps>;
 
 export const CarouselIndicators: React.FC<CarouselIndicatorsProps> = (props) => {
-  const { count, activeIndex, onSelect, position, color, variant, className, style } = withDefaults(
+  const { count, activeIndex, onSelect, position, color, variant, className, style, copy } = withDefaults(
     props,
     INDICATORS_DEFAULTS,
   ) as CarouselIndicatorsProps & Required<Pick<CarouselIndicatorsProps, keyof typeof INDICATORS_DEFAULTS>>;
 
   const theme = useTheme();
   const Indicator = INDICATORS[variant] ?? DotIndicator;
+  const goToSlide = copy?.goToSlide ?? EN_US_CAROUSEL_COPY.goToSlide;
 
   return (
     <Box
@@ -176,6 +179,7 @@ export const CarouselIndicators: React.FC<CarouselIndicatorsProps> = (props) =>
         <Indicator
           key={index}
           index={index}
+          label={goToSlide(index + 1)}
           isActive={index === activeIndex}
           color={color}
           onSelect={() => onSelect(index)}

package/src/components/data-display/Carousel/Carousel.types.ts

@@ -59,6 +59,8 @@ export interface CarouselIndicatorsProps {
   position?: 'top' | 'bottom' | 'left' | 'right';
   color?: ColorValue;
   variant?: 'dots' | 'lines' | 'numbers';
+  /** Names each indicator through `goToSlide`; the English pack's wording when omitted. */
+  copy?: CarouselCopy;
   className?: string;
   style?: CSSProperties;
 }

package/src/components/data-display/Chip/Chip.native.tsx

@@ -22,6 +22,7 @@ import {
 } from './Chip.look.native';
 import { chipMuiSize, type ChipSizeMetrics } from './Chip.metrics';
 import type { ChipProps, ChipVariant } from './Chip.types.native';
+import { EN_US_UI_LABELS } from '../../../en-US.labels';
 import { Icon } from '../../../icons/Icon.native';
 import { webKeyDown, type WebKeyHandler } from '../../../platform/web-keys';
 import { useUiTheme } from '../../../provider/use-ui-theme.native';
@@ -75,10 +76,12 @@ function DeleteSlot({
   variant,
   color,
   onDelete,
+  deleteLabel = EN_US_UI_LABELS.common.delete,
   disabled,
   testID,
 }: SlotArgs & {
   color: string;
+  deleteLabel?: string;
   onDelete?: () => void;
   disabled?: boolean;
   testID: string;
@@ -87,7 +90,7 @@ function DeleteSlot({
     <Pressable
       testID={testID}
       role="button"
-      aria-label="delete"
+      aria-label={deleteLabel}
       disabled={disabled}
       onPress={onDelete}
       style={chipDeleteSlotStyle(metrics, variant)}
@@ -106,6 +109,7 @@ interface ChipBodyProps extends SlotArgs {
   deletable?: boolean;
   disabled?: boolean;
   onDelete?: () => void;
+  deleteLabel?: string;
   idFor: (suffix: string) => string;
 }
 
@@ -121,6 +125,7 @@ function ChipBody({
   deletable,
   disabled,
   onDelete,
+  deleteLabel,
   idFor,
 }: ChipBodyProps): React.JSX.Element {
   const theme = useUiTheme();
@@ -147,6 +152,7 @@ function ChipBody({
           variant={variant}
           color={paint.deleteColor}
           onDelete={onDelete}
+          deleteLabel={deleteLabel}
           disabled={disabled}
           testID={idFor('delete')}
         />
@@ -208,6 +214,7 @@ export const Chip = React.forwardRef<View, ChipProps>((props, ref) => {
     onClick,
     onPress,
     onDelete,
+    deleteLabel,
     dataTestId,
     testID,
     style,
@@ -260,6 +267,7 @@ export const Chip = React.forwardRef<View, ChipProps>((props, ref) => {
         deletable={deletable}
         disabled={disabled}
         onDelete={onDelete}
+        deleteLabel={deleteLabel}
         idFor={makeTestId(chipId)}
       />
     </Pressable>

package/src/components/data-display/Chip/Chip.types.native.ts

@@ -24,5 +24,7 @@ export type { ChipBaseProps, ChipColor, ChipSize, ChipVariant } from './Chip.bas
 export type ChipProps = ChipBaseProps &
   Omit<PressableProps, keyof ChipBaseProps | 'style' | 'onPress'> & {
     onPress?: (event: GestureResponderEvent) => void;
+    /** The delete button's accessible name; defaults to `UI_LABELS['en-US'].common.delete`. */
+    deleteLabel?: string;
     style?: StyleProp<ViewStyle>;
   };

package/src/components/data-display/LazyImage/LazyImage.hooks.ts

@@ -68,7 +68,7 @@ const OWN_PROPS = new Set([
   'threshold', 'fadeIn', 'fadeInDuration', 'onLoad', 'onError', 'onLoadStart',
   'retryOnError', 'maxRetries', 'retryDelay', 'decoding', 'loading', 'fetchPriority',
   'skeletonProps', 'spinnerProps', 'sx', 'className', 'data-testid', 'aria-label',
-  'aria-describedby', 'role',
+  'aria-describedby', 'role', 'placeholderAlt', 'fallbackAlt',
 ]);
 
 export const imgPassThrough = (props: ResolvedLazyImageProps): Record<string, unknown> =>