@webority/mobile-ui 0.104.1 → 0.107.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -6,16 +6,10 @@
  *
  * USAGE:
  *
- * const ref = useRef<BottomSheetRef>(null);
- * <BottomSheet ref={ref} snapPoints={[200, '50%', '90%']}>
+ * const [open, setOpen] = useState(false);
+ * <BottomSheet visible={open} onClose={() => setOpen(false)} snapPoints={[200, '50%', '90%']}>
  *   <YourContent />
  * </BottomSheet>
- *
- * ref.current?.expand();   // open at first snap point (or `index` prop)
- * ref.current?.expand(2);  // open at specific index
- * ref.current?.collapse(); // animate to smallest snap point
- * ref.current?.close();    // dismiss (never asks `confirmDismiss`)
- * ref.current?.requestClose(); // dismiss the way a drag or the scrim would: asks first
  */
 import type React from "react";
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewStyle } from "react-native";
@@ -28,8 +22,12 @@ import { ScrollView } from "react-native";
  */
 export type SnapPoint = number | `${number}%` | "content";
 export type KeyboardBehavior = "none" | "shift";
-export type BottomSheetMode = "modal" | "inline";
 export type BottomSheetPresentation = "sheet" | "dialog" | "auto";
+export interface BottomSheetLabels {
+    close: string;
+    dragHandle: string;
+}
+export declare const DEFAULT_BOTTOM_SHEET_LABELS: Readonly<BottomSheetLabels>;
 export interface BottomSheetProps {
     /**
      * The heights the sheet rests at, in any order (they are sorted ascending).
@@ -37,9 +35,17 @@ export interface BottomSheetProps {
      * content, `['content', '90%']` adds a taller one the handle drags up to.
      * Content taller than the cap is clipped, or scrolls with `scrollable`.
      */
-    snapPoints: SnapPoint[];
-    index?: number;
-    onChange?: (index: number) => void;
+    snapPoints?: SnapPoint[];
+    /** Whether the sheet is open. Set it to false in `onClose`; a sheet closed by the person stays closed until this goes false and true again. */
+    visible: boolean;
+    /**
+     * Called after the person dismisses the sheet (a handle drag, a swipe down, the scrim, Android Back, Escape) and `onBeforeClose` allowed it. The parent sets `visible` to false in it; a sheet closed this way stays closed until `visible` goes false and true again.
+     */
+    onClose: () => void;
+    /** The snap point to open at, and the one to move to when it changes. Omitted, the sheet opens at its first snap point. A drag does not move it: follow the position with `onSnapChange`. */
+    snapIndex?: number;
+    /** Called with the snap index the person dragged the sheet to. Never called for a close: that is `onClose`. */
+    onSnapChange?: (index: number) => void;
     onAnimate?: (from: number, to: number) => void;
     /**
      * Called once after a close has finished: the exit animation is over and
@@ -56,12 +62,12 @@ export interface BottomSheetProps {
      */
     enableBackdropPress?: boolean;
     /**
-     * Asked before the user dismisses the sheet: a handle drag past the close
-     * threshold or a fast swipe down, `requestClose()`, and, while
+     * Asked before the person dismisses the sheet: a handle drag past the close
+     * threshold or a fast swipe down, the context's `requestClose`, and, while
      * `enableBackdropPress` is on, a tap on the scrim, hardware Back (Android)
-     * and Escape (web). Return `true` (or resolve `true`)
-     * to let it close, `false` to keep it open. A refused drag springs back to
-     * the snap point it started from, and `onChange(-1)` does not fire.
+     * and Escape (web). Return `true` (or resolve `true`) to let it close, `false`
+     * to keep it open. A refused drag springs back to the snap point it started
+     * from.
      *
      * Show the question with a `Dialog` or `OptionSheet` rendered inside this
      * sheet's children (a second native modal beside the sheet's own does not
@@ -69,10 +75,14 @@ export interface BottomSheetProps {
      * is pending, further dismissals are ignored, so it must settle. A rejected
      * Promise leaves the sheet open and surfaces as an unhandled rejection.
      *
-     * `ref.close()`, `useBottomSheet().close` and a controlled `index={-1}` are
-     * the app's own decision (a Save button, say) and never ask.
+     * The context's `close` is the app's own decision (a Save button, say) and
+     * never asks.
      */
-    confirmDismiss?: () => boolean | Promise<boolean>;
+    onBeforeClose?: () => boolean | Promise<boolean>;
+    /** Text the sheet speaks for its own controls. Override only what the app's language needs. */
+    labels?: Partial<BottomSheetLabels>;
+    /** A title drawn above `header`, as a heading for screen readers. */
+    title?: string;
     /**
      * Wrap `children` in a vertical ScrollView sized to the space between header
      * and footer. Off by default; a plain View then holds the content. The sheet
@@ -90,14 +100,6 @@ export interface BottomSheetProps {
     onScrollLayout?: (event: LayoutChangeEvent) => void;
     /** Forwarded to the inner ScrollView. Used only with `scrollable`. */
     scrollEventThrottle?: number;
-    /**
-     * @deprecated Backdrop opacity is now controlled by the theme token
-     * `colors.scrim` (alpha baked into the rgba value). Animated
-     * opacity on the backdrop was unreliable under Fabric view-flattening, so
-     * the scrim is now a static plain View. To tune dim level, override
-     * `theme.colors.scrim` in your theme bridge.
-     */
-    backdropOpacity?: number;
     /**
      * How the sheet reacts to the soft keyboard.
      * - `'shift'` (default): the sheet rides up with the keyboard and its body
@@ -108,14 +110,13 @@ export interface BottomSheetProps {
      */
     keyboardBehavior?: KeyboardBehavior;
     /**
-     * How the sheet is mounted in the view tree.
-     * - `'modal'` (default): rendered inside a native `<Modal>` so the backdrop
-     *   covers the entire screen (status bar, headers, tab bars) — the standard
-     *   bottom-sheet UX.
-     * - `'inline'`: rendered as an `absoluteFill` overlay inside the parent
-     *   component. Useful when embedding a sheet within a bounded area.
+     * How the sheet is mounted in the view tree. Off (default): rendered inside a
+     * native `<Modal>` so the backdrop covers the entire screen (status bar,
+     * headers, tab bars), the standard bottom-sheet UX. On: rendered as an
+     * `absoluteFill` overlay inside the parent component, for a sheet embedded
+     * within a bounded area.
      */
-    mode?: BottomSheetMode;
+    inline?: boolean;
     /**
      * How the sheet is drawn.
      * - `'sheet'` (default): full width, anchored to the bottom edge, dragged
@@ -128,8 +129,8 @@ export interface BottomSheetProps {
      */
     presentation?: BottomSheetPresentation;
     /**
-     * Whether a sheet that opens as it mounts (an `index` of 0 or more on the
-     * first render) slides up into place. When false it is drawn at its snap
+     * Whether a sheet that opens as it mounts (`visible` on the first render)
+     * slides up into place. When false it is drawn at its snap
      * point at once, and a re-measured host moves it without a spring, until
      * its first close; later opens slide as usual. Default true.
      */
@@ -158,23 +159,6 @@ export interface BottomSheetProps {
     accessibilityViewIsModal?: boolean;
     testID?: string;
 }
-export interface BottomSheetRef {
-    expand: (index?: number) => void;
-    collapse: () => void;
-    /**
-     * Closes without asking `confirmDismiss`. Resolves once the close has
-     * finished (when `onAfterClose` fires); resolves at once on a sheet that is
-     * not open, and when a reopen overtakes the close or the sheet unmounts.
-     */
-    close: () => Promise<void>;
-    /**
-     * Closes the way a drag or the scrim would: asks `confirmDismiss` first.
-     * Resolves `true` once the sheet has closed (or was not open), `false` when
-     * the dismissal was refused, ignored while another is being decided, or
-     * overtaken by a reopen or unmount.
-     */
-    requestClose: () => Promise<boolean>;
-}
 /**
  * State + actions exposed to anything rendered inside a `<BottomSheet>` —
  * including the `header` and `footer` slots. Read via `useBottomSheet()`.
@@ -189,9 +173,9 @@ export interface BottomSheetRef {
 export interface BottomSheetContextValue {
     snapIndex: number;
     snapPoints: number[];
-    expand: (index?: number) => void;
-    collapse: () => void;
-    close: () => Promise<void>;
+    /** The app's own decision: calls `onClose` without asking `onBeforeClose`. */
+    close: () => void;
+    /** Closes the way a drag or the scrim would: asks `onBeforeClose` first. Resolves `true` when it closed or was not open, `false` when refused. */
     requestClose: () => Promise<boolean>;
 }
 /**
@@ -200,7 +184,7 @@ export interface BottomSheetContextValue {
  * `children`, `header`, or `footer`).
  */
 export declare const useBottomSheet: () => BottomSheetContextValue;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
