@webority/mobile-ui 0.104.1 → 0.107.0

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/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,18 +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. `outline`
- * drops the fill. `solid` fills with the tone and draws the text on it.
+ * 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. `ghost` draws only the label in the
+ * tone ink.
  */
-export type StatusBadgeVariant = "soft" | "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;
 }

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

@@ -1,8 +1,9 @@
 import type { ReactNode } from "react";
 import type { PressableProps, View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
-export type SwitchSize = "sm" | "md" | "lg";
-export type SwitchTone = "primary" | "success" | "warning" | "danger";
+export type SwitchSize = Extract<Size, "sm" | "md" | "lg">;
+export type SwitchTone = Tone;
 /** `inline`: the control, then the text beside it. `row`: the text on the left, the control on the right, the whole row pressable. */
 export type SwitchLayout = "inline" | "row";
 export interface SwitchProps extends Omit<PressableProps, "style" | "children" | "onPress"> {
@@ -17,18 +18,15 @@ export interface SwitchProps extends Omit<PressableProps, "style" | "children" |
      * explicit `accessibilityLabel` (the switch's screen-reader name).
      */
     label?: ReactNode;
-    /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
-    description?: ReactNode;
+    /** Secondary line under the label. */
+    description?: string;
+    /** A hint under the label, description and error. */
+    helperText?: string;
     /**
      * Error line under the label (and description); also outlines the off track in the error colour.
-     * A string or a node; `true` shows the error state without a message.
+     * `true` shows the error state without a message.
      */
-    error?: ReactNode;
-    /**
-     * Lines the label (and the description) may take before truncating with an
-     * ellipsis. Default: no limit, the text wraps in full. `0` also means no limit.
-     */
-    labelLines?: number;
+    error?: string | boolean;
     /**
      * `'inline'` (default): the control with the text beside it. `'row'`: the
      * label and description on the left (taking the free width), the control on

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

@@ -14,13 +14,15 @@
  * is a look, not a semantic change: the roles stay tablist/tab, and a value
  * choice is still SegmentedControl.
  */
+import { type ReactNode } from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import { Animated } from "react-native";
 import type { RadiusName } from "../../theme/types";
+import type { Size } from "../../types/vocabulary";
 import type { HapticType } from "../../utils";
 import type { SlotIcon, SlotIconState } from "../AppIcon/slotIcon";
 export type TabsVariant = "underline" | "pills" | "segmented";
-export type TabsSize = "sm" | "md" | "lg";
+export type TabsSize = Extract<Size, "sm" | "md" | "lg">;
 /** A theme radius token or a pixel number. */
 export type TabsRadius = RadiusName | number;
 export type TabsAlign = "left" | "center";
@@ -62,10 +64,10 @@ export interface TabsProps {
      */
     size?: TabsSize;
     scrollable?: boolean;
+    /** One page per tab, swiped horizontally under the bar; the shown page follows `activeKey`, and a swipe calls `onChange` with the new tab's key. */
+    pages?: ReactNode[];
     align?: TabsAlign;
     style?: StyleProp<ViewStyle>;
-    /** Alias of `style`. Applied to the outer container View. Additive — both merge. */
-    containerStyle?: StyleProp<ViewStyle>;
     tabStyle?: StyleProp<ViewStyle>;
     /** Style override applied to each tab label Text. */
     tabLabelStyle?: StyleProp<TextStyle>;

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

@@ -1,4 +1,3 @@
-import type { ReactNode } from "react";
 import type { FocusEvent, TextInput as RNTextInput, StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils";
 import type { FieldBaseSize, FieldBaseVariant } from "../FieldBase";
@@ -11,10 +10,10 @@ export interface TagInputProps {
     label?: string;
     helperText?: string;
     /**
-     * A string or a node puts the field in the error state and shows it below in place of the
-     * helper; `true` shows the error state without a message.
+     * A string puts the field in the error state and shows it below in place of the helper; `true`
+     * shows the error state without a message.
      */
-    error?: ReactNode;
+    error?: string | boolean;
     required?: boolean;
     disabled?: boolean;
     size?: FieldBaseSize;

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

@@ -1,20 +1,21 @@
 import type React from "react";
 import type { TextProps as RNTextProps, Text as RNTextRef, StyleProp, TextStyle } from "react-native";
 import type { TextName, Theme, WeightName } from "../../theme/types";
+import type { Tone } from "../../types/vocabulary";
 export type TextVariant = "display" | "h1" | "h2" | "h3" | "title" | "body" | "bodySmall" | "caption" | "label" | "overline";
-export type TextColor = "primary" | "secondary" | "tertiary" | "inverse" | "disabled" | "link" | "textStrong" | "success" | "warning" | "danger" | "info";
+export type TextColor = "primary" | "secondary" | "tertiary" | "inverse" | "disabled" | "link" | "textStrong" | "brand" | Tone;
 export interface TextProps extends Omit<RNTextProps, "style"> {
     /**
      * A built-in variant, or the name of one registered in `theme.settings.textVariants`.
      * An unknown name warns in development and renders as `body`.
      */
     variant?: TextVariant | (string & {});
-    /** Text role token, semantic tone, or a raw colour string. Defaults per variant. */
-    color?: TextColor | (string & {});
+    /** A text role, a tone or brand. A raw colour string is refused: it warns in development and the variant's colour is drawn. */
+    color?: TextColor;
     /** Override the variant's weight. */
     weight?: WeightName;
-    /** Override the variant's size: a text step name or a pixel number. */
-    size?: TextName | number;
+    /** Override the variant's size with a text step name. */
+    size?: TextName;
     align?: TextStyle["textAlign"];
     italic?: boolean;
     underline?: boolean;

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

@@ -9,6 +9,20 @@ export interface TimeValue {
     hour: number;
     minute: number;
 }
+export interface TimePickerLabels {
+    title: string;
+    confirm: string;
+    cancel: string;
+    selected: (summary: string) => string;
+    hour: string;
+    minute: string;
+    period: string;
+    hourItem: (hour: number) => string;
+    minuteItem: (minute: number) => string;
+    cancelHint: string;
+    confirmHint: string;
+}
+export declare const DEFAULT_TIME_PICKER_LABELS: Readonly<TimePickerLabels>;
 /**
  * TimePicker supports two modes:
  *
@@ -28,9 +42,8 @@ export interface TimePickerProps {
     onClose?: () => void;
     format?: TimeFormat;
     minuteStep?: MinuteStep;
-    title?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
+    /** Chrome copy, merged over DEFAULT_TIME_PICKER_LABELS. */
+    labels?: Partial<TimePickerLabels>;
     testID?: string;
     style?: StyleProp<ViewStyle>;
     /** Outer container style applied to the bottom sheet. */
@@ -42,7 +55,7 @@ export interface TimePickerProps {
     label?: string;
     placeholder?: string;
     helperText?: string;
-    error?: React.ReactNode;
+    error?: string | boolean;
     required?: boolean;
     disabled?: boolean;
     size?: FieldBaseSize;

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

@@ -1,3 +1,3 @@
-export type { MinuteStep, Period, TimeFormat, TimePickerProps, TimeValue } from "./TimePicker";
-export { default, TimePicker } from "./TimePicker";
+export type { MinuteStep, Period, TimeFormat, TimePickerLabels, TimePickerProps, TimeValue } from "./TimePicker";
+export { DEFAULT_TIME_PICKER_LABELS, default, TimePicker } from "./TimePicker";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 import type React from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
-export type ToastVariant = "default" | "success" | "danger" | "warning" | "info";
 export type ToastPosition = "top" | "bottom";
 export interface ToastAction {
     label: string;
@@ -10,7 +10,8 @@ export interface ToastAction {
 export interface ToastOptions {
     message: string;
     description?: string;
-    variant?: ToastVariant;
+    /** Default `neutral`. */
+    tone?: Tone;
     position?: ToastPosition;
     duration?: number;
     action?: ToastAction;
@@ -18,8 +19,6 @@ export interface ToastOptions {
     icon?: React.ReactNode;
     /** Style applied to the toast container (override radius, padding, shadow per-toast). */
     style?: StyleProp<ViewStyle>;
-    /** Alias of `style`. Applied to the toast container (merged additively). */
-    containerStyle?: StyleProp<ViewStyle>;
     /** Style applied to the toast message Text. */
     textStyle?: StyleProp<TextStyle>;
     /** Style applied to the leading icon circle wrapper. */
@@ -44,10 +43,17 @@ export interface ToastOptions {
 export interface ToastItem extends ToastOptions {
     id: string;
 }
+export interface ToastLabels {
+    dismiss: string;
+    undo: string;
+    seconds: (count: number) => string;
+}
+export declare const DEFAULT_TOAST_LABELS: Readonly<ToastLabels>;
 /** What the provider shares with every toast it draws. */
 export interface ToastRuntime {
     /** A screen reader is on (always false on web, where it cannot be detected). */
     screenReaderOn: boolean;
+    labels: ToastLabels;
     /** The time left for a toast that was on screen before it moved to another host. */
     readRemaining: (id: string) => number | undefined;
     /** Stores the time left when a running toast unmounts, so its next host resumes it. */
@@ -56,7 +62,7 @@ export interface ToastRuntime {
 export interface ToastProps {
     toast: ToastItem;
     index: number;
-    onDismiss: (id: string) => void;
+    onClose: (id: string) => void;
     /**
      * When the toast was first shown (ms since epoch). Auto-dismiss counts from
      * here, so a toast that remounts in another host (a modal opened or closed)