@webority-technologies/mobile 0.0.22 → 0.0.23

package/lib/typescript/commonjs/form/types.d.ts

@@ -0,0 +1,94 @@
+export type FormValues = Record<string, unknown>;
+export type FormErrors = Record<string, string | undefined>;
+export type FormTouched = Record<string, boolean>;
+export type ValidationResult = string | undefined | null | false;
+/**
+ * A single validation rule. Receives the field value and the whole values
+ * object (so cross-field rules work). Return an error message string when
+ * invalid, or any falsy value when valid. May be async — return a Promise for
+ * server-side checks ("is this email already registered?").
+ */
+export type ValidationRule<V = any, Values extends FormValues = FormValues> = (value: V, allValues: Values) => ValidationResult | Promise<ValidationResult>;
+export type FieldRules<V = any, Values extends FormValues = FormValues> = ValidationRule<V, Values> | ValidationRule<V, Values>[];
+/** Per-field rule map keyed by field path (e.g. `{ email: [rules.required(), rules.email()] }`). */
+export type ValidationSchema<Values extends FormValues = FormValues> = Record<string, FieldRules<any, Values>>;
+/** Form-level validate function returning an errors map keyed by field path. */
+export type FormValidateFn<Values extends FormValues = FormValues> = (values: Values) => FormErrors | Promise<FormErrors>;
+export type ValidateOn = 'change' | 'blur' | 'submit';
+export interface SubmitHelpers<Values extends FormValues = FormValues> {
+    setErrors: (errors: FormErrors) => void;
+    setFieldError: (name: string, error?: string) => void;
+    reset: (nextValues?: Partial<Values>) => void;
+    setSubmitting: (submitting: boolean) => void;
+}
+export interface FormConfig<Values extends FormValues = FormValues> {
+    initialValues: Values;
+    /** Either a per-field rule map or a single form-level validate function. */
+    validate?: ValidationSchema<Values> | FormValidateFn<Values>;
+    /** When validation first runs for a field. Library default: 'submit'. */
+    validateOn?: ValidateOn;
+    /** After a field has surfaced an error once, how it re-validates. Library default: 'change'. */
+    revalidateOn?: 'change' | 'blur';
+    onSubmit: (values: Values, helpers: SubmitHelpers<Values>) => void | Promise<void>;
+    /** Re-initialise values when `initialValues` changes (e.g. async-loaded edit form). Default: false. */
+    enableReinitialize?: boolean;
+}
+export interface FieldState<V = unknown> {
+    value: V;
+    /** Error the UI should show (gated by touched / submit). */
+    error: string | undefined;
+    /** Error regardless of touched — useful for `isValid`-style logic. */
+    rawError: string | undefined;
+    touched: boolean;
+    dirty: boolean;
+}
+/** Props an input needs to bind to a form field. Covers text and non-text controls. */
+export interface FieldInputProps<V = unknown> {
+    name: string;
+    value: V;
+    error: string | undefined;
+    touched: boolean;
+    /** Generic change handler (Select/Switch/DatePicker/Slider…). */
+    onChange: (value: V) => void;
+    /** Text-input alias of `onChange` (TextInput's `onChangeText`). */
+    onChangeText: (text: string) => void;
+    onBlur: () => void;
+    /** Marks this field as the focused one (drives KeyboardToolbar next/prev). */
+    onFocus: () => void;
+    setValue: (value: V, shouldValidate?: boolean) => void;
+}
+export interface FocusableNode {
+    focus?: () => void;
+    measureInWindow?: (cb: (x: number, y: number, w: number, h: number) => void) => void;
+}
+export interface FormApi<Values extends FormValues = FormValues> {
+    values: Values;
+    /** Touched/submit-gated errors — what the UI shows. */
+    errors: FormErrors;
+    /** Every current error regardless of touched. */
+    rawErrors: FormErrors;
+    touched: FormTouched;
+    dirty: boolean;
+    isValid: boolean;
+    isSubmitting: boolean;
+    isValidating: boolean;
+    submitCount: number;
+    setFieldValue: (name: string, value: unknown, shouldValidate?: boolean) => void;
+    setFieldTouched: (name: string, touched?: boolean, shouldValidate?: boolean) => void;
+    setFieldError: (name: string, error?: string) => void;
+    setValues: (next: Partial<Values> | ((prev: Values) => Values), shouldValidate?: boolean) => void;
+    setErrors: (errors: FormErrors) => void;
+    reset: (nextValues?: Partial<Values>) => void;
+    validate: () => Promise<FormErrors>;
+    validateField: (name: string) => Promise<string | undefined>;
+    submit: () => void;
+    getFieldState: (name: string) => FieldState;
+    getFieldProps: (name: string) => FieldInputProps;
+    handleBlur: (name: string) => void;
+    /** Move focus to the next / previous registered field (used by KeyboardToolbar). */
+    focusNext: () => void;
+    focusPrev: () => void;
+    /** Registers a focusable node so a failed submit can focus the first error. */
+    registerField: (name: string, node: FocusableNode | null) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/form/useField.d.ts

@@ -0,0 +1,27 @@
+import type { FieldInputProps } from './types';
+/**
+ * Bind a single field by name. Returns everything an input needs; pick the
+ * handler your control uses:
+ *   const email = useField('email');
+ *   <Input value={email.value} onChangeText={email.onChangeText} onBlur={email.onBlur} error={email.error} />
+ *   <Select value={country.value} onChange={country.onChange} error={country.error} />
+ *   <Switch value={!!agree.value} onChange={agree.onChange} />
+ */
+export declare function useField<V = unknown>(name: string): FieldInputProps<V>;
+export interface FieldArrayApi<T = unknown> {
+    /** Current array value (empty array when unset). */
+    fields: T[];
+    length: number;
+    push: (item: T) => void;
+    remove: (index: number) => void;
+    insert: (index: number, item: T) => void;
+    move: (from: number, to: number) => void;
+    replace: (index: number, item: T) => void;
+}
+/**
+ * Manage a repeating list field (phone numbers, line items, etc.) by name.
+ * Each helper writes the whole array back through the form so validation and
+ * dirty-tracking stay correct.
+ */
+export declare function useFieldArray<T = unknown>(name: string): FieldArrayApi<T>;
+//# sourceMappingURL=useField.d.ts.map

package/lib/typescript/commonjs/form/useForm.d.ts

@@ -0,0 +1,10 @@
+import type { FormApi, FormConfig, FormValues } from './types';
+/**
+ * Dependency-free form engine. Tracks values/errors/touched/dirty, runs
+ * synchronous and async validation (per-field rule maps or a form-level
+ * function), gates error display behind touched/submit, and on a failed submit
+ * focuses the first errored field. The returned object is rebuilt every render
+ * so `<Form>` consumers re-render on state changes.
+ */
+export declare function useForm<Values extends FormValues = FormValues>(config: FormConfig<Values>): FormApi<Values>;
+//# sourceMappingURL=useForm.d.ts.map

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

@@ -3,4 +3,7 @@ export type { UseToggleResult } from './useToggle';
 export { useDebounce } from './useDebounce';
 export { usePressAnimation } from './usePressAnimation';
 export type { UsePressAnimationOptions, UsePressAnimationResult } from './usePressAnimation';
+export { useReducedMotion } from './useReducedMotion';
+export { useControllableState } from './useControllableState';
+export type { UseControllableStateOptions } from './useControllableState';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/hooks/useControllableState.d.ts

@@ -0,0 +1,17 @@
+export interface UseControllableStateOptions<T> {
+    /** Controlled value. When `undefined`, the hook manages state internally. */
+    value?: T;
+    /** Initial value used in uncontrolled mode. */
+    defaultValue: T;
+    /** Called on every change (both modes). */
+    onChange?: (value: T) => void;
+}
+/**
+ * Bridges controlled and uncontrolled usage for a value+onChange pair. When
+ * `value` is provided the component is controlled (the hook just forwards it
+ * and calls `onChange`); otherwise the hook owns the state, seeded from
+ * `defaultValue`. The controlled/uncontrolled decision is locked on first
+ * render so a component never flips modes mid-life.
+ */
+export declare function useControllableState<T>({ value, defaultValue, onChange }: UseControllableStateOptions<T>): [T, (next: T) => void];
+//# sourceMappingURL=useControllableState.d.ts.map

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

@@ -0,0 +1,8 @@
+/**
+ * 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/commonjs/index.d.ts

@@ -21,14 +21,16 @@ export { VersionCheck, useVersionCheck } from './versionCheck';
 export type { UpdateInfo, UpdateType, VersionData, VersionComparison, VersionCheckResult, VersionCheckType, ParsedVersion, Platform } from './versionCheck';
 export { ThemeProvider, useTheme, useThemeMode, setTheme, setColorMode, getColorMode, getTheme, resetTheme, subscribeTheme, mergeTheme, lightTheme, darkTheme } from './theme';
 export type { Theme, ThemeOverrides, ThemeProviderProps, IconRegistry, IconRenderer, ColorMode, ColorPalette, ColorSchemePreference, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TypographyScale, MotionScale, DeepPartial } from './theme';
-export { useToggle, useDebounce, usePressAnimation } from './hooks';
-export type { UseToggleResult, UsePressAnimationOptions, UsePressAnimationResult } from './hooks';
+export { useToggle, useDebounce, usePressAnimation, useReducedMotion, useControllableState } from './hooks';
+export type { UseToggleResult, UsePressAnimationOptions, UsePressAnimationResult, UseControllableStateOptions } from './hooks';
 export { ScreenDimensions, Breakpoints, Responsive, isScreenSize, isTablet, Spacing, Padding, Margin, triggerHaptic, setHapticImplementation, shadowStyle, compressImage } from './utils';
 export type { BreakpointKey, SpacingToken, HapticType, CompressImageOptions } from './utils';
 export { formatDate, formatTime, formatDateTime, formatRelativeTime, formatPhone, normalizePhone, formatCurrency, formatNumber, formatPercent, formatCompactNumber, getInitials } from './formatters';
 export type { DateInput, DateStyle, TimeStyle, FormatCurrencyOptions } from './formatters';
 export { isNonEmpty, isEmail, isIndianMobile, isPhone, isUrl, isNumeric, isInteger, isAlphanumeric, isStrongPassword, isIndianPincode, isPan, isGstin, isAadhaar, isIfsc, isHexColor, isBetween, minLength, maxLength } from './validators';
 export type { PasswordRules } from './validators';
+export { useForm, useField, useFieldArray, Form, useFormContext, useOptionalFormContext, rules, getPath, setPath, deletePath } from './form';
+export type { FormApi, FormConfig, FormValues, FormErrors, FormTouched, FieldState, FieldInputProps, FocusableNode, ValidationRule, ValidationResult, FieldRules, ValidationSchema, FormValidateFn, ValidateOn, SubmitHelpers, FieldArrayApi } from './form';
 export { useNetworkStatus, getNetworkStatus, addNetworkStatusListener, NetworkStatusBanner } from './network';
 export type { NetworkStatus, NetworkConnectionType, NetworkStatusListener, NetworkStatusBannerProps } from './network';
 export { Permissions } from './permissions';

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

@@ -39,6 +39,21 @@ export interface ColorPalette {
     warning: string;
     error: string;
     info: string;
+    /**
+     * Foreground (text/icon) colour to render ON a solid fill of each semantic
+     * tone. Solid Button / Badge / Chip / Banner backgrounds read these instead
+     * of assuming `text.inverse` (white) — white-on-pale (notably `warning`
+     * amber) fails contrast. Library defaults keep the historical white for
+     * primary/success/error/info, use dark ink for `warning`, and `text.primary`
+     * for the surface-like `secondary` tone. Override per-brand to match your
+     * palette's luminance.
+     */
+    onPrimary: string;
+    onSecondary: string;
+    onSuccess: string;
+    onWarning: string;
+    onError: string;
+    onInfo: string;
     text: {
         primary: string;
         secondary: string;

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

@@ -20,7 +20,7 @@ export interface TabConfig {
 export interface BottomNavigationProps {
     tabs: TabConfig[];
     activeTab: string;
-    onTabPress: (tabKey: string) => void;
+    onChange: (tabKey: string) => void;
     haptic?: HapticType | false;
     showLabels?: boolean;
     variant?: BottomNavigationVariant;

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

@@ -0,0 +1,60 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ColorPalette, RadiusScale, SpacingScale, Theme } from '../../theme/types';
+export type SpacingToken = keyof SpacingScale;
+export type RadiusToken = keyof RadiusScale;
+export type BackgroundToken = keyof ColorPalette['background'];
+export interface BoxProps extends ViewProps {
+    /** padding (all sides) */
+    p?: SpacingToken;
+    /** paddingHorizontal */
+    px?: SpacingToken;
+    /** paddingVertical */
+    py?: SpacingToken;
+    pt?: SpacingToken;
+    pr?: SpacingToken;
+    pb?: SpacingToken;
+    pl?: SpacingToken;
+    /** margin (all sides) */
+    m?: SpacingToken;
+    mx?: SpacingToken;
+    my?: SpacingToken;
+    mt?: SpacingToken;
+    mr?: SpacingToken;
+    mb?: SpacingToken;
+    ml?: SpacingToken;
+    /** Flexbox gap between children (spacing token). */
+    gap?: SpacingToken;
+    /** Background — a `colors.background.*` token or a raw colour string. */
+    bg?: BackgroundToken | (string & {});
+    radius?: RadiusToken;
+    /** Draw a hairline border in `colors.border.primary`. */
+    border?: boolean;
+    flex?: number;
+    align?: ViewStyle['alignItems'];
+    justify?: ViewStyle['justifyContent'];
+    direction?: ViewStyle['flexDirection'];
+    wrap?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+type LayoutProps = Omit<BoxProps, 'style' | 'children'>;
+export declare const resolveBoxStyle: (theme: Theme, p: LayoutProps) => ViewStyle;
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<View>>;
+export type StackProps = Omit<BoxProps, 'direction'>;
+/** Vertical flex container with token spacing between children (default gap `md`). */
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<View>>;
+export type RowProps = Omit<BoxProps, 'direction'>;
+/** Horizontal flex container (default `align="center"`, gap `sm`). */
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<View>>;
+export interface SpacerProps {
+    /** Fixed spacer of this spacing token. Omit for a flexible spacer (`flex: 1`). */
+    size?: SpacingToken;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** Fixed gap (`size`) or a flexible push (`flex: 1`) between siblings. */
+declare const Spacer: React.FC<SpacerProps>;
+export { Box, Stack, Row, Spacer };
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Box, Stack, Row, Spacer, resolveBoxStyle } from './Box';
+export type { BoxProps, StackProps, RowProps, SpacerProps } from './Box';
+//# sourceMappingURL=index.d.ts.map

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

@@ -4,7 +4,7 @@ import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-nati
 import type { GradientDefinition } from '../../theme/types';
 import type { HapticType } from '../../utils/hapticUtils';
 export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
-export type ButtonTone = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
+export type ButtonTone = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'neutral';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'> {
     title?: string;

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

@@ -5,8 +5,9 @@ import type { HapticType } from '../../utils/hapticUtils';
 export type CheckboxSize = 'sm' | 'md' | 'lg';
 export type CheckboxTone = 'primary' | 'success' | 'warning' | 'error';
 export interface CheckboxProps extends Omit<PressableProps, 'style' | 'children' | 'onPress'> {
-    checked: boolean;
-    onChange: (checked: boolean) => void;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
     indeterminate?: boolean;
     disabled?: boolean;
     label?: string;

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

@@ -6,21 +6,21 @@ export type WeekStart = 0 | 1 | 6;
 /**
  * DatePicker operates in two modes:
  *
- * 1. **Controlled-modal mode** — pass `visible` (plus `onSelect` / `onClose`)
+ * 1. **Controlled-modal mode** — pass `visible` (plus `onChange` / `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
+ * `onChange` / `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;
     value?: Date | null;
-    onSelect?: (date: Date) => void;
+    onChange?: (date: Date) => void;
     onClose?: () => void;
     minDate?: Date;
     maxDate?: Date;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-export type DialogVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
-export type DialogActionTone = 'primary' | 'neutral' | 'danger';
+export type DialogVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+export type DialogActionTone = 'primary' | 'neutral' | 'error';
 export interface DialogAction {
     label: string;
     onPress: () => void;

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

@@ -1,18 +1,29 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { FieldInputProps } from '../../form/types';
 export type FormFieldLayout = 'stacked' | 'inline';
 export interface FormFieldProps {
     label?: string;
     helperText?: string;
     /**
      * When truthy: helperText is hidden, error is shown in the error colour,
-     * and the container reports `accessibilityState.invalid = true`.
+     * and the container reports the invalid state to assistive tech.
+     * Ignored when `name` connects to a <Form> with an element child (the child
+     * renders its own error then).
      */
     error?: string;
     /** Appends ' *' (in theme.colors.error) to the label. */
     required?: boolean;
-    children: React.ReactNode;
+    /**
+     * Connect this field to the surrounding `<Form>` by name. With an element
+     * child (e.g. `<Input/>`) the field's value/onChangeText/onBlur/error are
+     * injected automatically — best for text inputs. For non-text controls
+     * (Select, Switch, DatePicker…) use the render-prop form:
+     * `<FormField name="x">{(f) => <Select value={f.value} onChange={f.onChange} />}</FormField>`.
+     */
+    name?: string;
+    children: React.ReactNode | ((field: FieldInputProps) => React.ReactNode);
     /** 'stacked' (default): label above input. 'inline': label left, input right. */
     layout?: FormFieldLayout;
     labelStyle?: StyleProp<TextStyle>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import type { ScrollViewProps } from 'react-native';
+export interface KeyboardAwareScrollViewProps extends ScrollViewProps {
+    /** Gap kept between the focused field and the top of the keyboard. Default 24. */
+    extraScrollHeight?: number;
+    /** Disable the keyboard-following behaviour (still a normal ScrollView). Default false. */
+    disabled?: boolean;
+}
+/**
+ * A ScrollView that keeps the focused input visible above the keyboard — no
+ * native dependency. On keyboard show it pads the content by the keyboard
+ * height and scrolls the focused TextInput so its bottom sits `extraScrollHeight`
+ * above the keyboard, but only when it would otherwise be covered (so already-
+ * visible fields don't jump). The classic measure-and-scroll approach, in pure RN.
+ */
+declare const KeyboardAwareScrollView: React.ForwardRefExoticComponent<KeyboardAwareScrollViewProps & React.RefAttributes<ScrollView>>;
+export { KeyboardAwareScrollView };
+export default KeyboardAwareScrollView;
+//# sourceMappingURL=KeyboardAwareScrollView.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface KeyboardToolbarProps {
+    /** Label for the dismiss button. Default 'Done'. */
+    doneLabel?: string;
+    /** Show the prev/next chevrons. Default: true when prev/next handlers resolve. */
+    showNavigation?: boolean;
+    /** Override the dismiss action. Default: `Keyboard.dismiss()`. */
+    onDone?: () => void;
+    /** Override "next field". Default: the surrounding `<Form>`'s `focusNext`. */
+    onNext?: () => void;
+    /** Override "previous field". Default: the surrounding `<Form>`'s `focusPrev`. */
+    onPrev?: () => void;
+    /** Custom content rendered between the nav chevrons and the Done button. */
+    leading?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * An accessory bar pinned just above the keyboard — pure RN, no native
+ * dependency. Shows a Done (dismiss) button and optional prev/next chevrons
+ * that, inside a `<Form>`, walk the registered field order. Render it at the
+ * screen root (a `flex: 1` ancestor) so its `bottom: keyboardHeight` offset
+ * lands it on top of the keyboard. Renders nothing while the keyboard is hidden.
+ */
+declare const KeyboardToolbar: React.FC<KeyboardToolbarProps>;
+export { KeyboardToolbar };
+export default KeyboardToolbar;
+//# sourceMappingURL=KeyboardToolbar.d.ts.map

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

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

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

@@ -8,8 +8,9 @@ export interface NumberInputRef {
     clear: () => void;
 }
 export interface NumberInputProps {
-    value: number;
-    onChange: (value: number) => void;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
     min?: number;
     max?: number;
     step?: number;

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

@@ -7,8 +7,9 @@ export interface OTPInputRef {
     clear: () => void;
 }
 export interface OTPInputProps {
-    value: string;
-    onChange: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
     onComplete?: (value: string) => void;
     length?: number;
     keyboardType?: 'number-pad' | 'default';

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

@@ -7,7 +7,7 @@ export type RadioTone = 'primary' | 'success' | 'warning' | 'error';
 export type RadioValue = string | number;
 export interface RadioGroupContextValue {
     selectedValue: RadioValue | undefined;
-    onSelect: (value: RadioValue) => void;
+    onChange: (value: RadioValue) => void;
     disabled: boolean;
 }
 export declare const RadioGroupContext: React.Context<RadioGroupContextValue | null>;
@@ -15,7 +15,7 @@ export declare const useRadioGroup: () => RadioGroupContextValue | null;
 export interface RadioProps extends Omit<PressableProps, 'style' | 'children' | 'onPress'> {
     value: RadioValue;
     selected?: boolean;
-    onSelect?: (value: RadioValue) => void;
+    onChange?: (value: RadioValue) => void;
     disabled?: boolean;
     label?: string;
     size?: RadioSize;

package/lib/typescript/module/components/Radio/RadioGroup.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { RadioValue } from './Radio';
 export interface RadioGroupProps {
-    value: RadioValue;
-    onChange: (value: RadioValue) => void;
+    value?: RadioValue;
+    defaultValue?: RadioValue;
+    onChange?: (value: RadioValue) => void;
     children: React.ReactNode;
     disabled?: boolean;
     accessibilityLabel?: string;

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

@@ -18,8 +18,9 @@ export interface SegmentItem {
 }
 export interface SegmentedControlProps {
     segments: SegmentItem[];
-    value: SegmentValue;
-    onChange: (value: SegmentValue) => void;
+    value?: SegmentValue;
+    defaultValue?: SegmentValue;
+    onChange?: (value: SegmentValue) => void;
     size?: SegmentedControlSize;
     fullWidth?: boolean;
     disabled?: boolean;

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

@@ -29,13 +29,15 @@ interface SliderCommonProps {
 }
 interface SliderSingleProps extends SliderCommonProps {
     range?: false;
-    value: number;
-    onChange: (value: number) => void;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
 }
 interface SliderRangeProps extends SliderCommonProps {
     range: true;
-    value: [number, number];
-    onChange: (value: [number, number]) => void;
+    value?: [number, number];
+    defaultValue?: [number, number];
+    onChange?: (value: [number, number]) => void;
 }
 export type SliderProps = SliderSingleProps | SliderRangeProps;
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<View>>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
-export type SpinnerSize = 'small' | 'medium' | 'large';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
 export type SpinnerVariant = 'circular' | 'dots';
 export interface SpinnerProps {
     size?: SpinnerSize;

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

@@ -5,8 +5,9 @@ import type { HapticType } from '../../utils/hapticUtils';
 export type SwitchSize = 'sm' | 'md' | 'lg';
 export type SwitchTone = 'primary' | 'success' | 'warning' | 'error';
 export interface SwitchProps extends Omit<PressableProps, 'style' | 'children' | 'onPress'> {
-    value: boolean;
-    onValueChange: (value: boolean) => void;
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: (value: boolean) => void;
     disabled?: boolean;
     size?: SwitchSize;
     tone?: SwitchTone;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import type { StyleProp, TextProps as RNTextProps, TextStyle } from 'react-native';
+import type { FontWeightKey } from '../../theme';
+import type { TypographyScale } from '../../theme/types';
+export type TextVariant = 'display' | 'h1' | 'h2' | 'h3' | 'title' | 'body' | 'bodySmall' | 'caption' | 'label' | 'overline';
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'disabled' | 'link' | 'success' | 'warning' | 'error' | 'info';
+export interface TextProps extends Omit<RNTextProps, 'style'> {
+    variant?: TextVariant;
+    /** Text role token, semantic tone, or a raw colour string. Defaults per variant. */
+    color?: TextColor | (string & {});
+    /** Override the variant's weight. */
+    weight?: FontWeightKey;
+    /** Override the variant's size — a typography token or a pixel number. */
+    size?: keyof TypographyScale['fontSize'] | number;
+    align?: TextStyle['textAlign'];
+    italic?: boolean;
+    underline?: boolean;
+    children?: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<RNText>>;
+export { Text };
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Text } from './Text';
+export type { TextProps, TextVariant, TextColor } from './Text';
+//# sourceMappingURL=index.d.ts.map

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

@@ -11,19 +11,19 @@ export interface TimeValue {
 /**
  * TimePicker supports two modes:
  *
- * 1. Controlled-modal mode — pass `visible`, `onSelect`, `onClose`. The
+ * 1. Controlled-modal mode — pass `visible`, `onChange`, `onClose`. The
  *    component renders only the modal sheet and the caller owns open/close
  *    state plus its own trigger UI.
  * 2. Trigger mode — omit `visible`. The component renders a PickerTrigger
  *    field (label / value / placeholder / chevron / clear / helper / error)
- *    and manages its own modal open state. `onSelect` is still called on
+ *    and manages its own modal open state. `onChange` is still called on
  *    confirm.
  */
 export interface TimePickerProps {
     /** Controlled-modal visibility. When omitted, the component enters trigger mode. */
     visible?: boolean;
     value?: TimeValue | null;
-    onSelect?: (time: TimeValue) => void;
+    onChange?: (time: TimeValue) => void;
     onClose?: () => void;
     format?: TimeFormat;
     minuteStep?: MinuteStep;

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

@@ -12,6 +12,14 @@ export { BottomSheet, useBottomSheet } from './BottomSheet';
 export type { BottomSheetContextValue, BottomSheetProps, BottomSheetRef } from './BottomSheet';
 export { Button } from './Button';
 export type { ButtonProps, ButtonVariant, ButtonTone, ButtonSize } from './Button';
+export { Box, Stack, Row, Spacer } from './Box';
+export type { BoxProps, StackProps, RowProps, SpacerProps } from './Box';
+export { Text } from './Text';
+export type { TextProps, TextVariant, TextColor } from './Text';
+export { KeyboardAwareScrollView } from './KeyboardAwareScrollView';
+export type { KeyboardAwareScrollViewProps } from './KeyboardAwareScrollView';
+export { KeyboardToolbar } from './KeyboardToolbar';
+export type { KeyboardToolbarProps } from './KeyboardToolbar';
 export { Card } from './Card';
 export type { CardProps, CardVariant, CardElevation, CardPadding, CardRadius } from './Card';
 export { Carousel } from './Carousel';