+declare const BottomSheet: React.FC<BottomSheetProps>;
 export { BottomSheet };
 export default BottomSheet;
 //# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1,5 +1,3 @@
-export type { BottomSheetContextValue, BottomSheetPresentation, BottomSheetProps, BottomSheetRef, SnapPoint, } from "./BottomSheet.js";
-export { BottomSheet, default, useBottomSheet } from "./BottomSheet.js";
-export type { SheetSwap, SheetSwapOptions } from "./useSheetSwap.js";
-export { useSheetSwap } from "./useSheetSwap.js";
+export type { BottomSheetContextValue, BottomSheetLabels, BottomSheetPresentation, BottomSheetProps, SnapPoint, } from "./BottomSheet.js";
+export { BottomSheet, DEFAULT_BOTTOM_SHEET_LABELS, default, useBottomSheet } from "./BottomSheet.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
-import React from "react";
 import type { PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { PressAnimationPreset } from "../../hooks/usePressAnimation.js";
 import type { GradientDefinition, Theme } from "../../theme/types.js";
+import type { FillVariant, 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";
@@ -16,17 +16,17 @@ import type { SlotIcon } from "../AppIcon/slotIcon.js";
  * colours are the `glass-*` tokens, the same in both schemes, and the
  * tone only inks a badged icon.
  */
-export type ButtonVariant = "solid" | "soft" | "outline" | "ghost" | "link" | "glass";
-export type ButtonTone = "primary" | "secondary" | "success" | "warning" | "danger" | "neutral";
-export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ButtonVariant = FillVariant | "link" | "glass";
+export type ButtonTone = Tone;
+export type ButtonSize = Size;
+/** The text a Button draws for its own states. */
+export interface ButtonLabels {
+    loading: string;
+}
+export declare const DEFAULT_BUTTON_LABELS: Readonly<ButtonLabels>;
 export interface ButtonProps extends Omit<PressableProps, "style" | "children"> {
     /** The label, and the button's accessible name unless `accessibilityLabel` is set. */
-    title?: string;
-    /**
-     * Custom content drawn in place of the label when there is no `title`. Never the label as text:
-     * development builds throw on a text child, which would otherwise draw a blank, unnamed button.
-     */
-    children?: React.ReactNode;
+    label: string;
     variant?: ButtonVariant;
     tone?: ButtonTone;
     size?: ButtonSize;
@@ -80,8 +80,10 @@ export interface ButtonProps extends Omit<PressableProps, "style" | "children">
      */
     pressAnimation?: PressAnimationPreset | false;
     testID?: string;
+    /** Overrides the text the Button draws for its own states; a key left out keeps its default. */
+    labels?: Partial<ButtonLabels>;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<RNView>>;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<RNView>>;
 /**
  * The colour a Button draws its label in, for the given variant, tone and disabled state: the same value
  * the Button itself uses, so a renderer that draws a Button's label (Canvas) never keeps its own copy of the rules.

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

@@ -1,3 +1,3 @@
-export type { ButtonProps, ButtonSize, ButtonTone, ButtonVariant } from "./Button.js";
+export type { ButtonLabels, ButtonProps, ButtonSize, ButtonTone, ButtonVariant } from "./Button.js";
 export { Button, buttonLabelInk, default } from "./Button.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,30 +1,36 @@
 /**
  * Calendar: an inline month grid for picking one day or a range, with marked
- * days (holidays, events, pending requests) drawn as dots and read aloud with
- * each day. DateRangePicker renders this same grid inside its sheet.
+ * days drawn as dots in a tone and read aloud with each day. DateRangePicker
+ * renders this same grid inside its sheet.
  */
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { SelectionMode, Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/index.js";
-import type { StatusBadgeTone } from "../StatusBadge/index.js";
 import type { CalendarWeekStart } from "./calendarDates.js";
-export type CalendarMode = "single" | "range";
-export type CalendarMarkKind = "holiday" | "event" | "pending";
-export interface CalendarMarkedDate {
-    date: Date;
-    kind: CalendarMarkKind;
-    /** What the day is ("Dussehra", "Casual leave"); read aloud before the kind. */
+export type CalendarSelectionMode = Extract<SelectionMode, "single" | "range">;
+/** A marked day: a dot in its tone, read aloud with the day. */
+export interface CalendarMark {
+    /** The marked day, as an ISO date (`YYYY-MM-DD`). */
+    date: string;
+    tone: Tone;
+    /** What the day is ("Closed", "Casual leave"); read aloud with the day. */
     label?: string;
-    /** Dot colour. Default: `danger` for a holiday, `primary` for an event, `warning` for pending. */
-    tone?: StatusBadgeTone;
 }
 /** A selection. Single mode uses `start` only; a range in progress has no `end` yet. */
 export interface CalendarRange {
     start: Date;
     end?: Date;
 }
+export interface CalendarLabels {
+    previousMonth: string;
+    nextMonth: string;
+    /** Read for a mark that has no label. */
+    marked: string;
+}
+export declare const DEFAULT_CALENDAR_LABELS: Readonly<CalendarLabels>;
 export interface CalendarProps {
     /** `single` picks one day; `range` picks a start, then an end. Default `single`. */
-    mode?: CalendarMode;
+    selectionMode?: CalendarSelectionMode;
     /** The selection; `null` when nothing is picked. */
     value: CalendarRange | null;
     /**
@@ -45,9 +51,8 @@ export interface CalendarProps {
     weekStartsOn?: CalendarWeekStart;
     /** BCP 47 locale for month, weekday and day names. Default `'en-IN'`. */
     locale?: string;
-    markedDates?: CalendarMarkedDate[];
-    /** Range mode: strike holidays inside a complete range and read them as not counted. */
-    strikeMarkedInRange?: boolean;
+    /** Days drawn with a dot in their tone and read aloud with each day. */
+    marks?: CalendarMark[];
     /**
      * Fixed width and height of each day, at least 44. Unset, days share the
      * width equally and stay at least 44 tall.
@@ -57,6 +62,10 @@ export interface CalendarProps {
     haptic?: HapticType | false;
     /** Names the calendar; read with the month heading ("Leave dates, October 2026"). */
     accessibilityLabel?: string;
+    /** When set, the month title is a button. */
+    onTitlePress?: () => void;
+    /** Spoken text overrides: the arrow names and the read for a mark with no label. */
+    labels?: Partial<CalendarLabels>;
     style?: StyleProp<ViewStyle>;
     /** Style override for the month and year heading wrapper. */
     headerLabelStyle?: StyleProp<ViewStyle>;

package/lib/typescript/module/components/Calendar/CalendarDay.d.ts

@@ -16,15 +16,12 @@ export interface CalendarDayProps {
     barLeft: boolean;
     barRight: boolean;
     today: boolean;
-    struck: boolean;
     dots?: readonly CalendarDot[];
-    /** Day number colour for a holiday; ignored on a selected, disabled or neighbouring-month day. */
-    inkColor?: string;
     cellStyle: StyleProp<ViewStyle>;
     styles: CalendarStyles;
     maxFontSizeMultiplier: number;
     onPressDay: (cell: CalendarCell) => void;
 }
 /** One day of the grid; memoised so a tap re-renders only the days whose state changed. */
-export declare const CalendarDay: import("react").MemoExoticComponent<({ cell, accessibilityLabel, disabled, edge, mid, barLeft, barRight, today, struck, dots, inkColor, cellStyle, styles, maxFontSizeMultiplier, onPressDay, }: CalendarDayProps) => import("react").JSX.Element>;
+export declare const CalendarDay: import("react").MemoExoticComponent<({ cell, accessibilityLabel, disabled, edge, mid, barLeft, barRight, today, dots, cellStyle, styles, maxFontSizeMultiplier, onPressDay, }: CalendarDayProps) => import("react").JSX.Element>;
 //# sourceMappingURL=CalendarDay.d.ts.map

package/lib/typescript/module/components/Calendar/calendarStyles.d.ts

@@ -28,8 +28,8 @@ export declare const buildCalendarStyles: (theme: Theme) => {
         opacity: number;
     };
     navText: {
-        fontFamily?: string | undefined | undefined;
         fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
         fontSize: number;
         lineHeight: number;
         color: string;
@@ -39,8 +39,8 @@ export declare const buildCalendarStyles: (theme: Theme) => {
         alignItems: "center";
     };
     headerLabel: {
-        fontFamily?: string | undefined | undefined;
         fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
         fontSize: number;
         color: string;
     };
@@ -54,8 +54,8 @@ export declare const buildCalendarStyles: (theme: Theme) => {
         paddingVertical: number;
     };
     weekdayText: {
-        fontFamily?: string | undefined | undefined;
         fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
         fontSize: number;
         color: string;
         letterSpacing: number;
@@ -101,13 +101,10 @@ export declare const buildCalendarStyles: (theme: Theme) => {
         borderRadius: number;
     };
     dayText: {
-        fontFamily?: string | undefined | undefined;
         fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
         fontSize: number;
     };
-    dayStruck: {
-        textDecorationLine: "line-through";
-    };
     dots: {
         position: "absolute";
         bottom: number;

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

@@ -1,4 +1,4 @@
-export type { CalendarMarkedDate, CalendarMarkKind, CalendarMode, CalendarProps, CalendarRange, } from "./Calendar.js";
-export { Calendar, default } from "./Calendar.js";
+export type { CalendarLabels, CalendarMark, CalendarProps, CalendarRange, CalendarSelectionMode, } from "./Calendar.js";
+export { Calendar, DEFAULT_CALENDAR_LABELS, default } from "./Calendar.js";
 export type { CalendarWeekStart } from "./calendarDates.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -3,7 +3,7 @@ import type { GestureResponderEvent, ImageSourcePropType, PressableProps, View a
 import type { GradientDefinition, ShadowName } from "../../theme/types.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
 import type { ContextMenuConfig } from "../Menu/useContextMenu.js";
-export type CardVariant = "elevated" | "outlined" | "filled" | "flat";
+export type CardVariant = "elevated" | "outline" | "filled" | "flat";
 /** A text action in the card header, drawn with a 44 pt hit target. */
 export interface CardTextAction {
     label: string;
@@ -17,6 +17,13 @@ export type CardTitleFont = "sans" | "serif";
 declare const BACKGROUND_TOKENS: readonly ["bg", "bg-subtle", "bg-muted", "surface", "scrim", "surface-inverse"];
 type CardBackgroundToken = (typeof BACKGROUND_TOKENS)[number];
 export type CardBackground = CardBackgroundToken | (string & {});
+export interface CardLabels {
+    remove: string;
+    show: string;
+    hide: string;
+    loading: string;
+}
+export declare const DEFAULT_CARD_LABELS: Readonly<CardLabels>;
 export interface CardProps extends Omit<PressableProps, "style" | "children"> {
     children?: React.ReactNode;
     variant?: CardVariant;
@@ -31,9 +38,9 @@ export interface CardProps extends Omit<PressableProps, "style" | "children"> {
     bg?: CardBackground;
     /** Free-form header slot. When given it replaces the built-in header below. */
     header?: React.ReactNode;
-    /** Built-in header title. A string is drawn as a heading; a node is drawn as is. */
-    title?: React.ReactNode;
-    /** Face of a string title: the sans text face, or the serif display face. Default `'sans'`. A node title ignores it. */
+    /** Built-in header title, drawn as a heading. A custom heading goes in `header`. */
+    title?: string;
+    /** Face of the title: the sans text face, or the serif display face. Default `'sans'`. */
     titleFont?: CardTitleFont;
     /** Subtitle line under the title. */
     lead?: React.ReactNode;
@@ -52,8 +59,8 @@ export interface CardProps extends Omit<PressableProps, "style" | "children"> {
     collapsedSummary?: React.ReactNode;
     /** Draws a trash button in the header. */
     onRemove?: () => void;
-    /** Accessible name of the remove button. Default `'Remove'`. */
-    removeLabel?: string;
+    /** Text for the card's own controls: the remove, show and hide buttons and the loading placeholder. */
+    labels?: Partial<CardLabels>;
     /** Height of the bottom band of the `flat` variant. Default a hairline. */
     separatorHeight?: number;
     footer?: React.ReactNode;

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

@@ -1,3 +1,3 @@
-export type { CardElevation, CardPadding, CardProps, CardRadius, CardTextAction, CardVariant, } from "./Card.js";
-export { Card, default } from "./Card.js";
+export type { CardElevation, CardLabels, CardPadding, CardProps, CardRadius, CardTextAction, CardVariant, } from "./Card.js";
+export { Card, DEFAULT_CARD_LABELS, default } from "./Card.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -22,6 +22,12 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils/index.js";
 export type PaginationStyle = "dots" | "bars" | "numbers";
+export interface CarouselLabels {
+    carousel: string;
+    slideOf: (index: number, count: number) => string;
+    goToSlide: (index: number) => string;
+}
+export declare const DEFAULT_CAROUSEL_LABELS: Readonly<CarouselLabels>;
 export interface CarouselProps<T = unknown> {
     data: T[];
     renderItem: (item: T, index: number) => React.ReactNode;
@@ -62,6 +68,7 @@ export interface CarouselProps<T = unknown> {
      * loaded carousel so the layout doesn't shift when data arrives.
      */
     loading?: boolean;
+    labels?: Partial<CarouselLabels>;
 }
 export interface CarouselRef {
     scrollTo: (index: number, animated?: boolean) => void;

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

@@ -1,3 +1,3 @@
-export type { CarouselProps, CarouselRef, PaginationStyle } from "./Carousel.js";
-export { Carousel, default } from "./Carousel.js";
+export type { CarouselLabels, CarouselProps, CarouselRef, PaginationStyle } from "./Carousel.js";
+export { Carousel, DEFAULT_CAROUSEL_LABELS, default } from "./Carousel.js";
 //# sourceMappingURL=index.d.ts.map