@webority/mobile-ui 0.106.0 → 0.107.0

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

@@ -1,8 +1,9 @@
 import type React from "react";
 import type { PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
-export type CheckboxSize = "sm" | "md" | "lg";
-export type CheckboxTone = "primary" | "success" | "warning" | "danger";
+export type CheckboxSize = Extract<Size, "sm" | "md" | "lg">;
+export type CheckboxTone = Tone;
 export type CheckboxShape = "circle";
 export interface CheckboxProps extends Omit<PressableProps, "style" | "children" | "onPress"> {
     checked?: boolean;
@@ -15,24 +16,21 @@ export interface CheckboxProps extends Omit<PressableProps, "style" | "children"
      * explicit `accessibilityLabel` (the checkbox's screen-reader name).
      */
     label?: React.ReactNode;
-    /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
-    description?: React.ReactNode;
+    /** A muted hint directly under the label. It is the accessibility hint when set. */
+    helperText?: string;
+    /** Secondary line under the helper text. */
+    description?: string;
     /**
-     * Error line under the label (and description); also draws the box in the error colour. A string
-     * or a node; `true` shows the error state without a message.
+     * Error line under the label, helper text and description; also draws the box in the error colour.
+     * `true` shows the error state without a message.
      */
-    error?: React.ReactNode;
+    error?: string | boolean;
     /**
      * Drawn beside the label, after it (a glossary info button, say). It sits
      * beside the checkbox row, not inside it: it is not part of the checkbox's
      * accessibility name and pressing it does not toggle the box.
      */
     help?: React.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;
     size?: CheckboxSize;
     tone?: CheckboxTone;
     /** circle draws a round box with the tick inside. Omit it for the square box. */

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

@@ -1,17 +1,22 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { FillVariant, SelectionMode, Size, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { IconVariant } from "../AppIcon/AppIcon.js";
 import type { SlotIcon } from "../AppIcon/slotIcon.js";
 /**
- * `filled` is a flat neutral pill, `outlined` a ring, `soft` the tone's own
+ * `solid` is a flat neutral pill, `outline` a ring, `soft` the tone's own
  * colour at low opacity behind tone-coloured text (the tint Button and
  * IconButton draw as `soft`).
  */
-export type ChipVariant = "filled" | "outlined" | "soft";
-export type ChipTone = "primary" | "neutral" | "success" | "warning" | "danger" | "info";
-export type ChipSize = "sm" | "md";
-export type ChipSelectionMode = "single" | "multiple" | "radio";
+export type ChipVariant = Extract<FillVariant, "solid" | "outline" | "soft">;
+export type ChipTone = Tone;
+export type ChipSize = Extract<Size, "sm" | "md">;
+export type ChipSelectionMode = Extract<SelectionMode, "single" | "multiple"> | "radio";
+export interface ChipLabels {
+    remove: (label: string) => string;
+}
+export declare const DEFAULT_CHIP_LABELS: Readonly<ChipLabels>;
 export interface ChipProps {
     label: string;
     /**
@@ -33,7 +38,7 @@ export interface ChipProps {
      */
     selectionMode?: ChipSelectionMode;
     onPress?: () => void;
-    onClose?: () => void;
+    onRemove?: () => void;
     /**
      * Icon before the label. An icon name (`leftIcon="star"`) is drawn in the
      * label colour at the size's icon size; `{ name, variant }`, a render
@@ -68,6 +73,7 @@ export interface ChipProps {
     closeButtonStyle?: StyleProp<ViewStyle>;
     /** Style override for the close (×) glyph text. */
     closeIconStyle?: StyleProp<TextStyle>;
+    labels?: Partial<ChipLabels>;
     testID?: string;
 }
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<RNView>> & {

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

@@ -1,3 +1,3 @@
-export type { ChipProps, ChipSelectionMode, ChipSize, ChipTone, ChipVariant } from "./Chip.js";
-export { Chip, default } from "./Chip.js";
+export type { ChipLabels, ChipProps, ChipSelectionMode, ChipSize, ChipTone, ChipVariant, } from "./Chip.js";
+export { Chip, DEFAULT_CHIP_LABELS, default } from "./Chip.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -26,10 +26,11 @@
  */
 import type React from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { SelectionMode, Size } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
 import type { SlotIcon } from "../AppIcon/slotIcon.js";
 import type { RadioValue } from "../Radio/Radio.js";
-export type ChoiceGroupSize = "sm" | "md" | "lg";
+export type ChoiceGroupSize = Extract<Size, "sm" | "md" | "lg">;
 export type ChoiceGroupDirection = "row" | "column";
 export type ChoiceGroupVariant = "card" | "chip";
 /** Which side of the card the radio dot sits on. */
@@ -61,7 +62,7 @@ export interface ChoiceOptionState<T = ChoiceOption> {
     color: string;
 }
 /** `single` picks one option (radio); `multiple` toggles any number (checkbox). */
-export type ChoiceGroupSelectionMode = "single" | "multiple";
+export type ChoiceGroupSelectionMode = Extract<SelectionMode, "single" | "multiple">;
 interface BaseChoiceGroupProps<T = ChoiceOption> {
     /** `ChoiceOption` shape by default; pass `getOption*` accessors for anything else. */
     options: ReadonlyArray<T>;
@@ -70,7 +71,7 @@ interface BaseChoiceGroupProps<T = ChoiceOption> {
     /** Defaults to `(o) => (o as ChoiceOption).value`. */
     getOptionValue?: (option: T) => RadioValue;
     /** Defaults to `(o) => (o as ChoiceOption).disabled === true`. */
-    getOptionDisabled?: (option: T) => boolean;
+    isOptionDisabled?: (option: T) => boolean;
     /** Defaults to `(o) => (o as ChoiceOption).description`. */
     getOptionDescription?: (option: T) => string | undefined;
     /** Defaults to `(o) => (o as ChoiceOption).icon`. */
@@ -105,7 +106,7 @@ interface BaseChoiceGroupProps<T = ChoiceOption> {
     size?: ChoiceGroupSize;
     /**
      * Lines an option label may take in the built-in templates before it ends in
-     * an ellipsis. Default `1`. Screen readers always get the full label.
+     * an ellipsis. Unset means no limit. Screen readers always get the full label.
      */
     labelLines?: number;
     /**
@@ -123,6 +124,12 @@ interface BaseChoiceGroupProps<T = ChoiceOption> {
     min?: number;
     /** Multiple mode only: most options that can be selected. At this count the unselected options are disabled. Default no limit. */
     max?: number;
+    /** A line of text drawn above the options. */
+    description?: string;
+    /** A hint drawn under the options; hidden while `error` is set. */
+    helperText?: string;
+    /** `true` marks the group invalid; a string is drawn under the options in place of `helperText`. */
+    error?: string | boolean;
     testID?: string;
 }
 export interface SingleChoiceGroupProps<T = ChoiceOption> extends BaseChoiceGroupProps<T> {

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

@@ -2,19 +2,24 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import { TextInput } from "react-native";
 import type { HapticType } from "../../utils/hapticUtils.js";
+export interface ComposerLabels {
+    send: string;
+    message: string;
+}
+export declare const DEFAULT_COMPOSER_LABELS: Readonly<ComposerLabels>;
 export interface ComposerProps {
     /** Called with the trimmed text; the box clears once it is handed over. */
     onSend: (text: string) => unknown;
     /** Controlled draft. Leave unset and the composer keeps its own. */
     value?: string;
     onChangeText?: (text: string) => void;
+    /** Default: `labels.message`. */
     placeholder?: string;
     /** The text box's screen-reader name. Default: `placeholder`. */
     accessibilityLabel?: string;
-    /** The send button's screen-reader name. Default 'Send'. */
-    sendLabel?: string;
+    labels?: Partial<ComposerLabels>;
     /** A reply is arriving: the person can type but not send, and send shows a spinner. */
-    busy?: boolean;
+    loading?: boolean;
     /** Nothing can be typed or sent. */
     disabled?: boolean;
     maxLength?: number;

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

@@ -1,3 +1,3 @@
-export type { ComposerProps } from "./Composer.js";
-export { Composer, default } from "./Composer.js";
+export type { ComposerLabels, ComposerProps } from "./Composer.js";
+export { Composer, DEFAULT_COMPOSER_LABELS, default } from "./Composer.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Confirm/confirm.d.ts

@@ -0,0 +1,17 @@
+import type React from "react";
+import type { Tone } from "../../types/vocabulary.js";
+export interface ConfirmOptions {
+    title: string;
+    message?: string;
+    confirmLabel: string;
+    tone?: Tone;
+}
+export interface ConfirmHostProps {
+    labels?: Partial<{
+        cancel: string;
+    }>;
+    testID?: string;
+}
+export declare function confirm(options: ConfirmOptions): Promise<boolean>;
+export declare function ConfirmHost({ labels: labelOverrides, testID }: ConfirmHostProps): React.ReactElement | null;
+//# sourceMappingURL=confirm.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { ConfirmHostProps, ConfirmOptions } from "./confirm.js";
+export { ConfirmHost, confirm } from "./confirm.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,26 @@
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
+import type { CalendarWeekStart } from "../Calendar/index.js";
 import type { PickerTriggerSize, PickerTriggerVariant } from "../PickerTrigger/index.js";
-export type DatePickerMode = "modal" | "inline";
-export type WeekStart = 0 | 1 | 6;
+export type WeekStart = CalendarWeekStart;
+export interface DatePickerLabels {
+    title: string;
+    confirm: string;
+    cancel: string;
+    dismiss: string;
+    previousMonth: string;
+    nextMonth: string;
+    previousYears: string;
+    nextYears: string;
+    previousDecades: string;
+    nextDecades: string;
+    switchToYears: string;
+    switchToDecades: string;
+    year: (year: number) => string;
+    decade: (start: number, end: number) => string;
+}
+export declare const DEFAULT_DATE_PICKER_LABELS: Readonly<DatePickerLabels>;
 /**
  * DatePicker operates in two modes:
  *
@@ -26,12 +43,11 @@ export interface DatePickerProps {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
-    mode?: DatePickerMode;
+    inline?: boolean;
     locale?: string;
     weekStartsOn?: WeekStart;
     title?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
+    labels?: Partial<DatePickerLabels>;
     style?: StyleProp<ViewStyle>;
     /** Outer container style applied to the calendar card. */
     containerStyle?: StyleProp<ViewStyle>;
@@ -47,7 +63,7 @@ export interface DatePickerProps {
     label?: string;
     placeholder?: string;
     helperText?: string;
-    error?: React.ReactNode;
+    error?: string | boolean;
     required?: boolean;
     disabled?: boolean;
     size?: PickerTriggerSize;

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

@@ -1,3 +1,3 @@
-export type { DatePickerMode, DatePickerProps, WeekStart } from "./DatePicker.js";
-export { DatePicker, default } from "./DatePicker.js";
+export type { DatePickerLabels, DatePickerProps, WeekStart } from "./DatePicker.js";
+export { DatePicker, DEFAULT_DATE_PICKER_LABELS, default } from "./DatePicker.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,6 @@
-import type { ReactNode } from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
-import type { CalendarMarkedDate } from "../Calendar/index.js";
+import type { CalendarMark } from "../Calendar/index.js";
 import type { CalendarWeekStart } from "../Calendar/calendarDates.js";
 import type { PickerTriggerSize, PickerTriggerVariant } from "../PickerTrigger/index.js";
 export type WeekStart = CalendarWeekStart;
@@ -9,6 +8,13 @@ export interface DateRange {
     start: Date | null;
     end: Date | null;
 }
+export interface DateRangePickerLabels {
+    title: string;
+    confirm: string;
+    cancel: string;
+    dismiss: string;
+}
+export declare const DEFAULT_DATE_RANGE_PICKER_LABELS: Readonly<DateRangePickerLabels>;
 /**
  * DateRangePicker — supports two usage modes:
  *
@@ -29,7 +35,7 @@ export interface DateRangePickerProps {
     label?: string;
     placeholder?: string;
     helperText?: string;
-    error?: ReactNode;
+    error?: string | boolean;
     required?: boolean;
     disabled?: boolean;
     size?: PickerTriggerSize;
@@ -45,14 +51,12 @@ export interface DateRangePickerProps {
     maxDate?: Date;
     disabledDates?: Date[];
     /** Holidays, events and pending requests drawn on the grid; see `Calendar`. */
-    markedDates?: CalendarMarkedDate[];
-    /** Strike holidays inside the chosen range and read them as not counted; see `Calendar`. */
-    strikeMarkedInRange?: boolean;
+    marks?: CalendarMark[];
     locale?: string;
     weekStartsOn?: WeekStart;
+    /** Overrides `labels.title`. */
     title?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
+    labels?: Partial<DateRangePickerLabels>;
     maxRange?: number;
     /**
      * Haptic feedback for interactions. Pass false to disable; pass a HapticType

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

@@ -1,3 +1,3 @@
-export type { DateRange, DateRangePickerProps, WeekStart } from "./DateRangePicker.js";
-export { DateRangePicker, default } from "./DateRangePicker.js";
+export type { DateRange, DateRangePickerLabels, DateRangePickerProps, WeekStart } from "./DateRangePicker.js";
+export { DateRangePicker, DEFAULT_DATE_RANGE_PICKER_LABELS, default } from "./DateRangePicker.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -29,16 +29,17 @@ export declare function pointDecimalText(text: string): string;
  * A decimal comma reads as a point; an unclear one (see `isUnclearDecimalComma`) reads as nothing.
  */
 export declare function parseDecimalText(text: string): number | "";
-export interface DecimalInputProps extends Omit<InputProps, "value" | "onChange" | "onChangeText" | "keyboardType"> {
+export interface DecimalInputLabels {
+    unclearComma: string;
+}
+export declare const DEFAULT_DECIMAL_INPUT_LABELS: DecimalInputLabels;
+export interface DecimalInputProps extends Omit<InputProps, "value" | "onChange" | "onChangeText" | "keyboardType" | "labels"> {
     /** The quantity's symbol, drawn in the prefix box before the value. Passed to Input as `prefix`. */
     symbol?: InputProps["prefix"];
-    /** The figure. Text in the default mode, a number (or `''`) in `numeric` mode. */
-    value?: string | number | null;
-    /**
-     * Text mode (default): the cleaned text. `numeric`: a number, or `''` while the field is cleared
-     * or half-typed (`'12.'`, a lone `'-'`).
-     */
-    onChange?: (value: string | number) => void;
+    /** The figure as a number, or null for an empty field. */
+    value?: number | null;
+    /** A number, or null while the field is cleared or half-typed ('12.', a lone '-', an unclear comma figure). */
+    onChange?: (value: number | null) => void;
     /** A keystroke or paste that would pass this is refused; a figure already past it can still be edited down. */
     max?: number;
     /** Lower bound, refused the same way as `max`. */
@@ -51,13 +52,8 @@ export interface DecimalInputProps extends Omit<InputProps, "value" | "onChange"
     decimals?: number;
     /** Allow exponent notation such as `1e-5`. */
     allowExponent?: boolean;
-    /**
-     * Hand `onChange` a number. The field keeps the typed text itself, so `'12.'` and `'-'` survive
-     * the keystroke, and follows `value` when it changes from elsewhere.
-     */
-    numeric?: boolean;
-    /** Shown when the figure has a comma before exactly three digits and no `error` is passed. */
-    unclearCommaMessage?: InputProps["error"];
+    /** Copy for the field's own message. Each key overrides its default in DEFAULT_DECIMAL_INPUT_LABELS. */
+    labels?: Partial<DecimalInputLabels>;
 }
 /**
  * A figure typed on a number keyboard, over Input. Every Input prop passes through; the value may be

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

@@ -1,3 +1,3 @@
-export type { DecimalInputProps, DecimalRules } from "./DecimalInput.js";
-export { cleanDecimalText, DecimalInput, default, isUnclearDecimalComma, parseDecimalText, pointDecimalText, } from "./DecimalInput.js";
+export type { DecimalInputLabels, DecimalInputProps, DecimalRules } from "./DecimalInput.js";
+export { cleanDecimalText, DEFAULT_DECIMAL_INPUT_LABELS, DecimalInput, default, isUnclearDecimalComma, parseDecimalText, pointDecimalText, } from "./DecimalInput.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,8 @@
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
 import type { TextColor } from "../Text/Text.js";
-export type DescriptionsSize = "sm" | "md";
+export type DescriptionsSize = Extract<Size, "sm" | "md">;
 export type DescriptionsVariant = "list" | "summary";
 export interface DescriptionItem {
     /**

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

@@ -1,8 +1,8 @@
 import type React from "react";
-import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
-export type DialogVariant = "default" | "success" | "warning" | "danger" | "info";
-export type DialogActionTone = "primary" | "neutral" | "info" | "danger";
+export type DialogActionTone = Tone;
 export interface DialogAction {
     label: string;
     onPress: () => void;
@@ -19,7 +19,10 @@ export interface DialogProps {
     /** Custom content (a short form, a summary) drawn after the message and before the actions. */
     children?: React.ReactNode;
     icon?: React.ReactNode;
-    variant?: DialogVariant;
+    /** Art drawn above the disc and title: an image source, or an element. */
+    illustration?: ImageSourcePropType | React.ReactElement;
+    /** Tints the disc and draws its status mark (check, alert or info) unless `icon` or `illustration` is set. */
+    tone?: Tone;
     actions?: DialogAction[];
     dismissOnAction?: boolean;
     accessibilityLabel?: string;

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

@@ -1,3 +1,3 @@
-export type { DialogAction, DialogActionTone, DialogProps, DialogVariant } from "./Dialog.js";
+export type { DialogAction, DialogActionTone, DialogProps } from "./Dialog.js";
 export { Dialog, default } from "./Dialog.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -21,13 +21,18 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
 export type DrawerSide = "left" | "right" | "top" | "bottom";
+export interface DrawerLabels {
+    close: string;
+    drawer: string;
+}
+export declare const DEFAULT_DRAWER_LABELS: DrawerLabels;
 export interface DrawerProps {
     /** Controlled visibility. Omit to use internal state. */
     visible?: boolean;
     /** Initial visibility for uncontrolled usage. */
     defaultVisible?: boolean;
     /** Fired whenever the drawer transitions open/closed. */
-    onChange?: (visible: boolean) => void;
+    onVisibleChange?: (visible: boolean) => void;
     /** Edge the drawer slides in from. */
     side?: DrawerSide;
     /** Drawer dimension along the slide axis (width for left/right, height for top/bottom). */
@@ -43,6 +48,8 @@ export interface DrawerProps {
     containerStyle?: StyleProp<ViewStyle>;
     children?: React.ReactNode;
     accessibilityLabel?: string;
+    /** Screen-reader names for the drawer panel and its backdrop button. */
+    labels?: Partial<DrawerLabels>;
     testID?: string;
 }
 export interface DrawerRef {

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

@@ -1,3 +1,3 @@
-export type { DrawerProps, DrawerRef, DrawerSide } from "./Drawer.js";
-export { Drawer, default } from "./Drawer.js";
+export type { DrawerLabels, DrawerProps, DrawerRef, DrawerSide } from "./Drawer.js";
+export { DEFAULT_DRAWER_LABELS, Drawer, default } from "./Drawer.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,7 @@
 import type React from "react";
-import type { View as RNView, StyleProp, ViewStyle } from "react-native";
-export type EmptyStateSize = "sm" | "md" | "lg";
+import type { ImageSourcePropType, View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary.js";
+export type EmptyStateSize = Extract<Size, "sm" | "md" | "lg">;
 export interface EmptyStateAction {
     label: string;
     onPress: () => void;
@@ -10,6 +11,10 @@ export interface EmptyStateAction {
 }
 export interface EmptyStateProps {
     icon?: React.ReactNode;
+    /**
+     * Drawn instead of `icon` at the size's illustration-size token (sm 96, md 160, lg 240). Wins over `icon` when both are given.
+     */
+    illustration?: ImageSourcePropType | React.ReactElement;
     title: string;
     description?: string;
     action?: EmptyStateAction;

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

@@ -1,4 +1,10 @@
 import React from "react";
+export interface ErrorBoundaryLabels {
+    title: string;
+    message: string;
+    retry: string;
+}
+export declare const DEFAULT_ERROR_BOUNDARY_LABELS: ErrorBoundaryLabels;
 export interface ErrorBoundaryInfo {
     componentStack: string;
 }
@@ -15,6 +21,8 @@ export interface ErrorBoundaryProps {
     /** Title and message for the default fallback. */
     title?: string;
     message?: string;
+    /** Copy for the default fallback: title, message and the retry label. */
+    labels?: Partial<ErrorBoundaryLabels>;
     testID?: string;
 }
 interface ErrorBoundaryState {

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

@@ -1,5 +1,5 @@
-export type { ErrorBoundaryInfo, ErrorBoundaryProps } from "./ErrorBoundary.js";
-export { ErrorBoundary } from "./ErrorBoundary.js";
+export type { ErrorBoundaryInfo, ErrorBoundaryLabels, ErrorBoundaryProps } from "./ErrorBoundary.js";
+export { DEFAULT_ERROR_BOUNDARY_LABELS, ErrorBoundary } from "./ErrorBoundary.js";
 export { useErrorHandler } from "./useErrorHandler.js";
 export { withErrorBoundary } from "./withErrorBoundary.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/FieldBase/ChoiceText.d.ts

@@ -1,24 +1,27 @@
 /**
  * The text beside a choice control (Checkbox, Switch, Radio): the label, an
- * optional description under it, and an optional error line under that. One
- * piece so the three controls space and colour these lines identically.
+ * optional hint directly under it, an optional description under that, and an
+ * optional error line under both. One piece so the three controls space and
+ * colour these lines identically.
  */
 import type React from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
 export interface ChoiceTextProps {
     /** A string, or a node (a symbol with a subscript). */
     label?: React.ReactNode;
-    description?: React.ReactNode;
-    error?: React.ReactNode;
+    /** A muted hint directly under the label. */
+    helperText?: string;
+    description?: string;
+    error?: string;
     disabled?: boolean;
-    /** Lines the label may take. */
-    labelLines?: number;
-    /** Lines the description may take; unset means no limit. */
-    descriptionLines?: number;
     style?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
 }
 /** True when the control has a second line, so it aligns to the label's first line. */
-export declare const hasChoiceDetail: (description?: React.ReactNode, error?: React.ReactNode) => boolean;
+export declare const hasChoiceDetail: ({ description, error, helperText, }: {
+    description?: string;
+    error?: string;
+    helperText?: string;
+}) => boolean;
 export declare const ChoiceText: React.FC<ChoiceTextProps>;
 //# sourceMappingURL=ChoiceText.d.ts.map

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

@@ -25,8 +25,9 @@ import type React from "react";
 import type { AccessibilityRole, AccessibilityState, StyleProp, TextStyle, ViewStyle } from "react-native";
 import { Animated } from "react-native";
 import type { Theme } from "../../theme/types.js";
-export type FieldBaseSize = "sm" | "md" | "lg";
-export type FieldBaseVariant = "outlined" | "filled" | "underline";
+import type { FieldVariant, Size } from "../../types/vocabulary.js";
+export type FieldBaseSize = Extract<Size, "sm" | "md" | "lg">;
+export type FieldBaseVariant = FieldVariant;
 type FieldSide = "top" | "right" | "bottom" | "left";
 /**
  * Pick the most "representative" side colour from a 4-side record. Used by
@@ -41,7 +42,7 @@ export interface FieldBaseProps {
     size?: FieldBaseSize;
     /**
      * Controls the resting fill + border treatment. Override the theme default
-     * (`theme.settings.components.field.defaultVariant`) via this prop. Default `'outlined'`.
+     * (`theme.settings.components.field.defaultVariant`) via this prop. Default `'outline'`.
      */
     variant?: FieldBaseVariant;
     /** Parent-controlled focus state — drives the border + fill animation. */
@@ -74,7 +75,7 @@ export interface FieldBaseProps {
     slotLineHeight?: number;
     /**
      * Cut a gap in the top border, in the box's outer coordinates: a floated
-     * outlined label sits in it so the rule never runs behind the text and the
+     * outline label sits in it so the rule never runs behind the text and the
      * label needs no masking background. `width` may be animated so the gap
      * opens as the label rises. Ignored when the top border has no width.
      */

package/lib/typescript/module/components/FieldBase/useFloatingLabel.d.ts

@@ -4,7 +4,7 @@
  * Resting, the label sits over the text (past any leading icon) at the
  * field's font size; on focus or with a value it rises to the box's top edge
  * at 85% scale and slides to the field's left edge, straight above the icon.
- * On the outlined variant the top border is cut where the floated label
+ * On the outline variant the top border is cut where the floated label
  * lands (`topNotch`, handed to FieldBase), so the rule never runs behind the
  * text and the label needs no masking background.
  *
@@ -17,7 +17,7 @@ import type React from "react";
 import type { StyleProp, TextStyle } from "react-native";
 import { type resolveFieldSize } from "../../theme/index.js";
 import type { FieldBaseProps, FieldBaseVariant } from "./FieldBase.js";
-/** The floated label's scale; the outlined notch is sized from it. */
+/** The floated label's scale; the outline notch is sized from it. */
 export declare const FLOATED_LABEL_SCALE = 0.85;
 export interface UseFloatingLabelOptions {
     /** A string or a node; a node needs the field's explicit `accessibilityLabel`. */
@@ -48,7 +48,7 @@ export interface UseFloatingLabelOptions {
 export interface UseFloatingLabelResult {
     /** The Animated.Text, or null when disabled. Place it beside FieldBase inside a relative wrapper. */
     node: React.ReactNode;
-    /** Hand to FieldBase so the outlined top border opens under the floated label. */
+    /** Hand to FieldBase so the outline top border opens under the floated label. */
     topNotch: FieldBaseProps["topNotch"];
 }
 export declare const useFloatingLabel: ({ label, enabled, floated, required, variant, sizeTokens, leadingOffset, trailingOffset, textAlign, paddingLeft, lineHeight, restNudge, floatTrim, color, style, }: UseFloatingLabelOptions) => UseFloatingLabelResult;