@webority/mobile-ui 0.15.0 → 0.16.1

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

@@ -49,11 +49,17 @@ export interface BottomSheetProps {
      */
     onAfterClose?: () => void;
     enablePanDownToClose?: boolean;
+    /**
+     * Whether a tap on the scrim closes the sheet. Android Back and web Escape
+     * follow it: when off, they do nothing either, so a sheet that must be
+     * answered stays open.
+     */
     enableBackdropPress?: boolean;
     /**
      * Asked before the user dismisses the sheet: a handle drag past the close
-     * threshold or a fast swipe down, a tap on the scrim, hardware Back (Android)
-     * and Escape (web), and `requestClose()`. Return `true` (or resolve `true`)
+     * threshold or a fast swipe down, `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.
      *

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

@@ -31,9 +31,10 @@ export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'>
     tone?: ButtonTone;
     size?: ButtonSize;
     /**
-     * When true, the button is disabled and renders a Spinner in place of the title (icons hidden).
-     * Use for in-flight submissions. This is **not** SkeletonContent — interactive controls signal
-     * pending action with an inline spinner, not a placeholder shimmer.
+     * When true, the button is disabled and shows a Spinner in front of the title, in the leading
+     * icon slot, and the title stays readable. Use for in-flight submissions. This is **not**
+     * SkeletonContent. Interactive controls signal pending action with an inline spinner, not a
+     * placeholder shimmer.
      */
     loading?: boolean;
     disabled?: boolean;
@@ -69,6 +70,8 @@ export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'>
      */
     gradient?: string | GradientDefinition;
     style?: StyleProp<ViewStyle>;
+    /** Style for the outer wrapper, outside the pressed area: margins go here so the tap target keeps its size. */
+    containerStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     /**
      * Press feedback by name: `'scale'` (default), `'bounce'`, `'fade'`,

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

@@ -70,7 +70,7 @@ export interface CardProps extends Omit<PressableProps, 'style' | 'children'> {
      */
     gradient?: string | GradientDefinition;
     onPress?: (event: GestureResponderEvent) => void;
-    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    /** Haptic feedback for interactions. Off unless a HapticType is passed. */
     haptic?: HapticType | false;
     /**
      * A long-press menu. Long press (right-click or Shift+F10 on the web) lifts

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

@@ -31,6 +31,8 @@ export interface CarouselProps<T = unknown> {
     /** Initial index for uncontrolled usage. */
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
+    /** Horizontal scroll offset in dp, fired on each scroll frame. Listening costs a JS call per frame, so it is attached only when set. */
+    onScrollOffsetChange?: (offset: number) => void;
     autoPlay?: boolean;
     /** Auto-play tick in ms. Default 4000. */
     autoPlayInterval?: number;

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

@@ -78,7 +78,7 @@ export interface ListItemProps {
      */
     actions?: React.ReactNode | ListItemAction[];
     onPress?: (event: GestureResponderEvent) => void;
-    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    /** Haptic feedback for interactions. Off unless a HapticType is passed. */
     haptic?: HapticType | false;
     selected?: boolean;
     disabled?: boolean;

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

@@ -31,6 +31,7 @@ export interface MessageBubbleLabels {
     read: string;
     failed: string;
     retry: string;
+    copy: string;
     replyTo: (author: string | undefined) => string;
 }
 export declare const DEFAULT_MESSAGE_BUBBLE_LABELS: Readonly<MessageBubbleLabels>;
@@ -61,11 +62,13 @@ export interface MessageBubbleProps {
     /** Shows Try again under a failed message, and offers it as an accessibility action. */
     onRetry?: () => void;
     /**
-     * Long-press actions (Copy, Reply). They are the screen reader's
-     * accessibility actions; a long press calls `onLongPress` to show them,
-     * typically in a menu. Without actions there is no long press.
+     * Long-press actions (Reply, and any the app adds). They are the items of the
+     * long-press menu over the bubble and the screen reader's accessibility actions.
      */
     actions?: ReadonlyArray<MessageAction>;
+    /** Adds Copy to the long-press menu and the accessibility actions; the app writes `text` to the clipboard. */
+    onCopy?: (text: string) => void;
+    /** Called on a long press, after the menu opens. */
     onLongPress?: () => void;
     /** Content under the bubble on the same side (action cards, a rating). */
     footer?: React.ReactNode;

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

@@ -30,8 +30,7 @@ export interface OTPInputProps {
     size?: OTPInputSize;
     secure?: boolean;
     /**
-     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
-     * to override the default.
+     * Haptic feedback for interactions. Off unless a HapticType is passed.
      */
     haptic?: HapticType | false;
     accessibilityLabel?: string;

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

@@ -0,0 +1,39 @@
+import type React from 'react';
+import type { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+import type { AppBarRightAction } from '../AppBar/index.js';
+import type { SafeAreaEdge } from '../KeyboardAwareScrollView/KeyboardAwareScrollView.js';
+export interface ScreenProps<ItemT = unknown> {
+    title?: string;
+    subtitle?: string;
+    /** Large title that collapses into the bar on scroll. Default true. */
+    largeTitle?: boolean;
+    /** Shows the back chevron; runs on press and on Android Back. */
+    onBack?: () => void;
+    rightActions?: AppBarRightAction[];
+    leading?: React.ReactNode;
+    children?: React.ReactNode;
+    onRefresh?: () => unknown;
+    refreshing?: boolean;
+    /** Pinned under the content, above the keyboard. */
+    footer?: React.ReactNode;
+    footerStyle?: StyleProp<ViewStyle>;
+    /** Default true; false renders a plain View. */
+    scroll?: boolean;
+    /** Virtualised list mode; its scroll drives the title collapse. */
+    list?: Omit<FlatListProps<ItemT>, 'onScroll' | 'refreshControl'>;
+    /** Safe-area edges padded. Default top and bottom; a tab screen passes top only. */
+    edges?: SafeAreaEdge[];
+    /** Default true. */
+    keyboardToolbar?: boolean;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The page shell: safe area, app bar with a large title that collapses as the
+ * content scrolls, a keyboard-aware scroll view (or a virtualised list), pull to
+ * refresh, a pinned footer and the keyboard toolbar. The app keeps its own back
+ * guard (`usePreventRemove`) and passes `onBack`; the screen never navigates.
+ */
+export declare function Screen<ItemT = unknown>(props: ScreenProps<ItemT>): React.ReactElement;
+//# sourceMappingURL=Screen.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { ScreenProps } from './Screen.js';
+export { Screen } from './Screen.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -28,6 +28,12 @@ export interface SignaturePadLabels {
     undoneAnnouncement: string;
     /** Message of the error `toFile()` rejects with while nothing is signed. */
     emptyError: string;
+    /** Opens the pad full screen. */
+    expand: string;
+    /** Closes the full-screen pad and keeps its strokes. */
+    done: string;
+    /** Closes the full-screen pad and discards its strokes. */
+    close: string;
 }
 export interface SignaturePadRef {
     /**

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

@@ -15,8 +15,8 @@
  *   - For `animation: 'pulse'`, a full-fill Animated.View fades its opacity
  *     between 0 and 0.6. Cheap and useful for tiny shapes where a sweep
  *     would barely be visible.
- *   - For `animation: 'none'` (or when the OS Reduce Motion preference is
- *     on), just the base color renders.
+ *   - For `animation: 'none'`, just the base color renders. Under the OS Reduce
+ *     Motion preference an `'auto'` shimmer plays the pulse instead.
  *
  * `variant` describes the SHAPE: rect (default), rounded (theme.radius.md),
  * circle (50%), or text (small radius, slightly inset height). Set width /

package/lib/typescript/module/components/Skeleton/SkeletonProvider.d.ts

@@ -8,10 +8,8 @@
  *      every primitive shares a single Animated.Value — synchronized shimmer
  *      across the whole subtree, one native-driver loop per provider.
  *
- * Also honors the OS "Reduce Motion" preference: when enabled, the clock is
- * paused and skeletons render as static dim blocks. The detection is live —
- * if the user toggles the setting while the app is open the skeletons stop
- * shimmering immediately.
+ * Under the OS "Reduce Motion" preference an `'auto'` skeleton pulses instead
+ * of sweeping (see Skeleton.tsx); the clock keeps running for the pulse.
  */
 import type React from 'react';
 import type { ReactNode } from 'react';
@@ -41,7 +39,7 @@ export interface SkeletonProviderDefaults {
     fadeDuration?: number;
     /**
      * Hard override for animation. `'auto'` (default) follows the OS
-     * "Reduce Motion" preference: shimmer when off, static when on. `'always'`
+     * "Reduce Motion" preference: shimmer when off, pulse when on. `'always'`
      * forces shimmer regardless. `'never'` forces static — useful for tests or
      * battery-sensitive screens.
      */
@@ -57,10 +55,4 @@ export declare const SkeletonProvider: React.FC<SkeletonProviderProps>;
  * one — but without a shared clock or theme-coordinated colors.
  */
 export declare const useSkeletonDefaults: () => SkeletonProviderDefaults;
-/**
- * Subscribes to the OS "Reduce Motion" preference. Live — updates when the
- * user toggles the setting while the app is open. Used internally by
- * `SkeletonProvider`; exposed so consumer screens can branch on it too.
- */
-export declare const useReduceMotion: () => boolean;
 //# sourceMappingURL=SkeletonProvider.d.ts.map

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

@@ -7,7 +7,7 @@ export { SkeletonContent } from './SkeletonContent.js';
 export type { SkeletonListProps } from './SkeletonList.js';
 export { SkeletonList } from './SkeletonList.js';
 export type { SkeletonColors, SkeletonProviderDefaults, SkeletonProviderProps } from './SkeletonProvider.js';
-export { SkeletonProvider, useReduceMotion, useSkeletonDefaults } from './SkeletonProvider.js';
+export { SkeletonProvider, useSkeletonDefaults } from './SkeletonProvider.js';
 export type { SkeletonSkipProps } from './SkeletonSkip.js';
 export { SkeletonSkip } from './SkeletonSkip.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/WheelPicker/Wheel.d.ts

@@ -21,6 +21,8 @@ interface WheelProps {
     haptic?: HapticType | false;
     disabled?: boolean;
     reducedMotion: boolean;
+    /** Tapping the selected value opens an inline number field for it. */
+    typeable?: boolean;
     testID?: string;
 }
 /**

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

@@ -64,6 +64,11 @@ export interface WheelPickerDurationProps extends WheelPickerBaseProps {
     minuteStep?: WheelDurationStep;
     /** Upper bound in minutes. Default and ceiling 1439 (23 h 59 min). */
     maxMinutes?: number;
+    /**
+     * Durations in minutes, drawn as chips below the wheel; a tap sets the duration. Each must be a
+     * whole number of minutes from 0 to `maxMinutes` in steps of `minuteStep`, or the picker throws.
+     */
+    presets?: number[];
     labels?: WheelPickerDurationLabels;
 }
 export type WheelPickerProps = WheelPickerColumnsProps | WheelPickerListProps | WheelPickerDurationProps;

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

@@ -140,6 +140,8 @@ export type { BlockMarkdownAction, EditorSelection, EditorState, InlineMarkdownA
 export { applyMarkdownAction, RichTextEditor } from './RichTextEditor/index.js';
 export type { ScannerOverlayLabels, ScannerOverlayProps, ScannerOverlayState } from './ScannerOverlay/index.js';
 export { ScannerOverlay } from './ScannerOverlay/index.js';
+export type { ScreenProps } from './Screen/index.js';
+export { Screen } from './Screen/index.js';
 export type { SearchBarProps, SearchBarSize, SearchBarVariant, SearchScope, SearchSuggestion, UseRecentSearchesOptions, UseRecentSearchesResult } from './SearchBar/index.js';
 export { SearchBar, useRecentSearches } from './SearchBar/index.js';
 export type { SectionHeaderProps, SectionHeaderVariant } from './SectionHeader/index.js';
@@ -151,7 +153,7 @@ export { Select } from './Select/index.js';
 export type { SignatureMode, SignaturePadLabels, SignaturePadProps, SignaturePadRef, SignaturePoint, SignatureStroke } from './SignaturePad/index.js';
 export { SignaturePad } from './SignaturePad/index.js';
 export type { SkeletonCircleProps, SkeletonClockProviderProps, SkeletonClockValue, SkeletonColors, SkeletonContentProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonRadius, SkeletonShape, SkeletonSkipProps, SkeletonSpeed, SkeletonStaticOf, SkeletonTextProps, SkeletonVariant, SkeletonWidth } from './Skeleton/index.js';
-export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from './Skeleton/index.js';
+export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useSkeletonClock, useSkeletonDefaults } from './Skeleton/index.js';
 export type { SliderProps, SliderSize, SliderTone, SliderVariant } from './Slider/index.js';
 export { Slider } from './Slider/index.js';
 export type { SliderFieldProps } from './SliderField/index.js';

package/lib/typescript/module/hooks/index.d.ts

@@ -3,7 +3,11 @@ export { useControllableState } from './useControllableState.js';
 export { useDebounce } from './useDebounce.js';
 export type { DragToDismissController, SheetNativeGesture, SheetPanGesture, UseDragToDismissOptions, UseDragToDismissResult } from './useDragToDismiss.js';
 export { createDragToDismissController, DRAG_DISMISS_DISTANCE, DRAG_DISMISS_VELOCITY, useDragToDismiss } from './useDragToDismiss.js';
+export type { FieldChain, FieldChainProps } from './useFieldChain.js';
+export { useFieldChain } from './useFieldChain.js';
 export { FLICK_TOLERANCE, useFlickGuard } from './useFlickGuard.js';
+export type { MotionDurationKey, PresenceMotion } from './usePresenceMotion.js';
+export { PRESENCE_REDUCE_MOTION, usePresenceMotion } from './usePresenceMotion.js';
 export type { PressAnimationPreset, UsePressAnimationOptions, UsePressAnimationResult } from './usePressAnimation.js';
 export { PRESS_ANIMATION_PRESETS, usePressAnimation } from './usePressAnimation.js';
 export { useReducedMotion } from './useReducedMotion.js';

package/lib/typescript/module/hooks/useDragToDismiss.d.ts

@@ -16,7 +16,8 @@
  *     top the same finger pulls the sheet down.
  *
  * Release past the distance or velocity threshold slides the sheet the rest
- * of the way and calls `onDismiss`; a short drag springs back. The sheet's
+ * of the way and calls `onDismiss`; a short drag springs back. Under Reduce
+ * Motion the close fades `opacity` out instead of sliding. The sheet's
  * translation is a plain Animated.Value on the native driver, so the finger
  * tracking stays off the JS thread once the value is set.
  *
@@ -26,6 +27,7 @@
 import { Animated } from 'react-native';
 import { Gesture } from 'react-native-gesture-handler';
 import type { Theme } from '../theme/types.js';
+import { type PresenceMotion } from './usePresenceMotion.js';
 /** The gesture types as the installed gesture-handler builds them; typed off the value so a second copy of the package cannot split them. */
 export type SheetPanGesture = ReturnType<typeof Gesture.Pan>;
 export type SheetNativeGesture = ReturnType<typeof Gesture.Native>;
@@ -49,6 +51,8 @@ export interface UseDragToDismissResult {
     handleGesture: SheetPanGesture;
     /** Wrap the sheet container in a `GestureDetector` with this. */
     sheetGesture: SheetPanGesture;
+    /** 1 normally; fades to 0 on a Reduce Motion close. Multiply it into the dragged surface's opacity. */
+    opacity: Animated.Value;
 }
 /** The drag's state machine, free of gesture-handler so it can be unit-tested. */
 export interface DragToDismissController {
@@ -59,6 +63,10 @@ export interface DragToDismissController {
     /** Something else took the gesture: spring back. */
     cancel: () => void;
 }
-export declare const createDragToDismissController: ({ drag, travel, onDismiss }: Pick<UseDragToDismissOptions, "drag" | "travel" | "onDismiss">, motion: Theme["motion"]) => DragToDismissController;
+export interface DragToDismissControllerOptions extends Pick<UseDragToDismissOptions, 'drag' | 'travel' | 'onDismiss'> {
+    /** Faded to 0 by the close under Reduce Motion, in place of the slide. */
+    opacity?: Animated.Value;
+}
+export declare const createDragToDismissController: ({ drag, travel, onDismiss, opacity }: DragToDismissControllerOptions, motion: Theme["motion"], presence?: PresenceMotion) => DragToDismissController;
 export declare const useDragToDismiss: (options: UseDragToDismissOptions) => UseDragToDismissResult;
 //# sourceMappingURL=useDragToDismiss.d.ts.map

package/lib/typescript/module/hooks/useFieldChain.d.ts

@@ -0,0 +1,10 @@
+import type { TextInputProps } from 'react-native';
+export type FieldChainProps = Pick<TextInputProps, 'returnKeyType' | 'submitBehavior' | 'onSubmitEditing'>;
+export interface FieldChain {
+    /** Spread on every field but the last: Next moves focus on. */
+    next: FieldChainProps;
+    /** Spread on the last field: Done runs onDone. */
+    last: FieldChainProps;
+}
+export declare const useFieldChain: (onDone?: () => void) => FieldChain;
+//# sourceMappingURL=useFieldChain.d.ts.map

package/lib/typescript/module/hooks/usePresenceMotion.d.ts

@@ -0,0 +1,14 @@
+import { ReduceMotion } from 'react-native-reanimated';
+import type { MotionScale } from '../theme/types.js';
+export type MotionDurationKey = keyof MotionScale['duration'];
+/** The reduceMotion flag every Reanimated fade passes, so the fade still runs under the OS setting. */
+export declare const PRESENCE_REDUCE_MOTION = ReduceMotion.Never;
+export interface PresenceMotion {
+    reduced: boolean;
+    /** theme.motion.duration[key] normally, theme.motion.fadeDuration under Reduce Motion. */
+    duration: (key: MotionDurationKey) => number;
+    /** [hidden, shown] normally, [shown, shown] under Reduce Motion. */
+    range: <T extends number | string>(hidden: T, shown: T) => [T, T];
+}
+export declare const usePresenceMotion: () => PresenceMotion;
+//# sourceMappingURL=usePresenceMotion.d.ts.map

package/lib/typescript/module/hooks/usePressAnimation.d.ts

@@ -1,8 +1,8 @@
 import type { Animated } from 'react-native';
 /**
  * Named press feedback. Every preset drives transform or opacity only, so it
- * runs on the native driver, and reads its timing from `theme.motion`, so
- * Reduce Motion collapses it with the rest of the library.
+ * runs on the native driver. Under Reduce Motion every preset plays as `'fade'`
+ * over the fade length, so a press never moves or springs.
  *
  * - `scale`: shrinks a touch on press-in, springs back on release. The default.
  * - `bounce`: shrinks further and comes back on the bouncy spring, overshooting once.

package/lib/typescript/module/hooks/useReducedMotion.d.ts

@@ -1,8 +1,2 @@
-/**
- * Tracks the OS "Reduce Motion" accessibility setting. The library's
- * ThemeProvider uses this to collapse `theme.motion` (durations → 0, springs →
- * near-instant) so animations don't trigger vestibular discomfort; consumers
- * can also read it directly to swap an animated path for a static one.
- */
 export declare const useReducedMotion: () => boolean;
 //# sourceMappingURL=useReducedMotion.d.ts.map

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

@@ -3,8 +3,8 @@ export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName,
 export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon } from './components/AppIcon/index.js';
 export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormCompletion, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, HookFieldProps, HookFormFieldProps, SubmitHelpers, UseFormCompletionOptions, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './form/index.js';
 export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext } from './form/index.js';
-export type { PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult } from './hooks/index.js';
-export { FLICK_TOLERANCE, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFlickGuard, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle } from './hooks/index.js';
+export type { FieldChain, FieldChainProps, MotionDurationKey, PresenceMotion, PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult } from './hooks/index.js';
+export { FLICK_TOLERANCE, PRESENCE_REDUCE_MOTION, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFieldChain, useFlickGuard, usePresenceMotion, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle } from './hooks/index.js';
 export type { InitUIOptions } from './initUI.js';
 export { initUI } from './initUI.js';
 export type { NetworkStatusBannerProps } from './network/index.js';

package/lib/typescript/module/theme/types.d.ts

@@ -312,6 +312,8 @@ export interface MotionScale {
             mass: number;
         };
     };
+    /** Length in ms of the opacity fade that replaces movement under Reduce Motion. Never collapsed. */
+    fadeDuration: number;
 }
 /**
  * Per-component size tokens. Each component that exposes a `size` prop
@@ -1168,6 +1170,8 @@ export interface TextVariantSpec {
     fontVariant?: TextStyle['fontVariant'];
     /** `'display'` draws the variant in `typography.fontFamily.display` when the theme sets it; otherwise the weight faces. */
     fontFamily?: 'display';
+    /** Announce text in this variant as a heading (accessibilityRole header). */
+    heading?: boolean;
 }
 export interface Theme {
     mode: ColorMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -60,7 +60,7 @@
     }
   },
   "peerDependencies": {
-    "@webority/mobile-core": ">=0.15.0 <0.16.0",
+    "@webority/mobile-core": ">=0.16.0 <0.17.0",
     "expo": ">=57.0.0",
     "expo-file-system": ">=57.0.0",
     "expo-haptics": ">=57.0.0",
@@ -107,7 +107,7 @@
     ]
   },
   "devDependencies": {
-    "@webority/mobile-core": "0.15.0"
+    "@webority/mobile-core": "0.16.1"
   },
   "scripts": {
     "build": "bob build && node ../../scripts/minify-lib.mjs",