@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/typescript/module/components/ForceUpdateDialog/ForceUpdateDialog.d.ts

@@ -1,5 +1,12 @@
 import type React from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+export interface ForceUpdateDialogLabels {
+    title: string;
+    message: string;
+    update: string;
+    later: string;
+}
+export declare const DEFAULT_FORCE_UPDATE_DIALOG_LABELS: ForceUpdateDialogLabels;
 export interface ForceUpdateDialogProps {
     /** Whether the dialog is visible. */
     visible: boolean;
@@ -12,14 +19,12 @@ export interface ForceUpdateDialogProps {
     mandatory?: boolean;
     /** Optional override of the destination URL (defaults to the platform store). */
     updateUrl?: string | null;
-    /** Custom dialog title. */
+    /** Per-call title override; wins over `labels.title`. */
     title?: string;
-    /** Custom dialog message. */
+    /** Per-call message override; wins over `labels.message`. */
     message?: string;
-    /** Custom label for the primary "Update" action. */
-    updateLabel?: string;
-    /** Custom label for the dismiss action. Hidden when `mandatory`. */
-    laterLabel?: string;
+    /** Copy overrides merged over the defaults. `later` is hidden when `mandatory`. */
+    labels?: Partial<ForceUpdateDialogLabels>;
     /** Forwarded to the underlying Dialog container. */
     containerStyle?: StyleProp<ViewStyle>;
     /** Forwarded to the underlying Dialog title Text. */

package/lib/typescript/module/components/ForceUpdateDialog/index.d.ts

@@ -1,3 +1,3 @@
-export type { ForceUpdateDialogProps } from "./ForceUpdateDialog.js";
-export { default, ForceUpdateDialog } from "./ForceUpdateDialog.js";
+export type { ForceUpdateDialogLabels, ForceUpdateDialogProps } from "./ForceUpdateDialog.js";
+export { DEFAULT_FORCE_UPDATE_DIALOG_LABELS, default, ForceUpdateDialog } from "./ForceUpdateDialog.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/FormField/FormField.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
-import type { FieldInputProps } from "../../form/types.js";
 export type FormFieldLayout = "stacked" | "inline";
+export interface FormFieldLabels {
+    labelWithError: (label: string, error: string) => string;
+}
+export declare const DEFAULT_FORM_FIELD_LABELS: FormFieldLabels;
 export interface FormFieldProps {
     /** A string, or a node for a symbol with a subscript. A node label needs an explicit `accessibilityLabel`. */
     label?: React.ReactNode;
@@ -13,8 +16,7 @@ export interface FormFieldProps {
      * When truthy: helperText is hidden, error is shown in the error colour,
      * and the container reports the invalid state to assistive tech (a node
      * error is shown but reaches assistive tech only through its live region).
-     * Ignored when `name` connects to a <Form> with an element child (the child
-     * renders its own error then). A string or a node.
+     * A string or a node.
      */
     error?: React.ReactNode;
     /**
@@ -22,15 +24,7 @@ export interface FormFieldProps {
      * `theme.settings.components.field.requiredMarker` (default `'*'` in `colors.danger`).
      */
     required?: boolean;
-    /**
-     * Connect this field to the surrounding `<Form>` by name. With an element
-     * child (e.g. `<Input/>`) the field's value/onChangeText/onBlur/error are
-     * injected automatically — best for text inputs. For non-text controls
-     * (Select, Switch, DatePicker…) use the render-prop form:
-     * `<FormField name="x">{(f) => <Select value={f.value} onChange={f.onChange} />}</FormField>`.
-     */
-    name?: string;
-    children: React.ReactNode | ((field: FieldInputProps) => React.ReactNode);
+    children: React.ReactNode;
     /** 'stacked' (default): label above input. 'inline': label left, input right. */
     layout?: FormFieldLayout;
     /**
@@ -50,6 +44,8 @@ export interface FormFieldProps {
      */
     inputContainerStyle?: StyleProp<ViewStyle>;
     accessibilityLabel?: string;
+    /** Spoken text pieces; a key left out keeps its English default. */
+    labels?: Partial<FormFieldLabels>;
     testID?: string;
 }
 declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<RNView>>;

package/lib/typescript/module/components/FormField/index.d.ts

@@ -1,3 +1,3 @@
-export type { FormFieldLayout, FormFieldProps } from "./FormField.js";
-export { default, FormField } from "./FormField.js";
+export type { FormFieldLabels, FormFieldLayout, FormFieldProps } from "./FormField.js";
+export { DEFAULT_FORM_FIELD_LABELS, default, FormField } from "./FormField.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/IconBadge/IconBadge.d.ts

@@ -1,8 +1,9 @@
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary.js";
 import type { IconVariant } from "../AppIcon/AppIcon.js";
 import type { SlotIcon } from "../AppIcon/slotIcon.js";
-export type IconBadgeSize = "sm" | "md" | "lg";
-export type IconBadgeTone = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral";
+export type IconBadgeSize = Extract<Size, "sm" | "md" | "lg">;
+export type IconBadgeTone = Tone;
 export interface IconBadgeProps {
     /**
      * The icon: an AppIcon name (`icon="shield-tick"`), `{ name, variant }`, a

package/lib/typescript/module/components/IconButton/IconButton.d.ts

@@ -1,16 +1,17 @@
 import type { GestureResponderEvent, View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { FillVariant, Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
 import type { IconVariant } from "../AppIcon/AppIcon.js";
 import type { SlotIcon } from "../AppIcon/slotIcon.js";
-export type IconButtonTone = "primary" | "secondary" | "success" | "warning" | "danger" | "neutral";
+export type IconButtonTone = Tone;
 /**
  * `glass` is a frosted white fill with a bright rim and dark ink, for a
  * button over a brand gradient or a photo (a back button on a hero). Its
  * colours are the glass colours (`glass-fill`, `glass-border`, `on-glass`), the same in both schemes; the tone is
  * unused unless `active` forces the solid fill.
  */
-export type IconButtonVariant = "solid" | "soft" | "outline" | "ghost" | "glass";
-export type IconButtonSize = "sm" | "md" | "lg";
+export type IconButtonVariant = FillVariant | "glass";
+export type IconButtonSize = Extract<Size, "sm" | "md" | "lg">;
 export type IconButtonShape = "circle" | "rounded";
 export interface IconButtonProps {
     /**

package/lib/typescript/module/components/ImageGallery/ImageGallery.d.ts

@@ -24,8 +24,20 @@ export interface GalleryImage {
     caption?: string;
     alt?: string;
 }
+export interface ImageGalleryLabels {
+    gallery: string;
+    imageOf: (index: number, total: number) => string;
+    openFullscreen: string;
+    closeGallery: string;
+}
+export declare const DEFAULT_IMAGE_GALLERY_LABELS: ImageGalleryLabels;
 export interface ImageGalleryProps {
     images: GalleryImage[];
+    /**
+     * Visible-to-screen-reader copy. Omitted keys keep the English defaults. `imageOf` takes a
+     * 1-based index.
+     */
+    labels?: Partial<ImageGalleryLabels>;
     initialIndex?: number;
     showThumbnails?: boolean;
     showCounter?: boolean;

package/lib/typescript/module/components/ImageGallery/index.d.ts

@@ -1,3 +1,3 @@
-export type { GalleryImage, ImageGalleryProps } from "./ImageGallery.js";
-export { default, ImageGallery } from "./ImageGallery.js";
+export type { GalleryImage, ImageGalleryLabels, ImageGalleryProps } from "./ImageGallery.js";
+export { DEFAULT_IMAGE_GALLERY_LABELS, default, ImageGallery } from "./ImageGallery.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/InlineSelect/InlineSelect.d.ts

@@ -23,9 +23,17 @@
  */
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
 import type { SelectOption, SelectValue } from "../OptionSheet/OptionSheet.js";
-export type InlineSelectSize = "sm" | "md" | "lg";
+export type InlineSelectSize = Extract<Size, "sm" | "md" | "lg">;
+export interface InlineSelectLabels {
+    select: string;
+    options: string;
+    noSelection: string;
+    selected: (label: string) => string;
+}
+export declare const DEFAULT_INLINE_SELECT_LABELS: InlineSelectLabels;
 export interface InlineSelectProps<T = SelectOption> {
     /** Same contract as Select's `options` — `SelectOption` shape by default, accessors for anything else. */
     options: ReadonlyArray<T>;
@@ -34,7 +42,7 @@ export interface InlineSelectProps<T = SelectOption> {
     /** Defaults to `(o) => (o as SelectOption).value`. */
     getOptionValue?: (option: T) => SelectValue;
     /** Defaults to `(o) => (o as SelectOption).disabled === true`. */
-    getOptionDisabled?: (option: T) => boolean;
+    isOptionDisabled?: (option: T) => boolean;
     /** Defaults to `(o) => (o as SelectOption).description`. */
     getOptionDescription?: (option: T) => string | undefined;
     /** Defaults to `(o) => (o as SelectOption).icon`. */
@@ -43,6 +51,8 @@ export interface InlineSelectProps<T = SelectOption> {
     onChange: (value: SelectValue) => void;
     /** Trigger text when nothing is selected. Default `'Select'`. */
     placeholder?: string;
+    /** Copy for the trigger and sheet; any key omitted keeps its English default. */
+    labels?: Partial<InlineSelectLabels>;
     /**
      * Label drawn above the trigger, the same `FieldLabel` Select uses, so a bare
      * trigger reads as a field of its own. Also names the trigger for screen

package/lib/typescript/module/components/InlineSelect/index.d.ts

@@ -1,3 +1,3 @@
-export type { InlineSelectProps, InlineSelectSize } from "./InlineSelect.js";
-export { default, InlineSelect } from "./InlineSelect.js";
+export type { InlineSelectLabels, InlineSelectProps, InlineSelectSize } from "./InlineSelect.js";
+export { DEFAULT_INLINE_SELECT_LABELS, default, InlineSelect } from "./InlineSelect.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Input/Input.d.ts

@@ -1,11 +1,18 @@
 import type React from "react";
 import type { BlurEvent, FocusEvent, StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
 import { TextInput } from "react-native";
+import type { FieldVariant, Size } from "../../types/vocabulary.js";
 import type { SlotIcon, SlotIconState } from "../AppIcon/slotIcon.js";
 import type { ButtonTone, ButtonVariant } from "../Button/index.js";
-export type InputSize = "sm" | "md" | "lg";
-export type InputVariant = "outlined" | "filled" | "underline";
+export type InputSize = Extract<Size, "sm" | "md" | "lg">;
+export type InputVariant = FieldVariant;
 export type InputLabelMode = "float" | "top";
+/** Screen-reader names for the password eye toggle. */
+export interface InputLabels {
+    showPassword: string;
+    hidePassword: string;
+}
+export declare const DEFAULT_INPUT_LABELS: InputLabels;
 /**
  * What kind of field this is. One prop switches the whole behaviour set:
  * - `'input'` (default): single-line text.
@@ -169,6 +176,8 @@ export interface InputProps extends Omit<TextInputProps, "style"> {
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: BlurEvent) => void;
     accessibilityLabel?: string;
+    /** Overrides for the password toggle's screen-reader names; merged over DEFAULT_INPUT_LABELS. */
+    labels?: Partial<InputLabels>;
     testID?: string;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;

package/lib/typescript/module/components/Input/index.d.ts

@@ -1,3 +1,3 @@
-export type { InputAction, InputKeyboardType, InputProps, InputSize, InputSlotIcon, InputSlotState, InputVariant, } from "./Input.js";
-export { default, Input } from "./Input.js";
+export type { InputAction, InputKeyboardType, InputLabels, InputProps, InputSize, InputSlotIcon, InputSlotState, InputVariant, } from "./Input.js";
+export { DEFAULT_INPUT_LABELS, default, Input } from "./Input.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/KeyboardToolbar/KeyboardToolbar.d.ts

@@ -1,19 +1,22 @@
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
+export interface KeyboardToolbarLabels {
+    done: string;
+    previous: string;
+    next: string;
+}
+export declare const DEFAULT_KEYBOARD_TOOLBAR_LABELS: KeyboardToolbarLabels;
 export interface KeyboardToolbarProps {
-    /** Label for the dismiss button. Default 'Done'. */
-    doneLabel?: string;
     /** Show the prev/next chevrons. Default true. */
     showNavigation?: boolean;
     /** Override the dismiss action. Default: `KeyboardController.dismiss()`. */
     onDone?: () => void;
-    /**
-     * Override "next field". Default: the surrounding `<Form>`'s `focusNext`,
-     * otherwise the next text input on screen (`KeyboardController.setFocusTo`).
-     */
+    /** Override "next field". Default: the next text input on screen (`KeyboardController.setFocusTo`). */
     onNext?: () => void;
-    /** Override "previous field"; the same defaults as `onNext`, backwards. */
+    /** Override "previous field"; the same default as `onNext`, backwards. */
     onPrev?: () => void;
+    /** Overrides for the Done, previous and next labels. Missing keys keep the English defaults. */
+    labels?: Partial<KeyboardToolbarLabels>;
     /** Custom content rendered between the nav chevrons and the Done button. */
     leading?: React.ReactNode;
     style?: StyleProp<ViewStyle>;
@@ -21,9 +24,8 @@ export interface KeyboardToolbarProps {
 }
 /**
  * An accessory bar that rides on top of the keyboard. Shows a Done (dismiss)
- * button and prev/next chevrons that, inside a `<Form>`, walk the registered
- * field order and otherwise move between the text inputs on screen. Render it
- * at the screen root, after the content; it sits at the bottom edge and
+ * button and prev/next chevrons that move between the text inputs on screen.
+ * Render it at the screen root, after the content; it sits at the bottom edge and
  * react-native-keyboard-controller's `KeyboardStickyView` lifts it with the
  * keyboard frame by frame. Renders nothing while the keyboard is hidden. Needs
  * the app's `KeyboardProvider` at the root.

package/lib/typescript/module/components/KeyboardToolbar/index.d.ts

@@ -1,3 +1,3 @@
-export type { KeyboardToolbarProps } from "./KeyboardToolbar.js";
-export { KeyboardToolbar } from "./KeyboardToolbar.js";
+export type { KeyboardToolbarLabels, KeyboardToolbarProps } from "./KeyboardToolbar.js";
+export { DEFAULT_KEYBOARD_TOOLBAR_LABELS, KeyboardToolbar } from "./KeyboardToolbar.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/ListItem/ListItem.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import type { GestureResponderEvent, View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { SlotIcon } from "../AppIcon/slotIcon.js";
 import type { ButtonProps } from "../Button/index.js";
-import type { IconBadgeTone } from "../IconBadge/index.js";
 import type { ContextMenuConfig } from "../Menu/useContextMenu.js";
 import type { SwipeableAction } from "../Swipeable/index.js";
-export type ListItemSize = "sm" | "md" | "lg";
+export type ListItemSize = Extract<Size, "sm" | "md" | "lg">;
 /**
  * Where the `right` slot sits. `side` is beside the text, `below` is under the
  * subtitle and description, and `auto` is `side` until the user's text size is
@@ -56,7 +56,7 @@ export interface ListItemProps {
      */
     icon?: SlotIcon;
     /** Tone of the `icon` circle. Default `'primary'`. */
-    iconTone?: IconBadgeTone;
+    iconTone?: Tone;
     right?: React.ReactNode;
     /**
      * Where the `right` slot is drawn. Default `'auto'`: beside the text, and
@@ -86,6 +86,12 @@ export interface ListItemProps {
     /** Haptic feedback for interactions. Off unless a HapticType is passed. */
     haptic?: HapticType | false;
     selected?: boolean;
+    /**
+     * Open or closed state of a disclosure row (one that shows or hides content
+     * below it). Announced to screen readers as expanded or collapsed; unset for
+     * a row that discloses nothing.
+     */
+    expanded?: boolean;
     disabled?: boolean;
     size?: ListItemSize;
     divider?: boolean;

package/lib/typescript/module/components/LoaderOverlay/LoaderOverlay.d.ts

@@ -7,6 +7,11 @@ export declare const loader: {
     reset: () => void;
 };
 export declare const useLoader: () => typeof loader;
+export interface LoaderOverlayLabels {
+    /** Screen reader name for the overlay when no message was given. */
+    loading: string;
+}
+export declare const DEFAULT_LOADER_OVERLAY_LABELS: LoaderOverlayLabels;
 export interface LoaderOverlayProps {
     /**
      * Replaces the default themed spinner. Lets an app supply a Lottie or brand
@@ -19,6 +24,8 @@ export interface LoaderOverlayProps {
     showDelayMs?: number;
     /** Once visible, stay visible at least this long, so it never flickers. Default 400ms. */
     minVisibleMs?: number;
+    /** Copy the component draws itself; a partial object overrides only the keys given. */
+    labels?: Partial<LoaderOverlayLabels>;
     testID?: string;
 }
 export declare const LoaderOverlay: React.FC<LoaderOverlayProps>;

package/lib/typescript/module/components/LoaderOverlay/index.d.ts

@@ -1,3 +1,3 @@
-export type { LoaderOverlayProps } from "./LoaderOverlay.js";
-export { LoaderOverlay, loader, useLoader } from "./LoaderOverlay.js";
+export type { LoaderOverlayLabels, LoaderOverlayProps } from "./LoaderOverlay.js";
+export { DEFAULT_LOADER_OVERLAY_LABELS, LoaderOverlay, loader, useLoader } from "./LoaderOverlay.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Menu/Menu.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { PlacementPreference } from "../../utils/placement.js";
-import type { MenuItem, MenuItems, MenuPresentation, MenuUnavailable } from "./menuModel.js";
+import type { MenuItem, MenuItems, MenuLabels, MenuPresentation, MenuUnavailable } from "./menuModel.js";
 export interface MenuProps {
     /** A flat list, or a list of up to three groups split by dividers. */
     items: MenuItems;
@@ -20,17 +20,15 @@ export interface MenuProps {
     presentation?: MenuPresentation;
     /** Default `'disable'`: unavailable items stay visible, dimmed and focusable. */
     unavailable?: MenuUnavailable;
-    /** Controlled open state. */
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    /** Controlled visibility. */
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
     /** Haptic on choosing an item. Pass false to disable; a HapticType to override. */
     haptic?: HapticType | false;
     /** Accessible name of the menu when there is no `title`. */
     accessibilityLabel?: string;
-    /** Accessible name of the tap-outside area. Default `'Close menu'`. */
-    closeLabel?: string;
-    /** Accessible name of a submenu's Back row. Default `'Back'`. */
-    backLabel?: string;
+    /** Accessible names of the tap-outside area (`close`, default 'Close menu') and of a submenu's Back row (`back`, default 'Back'). */
+    labels?: Partial<MenuLabels>;
     /** On the trigger wrapper; the open menu takes `<testID>-menu` and its scrim `<testID>-scrim`. */
     testID?: string;
 }

package/lib/typescript/module/components/Menu/MenuSurface.d.ts

@@ -2,7 +2,7 @@ import type React from "react";
 import type { LayoutRectangle } from "react-native";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { PlacementPreference } from "../../utils/placement.js";
-import type { MenuItem, MenuItems, MenuPresentation, MenuUnavailable } from "./menuModel.js";
+import type { MenuItem, MenuItems, MenuLabels, MenuPresentation, MenuUnavailable } from "./menuModel.js";
 export interface MenuSurfaceProps {
     open: boolean;
     /** The trigger or the long-pressed view, in window coordinates. */
@@ -22,8 +22,7 @@ export interface MenuSurfaceProps {
     restoreFocusTo?: () => unknown;
     haptic?: HapticType | false;
     accessibilityLabel?: string;
-    closeLabel: string;
-    backLabel: string;
+    labels: MenuLabels;
     testID?: string;
 }
 export declare const MenuSurface: React.FC<MenuSurfaceProps>;

package/lib/typescript/module/components/Menu/index.d.ts

@@ -1,5 +1,6 @@
 export type { MenuProps } from "./Menu.js";
 export { default, Menu } from "./Menu.js";
-export type { MenuItem, MenuItems, MenuPresentation, MenuUnavailable } from "./menuModel.js";
+export type { MenuItem, MenuItems, MenuLabels, MenuPresentation, MenuUnavailable } from "./menuModel.js";
+export { DEFAULT_MENU_LABELS } from "./menuModel.js";
 export type { ContextMenuConfig } from "./useContextMenu.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Menu/menuModel.d.ts

@@ -43,6 +43,12 @@ export type MenuUnavailable = "hide" | "disable";
  * seven items or any description, and the popover otherwise.
  */
 export type MenuPresentation = "auto" | "popover" | "sheet";
+/** Accessible names: `close` for the tap-outside area, `back` for a submenu's Back row. */
+export interface MenuLabels {
+    close: string;
+    back: string;
+}
+export declare const DEFAULT_MENU_LABELS: MenuLabels;
 export declare const MAX_GROUPS = 3;
 export declare const MAX_TOP_ACTIONS = 3;
 export declare const SHEET_ITEM_THRESHOLD = 7;

package/lib/typescript/module/components/Menu/useContextMenu.d.ts

@@ -2,7 +2,7 @@ import type React from "react";
 import type { AccessibilityActionEvent, AccessibilityActionInfo, PressableProps, View as RNView } from "react-native";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { PlacementPreference } from "../../utils/placement.js";
-import type { MenuItem, MenuItems, MenuPresentation, MenuUnavailable } from "./menuModel.js";
+import type { MenuItem, MenuItems, MenuLabels, MenuPresentation, MenuUnavailable } from "./menuModel.js";
 /** The `contextMenu` prop of ListItem and Card. */
 export interface ContextMenuConfig {
     items: MenuItems;
@@ -21,12 +21,10 @@ export interface ContextMenuConfig {
     presentation?: MenuPresentation;
     /** Preferred side of the pressed view. Default `'bottom'`. */
     placement?: PlacementPreference;
-    onOpenChange?: (open: boolean) => void;
+    onVisibleChange?: (visible: boolean) => void;
     accessibilityLabel?: string;
-    /** Accessible name of the tap-outside area. Default `'Close menu'`. */
-    closeLabel?: string;
-    /** Accessible name of a submenu's Back row. Default `'Back'`. */
-    backLabel?: string;
+    /** Accessible names of the tap-outside area (`close`, default 'Close menu') and of a submenu's Back row (`back`, default 'Back'). */
+    labels?: Partial<MenuLabels>;
 }
 export interface UseContextMenuOptions {
     /** The host's `haptic` prop: `longPress` on open, `selection` on an action, unless overridden. */

package/lib/typescript/module/components/Modal/Modal.d.ts

@@ -1,7 +1,12 @@
 import type React from "react";
-import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { LayoutRectangle, View as RNView, StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/hapticUtils.js";
-export type ModalPresentation = "centered" | "bottom" | "fullScreen";
+import type { PlacementAlign, PlacementPreference } from "../../utils/placement.js";
+export type ModalPresentation = "centered" | "bottom" | "fullScreen" | "anchored";
+export interface ModalLabels {
+    close: string;
+}
+export declare const DEFAULT_MODAL_LABELS: Readonly<ModalLabels>;
 /**
  * Grace period between `visible` flipping false and the native modal being
  * safely gone. Unmounting the tree (navigation reset, auth flip) before this
@@ -10,7 +15,7 @@ export type ModalPresentation = "centered" | "bottom" | "fullScreen";
 export declare const MODAL_DISMISS_GRACE_MS = 300;
 export interface ModalProps {
     visible: boolean;
-    onRequestClose: () => void;
+    onClose: () => void;
     presentation?: ModalPresentation;
     backdropOpacity?: number;
     backdropPressClose?: boolean;
@@ -45,6 +50,14 @@ export interface ModalProps {
      * to override the default.
      */
     haptic?: HapticType | false;
+    /** Chrome copy, merged over DEFAULT_MODAL_LABELS. */
+    labels?: Partial<ModalLabels>;
+    /** Window-coordinate rectangle the anchored presentation sits against. Required for "anchored". */
+    anchor?: LayoutRectangle;
+    /** Which side of the anchor the anchored presentation prefers. Default "auto". */
+    placement?: PlacementPreference;
+    /** Horizontal alignment of the anchored presentation against the anchor. Default "center". */
+    align?: PlacementAlign;
     testID?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<RNView>>;

package/lib/typescript/module/components/Modal/index.d.ts

@@ -1,3 +1,3 @@
-export type { ModalPresentation, ModalProps } from "./Modal.js";
-export { default, MODAL_DISMISS_GRACE_MS, Modal } from "./Modal.js";
+export type { ModalLabels, ModalPresentation, ModalProps } from "./Modal.js";
+export { DEFAULT_MODAL_LABELS, default, MODAL_DISMISS_GRACE_MS, Modal } from "./Modal.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/NumberInput/NumberInput.d.ts

@@ -1,8 +1,15 @@
 import React from "react";
 import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
-export type NumberInputSize = "sm" | "md" | "lg";
+export type NumberInputSize = Extract<Size, "sm" | "md" | "lg">;
 export type NumberInputVariant = "inline" | "horizontal" | "stacked";
+export interface NumberInputLabels {
+    decrease: string;
+    increase: string;
+    input: string;
+}
+export declare const DEFAULT_NUMBER_INPUT_LABELS: Readonly<NumberInputLabels>;
 export interface NumberInputRef {
     focus: () => void;
     blur: () => void;
@@ -37,6 +44,7 @@ export interface NumberInputProps {
     unit?: string;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
+    labels?: Partial<NumberInputLabels>;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     containerStyle?: StyleProp<ViewStyle>;

package/lib/typescript/module/components/NumberInput/index.d.ts

@@ -1,3 +1,3 @@
-export type { NumberInputProps, NumberInputRef, NumberInputSize, NumberInputVariant, } from "./NumberInput.js";
-export { default, NumberInput } from "./NumberInput.js";
+export type { NumberInputLabels, NumberInputProps, NumberInputRef, NumberInputSize, NumberInputVariant, } from "./NumberInput.js";
+export { DEFAULT_NUMBER_INPUT_LABELS, default, NumberInput } from "./NumberInput.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/OTPInput/OTPInput.d.ts

@@ -1,7 +1,12 @@
 import type { ReactNode } from "react";
 import type { FocusEvent, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
-export type OTPInputSize = "sm" | "md" | "lg";
+export type OTPInputSize = Extract<Size, "sm" | "md" | "lg">;
+export interface OTPInputLabels {
+    field: (length: number) => string;
+}
+export declare const DEFAULT_OTP_INPUT_LABELS: Readonly<OTPInputLabels>;
 export interface OTPInputRef {
     focus: () => void;
     blur: () => void;
@@ -33,6 +38,7 @@ export interface OTPInputProps {
      * Haptic feedback for interactions. Off unless a HapticType is passed.
      */
     haptic?: HapticType | false;
+    labels?: Partial<OTPInputLabels>;
     /** Called when any cell takes focus. */
     onFocus?: (e: FocusEvent) => void;
     accessibilityLabel?: string;

package/lib/typescript/module/components/OTPInput/index.d.ts

@@ -1,3 +1,3 @@
-export type { OTPInputProps, OTPInputRef, OTPInputSize } from "./OTPInput.js";
-export { default, OTPInput } from "./OTPInput.js";
+export type { OTPInputLabels, OTPInputProps, OTPInputRef, OTPInputSize } from "./OTPInput.js";
+export { DEFAULT_OTP_INPUT_LABELS, default, OTPInput } from "./OTPInput.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/OnboardingPager/OnboardingPager.d.ts

@@ -9,13 +9,16 @@ export interface OnboardingPage {
     body: string;
 }
 export interface OnboardingPagerLabels {
-    skip?: string;
-    next?: string;
-    /** Spoken before the title of each page. Default `Step 2 of 3`. */
-    step?: (position: number, total: number) => string;
-    /** Names the page control for a screen reader. Default `Page`. */
-    pageControl?: string;
+    skip: string;
+    next: string;
+    /** Title of the final button. */
+    done: string;
+    /** Spoken before the title of each page. */
+    step: (position: number, total: number) => string;
+    /** Names the page control for a screen reader. */
+    pageControl: string;
 }
+export declare const DEFAULT_ONBOARDING_PAGER_LABELS: Readonly<OnboardingPagerLabels>;
 export interface OnboardingPagerProps {
     /** Three or four is the sweet spot; more than six are not shown. */
     pages: OnboardingPage[];
@@ -23,9 +26,7 @@ export interface OnboardingPagerProps {
     onDone: () => void;
     /** Skip was pressed, on any page. The app records that the intro was seen. */
     onSkip: () => void;
-    /** Title of the final button. Default `Get started`. */
-    doneLabel?: string;
-    labels?: OnboardingPagerLabels;
+    labels?: Partial<OnboardingPagerLabels>;
     /**
      * Pads the top and bottom by the device safe-area insets. Pass false when the pager sits
      * inside a screen that already handles them. Default true.

package/lib/typescript/module/components/OnboardingPager/index.d.ts

@@ -1,3 +1,3 @@
 export type { OnboardingPage, OnboardingPagerLabels, OnboardingPagerProps, } from "./OnboardingPager.js";
-export { default, OnboardingPager } from "./OnboardingPager.js";
+export { DEFAULT_ONBOARDING_PAGER_LABELS, default, OnboardingPager } from "./OnboardingPager.js";
 //# sourceMappingURL=index.d.ts.map