@webority-technologies/mobile 0.0.15 → 0.0.20

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

@@ -28,6 +28,14 @@ export interface AppBarProps {
      */
     scrollY?: Animated.Value | Animated.AnimatedInterpolation<number>;
     style?: StyleProp<ViewStyle>;
+    /** Alias for `style` applied to the outer container (animated when collapsing). */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the title Animated.Text. */
+    titleStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the subtitle Animated.Text. */
+    subtitleStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the right-action badge bubble. */
+    badgeStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
 declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<View>>;

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ImageSourcePropType, StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
 export type AvatarShape = 'circle' | 'square' | 'rounded';
 export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | null;
@@ -15,9 +14,14 @@ export interface AvatarProps {
     backgroundColor?: string;
     color?: string;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * Per-instance initials font size in pixels. Wins over theme tokens
+     * (`avatar.fontSize` and `avatar.fontSizeRatio`) and the size-derived default.
+     */
+    fontSize?: number;
+    /**
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     accessibilityLabel?: string;
@@ -25,7 +29,9 @@ export interface AvatarProps {
     textStyle?: StyleProp<TextStyle>;
     testID?: string;
 }
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<View>>;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<AvatarProps>;
+};
 export type AvatarGroupSpacing = 'tight' | 'normal' | 'loose';
 export type AvatarGroupOverflowVariant = 'count' | 'plus';
 export interface AvatarGroupProps {

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
 export type BadgeVariant = 'standard' | 'dot';
 export type BadgeTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral' | 'info';
 export type BadgeSize = 'sm' | 'md';
@@ -13,9 +12,9 @@ export interface BadgeProps {
     size?: BadgeSize;
     invisible?: boolean;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     children?: React.ReactNode;
@@ -27,7 +26,9 @@ export interface BadgeProps {
     textStyle?: StyleProp<TextStyle>;
     testID?: string;
 }
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<View>>;
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<BadgeProps>;
+};
 export { Badge };
 export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, View as RNView, ViewStyle } from 'react-native';
 export type BannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
 export interface BannerAction {
     label: string;
@@ -18,16 +17,28 @@ export interface BannerProps {
     visible?: boolean;
     animateMount?: boolean;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    /** Alias for `style` — applied to the outer animated container. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the auto-rendered icon circle (when no custom `icon` is provided). */
+    iconCircleStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the leading tint bar. */
+    tintBarStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the dismiss/close button. */
+    closeButtonStyle?: StyleProp<ViewStyle>;
+    /** Style applied to each action button (Pressable). */
+    actionButtonStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
-declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<View>>;
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<BannerProps>;
+};
 export { Banner };
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -28,6 +28,13 @@ export interface BottomSheetProps {
     onAnimate?: (from: number, to: number) => void;
     enablePanDownToClose?: boolean;
     enableBackdropPress?: boolean;
+    /**
+     * @deprecated Backdrop opacity is now controlled by the theme token
+     * `colors.background.overlay` (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.background.overlay` in your theme bridge.
+     */
     backdropOpacity?: number;
     /**
      * How the sheet reacts to the soft keyboard.

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { GestureResponderEvent, ImageSourcePropType, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { GestureResponderEvent, ImageSourcePropType, PressableProps, StyleProp, View as RNView, ViewStyle } from 'react-native';
 import type { GradientDefinition } from '../../theme/types';
 export type CardVariant = 'elevated' | 'outlined' | 'filled';
 export type CardElevation = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -20,9 +19,9 @@ export interface CardProps extends Omit<PressableProps, 'style' | 'children'> {
     imageAspectRatio?: number;
     imageOverlay?: React.ReactNode;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     /**
@@ -35,9 +34,21 @@ export interface CardProps extends Omit<PressableProps, 'style' | 'children'> {
     onPress?: (event: GestureResponderEvent) => void;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    /** Alias for `style` — applied to the outer card element. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the header wrapper View. */
+    headerStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the body wrapper View (only present when header or footer is provided). */
+    bodyStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the footer wrapper View. */
+    footerStyle?: StyleProp<ViewStyle>;
+    /** Per-instance override of the corner radius. Wins over the `radius` token. */
+    borderRadius?: number;
     testID?: string;
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<CardProps>;
+};
 export { Card };
 export default Card;
 //# sourceMappingURL=Card.d.ts.map

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

@@ -53,10 +53,9 @@ export interface CarouselProps<T = unknown> {
      */
     renderThumbnail?: (item: T, index: number) => React.ReactNode;
     /**
-     * When true, renders the carousel as a skeleton placeholder via
-     * SkeletonContent's auto walker. The walker replaces Text/Image/sized View
-     * leaves in the rendered slides with shimmer blocks. Use this when the data
-     * driving the carousel is still being fetched.
+     * When true, renders the carousel as its authored skeleton placeholder
+     * shape: a single slide block plus pagination dots. Footprint matches the
+     * loaded carousel so the layout doesn't shift when data arrives.
      */
     loading?: boolean;
 }
@@ -65,9 +64,11 @@ export interface CarouselRef {
     next: () => void;
     prev: () => void;
 }
-declare const Carousel: <T = unknown>(props: CarouselProps<T> & {
+declare const Carousel: (<T = unknown>(props: CarouselProps<T> & {
     ref?: React.Ref<CarouselRef>;
-}) => React.ReactElement | null;
+}) => React.ReactElement | null) & {
+    Skeleton: React.FC<CarouselProps<unknown>>;
+};
 export { Carousel };
 export default Carousel;
 //# sourceMappingURL=Carousel.d.ts.map

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View } from 'react-native';
-import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type CheckboxSize = 'sm' | 'md' | 'lg';
 export type CheckboxTone = 'primary' | 'success' | 'warning' | 'error';
