@webority/mobile-ui 0.106.0 → 0.107.0

package/lib/typescript/commonjs/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";
+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/commonjs/components/Composer/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import type React from "react";
+import type { Tone } from "../../types/vocabulary";
+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/commonjs/components/Confirm/index.d.ts

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

package/lib/typescript/commonjs/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";
+import type { CalendarWeekStart } from "../Calendar";
 import type { PickerTriggerSize, PickerTriggerVariant } from "../PickerTrigger";
-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/commonjs/components/DatePicker/index.d.ts

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

package/lib/typescript/commonjs/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";
-import type { CalendarMarkedDate } from "../Calendar";
+import type { CalendarMark } from "../Calendar";
 import type { CalendarWeekStart } from "../Calendar/calendarDates";
 import type { PickerTriggerSize, PickerTriggerVariant } from "../PickerTrigger";
 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/commonjs/components/DateRangePicker/index.d.ts

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

package/lib/typescript/commonjs/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/commonjs/components/DecimalInput/index.d.ts

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

package/lib/typescript/commonjs/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";
 import type { TextColor } from "../Text/Text";
-export type DescriptionsSize = "sm" | "md";
+export type DescriptionsSize = Extract<Size, "sm" | "md">;
 export type DescriptionsVariant = "list" | "summary";
 export interface DescriptionItem {
     /**

package/lib/typescript/commonjs/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";
 import type { HapticType } from "../../utils/hapticUtils";
-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/commonjs/components/Dialog/index.d.ts

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

package/lib/typescript/commonjs/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";
 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/commonjs/components/Drawer/index.d.ts

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

package/lib/typescript/commonjs/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";
+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/commonjs/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/commonjs/components/ErrorBoundary/index.d.ts

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

package/lib/typescript/commonjs/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/commonjs/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";
-export type FieldBaseSize = "sm" | "md" | "lg";
-export type FieldBaseVariant = "outlined" | "filled" | "underline";
+import type { FieldVariant, Size } from "../../types/vocabulary";
+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/commonjs/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";
 import type { FieldBaseProps, FieldBaseVariant } from "./FieldBase";
-/** 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;

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

@@ -9,7 +9,7 @@
  *
  * What it deliberately does NOT own:
  *   - Native picking. Camera / gallery / document access lives in app-level
- *     `sources` adapters (`pick(): Promise<PickedFileInput[]>`), so the
+ *     `sources` adapters (`pick(): Promise<PickedFile[]>`), so the
  *     library stays zero-dependency and each app wires the native modules it
  *     already ships. Throwing inside `pick` surfaces as a field error;
  *     returning `[]` is a cancel.
@@ -20,6 +20,7 @@
  *     (compression, EXIF strip, local copy) before it lands in `files` —
  *     plug the app's image pipeline in there.
  */
+import type { PickerSource } from "@webority/mobile-core/pickers";
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils";
@@ -38,7 +39,7 @@ export interface FilePickerFile {
     /** Mime type, e.g. `image/jpeg`. */
     type?: string;
     /** Bytes. */
-    size?: number;
+    bytes?: number;
     /** Display-only upload state — the app sets these, the library renders them. */
     status?: FilePickerFileStatus;
     /** 0–1, rendered while `status === 'uploading'`. */
@@ -48,21 +49,9 @@ export interface FilePickerFile {
     /** Consumer payload — preserved untouched through every operation. */
     meta?: Record<string, unknown>;
 }
-/** What a source's `pick()` resolves with — the library normalizes the rest. */
-export interface PickedFileInput {
-    uri: string;
-    name?: string;
-    type?: string;
-    size?: number;
-    meta?: Record<string, unknown>;
-}
-export interface FilePickerSource {
-    key: string;
-    label: string;
-    description?: string;
+/** Launch native picking through `pick()`: resolve `[]` for user-cancel, throw for real failures. */
+export interface FilePickerSource extends PickerSource {
     icon?: React.ReactNode;
-    /** Launch native picking. Resolve `[]` for user-cancel; throw for real failures. */
-    pick: () => Promise<PickedFileInput[]>;
 }
 /** Everything a custom `renderFile` template needs to paint one file. */
 export interface FilePickerFileState {
@@ -81,18 +70,30 @@ export interface FilePickerTriggerState {
 }
 export interface FilePickerLabels {
     /** Trigger text when no files are attached. Default 'Attach file'. */
-    trigger?: string;
+    trigger: string;
     /** Add-affordance text/tile label once files exist. Default '+'. (card tile) / 'Add more' (list row). */
-    addMore?: string;
+    addMore: string;
     /** Source chooser sheet title. Default 'Add from'. */
-    sheetTitle?: string;
+    sheetTitle: string;
     /** A11y label template for a file's remove button. */
-    removeFile?: (name: string) => string;
+    removeFile: (name: string) => string;
     /** Retry affordance a11y label. Default 'Retry upload'. */
-    retry?: string;
-    errorTooMany?: (maxFiles: number) => string;
-    errorTooLarge?: (name: string, maxSizeMB: number) => string;
-    errorWrongType?: (name: string) => string;
+    retry: string;
+    /** Group a11y label of the whole picker. Default 'Attachments'. */
+    attachments: string;
+    /** Summary of the attached count, read as the trigger's a11y text. */
+    attached: (count: number) => string;
+    /** Status text while a file runs its `process` hook. Default 'Processing…'. */
+    processing: string;
+    /** Status text while a file uploads. */
+    uploading: (percent: number) => string;
+    /** Status text of a finished upload. Default 'Uploaded'. */
+    uploaded: string;
+    /** Status text of a failed file without its own error. Default 'Failed'. */
+    failed: string;
+    errorTooMany: (maxFiles: number) => string;
+    errorTooLarge: (name: string, maxSizeMB: number) => string;
+    errorWrongType: (name: string) => string;
 }
 export interface FilePickerRef {
     /** Open a source by key, or the chooser (sheet when >1 source). */
@@ -132,7 +133,7 @@ export interface FilePickerProps {
     helperText?: string;
     /** External error — wins over internal validation errors (form binding). */
     error?: React.ReactNode;
-    labels?: FilePickerLabels;
+    labels?: Partial<FilePickerLabels>;
     /** Haptics for pick/remove (selection) and rejections (error). Pass false to disable. */
     haptic?: HapticType | false;
     /** Files accepted by a pick (post-validation, post-process). */
@@ -148,6 +149,7 @@ export interface FilePickerProps {
     accessibilityLabel?: string;
     testID?: string;
 }
+export declare const DEFAULT_FILE_PICKER_LABELS: FilePickerLabels;
 export declare const formatFileSize: (bytes?: number) => string;
 export declare const matchesAccept: (type: string | undefined, accept?: ReadonlyArray<string>) => boolean;
 declare const FilePicker: React.ForwardRefExoticComponent<FilePickerProps & React.RefAttributes<FilePickerRef>>;

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

@@ -1,3 +1,3 @@
-export type { FilePickerFile, FilePickerFileState, FilePickerFileStatus, FilePickerLabels, FilePickerProps, FilePickerRef, FilePickerSource, FilePickerTriggerState, FilePickerVariant, PickedFileInput, } from "./FilePicker";
-export { default, FilePicker, formatFileSize } from "./FilePicker";
+export type { FilePickerFile, FilePickerFileState, FilePickerFileStatus, FilePickerLabels, FilePickerProps, FilePickerRef, FilePickerSource, FilePickerTriggerState, FilePickerVariant, } from "./FilePicker";
+export { DEFAULT_FILE_PICKER_LABELS, default, FilePicker, formatFileSize } from "./FilePicker";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,12 +1,17 @@
-import React from "react";
+import type React from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
-export type FloatingActionButtonSize = "sm" | "md" | "lg";
-export type FloatingActionButtonTone = "primary" | "success" | "warning" | "danger" | "neutral";
+import { type SlotIcon } from "../AppIcon/slotIcon";
+export type FloatingActionButtonSize = Extract<Size, "sm" | "md" | "lg">;
+export type FloatingActionButtonTone = Tone;
 export type FloatingActionButtonPosition = "bottomRight" | "bottomLeft" | "bottomCenter";
 export interface FloatingActionButtonProps {
-    /** JSX element for the icon. The FAB sizes it with the size's `icon` token. */
-    icon: React.ReactNode;
+    /**
+     * The icon: an AppIcon name, `{ name, variant }`, a render function that gets the button's
+     * ink and size, or any node drawn as is. A name is drawn in the button's ink at the size's `icon` token.
+     */
+    icon: SlotIcon;
     onPress: () => void;
     /** Text beside the icon; makes the button extended (a pill). */
     label?: string;
@@ -36,21 +41,33 @@ export interface FloatingActionButtonProps {
 declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<RNView>>;
 export interface FloatingActionButtonGroupAction {
     key: string;
-    icon: React.ReactNode;
+    /** Drawn in the action's ink at the group's size; see `FloatingActionButtonProps.icon`. */
+    icon: SlotIcon;
     /** Visible text beside the action. Required: an icon-only menu item is not allowed. */
     label: string;
     onPress: () => void;
     tone?: FloatingActionButtonTone;
     accessibilityLabel: string;
 }
+/** The Group's screen-reader copy. The defaults are English; a consumer passes its own strings. */
+export interface FloatingActionButtonGroupLabels {
+    /** The name of the primary button when the group sets no `accessibilityLabel`. */
+    quickActions: string;
+    expanded: (label: string, count: number) => string;
+    collapsed: (label: string) => string;
+}
+export declare const DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS: FloatingActionButtonGroupLabels;
 export interface FloatingActionButtonGroupProps {
-    primaryIcon: React.ReactNode;
-    primaryActiveIcon?: React.ReactNode;
+    /** Drawn in the primary's ink at the group's size; see `FloatingActionButtonProps.icon`. */
+    primaryIcon: SlotIcon;
+    primaryActiveIcon?: SlotIcon;
     /** 2 to 6 actions, each with a visible label. Only the first 6 are drawn. */
     actions: FloatingActionButtonGroupAction[];
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Screen-reader copy, merged over the English defaults. */
+    labels?: Partial<FloatingActionButtonGroupLabels>;
     position?: FloatingActionButtonPosition;
     bottomOffset?: number;
     size?: FloatingActionButtonSize;

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

@@ -1,3 +1,3 @@
-export type { FloatingActionButtonGroupAction, FloatingActionButtonGroupProps, FloatingActionButtonPosition, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, } from "./FloatingActionButton";
-export { default, FloatingActionButton, FloatingActionButtonGroup } from "./FloatingActionButton";
+export type { FloatingActionButtonGroupAction, FloatingActionButtonGroupLabels, FloatingActionButtonGroupProps, FloatingActionButtonPosition, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, } from "./FloatingActionButton";
+export { DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS, default, FloatingActionButton, FloatingActionButtonGroup, } from "./FloatingActionButton";
 //# sourceMappingURL=index.d.ts.map