@webority/mobile-ui 0.106.0 → 0.108.0

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

@@ -1,13 +1,16 @@
+import { type NumberGrouping } from "@webority/mobile-core";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
 import type { SliderSize, SliderTone, SliderVariant } from "../Slider/index.js";
-/**
- * How the big value is scaled for reading.
- *
- * - `indian`: Thousand, Lakh and Crore (`₹ 5 Lakh`, `₹ 1.25 Crore`).
- * - `none`: the whole number with Indian digit grouping (`₹ 5,00,000`).
- */
-export type AmountSliderUnits = "indian" | "none";
+export interface AmountSliderLabels {
+    inputLabel: string;
+    thousand: string;
+    lakh: string;
+    crore: string;
+    million: string;
+    billion: string;
+}
+export declare const DEFAULT_AMOUNT_SLIDER_LABELS: Readonly<AmountSliderLabels>;
 export interface AmountSliderProps {
     value?: number;
     defaultValue?: number;
@@ -20,13 +23,18 @@ export interface AmountSliderProps {
     size?: SliderSize;
     /** The slider's look. Default `'inset'`, the design this component comes from. */
     variant?: SliderVariant;
-    /** Drawn before the big value. Default `'₹'`; pass `''` for a plain number. */
-    prefix?: string;
-    /** Default `'indian'`. */
-    units?: AmountSliderUnits;
     /**
-     * Text of the input box when it is not being edited. Default: INR with
-     * Indian grouping and no decimals (`₹5,00,000`).
+     * Whether the large amount reads in Thousand, Lakh and Crore or in Thousand,
+     * Million and Billion. Default: the grouping of the configured locale.
+     */
+    units?: ScaleUnits;
+    /** ISO 4217 code of the amount; the symbol drawn before it comes from this. */
+    currency: string;
+    /** Unit words and the input box's label. Omitted keys keep the English defaults. */
+    labels?: Partial<AmountSliderLabels>;
+    /**
+     * Text of the input box when it is not being edited. Default: the currency
+     * with no decimals.
      */
     formatInput?: (value: number) => string;
     /**
@@ -36,10 +44,8 @@ export interface AmountSliderProps {
      */
     animationDuration?: number;
     haptic?: HapticType | false;
-    /** Read out for the slider. The input box reads `inputAccessibilityLabel`. */
+    /** Read out for the slider. The input box reads `labels.inputLabel`. */
     accessibilityLabel?: string;
-    /** Default `'Amount'`. */
-    inputAccessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     headerStyle?: StyleProp<ViewStyle>;
     valueStyle?: StyleProp<TextStyle>;
@@ -52,8 +58,9 @@ interface Scaled {
     amount: number;
     unit: string;
 }
+type ScaleUnits = Exclude<NumberGrouping, "none">;
 /** Splits a value into the number and unit the header shows. */
-export declare const scaleAmount: (value: number, units: AmountSliderUnits) => Scaled;
+export declare const scaleAmount: (value: number, units: ScaleUnits, labels?: AmountSliderLabels) => Scaled;
 declare const AmountSlider: import("react").ForwardRefExoticComponent<AmountSliderProps & import("react").RefAttributes<RNView>>;
 export { AmountSlider };
 export default AmountSlider;

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

@@ -1,3 +1,3 @@
-export type { AmountSliderProps, AmountSliderUnits } from "./AmountSlider.js";
-export { AmountSlider, default } from "./AmountSlider.js";
+export type { AmountSliderLabels, AmountSliderProps } from "./AmountSlider.js";
+export { AmountSlider, DEFAULT_AMOUNT_SLIDER_LABELS, default } from "./AmountSlider.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,39 +5,44 @@ import type { HapticType } from "../../utils/hapticUtils.js";
 import type { TextVariant } from "../Text/Text.js";
 export type AppBarVariant = "default" | "large" | "compact";
 export type AppBarTitleAlignment = "left" | "center";
+export interface AppBarLabels {
+    back: string;
+}
+export declare const DEFAULT_APP_BAR_LABELS: Readonly<AppBarLabels>;
 export interface AppBarAction {
-    /** The glyph. Give `icon` or `text`; with neither the button draws nothing. */
+    /** The glyph. Give `icon` or `label`; with neither the button draws nothing. */
     icon?: React.ReactNode;
     /**
      * A text action: a pill-less label in the link colour, at least 44 by 44.
-     * `accessibilityLabel` defaults to this text. Wins over `icon` when both are set.
+     * `accessibilityLabel` defaults to this label. Wins over `icon` when both are set.
      */
-    text?: string;
+    label?: string;
     /** Draws a small unread dot on the button's corner, with no count. */
     dot?: boolean;
+    /** A count or short text drawn on the button's corner; zero draws nothing. */
+    badge?: number | string;
     onPress: () => void;
     accessibilityLabel?: string;
     testID?: string;
 }
-export interface AppBarRightAction extends AppBarAction {
-    badge?: number | string;
-}
 export interface AppBarProps {
     title?: string;
     /** One line, two on the large variant; longer text ends in an ellipsis. */
     subtitle?: string;
     titleAlignment?: AppBarTitleAlignment;
     leftAction?: AppBarAction;
-    rightActions?: AppBarRightAction[];
+    rightActions?: AppBarAction[];
     /** Any node in the left slot, after `leftAction` (a profile avatar button, say). */
     leading?: React.ReactNode;
     /** Any node in the right slot, after `rightActions`. */
     trailing?: React.ReactNode;
     /**
-     * Draws a back arrow as the left action, labelled "Back", and calls this on press.
+     * Draws a back arrow as the left action, labelled by `labels.back`, and calls this on press.
      * Navigation-agnostic: pass `navigation.goBack`. An explicit `leftAction` wins.
      */
     onBack?: () => void;
+    /** Spoken and visible strings the bar draws itself. Override any key; the rest keep their defaults. */
+    labels?: Partial<AppBarLabels>;
     /**
      * The page gutter: the distance from the screen edge to the VISIBLE edge of the outermost
      * glyph. The bar subtracts the empty space inside an action button (the 44 pt button minus

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

@@ -1,3 +1,3 @@
-export type { AppBarAction, AppBarProps, AppBarRightAction, AppBarTitleAlignment, AppBarVariant, } from "./AppBar.js";
-export { AppBar, default } from "./AppBar.js";
+export type { AppBarAction, AppBarLabels, AppBarProps, AppBarTitleAlignment, AppBarVariant, } from "./AppBar.js";
+export { AppBar, DEFAULT_APP_BAR_LABELS, default } from "./AppBar.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -20,6 +20,7 @@
  */
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
 import type { IconName } from "./catalog.g.js";
 import { ICON_NAMES } from "./catalog.g.js";
 import type { CuratedIconName } from "./glyphs.g.js";
@@ -38,7 +39,7 @@ export type IconsaxShadowedName = `${CuratedIconName}${typeof ICONSAX_SUFFIX}`;
 export type AppIconName = IconName | IconsaxShadowedName;
 /** `linear` is the default Iconsax style; the rest come from the lazy modules. */
 export type IconVariant = "linear" | IconVariantName;
-export type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AppIconSize = Size;
 /** Pixel sizes behind the size tokens; a raw number is accepted too. */
 export declare const APP_ICON_SIZES: Record<AppIconSize, number>;
 export interface AppIconProps {

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

@@ -0,0 +1,27 @@
+import type { AppLockFailure } from "@webority/mobile-core/appLock";
+import type React from "react";
+export interface AppLockOverlayLabels {
+    title: string;
+    message: string;
+    unlock: string;
+    lockout: string;
+    notEnrolled: string;
+    failed: string;
+}
+export declare const DEFAULT_APP_LOCK_OVERLAY_LABELS: Readonly<AppLockOverlayLabels>;
+export interface AppLockOverlayProps {
+    visible: boolean;
+    onUnlock: () => void;
+    /** The last unlock failure; "cancelled" shows no message. */
+    failure?: AppLockFailure;
+    secondaryAction?: {
+        label: string;
+        onPress: () => void;
+    };
+    brandMark?: React.ReactNode;
+    labels?: Partial<AppLockOverlayLabels>;
+    testID?: string;
+}
+/** Calls `onUnlock` once each time it becomes visible, and again on every press of the unlock button. */
+export declare function AppLockOverlay({ visible, onUnlock, failure, secondaryAction, brandMark, labels: labelOverrides, testID, }: AppLockOverlayProps): React.ReactElement | null;
+//# sourceMappingURL=AppLockOverlay.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { AppLockOverlayLabels, AppLockOverlayProps } from "./AppLockOverlay.js";
+export { AppLockOverlay, DEFAULT_APP_LOCK_OVERLAY_LABELS } from "./AppLockOverlay.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -2,6 +2,14 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 /** Which failure the error state describes. */
 export type AsyncBlockErrorVariant = "default" | "offline";
+export interface AsyncBlockLabels {
+    emptyTitle: string;
+    errorTitle: string;
+    offlineTitle: string;
+    offlineHint: string;
+    retry: string;
+}
+export declare const DEFAULT_ASYNC_BLOCK_LABELS: Readonly<AsyncBlockLabels>;
 export interface AsyncBlockProps {
     /** Show the placeholder instead of content. */
     loading?: boolean;
@@ -24,15 +32,16 @@ export interface AsyncBlockProps {
     onRetry?: () => void;
     /** Placeholder shaped like the content. Falls back to a centred Spinner. */
     skeleton?: React.ReactNode;
-    /** Copy for the empty state. */
+    /** Copy for the empty state. Wins over `labels.emptyTitle`. */
     emptyTitle?: string;
     emptyDescription?: string;
     emptyIcon?: React.ReactNode;
-    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. */
+    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. Wins over `labels.errorTitle`. */
     errorTitle?: string;
-    /** Title of the offline error state. */
+    /** Title of the offline error state. Wins over `labels.offlineTitle`. */
     offlineTitle?: string;
-    retryLabel?: string;
+    /** Overrides the built-in copy for the keys given; the title props above win over their matching key. */
+    labels?: Partial<AsyncBlockLabels>;
     /** Rendered as given (no wrapper) once loaded, error-free and non-empty. */
     children?: React.ReactNode;
     /** Style of the loading, error and empty states' wrapper. Content is not wrapped. */

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

@@ -1,3 +1,3 @@
-export type { AsyncBlockErrorVariant, AsyncBlockProps } from "./AsyncBlock.js";
-export { AsyncBlock, default } from "./AsyncBlock.js";
+export type { AsyncBlockErrorVariant, AsyncBlockLabels, AsyncBlockProps } from "./AsyncBlock.js";
+export { AsyncBlock, DEFAULT_ASYNC_BLOCK_LABELS, default } from "./AsyncBlock.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -3,6 +3,12 @@ import { type ImageProps } from "expo-image";
 import type React from "react";
 /** React Native Image's resize modes, still accepted and mapped onto `contentFit`. */
 export type AuthedImageResizeMode = "cover" | "contain" | "stretch" | "repeat" | "center";
+export interface AuthedImageLabels {
+    loading: string;
+    unavailable: string;
+    unavailableNamed: (name: string) => string;
+}
+export declare const DEFAULT_AUTHED_IMAGE_LABELS: Readonly<AuthedImageLabels>;
 /**
  * Renders with expo-image, so every expo-image prop (`contentFit`,
  * `contentPosition`, `transition`, `cachePolicy`, `recyclingKey` and the rest)
@@ -40,6 +46,8 @@ export interface AuthedImageProps extends Omit<ImageProps, "source" | "onError"
     /** Override the key derived from `uri`. */
     cacheKey?: string;
     testID?: string;
+    /** Text for the loading spinner and the failed-image box. Each key overrides its default. */
+    labels?: Partial<AuthedImageLabels>;
 }
 declare const AuthedImage: React.FC<AuthedImageProps>;
 export { AuthedImage };

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

@@ -2,6 +2,11 @@ import React from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
 import type { InputSize, InputVariant } from "../Input/index.js";
+export interface AutocompleteLabels {
+    empty: string;
+    searching: string;
+}
+export declare const DEFAULT_AUTOCOMPLETE_LABELS: Readonly<AutocompleteLabels>;
 export interface AutocompleteProps<T = string> {
     /** Candidate options to filter. */
     options: ReadonlyArray<T>;
@@ -22,17 +27,17 @@ export interface AutocompleteProps<T = string> {
     minChars?: number;
     /** Cap the number of suggestions shown. Default 8. */
     maxResults?: number;
-    /** Text shown when nothing matches. Default "No matches". */
-    emptyText?: string;
     /** Show a loading spinner in the dropdown — e.g. while fetching remote results. */
     loading?: boolean;
     /** `'client'` filters `options` locally; `'none'` shows them as-is (for server-side search). Default `'client'`. */
     filterMode?: "client" | "none";
-    /** Text beside the loading spinner. Default "Searching…". */
+    /** Text beside the loading spinner. Default `labels.searching`. */
     loadingText?: string;
+    /** Dropdown copy. Missing keys keep `DEFAULT_AUTOCOMPLETE_LABELS`. */
+    labels?: Partial<AutocompleteLabels>;
     placeholder?: string;
     label?: string;
-    error?: React.ReactNode;
+    error?: string | boolean;
     helperText?: string;
     disabled?: boolean;
     size?: InputSize;

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

@@ -1,3 +1,3 @@
-export type { AutocompleteProps } from "./Autocomplete.js";
-export { Autocomplete } from "./Autocomplete.js";
+export type { AutocompleteLabels, AutocompleteProps } from "./Autocomplete.js";
+export { Autocomplete, DEFAULT_AUTOCOMPLETE_LABELS } from "./Autocomplete.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,7 @@
 import type React from "react";
 import type { GestureResponderEvent, ImageSourcePropType, ImageStyle, PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { Theme } from "../../theme/types.js";
+import type { Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
 /**
  * Props passed to a custom {@link AvatarProps.ImageComponent}. The built-in
@@ -18,7 +19,7 @@ export interface AvatarImageProps {
     onError: () => void;
     accessibilityIgnoresInvertColors?: boolean;
 }
-export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | number;
+export type AvatarSize = Size;
 export type AvatarShape = "circle" | "square" | "rounded";
 /**
  * Presence dots (`online`, `offline`, `busy`, `away`) and identity states
@@ -31,15 +32,25 @@ export type AvatarStatusPosition = "topRight" | "bottomRight";
 /**
  * Theme colour of the initials disc: a soft tint of the tone behind initials
  * in the tone, the soft Button's recipe. `neutral` is the quiet grey on
- * primary text; `secondary` is the theme's secondary surface and its ink.
+ * primary text.
  */
-export type AvatarTone = "neutral" | "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+export type AvatarTone = Tone;
 export declare const AVATAR_COLORS: readonly ["avatar-1", "avatar-2", "avatar-3", "avatar-4", "avatar-5", "avatar-6", "avatar-7", "avatar-8"];
 /** The fill and the ink (the tone as text, the `<tone>-text` colour names) of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
 export declare const avatarToneColors: (theme: Theme, tone: AvatarTone) => {
     background: string;
     color: string;
 };
+export interface AvatarLabels {
+    avatar: string;
+    avatarOf: (name: string) => string;
+    verified: string;
+    pendingVerification: string;
+    groupOf: (count: number) => string;
+    moreCount: (count: number) => string;
+    moreAvatars: string;
+}
+export declare const DEFAULT_AVATAR_LABELS: Readonly<AvatarLabels>;
 export interface AvatarProps {
     source?: ImageSourcePropType;
     /**
@@ -99,6 +110,8 @@ export interface AvatarProps {
     hitSlop?: PressableProps["hitSlop"];
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
+    /** Spoken text in its default English. Override any key to translate it or to change its wording. */
+    labels?: Partial<AvatarLabels>;
     testID?: string;
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<RNView>> & {
@@ -114,13 +127,11 @@ export interface AvatarGroupProps {
     overflowVariant?: AvatarGroupOverflowVariant;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    /** Spoken text in its default English; passed down to each avatar unless the avatar sets its own. */
+    labels?: Partial<AvatarLabels>;
     testID?: string;
 }
 declare const AvatarGroup: React.FC<AvatarGroupProps>;
-type AvatarComponent = typeof Avatar & {
-    Group: typeof AvatarGroup;
-};
-declare const AvatarWithGroup: AvatarComponent;
 export { Avatar, AvatarGroup };
-export default AvatarWithGroup;
+export default Avatar;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1,3 +1,3 @@
-export type { AvatarGroupOverflowVariant, AvatarGroupProps, AvatarGroupSpacing, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, AvatarTone, } from "./Avatar.js";
-export { Avatar, AvatarGroup, avatarToneColors, default } from "./Avatar.js";
+export type { AvatarGroupOverflowVariant, AvatarGroupProps, AvatarGroupSpacing, AvatarImageProps, AvatarLabels, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, AvatarTone, } from "./Avatar.js";
+export { Avatar, AvatarGroup, avatarToneColors, DEFAULT_AVATAR_LABELS, default } from "./Avatar.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,15 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary.js";
 export type BadgeVariant = "standard" | "dot";
-export type BadgeTone = "primary" | "success" | "warning" | "danger" | "neutral" | "info";
-export type BadgeSize = "sm" | "md";
+export type BadgeTone = Tone;
+export type BadgeSize = Extract<Size, "sm" | "md">;
 export type BadgeAnchor = "topRight" | "topLeft" | "bottomRight" | "bottomLeft";
+export interface BadgeLabels {
+    indicator: string;
+    unread: (count: string) => string;
+}
+export declare const DEFAULT_BADGE_LABELS: Readonly<BadgeLabels>;
 export interface BadgeProps {
     value?: number | string;
     max?: number;
@@ -21,6 +27,7 @@ export interface BadgeProps {
     anchor?: BadgeAnchor;
     pulse?: boolean;
     accessibilityLabel?: string;
+    labels?: Partial<BadgeLabels>;
     style?: StyleProp<ViewStyle>;
     badgeStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;

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

@@ -1,3 +1,3 @@
-export type { BadgeAnchor, BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./Badge.js";
-export { Badge, default } from "./Badge.js";
+export type { BadgeAnchor, BadgeLabels, BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./Badge.js";
+export { Badge, DEFAULT_BADGE_LABELS, default } from "./Badge.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,22 +1,24 @@
 import type React from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { FillVariant, Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
-export type BannerVariant = "info" | "success" | "warning" | "danger" | "neutral";
+import type { SlotIcon } from "../AppIcon/slotIcon.js";
+export type BannerTone = Tone;
 /**
  * How assistive tech treats the banner. `'alert'` announces it as it appears
  * (an error, a lost connection); `'summary'` and `'none'` are for a calm
  * callout that is part of the page and should be read in order, not announced.
  */
 export type BannerRole = "alert" | "summary" | "none";
-export type BannerActionVariant = "solid" | "outline" | "ghost";
-export type BannerActionSize = "sm" | "md";
-export type BannerActionTone = "primary" | "neutral" | "danger";
+export type BannerActionVariant = Extract<FillVariant, "solid" | "outline" | "ghost">;
+export type BannerActionSize = Extract<Size, "sm" | "md">;
+export type BannerActionTone = Tone;
 export interface BannerAction {
     label: string;
     onPress: () => void;
     /**
      * `primary` takes the banner's colour, `neutral` the secondary text colour,
-     * `danger` the error colour whatever the banner variant. Default `primary`.
+     * and every other tone its own colour, whatever the banner's tone. Default `primary`.
      */
     tone?: BannerActionTone;
     /**
@@ -27,14 +29,20 @@ export interface BannerAction {
     /** `md` is a taller button with a 44 pt touch target. Default `sm`. */
     size?: BannerActionSize;
 }
+export interface BannerLabels {
+    dismiss: string;
+}
+export declare const DEFAULT_BANNER_LABELS: Readonly<BannerLabels>;
 export interface BannerProps {
     title?: string;
     message: string | React.ReactNode;
-    variant?: BannerVariant;
-    icon?: React.ReactNode | false;
+    tone?: BannerTone;
+    icon?: SlotIcon | false;
     actions?: BannerAction[];
     dismissible?: boolean;
-    onDismiss?: () => void;
+    onClose?: () => void;
+    /** Copy for the close button's screen-reader name; merged over DEFAULT_BANNER_LABELS. */
+    labels?: Partial<BannerLabels>;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
     visible?: boolean;

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

@@ -1,3 +1,3 @@
-export type { BannerAction, BannerActionSize, BannerActionTone, BannerActionVariant, BannerProps, BannerRole, BannerVariant, } from "./Banner.js";
-export { Banner, default } from "./Banner.js";
+export type { BannerAction, BannerActionSize, BannerActionTone, BannerActionVariant, BannerLabels, BannerProps, BannerRole, BannerTone, } from "./Banner.js";
+export { Banner, DEFAULT_BANNER_LABELS, default } from "./Banner.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -15,8 +15,9 @@
  * Values may be negative; the zero line then sits inside the plot.
  */
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
-export type BarChartTone = "primary" | "success" | "warning" | "danger" | "info" | "neutral";
+export type BarChartTone = Tone;
 export interface BarChartDatum {
     /** The full name of the bar, read aloud and written in the callout: "Mon 06-Oct-2026". */
     label: string;
@@ -27,6 +28,12 @@ export interface BarChartDatum {
     /** Replaces the spoken text of the bar. Default `"label, value"`. */
     accessibilityLabel?: string;
 }
+export interface BarChartLabels {
+    chart: string;
+    noData: string;
+    highest: (label: string, value: string) => string;
+}
+export declare const DEFAULT_BAR_CHART_LABELS: Readonly<BarChartLabels>;
 export interface BarChartProps {
     data: ReadonlyArray<BarChartDatum>;
     /** Colour of the bars. Default `'primary'`. Drawn in the tone's text ink so it holds 3:1 on the page in light and dark. */
@@ -39,9 +46,9 @@ export interface BarChartProps {
     label?: string;
     /** The main message in a sentence, visible while no bar is picked: "Approvals peaked on Thursday". Default: the highest bar. */
     summary?: string;
-    /** Write a value in full, for the callout and the spoken text. Default: the house number format (Indian grouping). */
+    /** Write a value in full, for the callout and the spoken text. Default: the number format of the configured locale. */
     formatValue?: (value: number) => string;
-    /** Write a value short, for the axis and the figures on the bars. Default: compact Indian form (1.5L, 2.3Cr). */
+    /** Write a value short, for the axis and the figures on the bars. Default: the compact number format of the configured locale. */
     formatTick?: (value: number) => string;
     /** Draw each bar's value on it. Default: when there are 7 bars or fewer. */
     showValues?: boolean;
@@ -53,6 +60,8 @@ export interface BarChartProps {
     onSelect?: (index: number | null) => void;
     /** Haptic tick for each bar a drag crosses and for a tap. `false` turns it off. Default `'tick'`. */
     haptic?: HapticType | false;
+    /** Copy for the chart's spoken and written text. A key left out keeps its default. */
+    labels?: Partial<BarChartLabels>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

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

@@ -1,3 +1,3 @@
-export type { BarChartDatum, BarChartProps, BarChartTone } from "./BarChart.js";
-export { BarChart, default } from "./BarChart.js";
+export type { BarChartDatum, BarChartLabels, BarChartProps, BarChartTone, } from "./BarChart.js";
+export { BarChart, DEFAULT_BAR_CHART_LABELS, default } from "./BarChart.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -125,6 +125,12 @@ export interface BottomNavigationAccessoryState {
     /** True while the bar is minimised: the accessory sits inline beside the tabs. */
     minimized: boolean;
 }
+export interface BottomNavigationLabels {
+    switchesTo: (label: string) => string;
+    unread: (count: number) => string;
+    newUpdates: string;
+}
+export declare const DEFAULT_BOTTOM_NAVIGATION_LABELS: Readonly<BottomNavigationLabels>;
 export interface BottomNavigationProps {
     tabs: TabConfig[];
     /** A pressable button in the middle of the bar, between the tabs. */
@@ -247,6 +253,8 @@ export interface BottomNavigationProps {
      * 1.2, or the theme's `maxFontSizeMultiplier` when that is set.
      */
     labelMaxFontScale?: number;
+    /** Overrides the built-in English strings for the screen reader; each key you omit keeps its default. */
+    labels?: Partial<BottomNavigationLabels>;
     testID?: string;
 }
 declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<RNView>>;

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

@@ -1,3 +1,3 @@
-export type { BottomNavigationAccessoryState, BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps, } from "./BottomNavigation.js";
-export { BottomNavigation, default } from "./BottomNavigation.js";
+export type { BottomNavigationAccessoryState, BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationLabels, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps, } from "./BottomNavigation.js";
+export { BottomNavigation, DEFAULT_BOTTOM_NAVIGATION_LABELS, default } from "./BottomNavigation.js";
 //# sourceMappingURL=index.d.ts.map