@@ -16,6 +16,14 @@ export interface CheckboxProps extends Omit<PressableProps, 'style' | 'children'
     haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     boxStyle?: StyleProp<ViewStyle>;
+    /** Style override for the check glyph (✓) inside the box. */
+    checkIconStyle?: StyleProp<TextStyle>;
+    /** Style override for the indeterminate bar inside the box. */
+    indeterminateBarStyle?: StyleProp<ViewStyle>;
+    /** Style override for the outer row container. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the label text. */
+    labelStyle?: StyleProp<TextStyle>;
     testID?: string;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<View>>;

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
 export type ChipVariant = 'filled' | 'outlined';
 export type ChipTone = 'primary' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
 export type ChipSize = 'sm' | 'md';
@@ -15,17 +14,25 @@ export interface ChipProps {
     size?: ChipSize;
     disabled?: boolean;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
+    /** Style override for the chip outer container (alias to style, applied after). */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the close (×) button pressable. */
+    closeButtonStyle?: StyleProp<ViewStyle>;
+    /** Style override for the close (×) glyph text. */
+    closeIconStyle?: StyleProp<TextStyle>;
     testID?: string;
 }
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<View>>;
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<ChipProps>;
+};
 export { Chip };
 export default Chip;
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1,12 +1,27 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { PickerTriggerSize, PickerTriggerVariant } from '../PickerTrigger';
 export type DatePickerMode = 'modal' | 'inline';
 export type WeekStart = 0 | 1 | 6;
