@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/typescript/commonjs/components/SearchBar/useRecentSearches.d.ts

@@ -17,7 +17,7 @@ export interface UseRecentSearchesResult {
  * The device-kept list behind `SearchBar`'s recent searches, saved through
  * mobile-core `Storage` under `storageKey`. Give each search screen its own
  * key. `SearchBar` only draws what it is handed; wire this hook's `recents`,
- * `remove` and `clear` to its `recents`, `onRemoveRecent` and `onClearRecents`,
+ * `remove` and `clear` to its `recents`, `onRemove` and `onClearRecents`,
  * and call `add` when a search is submitted.
  */
 export declare const useRecentSearches: (storageKey: string, options?: UseRecentSearchesOptions) => UseRecentSearchesResult;

package/lib/typescript/commonjs/components/SectionHeader/SectionHeader.d.ts

@@ -1,6 +1,10 @@
 import type React from "react";
 import type { StyleProp, TextStyle } from "react-native";
 export type SectionHeaderVariant = "title" | "caps" | "sub";
+export interface SectionHeaderLabels {
+    required: (heading: string) => string;
+}
+export declare const DEFAULT_SECTION_HEADER_LABELS: Readonly<SectionHeaderLabels>;
 export interface SectionHeaderProps {
     children?: React.ReactNode;
     /** 'title' is the heading, 'caps' the quieter uppercase label, 'sub' a heading inside a card. */
@@ -9,6 +13,7 @@ export interface SectionHeaderProps {
     flush?: boolean;
     /** Draws the required marker after the heading and announces the heading as required. */
     required?: boolean;
+    labels?: Partial<SectionHeaderLabels>;
     style?: StyleProp<TextStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/SectionHeader/index.d.ts

@@ -1,3 +1,3 @@
-export type { SectionHeaderProps, SectionHeaderVariant } from "./SectionHeader";
-export { default, SectionHeader } from "./SectionHeader";
+export type { SectionHeaderLabels, SectionHeaderProps, SectionHeaderVariant } from "./SectionHeader";
+export { DEFAULT_SECTION_HEADER_LABELS, default, SectionHeader } from "./SectionHeader";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/SegmentedControl/SegmentedControl.d.ts

@@ -15,10 +15,11 @@
 import type { ReactNode } from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { RadiusName } from "../../theme/types";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
 import type { SlotIcon, SlotIconState } from "../AppIcon/slotIcon";
-export type SegmentedControlSize = "sm" | "md" | "lg";
-export type SegmentedControlTone = "primary" | "neutral";
+export type SegmentedControlSize = Extract<Size, "sm" | "md" | "lg">;
+export type SegmentedControlTone = Tone;
 /** The same three looks as `Tabs`; `segmented` is the filled track with a thumb. */
 export type SegmentedControlVariant = "underline" | "pills" | "segmented";
 export type SegmentValue = string | number;

package/lib/typescript/commonjs/components/Select/Select.d.ts

@@ -8,18 +8,30 @@
  */
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { FieldVariant, Size } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
 import type { SlotIcon } from "../AppIcon/slotIcon";
 import type { SelectOption, SelectValue } from "../OptionSheet/OptionSheet";
-export type SelectSize = "sm" | "md" | "lg";
-export type SelectVariant = "outlined" | "filled" | "underline";
+export type SelectSize = Extract<Size, "sm" | "md" | "lg">;
 export type { SelectOption, SelectValue };
+export interface SelectLabels {
+    placeholder: string;
+    noSelection: string;
+    selected: (summary: string) => string;
+    fallbackName: string;
+    sheetName: string;
+    /** Placeholder of the sheet's search box when `searchable`. */
+    searchPlaceholder: string;
+    /** Shown in the sheet when no option matches the search. */
+    empty: string;
+}
+export declare const DEFAULT_SELECT_LABELS: SelectLabels;
 interface BaseSelectProps<T = SelectOption> {
     /**
      * Options to render. Default shape is `SelectOption` (`{ label, value, ... }`)
      * — for that shape no accessors are needed. To use a different option shape
      * (e.g. `{ id, name }` from a domain model), pass `getOptionLabel` /
-     * `getOptionValue` (and optionally `getOptionDisabled`/`getOptionDescription`/
+     * `getOptionValue` (and optionally `isOptionDisabled`/`getOptionDescription`/
      * `getOptionIcon`) so Select can read it without per-call-site mapping.
      */
     options: ReadonlyArray<T>;
@@ -28,20 +40,22 @@ interface BaseSelectProps<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`. */
     getOptionIcon?: (option: T) => React.ReactNode;
     placeholder?: string;
     /** Called with `true` when the option sheet opens and `false` when it closes. */
-    onOpenChange?: (open: boolean) => void;
+    onVisibleChange?: (visible: boolean) => void;
     searchable?: boolean;
     /**
      * Haptic feedback for interactions. Pass false to disable; pass a HapticType
      * to override the default.
      */
     haptic?: HapticType | false;
+    /** Copy the component shows. Unset keys keep `DEFAULT_SELECT_LABELS`. */
+    labels?: Partial<SelectLabels>;
     /**
      * A string, or a node for a symbol with a subscript. A node label needs an
      * explicit `accessibilityLabel` (the trigger's screen-reader name); the
@@ -76,7 +90,7 @@ interface BaseSelectProps<T = SelectOption> {
     /** Hint under the field, shown while there is no `error`. A string or a node. */
     helperText?: React.ReactNode;
     /**
-     * Fixed text drawn before the value: `'₹'`, `'+91'`. The same prop and look
+     * Fixed text drawn before the value: `'$'`, `'+1'`. The same prop and look
      * as Input's `prefix`, in the placeholder colour. Sits after `leftIcon`. A
      * node (a symbol with a subscript) sits in the same Text with the same gap,
      * so its base and subscript take that size and colour.
@@ -93,9 +107,9 @@ interface BaseSelectProps<T = SelectOption> {
     /**
      * Controls the trigger field's fill + border treatment. Resolution chain:
      * caller prop → `settings.components.select.defaultVariant` → `settings.components.field.defaultVariant`
-     * → 'outlined'.
+     * → 'outline'.
      */
-    variant?: SelectVariant;
+    variant?: FieldVariant;
     /**
      * Slot rendered to the left of the trigger text. Mirrors Input's `leftIcon`:
      * an icon name (`leftIcon="user"`) is drawn in the field palette's icon

package/lib/typescript/commonjs/components/Select/index.d.ts

@@ -1,3 +1,3 @@
-export type { MultiSelectProps, SelectOption, SelectProps, SelectSize, SelectValue, SingleSelectProps } from "./Select";
-export { default, Select } from "./Select";
+export type { MultiSelectProps, SelectLabels, SelectOption, SelectProps, SelectSize, SelectValue, SingleSelectProps } from "./Select";
+export { DEFAULT_SELECT_LABELS, default, Select } from "./Select";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/SignaturePad/SignaturePad.d.ts

@@ -35,6 +35,7 @@ export interface SignaturePadLabels {
     /** Closes the full-screen pad and discards its strokes. */
     close: string;
 }
+export declare const DEFAULT_SIGNATURE_PAD_LABELS: Readonly<SignaturePadLabels>;
 export interface SignaturePadRef {
     /**
      * Writes the signature as a PNG on an opaque ground and answers its uri: a file in the app's
@@ -69,9 +70,9 @@ export interface SignaturePadProps {
     onEmptyChange?: (isEmpty: boolean) => void;
     /** Offers the type-your-name path. Turn it off only where a typed signature is not acceptable. Default `true`. */
     allowTyped?: boolean;
-    /** The signer's name for the line under the pad ("Signed by Priya Raghavan, 11-Oct-2026, 3:42 PM"). */
+    /** The signer's name for the line under the pad ("Signed by Alex Morgan, 11-Oct-2026, 3:42 PM"). */
     signedBy?: string;
-    /** When it was signed, shown in IST. Defaults to the time of the last change made in this session; a kept signature shows no time. */
+    /** When it was signed, shown in the time zone set through `configureFormatters`. Defaults to the time of the last change made in this session; a kept signature shows no time. */
     signedAt?: Date | string | number;
     /** Pad height in dp. Default 180. */
     height?: number;

package/lib/typescript/commonjs/components/SignaturePad/index.d.ts

@@ -1,4 +1,4 @@
 export type { SignatureMode, SignaturePadLabels, SignaturePadProps, SignaturePadRef, } from "./SignaturePad";
-export { SignaturePad } from "./SignaturePad";
+export { DEFAULT_SIGNATURE_PAD_LABELS, SignaturePad } from "./SignaturePad";
 export type { SignaturePoint, SignatureStroke } from "./signatureGeometry";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Skeleton/Skeleton.d.ts

@@ -26,6 +26,11 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { RadiusName } from "../../theme/types";
 import type { SkeletonColors } from "./SkeletonProvider";
+export interface SkeletonLabels {
+    /** Announced by screen readers while the placeholder shows. */
+    loading: string;
+}
+export declare const DEFAULT_SKELETON_LABELS: Readonly<SkeletonLabels>;
 /** Animation pattern. */
 export type SkeletonVariant = "shimmer" | "pulse" | "none";
 /** Sweep speed for the shimmer band. Ignored for pulse / none. */
@@ -60,6 +65,8 @@ export interface SkeletonProps {
      * prefer `<SkeletonProvider colors={...}>` for app-wide overrides.
      */
     colors?: SkeletonColors;
+    /** Screen-reader copy, merged over the English defaults. */
+    labels?: Partial<SkeletonLabels>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/Skeleton/SkeletonContent.d.ts

@@ -48,7 +48,7 @@
 import type { ComponentType, ReactNode } from "react";
 import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
-import type { SkeletonSpeed, SkeletonVariant } from "./Skeleton";
+import type { SkeletonLabels, SkeletonSpeed, SkeletonVariant } from "./Skeleton";
 import type { SkeletonColors } from "./SkeletonProvider";
 /**
  * Components that ship their own placeholder shape declare this static. The
@@ -88,6 +88,8 @@ export interface SkeletonContentProps {
      * directly on the placeholder JSX instead.
      */
     colors?: SkeletonColors;
+    /** Screen-reader copy, merged over the English defaults. */
+    labels?: Partial<SkeletonLabels>;
     /**
      * Duration in ms for the load→content cross-fade. Default `300`. Set `0`
      * to disable. Per-instance overrides the provider's `fadeDuration`.

package/lib/typescript/commonjs/components/Skeleton/SkeletonList.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { FlatListProps, StyleProp, ViewStyle } from "react-native";
-import type { SkeletonSpeed, SkeletonVariant } from "./Skeleton";
+import type { SkeletonLabels, SkeletonSpeed, SkeletonVariant } from "./Skeleton";
 import type { SkeletonColors } from "./SkeletonProvider";
 export interface SkeletonListProps<ItemT> extends Omit<FlatListProps<ItemT>, "data" | "renderItem"> {
     /** Whether the list is in its initial loading state. */
@@ -22,6 +22,8 @@ export interface SkeletonListProps<ItemT> extends Omit<FlatListProps<ItemT>, "da
     speed?: SkeletonSpeed;
     /** Colour override forwarded to the placeholder skeletons. */
     colors?: SkeletonColors;
+    /** Screen-reader copy for the placeholder state, merged over the English defaults. */
+    labels?: Partial<SkeletonLabels>;
     /** Style applied to the wrapper View around the placeholders. */
     placeholderContainerStyle?: StyleProp<ViewStyle>;
     testID?: string;

package/lib/typescript/commonjs/components/Skeleton/index.d.ts

@@ -1,5 +1,5 @@
-export type { SkeletonCircleProps, SkeletonProps, SkeletonRadius, SkeletonShape, SkeletonSpeed, SkeletonTextProps, SkeletonVariant, SkeletonWidth, } from "./Skeleton";
-export { default, Skeleton, SkeletonCircle, SkeletonText } from "./Skeleton";
+export type { SkeletonCircleProps, SkeletonLabels, SkeletonProps, SkeletonRadius, SkeletonShape, SkeletonSpeed, SkeletonTextProps, SkeletonVariant, SkeletonWidth, } from "./Skeleton";
+export { DEFAULT_SKELETON_LABELS, default, Skeleton, SkeletonCircle, SkeletonText } from "./Skeleton";
 export type { SkeletonClockProviderProps, SkeletonClockValue } from "./SkeletonClock";
 export { SkeletonClockProvider, useSkeletonClock } from "./SkeletonClock";
 export type { SkeletonContentProps, SkeletonStaticOf } from "./SkeletonContent";

package/lib/typescript/commonjs/components/SlideToConfirm/SlideToConfirm.d.ts

@@ -1,15 +1,20 @@
 import React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
-export type SlideToConfirmTone = "primary" | "success" | "warning" | "danger";
-export type SlideToConfirmSize = "sm" | "md" | "lg";
+export type SlideToConfirmTone = Tone;
+export type SlideToConfirmSize = Extract<Size, "sm" | "md" | "lg">;
+export interface SlideToConfirmLabels {
+    slide: string;
+    confirmed: string;
+    confirmAction: string;
+}
+export declare const DEFAULT_SLIDE_TO_CONFIRM_LABELS: Readonly<SlideToConfirmLabels>;
 export interface SlideToConfirmProps {
     /** Fired once the handle is dragged past the threshold. */
     onConfirm: () => void;
-    /** Resting label (centred). Default "Slide to confirm". */
+    /** Resting label (centred). Default `labels.slide`. */
     label?: string;
-    /** Label shown after confirming. Default "Confirmed". */
-    confirmedLabel?: string;
     tone?: SlideToConfirmTone;
     size?: SlideToConfirmSize;
     disabled?: boolean;
@@ -21,6 +26,8 @@ export interface SlideToConfirmProps {
     haptic?: HapticType | false;
     /** Handle glyph. Defaults to a right-chevron. */
     icon?: React.ReactNode;
+    /** Replaces the resting, confirmed and action texts. */
+    labels?: Partial<SlideToConfirmLabels>;
     style?: StyleProp<ViewStyle>;
     trackStyle?: StyleProp<ViewStyle>;
     handleStyle?: StyleProp<ViewStyle>;

package/lib/typescript/commonjs/components/SlideToConfirm/index.d.ts

@@ -1,3 +1,3 @@
-export type { SlideToConfirmProps, SlideToConfirmSize, SlideToConfirmTone } from "./SlideToConfirm";
-export { SlideToConfirm } from "./SlideToConfirm";
+export type { SlideToConfirmLabels, SlideToConfirmProps, SlideToConfirmSize, SlideToConfirmTone } from "./SlideToConfirm";
+export { DEFAULT_SLIDE_TO_CONFIRM_LABELS, SlideToConfirm } from "./SlideToConfirm";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Slider/Slider.d.ts

@@ -1,8 +1,9 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
-export type SliderTone = "primary" | "success" | "warning" | "danger";
-export type SliderSize = "sm" | "md" | "lg";
+export type SliderTone = Tone;
+export type SliderSize = Extract<Size, "sm" | "md" | "lg">;
 /**
  * Visual style of the slider.
  *

package/lib/typescript/commonjs/components/Slider/valueText.d.ts

@@ -1,7 +1,8 @@
 import type { StyleProp, TextStyle } from "react-native";
 import type { Theme } from "../../theme/types";
+import type { Tone } from "../../types/vocabulary";
 /** The ink drawn on a slider's tone-coloured value bubble. */
-export declare const sliderToneInk: (theme: Theme, tone: "primary" | "success" | "warning" | "danger") => string;
+export declare const sliderToneInk: (theme: Theme, tone: Tone) => string;
 /**
  * Shared between AmountSlider and SliderField: the number that counts to its
  * new value, and the edit-in-a-box logic that keeps a half-typed entry from

package/lib/typescript/commonjs/components/SliderField/SliderField.d.ts

@@ -3,6 +3,16 @@ import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-nati
 import type { HapticType } from "../../utils";
 import type { SlotIcon } from "../AppIcon";
 import type { SliderSize, SliderTone, SliderVariant } from "../Slider";
+export interface SliderFieldLabels {
+    about: (label: string) => string;
+    decrease: string;
+    increase: string;
+    fallbackName: string;
+    low: (name: string) => string;
+    high: (name: string) => string;
+    current: (name: string) => string;
+}
+export declare const DEFAULT_SLIDER_FIELD_LABELS: Readonly<SliderFieldLabels>;
 interface SliderFieldCommonProps {
     /** Field label above the slider. */
     label?: string;
@@ -14,10 +24,10 @@ interface SliderFieldCommonProps {
     required?: boolean;
     helperText?: string;
     /**
-     * Shown in place of `helperText`, in the error colour; the value box turns red with an icon. `true`
-     * shows the error state without a message.
+     * A string shows in place of `helperText`, in the error colour; `true` shows the error state without a
+     * message. The value box turns red with an icon either way.
      */
-    error?: React.ReactNode;
+    error?: string | boolean;
     min?: number;
     max?: number;
     step?: number;
@@ -57,6 +67,8 @@ interface SliderFieldCommonProps {
     animationDuration?: number;
     /** Width of each value box. Default 72. */
     inputWidth?: number;
+    /** Replaces the spoken names of the stepper buttons and value boxes. */
+    labels?: Partial<SliderFieldLabels>;
     /** Read out for the slider. Defaults to `label`. */
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;

package/lib/typescript/commonjs/components/SliderField/index.d.ts

@@ -1,3 +1,3 @@
-export type { SliderFieldProps } from "./SliderField";
-export { default, SliderField } from "./SliderField";
+export type { SliderFieldLabels, SliderFieldProps } from "./SliderField";
+export { DEFAULT_SLIDER_FIELD_LABELS, default, SliderField } from "./SliderField";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/SortableList/SortableList.d.ts

@@ -14,6 +14,11 @@
  * />
  */
 import type React from "react";
+export interface SortableListLabels {
+    moveUp: string;
+    moveDown: string;
+}
+export declare const DEFAULT_SORTABLE_LIST_LABELS: Readonly<SortableListLabels>;
 export interface SortableListProps<T> {
     data: readonly T[];
     keyExtractor: (item: T, index: number) => string;
@@ -28,6 +33,7 @@ export interface SortableListProps<T> {
     handle?: boolean;
     disabled?: boolean;
     accessibilityLabel?: string;
+    labels?: Partial<SortableListLabels>;
     testID?: string;
 }
 export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];

package/lib/typescript/commonjs/components/SortableList/index.d.ts

@@ -1,3 +1,3 @@
-export type { SortableListProps } from "./SortableList";
-export { default, SortableList } from "./SortableList";
+export type { SortableListLabels, SortableListProps } from "./SortableList";
+export { DEFAULT_SORTABLE_LIST_LABELS, default, SortableList } from "./SortableList";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Sparkline/Sparkline.d.ts

@@ -8,7 +8,13 @@
  * end, low and high values, so nothing rests on the line's colour.
  */
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
-export type SparklineTone = "primary" | "success" | "warning" | "danger" | "info" | "neutral";
+import type { Tone } from "../../types/vocabulary";
+export type SparklineTone = Tone;
+export interface SparklineLabels {
+    noData: string;
+    range: (first: string, end: string, low: string, high: string) => string;
+}
+export declare const DEFAULT_SPARKLINE_LABELS: Readonly<SparklineLabels>;
 export interface SparklineProps {
     /** The series, oldest first. Values that are not finite numbers are dropped. */
     data: ReadonlyArray<number>;
@@ -26,12 +32,14 @@ export interface SparklineProps {
     width?: number;
     /** Line thickness in points. Default `2`. */
     strokeWidth?: number;
-    /** What the series is, read first by a screen reader: "Collections, last 30 days". */
+    /** What the series is, read first by a screen reader: "Signups, last 30 days". */
     label?: string;
-    /** Writes a value into the default accessibility label. Default: the house number format (Indian grouping). */
+    /** Writes a value into the default accessibility label. Default: mobile-core formatNumber, which follows the configured locale. */
     formatLabel?: (value: number) => string;
     /** Replaces the whole accessibility label. */
     accessibilityLabel?: string;
+    /** Overrides the words of the default accessibility label; omitted keys keep the defaults. */
+    labels?: Partial<SparklineLabels>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/Sparkline/index.d.ts

@@ -1,3 +1,3 @@
-export type { SparklineProps, SparklineTone } from "./Sparkline";
-export { default, Sparkline } from "./Sparkline";
+export type { SparklineLabels, SparklineProps, SparklineTone } from "./Sparkline";
+export { DEFAULT_SPARKLINE_LABELS, default, Sparkline } from "./Sparkline";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Spinner/Spinner.d.ts

@@ -1,7 +1,12 @@
 import type React from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
-export type SpinnerSize = "sm" | "md" | "lg";
+import type { Size } from "../../types/vocabulary";
+export type SpinnerSize = Extract<Size, "sm" | "md" | "lg">;
 export type SpinnerVariant = "circular" | "dots" | "contained";
+export interface SpinnerLabels {
+    loading: string;
+}
+export declare const DEFAULT_SPINNER_LABELS: Readonly<SpinnerLabels>;
 export interface SpinnerProps {
     size?: SpinnerSize;
     color?: string;
@@ -16,6 +21,7 @@ export interface SpinnerProps {
      */
     variant?: SpinnerVariant;
     accessibilityLabel?: string;
+    labels?: Partial<SpinnerLabels>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/Spinner/index.d.ts

@@ -1,3 +1,3 @@
-export type { SpinnerProps, SpinnerSize, SpinnerVariant } from "./Spinner";
-export { default, Spinner } from "./Spinner";
+export type { SpinnerLabels, SpinnerProps, SpinnerSize, SpinnerVariant } from "./Spinner";
+export { DEFAULT_SPINNER_LABELS, default, Spinner } from "./Spinner";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/SquircleFill/SquircleFill.d.ts

@@ -33,16 +33,9 @@ export interface SquircleFillProps {
     stroke?: SquircleColor;
     /** Border width; the path is inset by half of it so the outer edge meets the host's bounds. */
     strokeWidth?: number;
-    /**
-     * The host's native border width. Absolute children sit inside a native
-     * border, so the overlay is pulled outward by this much to cover the
-     * whole border box. Hosts keep their native width (painted transparent)
-     * so their layout does not move by a pixel when the overlay takes over.
-     */
-    outset?: number;
     testID?: string;
 }
-export declare function SquircleFill({ width, height, radius, fill, stroke, strokeWidth, outset, testID }: SquircleFillProps): import("react").JSX.Element;
+export declare function SquircleFill({ width, height, radius, fill, stroke, strokeWidth, testID }: SquircleFillProps): import("react").JSX.Element;
 export declare namespace SquircleFill {
     var displayName: string;
 }

package/lib/typescript/commonjs/components/StatTile/StatTile.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary";
 import type { IconVariant } from "../AppIcon/AppIcon";
 import type { SlotIcon } from "../AppIcon/slotIcon";
-import type { IconBadgeTone } from "../IconBadge";
 export interface StatTileTrend {
     /**
      * The change. A number is a percentage (12.4 for 12.4%) and is drawn without its own sign,
@@ -16,6 +16,12 @@ export interface StatTileTrend {
     /** What the change is measured against, written in full: "vs last month". */
     period?: string;
 }
+export interface StatTileLabels {
+    trendUp: string;
+    trendDown: string;
+    trendFlat: string;
+}
+export declare const DEFAULT_STAT_TILE_LABELS: Readonly<StatTileLabels>;
 export interface StatTileProps {
     /** What the figure measures, drawn small above it. */
     label: string;
@@ -26,7 +32,7 @@ export interface StatTileProps {
     /** Iconsax style for `icon` given as a name. Default `'linear'`. */
     iconVariant?: IconVariant;
     /** Tone of the icon circle. Default `'primary'`. */
-    tone?: IconBadgeTone;
+    tone?: Tone;
     /** A small line under the figure (a period, a delta). */
     caption?: ReactNode;
     /**
@@ -45,6 +51,8 @@ export interface StatTileProps {
      * with the change after it ("up 12.4% vs last month") when there is a `trend`.
      */
     accessibilityLabel?: string;
+    /** The words the spoken trend uses for each direction. Give only the ones to change. */
+    labels?: Partial<StatTileLabels>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/StatusBadge/StatusBadge.d.ts

@@ -1,19 +1,21 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { FillVariant, Size, Tone } from "../../types/vocabulary";
 /**
  * The same semantic vocabulary Chip and Badge use, and the web library's
  * `AppStatusBadge`.
  * A semantic name survives a palette change; a colour name does not.
  */
-export type StatusBadgeTone = "success" | "warning" | "danger" | "info" | "primary" | "neutral";
+export type StatusBadgeTone = Tone;
 /**
  * `soft` is the default: the tone at a light tint behind text in the tone,
  * with a border in the tone so the pill has an edge on any surface. `flat` is
  * the same tint with no visible border. `outline` drops the fill. `solid` fills
- * with the tone and draws the text on it.
+ * with the tone and draws the text on it. `ghost` draws only the label in the
+ * tone ink.
  */
-export type StatusBadgeVariant = "soft" | "flat" | "outline" | "solid";
-export type StatusBadgeSize = "sm" | "md";
+export type StatusBadgeVariant = FillVariant | "flat";
+export type StatusBadgeSize = Extract<Size, "sm" | "md">;
 export interface StatusBadgeProps {
     /** The status as the reader should see it ("Active", "Pending review"). */
     label: string;

package/lib/typescript/commonjs/components/StatusBadge/statusMap.d.ts

@@ -0,0 +1,8 @@
+import type { Tone } from "../../types/vocabulary";
+export interface StatusEntry {
+    label: string;
+    tone: Tone;
+}
+/** Maps a backend status to the label and tone StatusBadge draws; the app owns the mapping and the library never guesses a tone from a word. */
+export declare function defineStatusMap<K extends string>(entries: Readonly<Record<K, StatusEntry>>, fallback?: StatusEntry): (value: string | null | undefined) => StatusEntry;
+//# sourceMappingURL=statusMap.d.ts.map

package/lib/typescript/commonjs/components/Stepper/Stepper.d.ts

@@ -1,5 +1,6 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
 /**
  * `horizontal`: numbered circles in a row, joined by a line. `vertical`: the
@@ -8,7 +9,7 @@ import type { HapticType } from "../../utils/hapticUtils";
  * including the active step.
  */
 export type StepperVariant = "horizontal" | "vertical" | "segmented";
-export type StepperTone = "primary" | "success";
+export type StepperTone = Tone;
 /**
  * What a tap on a step does. Steps always run in order: every step before
  * the active one is done, so a tap never leaves a gap. `none`: nothing, the
@@ -23,6 +24,17 @@ export interface StepperStep {
     description?: string;
     icon?: React.ReactNode;
 }
+export interface StepperLabels {
+    step: (index: number, total: number, label: string, status: string) => string;
+    statusComplete: string;
+    statusActive: string;
+    statusUpcoming: string;
+    progressStep: (step: number, total: number) => string;
+    progressDone: (done: number, total: number) => string;
+    captionStep: (step: number, total: number, label: string | undefined) => string;
+    captionDone: (done: number, total: number) => string;
+}
+export declare const DEFAULT_STEPPER_LABELS: Readonly<StepperLabels>;
 export interface StepperProps {
     steps: StepperStep[];
     /**
@@ -57,6 +69,8 @@ export interface StepperProps {
      * Default true.
      */
     showCaption?: boolean;
+    /** Overrides for the words the stepper speaks and draws, merged over the English defaults. */
+    labels?: Partial<StepperLabels>;
     /**
      * When true, renders the component as its authored skeleton placeholder shape.
      * The placeholder mirrors the real layout's footprint so the UI doesn't reflow

package/lib/typescript/commonjs/components/Stepper/index.d.ts

@@ -1,3 +1,3 @@
-export type { StepperPressMode, StepperProps, StepperStep, StepperTone, StepperVariant, } from "./Stepper";
-export { default, Stepper } from "./Stepper";
+export type { StepperLabels, StepperPressMode, StepperProps, StepperStep, StepperTone, StepperVariant, } from "./Stepper";
+export { DEFAULT_STEPPER_LABELS, default, Stepper } from "./Stepper";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Swipeable/Swipeable.d.ts

@@ -16,12 +16,14 @@
  */
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
-export type SwipeableTone = "primary" | "success" | "warning" | "danger" | "neutral";
+import type { SlotIcon } from "../AppIcon/slotIcon";
+export type SwipeableTone = Tone;
 export interface SwipeableAction {
     key: string;
     label: string;
-    icon?: React.ReactNode;
+    icon?: SlotIcon;
     onPress: () => void;
     tone?: SwipeableTone;
 }