+/**
+ * DatePicker operates in two modes:
+ *
+ * 1. **Controlled-modal mode** — pass `visible` (plus `onSelect` / `onClose`)
+ *    and own the open state externally. The component renders only the modal.
+ * 2. **Trigger mode** — omit `visible`. The component renders a built-in
+ *    PickerTrigger field (label / value / placeholder / chevron / clear /
+ *    helper / error / size / variant) and manages its own open state. The
+ *    field opens the modal on press and closes it on confirm/cancel.
+ *
+ * `onSelect` / `onClose` are typed optional to support trigger-only usage
+ * where the consumer may not need either callback. In controlled-modal mode
+ * they remain semantically required.
+ */
 export interface DatePickerProps {
-    visible: boolean;
+    visible?: boolean;
     value?: Date | null;
-    onSelect: (date: Date) => void;
-    onClose: () => void;
+    onSelect?: (date: Date) => void;
+    onClose?: () => void;
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
@@ -17,7 +32,27 @@ export interface DatePickerProps {
     confirmLabel?: string;
     cancelLabel?: string;
     style?: StyleProp<ViewStyle>;
+    /** Outer container style applied to the calendar card. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the header label text wrapper (month/year). */
+    headerLabelStyle?: StyleProp<ViewStyle>;
+    /** Style override for the previous/next navigation buttons. */
+    navButtonStyle?: StyleProp<ViewStyle>;
+    /** Style override for the cancel/confirm footer buttons. */
+    footerButtonStyle?: StyleProp<ViewStyle>;
     testID?: string;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: PickerTriggerSize;
+    variant?: PickerTriggerVariant;
+    clearable?: boolean;
+    onClear?: () => void;
+    formatValue?: (date: Date) => string;
+    triggerStyle?: StyleProp<ViewStyle>;
 }
 declare const DatePicker: React.FC<DatePickerProps>;
 export { DatePicker };

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

@@ -1,19 +1,44 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { PickerTriggerSize, PickerTriggerVariant } from '../PickerTrigger';
 export type WeekStart = 0 | 1 | 6;
 export interface DateRange {
     start: Date | null;
     end: Date | null;
 }
+/**
+ * DateRangePicker — supports two usage modes:
+ *
+ *   1. Controlled-modal mode (pass `visible` + `onClose`): renders only the
+ *      modal; parent owns open/close state.
+ *   2. Trigger mode (omit `visible`): renders a built-in `PickerTrigger`
+ *      field that opens an internally-managed modal on tap. Confirm fires
+ *      `onChange?.(...)` and closes.
+ */
 export interface DateRangePickerProps {
-    visible: boolean;
+    visible?: boolean;
     value: DateRange;
-    onChange: (range: {
+    onChange?: (range: {
         start: Date;
         end: Date;
     }) => void;
-    onClose: () => void;
+    onClose?: () => void;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: PickerTriggerSize;
+    variant?: PickerTriggerVariant;
+    clearable?: boolean;
+    onClear?: () => void;
+    formatValue?: (range: {
+        start: Date;
+        end: Date;
+    }) => string;
+    triggerStyle?: StyleProp<ViewStyle>;
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
@@ -24,6 +49,14 @@ export interface DateRangePickerProps {
     cancelLabel?: string;
     maxRange?: number;
     style?: StyleProp<ViewStyle>;
+    /** Outer container style applied to the calendar card. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the header label (month/year) wrapper. */
+    headerLabelStyle?: StyleProp<ViewStyle>;
+    /** Style override for the previous/next navigation buttons. */
+    navButtonStyle?: StyleProp<ViewStyle>;
+    /** Style override for the cancel/confirm footer buttons. */
+    footerButtonStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<View>>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type DialogVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
 export type DialogActionTone = 'primary' | 'neutral' | 'danger';
 export interface DialogAction {
@@ -22,6 +22,18 @@ export interface DialogProps {
     contentStyle?: StyleProp<ViewStyle>;
     /** Style applied to the dialog inner container (above icon/title/message). */
     containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the title text. */
+    titleStyle?: StyleProp<TextStyle>;
+    /** Style override for the message text (only applied when message is a string). */
+    messageStyle?: StyleProp<TextStyle>;
+    /** Style override for the icon wrapper view. */
+    iconWrapperStyle?: StyleProp<ViewStyle>;
+    /** Style override for the actions row container. */
+    actionsRowStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to every action button pressable. */
+    actionButtonStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to every action button label text. */
+    actionTextStyle?: StyleProp<TextStyle>;
     testID?: string;
 }
 declare const Dialog: React.FC<DialogProps>;

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

@@ -0,0 +1,141 @@
+/**
+ * FieldBase — the unified field-box primitive.
+ *
+ * Every input-like control in the library (Input, Select, SearchBar,
+ * NumberInput, OTPInput cell, PickerTrigger) composes FieldBase so the
+ * height / radius / padding / border / fill / focus + disabled + error
+ * states stay identical across the library. Differences (pill SearchBar,
+ * OTP underline, NumberInput steppers) become explicit overrides via
+ * props or via theme tokens — never accidental drift.
+ *
+ * Responsibilities:
+ *   - Resolve size / variant dimensions from `theme.components.field`.
+ *   - Animate the border + background between idle / focused / error.
+ *   - Render leading + trailing slots either side of `children`.
+ *   - Become Pressable when `onPress` is set (Select, PickerTrigger).
+ *   - Apply disabled fill + cursor semantics.
+ *
+ * Non-responsibilities (the parent owns these):
+ *   - The actual TextInput / Text / nested editor.
+ *   - Floating / static labels rendered above the field.
+ *   - Helper / error / counter text rendered below the field.
+ *   - Shake-on-error or any cross-field animation.
+ */
+import React from 'react';
+import type { AccessibilityRole, AccessibilityState, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { FieldSizeTokens, FieldVariantTokens, Theme } from '../../theme/types';
+export type FieldBaseSize = 'sm' | 'md' | 'lg';
+export type FieldBaseVariant = 'outlined' | 'filled';
+export interface FieldBaseProps {
+    /** Resolves to dimension tokens at `theme.components.field[size]`. Default `'md'`. */
+    size?: FieldBaseSize;
+    /**
+     * Controls the resting fill + border treatment. Override the theme default
+     * (`theme.components.field.defaultVariant`) via this prop. Default `'outlined'`.
+     */
+    variant?: FieldBaseVariant;
+    /** Parent-controlled focus state — drives the border + fill animation. */
+    focused?: boolean;
+    /** Disabled state — wins over `focused` / `error`. */
+    disabled?: boolean;
+    /** Error state — visually wins over `focused`. */
+    error?: boolean;
+    /** Whether the field currently holds a value. Affects idle-empty vs idle-filled fill. */
+    filled?: boolean;
+    /** Slot to the left of `children`. Rendered inside the padded row. */
+    leading?: React.ReactNode;
+    /** Slot to the right of `children`. Rendered inside the padded row. */
+    trailing?: React.ReactNode;
+    /** The editable / displayed content. TextInput, Text, OTP, anything. */
+    children?: React.ReactNode;
+    /**
+     * When provided, the entire field becomes Pressable. Use for Select /
+     * PickerTrigger / any non-text-input field. Disabled when `disabled` is true.
+     */
+    onPress?: () => void;
+    /** Override `minHeight` (multiline Input). */
+    minHeight?: number;
+    /** Override `maxHeight` (rarely needed). */
+    maxHeight?: number;
+    /** Fixed pixel width — used by OTP cells. Suppresses default `flex: 1`. */
+    width?: number;
+    /** Fixed pixel height — used by OTP cells. Wins over `minHeight`. */
+    height?: number;
+    /** Override horizontal padding. */
+    paddingHorizontal?: number;
+    /** Override vertical padding (single-line). Multiline parents usually leave this default. */
+    paddingVertical?: number;
+    /** Override corner radius. SearchBar pill uses this to apply `radius.full`. */
+    borderRadius?: number;
+    /** Override border width. OTP uses 1.5; everything else inherits `colors.border.width`. */
+    borderWidth?: number;
+    /** Gap between leading / children / trailing. Defaults to `theme.spacing.sm`. */
+    gap?: number;
+    fillOverrides?: Partial<FieldVariantTokens>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityLabel?: string;
+    accessibilityState?: AccessibilityState;
+    accessibilityHint?: string;
+}
+/**
+ * Resolved text styling for the editable / displayed content inside a field.
+ * Single source of truth so every field component (Input, NumberInput,
+ * Select, SearchBar, PickerTrigger) renders identical colour + weight +
+ * fontFamily for value text — and reads the placeholder colour from the
+ * same place. OTPInput intentionally overrides this with its own semibold
+ * display weight.
+ */
+export interface FieldTextStyleResolverOptions {
+    /** When true, returns the disabled foreground colour. */
+    disabled?: boolean;
+}
+export interface FieldTextStyle {
+    /** Foreground colour for the value text. */
+    color: string;
+    /** Placeholder foreground colour (TextInput's `placeholderTextColor` prop). */
+    placeholderColor: string;
+    /** `fontFamily` (when a brand font is registered) or `fontWeight` (otherwise). */
+    weightStyle: Pick<TextStyle, 'fontFamily' | 'fontWeight'>;
+}
+/**
+ * Resolve the canonical text style chunk for a field's value. Reads from
+ * `theme.components.field.{textColor,disabledTextColor,placeholderColor,fontWeight}`
+ * with library-default fallbacks; brand fonts wired via `typography.fontFamily`
+ * apply via the shared `fontFor` helper.
+ */
+export declare const resolveFieldTextStyle: (theme: Theme, options?: FieldTextStyleResolverOptions) => FieldTextStyle;
+/**
+ * Public re-export of the resolved size tokens — components that need to
+ * compute their own padding adjustments (e.g. multiline Input, icon-slot
+ * sizing) read from this rather than re-hardcoding the size table.
+ */
+export declare const resolveFieldSize: (theme: Theme, size: FieldBaseSize) => FieldSizeTokens;
+/**
+ * Strict, fully-resolved colour set used internally. Mirrors `FieldVariantTokens`
+ * but every field is non-optional — every state has a concrete colour by the
+ * time the box renders, so downstream code can rely on string-typed fills.
+ */
+interface ResolvedFieldColors {
+    backgroundIdleEmpty: string;
+    backgroundIdleFilled: string;
+    /** Optional override fill while focused — when undefined, focus animates from idle to idle (no fill change). */
+    backgroundFocused: string | undefined;
+    /** Optional override fill while in error — when undefined, error animates from idle to idle. */
+    backgroundError: string | undefined;
+    backgroundDisabled: string;
+    borderIdle: string;
+    borderFocused: string;
+    borderError: string;
+    borderDisabled: string;
+    borderWidth: number;
+}
+/**
+ * Resolve the full set of state-aware fill + border colours for a given
+ * variant. Order: explicit override → theme token → library default.
+ */
+export declare const resolveVariantColors: (theme: Theme, variant: FieldBaseVariant, override?: Partial<FieldVariantTokens>) => ResolvedFieldColors;
+export declare const FieldBase: React.FC<FieldBaseProps>;
+export default FieldBase;
+//# sourceMappingURL=FieldBase.d.ts.map

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

@@ -0,0 +1,3 @@
+export { FieldBase, resolveFieldSize, resolveFieldTextStyle, default } from './FieldBase';
+export type { FieldBaseProps, FieldBaseSize, FieldBaseVariant, FieldTextStyle, FieldTextStyleResolverOptions } from './FieldBase';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,16 +1,12 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { IconFamily } from '../AppIcon';
 export type FloatingActionButtonSize = 'sm' | 'md' | 'lg';
 export type FloatingActionButtonTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
 export type FloatingActionButtonPosition = 'bottomRight' | 'bottomLeft' | 'bottomCenter';
-export interface FloatingActionButtonIconConfig {
-    name: string;
-    family?: IconFamily;
-}
 export interface FloatingActionButtonProps {
-    icon: React.ReactNode | FloatingActionButtonIconConfig;
+    /** JSX element for the icon. The FAB sizes it via the `size` prop's iconSize token. */
+    icon: React.ReactNode;
     onPress: () => void;
     label?: string;
     size?: FloatingActionButtonSize;
@@ -23,6 +19,8 @@ export interface FloatingActionButtonProps {
     accessibilityLabel: string;
     accessibilityHint?: string;
     style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
 declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<View>>;
@@ -45,6 +43,10 @@ export interface FloatingActionButtonGroupProps {
     bottomOffset?: number;
     size?: FloatingActionButtonSize;
     accessibilityLabel?: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    secondaryActionStyle?: StyleProp<ViewStyle>;
+    labelPillStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
 declare const FloatingActionButtonGroup: React.FC<FloatingActionButtonGroupProps>;

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

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

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export interface ForceUpdateDialogProps {
     /** Whether the dialog is visible. */
     visible: boolean;
@@ -19,6 +20,12 @@ export interface ForceUpdateDialogProps {
     updateLabel?: string;
     /** Custom label for the dismiss action. Hidden when `mandatory`. */
     laterLabel?: string;
+    /** Forwarded to the underlying Dialog container. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Forwarded to the underlying Dialog title Text. */
+    titleStyle?: StyleProp<TextStyle>;
+    /** Forwarded to the underlying Dialog message Text. */
+    messageStyle?: StyleProp<TextStyle>;
 }
 /**
  * Drop-in update prompt that opens the App Store / Play Store on tap.

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

@@ -19,6 +19,13 @@ export interface FormFieldProps {
     helperStyle?: StyleProp<TextStyle>;
     errorStyle?: StyleProp<TextStyle>;
     containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Style override for the wrapper View that hosts `children` (the input slot).
+     * Useful for the `inline` layout when callers need to tweak the right-hand
+     * column (e.g., set a max width, align differently). Additive only — the
+     * library's base style still applies underneath.
+     */
+    inputContainerStyle?: StyleProp<ViewStyle>;
     accessibilityLabel?: string;
     testID?: string;
 }