@webority-technologies/mobile 0.0.22 → 0.0.24

package/lib/module/theme/ThemeContext.js

@@ -4,7 +4,30 @@ import React, { createContext, useContext, useEffect, useMemo, useState } from '
 import { Appearance } from 'react-native';
 import { darkTheme, lightTheme } from "./tokens.js";
 import { mergeTheme } from "./merge.js";
+import { useReducedMotion } from "../hooks/useReducedMotion.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const REDUCED_SPRING = {
+  damping: 100,
+  stiffness: 1000,
+  mass: 1
+};
+// Reduce Motion: collapse timed animations to instant and make springs settle in
+// ~1 frame, so vestibular-sensitive users aren't subjected to slides/scales/bounces.
+const collapseMotion = motion => ({
+  ...motion,
+  duration: {
+    instant: 0,
+    fast: 0,
+    normal: 0,
+    slow: 0,
+    slower: 0
+  },
+  spring: {
+    gentle: REDUCED_SPRING,
+    bouncy: REDUCED_SPRING,
+    snappy: REDUCED_SPRING
+  }
+});
 const defaultValue = {
   theme: lightTheme,
   mode: 'light',
@@ -30,11 +53,16 @@ export const ThemeProvider = ({
     return () => sub.remove();
   }, []);
   const mode = preference === 'system' ? systemMode : preference;
+  const reduceMotion = useReducedMotion();
   const theme = useMemo(() => {
     const base = mode === 'dark' ? darkTheme : lightTheme;
     const overrides = mode === 'dark' ? darkOverrides : lightOverrides;
-    return overrides ? mergeTheme(base, overrides) : base;
-  }, [mode, lightOverrides, darkOverrides]);
+    const merged = overrides ? mergeTheme(base, overrides) : base;
+    return reduceMotion ? {
+      ...merged,
+      motion: collapseMotion(merged.motion)
+    } : merged;
+  }, [mode, lightOverrides, darkOverrides, reduceMotion]);
   const value = useMemo(() => ({
     theme,
     mode,

package/lib/module/theme/tokens.js

@@ -521,6 +521,12 @@ export const lightTheme = {
     warning: '#F59E0B',
     error: '#E5484D',
     info: '#3B82F6',
+    onPrimary: '#FFFFFF',
+    onSecondary: '#0F0F1A',
+    onSuccess: '#FFFFFF',
+    onWarning: '#0F0F1A',
+    onError: '#FFFFFF',
+    onInfo: '#FFFFFF',
     text: {
       primary: '#0F0F1A',
       secondary: '#52525B',
@@ -576,6 +582,12 @@ export const darkTheme = {
     warning: '#FBBF24',
     error: '#F87171',
     info: '#60A5FA',
+    onPrimary: '#0F0F1A',
+    onSecondary: '#FAFAFA',
+    onSuccess: '#0F0F1A',
+    onWarning: '#0F0F1A',
+    onError: '#0F0F1A',
+    onInfo: '#0F0F1A',
     text: {
       primary: '#FAFAFA',
       secondary: '#B4B4BB',

package/lib/module/utils/hapticUtils.js

@@ -48,4 +48,13 @@ export const triggerHaptic = (type = 'selection') => {
 export const setHapticImplementation = impl => {
   hapticImpl = impl;
 };
+
+/**
+ * Resolves a component's `haptic` prop to the type that should fire, or null
+ * when haptics are off. `false` disables; a `HapticType` overrides; `undefined`
+ * falls back to the component's sensible default. Pair with `triggerHaptic`:
+ *   const h = resolveHaptic(haptic, 'selection');
+ *   if (h) triggerHaptic(h);
+ */
+export const resolveHaptic = (haptic, fallbackType) => haptic === false ? null : haptic ?? fallbackType;
 //# sourceMappingURL=hapticUtils.js.map

package/lib/module/utils/index.js

@@ -2,7 +2,7 @@
 
 export { ScreenDimensions, Breakpoints, Responsive, isScreenSize, isTablet } from "./responsive.js";
 export { Spacing, Padding, Margin } from "./spacing.js";
-export { triggerHaptic, setHapticImplementation } from "./hapticUtils.js";
+export { triggerHaptic, setHapticImplementation, resolveHaptic } from "./hapticUtils.js";
 export { shadowStyle } from "./shadows.js";
 export { compressImage } from "./imageCompression.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type AccordionVariant = 'plain' | 'card';
 export interface AccordionProps {
     title: string;
@@ -26,6 +27,8 @@ export interface AccordionProps {
      * accordion so the layout doesn't shift when data arrives.
      */
     loading?: boolean;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
 }
 export interface AccordionGroupProps {
     children: React.ReactNode;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type PresencePreset = 'fade' | 'scale' | 'slide-up' | 'slide-down';
+export interface AnimatePresenceProps {
+    /**
+     * Render conditionally. When this goes null / undefined / false the exit
+     * animation plays before the content unmounts; when it returns the enter
+     * animation plays. Drive it like `{visible ? <Panel /> : null}`.
+     */
+    children?: React.ReactNode;
+    /** Enter/exit preset. Default `'fade'`. */
+    preset?: PresencePreset;
+    /** Animation duration (ms). Defaults to `theme.motion.duration.base`. */
+    duration?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Animates a single child in on mount and out on unmount. Thin, theme-aware
+ * wrapper over Reanimated's `entering`/`exiting` — Reanimated keeps the view
+ * alive to play the exit, so the parent only toggles a condition. Honors the OS
+ * Reduce Motion setting (renders instantly when reduced).
+ *
+ * For animating items inside a list, use Reanimated's `itemLayoutAnimation`
+ * on `Animated.FlatList` instead — this wrapper targets single conditional nodes.
+ */
+declare const AnimatePresence: React.FC<AnimatePresenceProps>;
+export { AnimatePresence };
+export default AnimatePresence;
+//# sourceMappingURL=AnimatePresence.d.ts.map

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

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

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Animated, View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type AppBarVariant = 'default' | 'large' | 'compact';
 export type AppBarTitleAlignment = 'left' | 'center';
 export interface AppBarAction {
@@ -36,6 +37,11 @@ export interface AppBarProps {
     subtitleStyle?: StyleProp<ViewStyle>;
     /** Style applied to the right-action badge bubble. */
     badgeStyle?: StyleProp<ViewStyle>;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     testID?: string;
 }
 declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<View>>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, View as RNView, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type BannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
 export interface BannerAction {
     label: string;
@@ -14,6 +15,8 @@ export interface BannerProps {
     actions?: BannerAction[];
     dismissible?: boolean;
     onDismiss?: () => void;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     visible?: boolean;
     animateMount?: boolean;
     /**

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { GestureResponderEvent, ImageSourcePropType, PressableProps, StyleProp, View as RNView, ViewStyle } from 'react-native';
 import type { GradientDefinition } from '../../theme/types';
+import type { HapticType } from '../../utils/hapticUtils';
 export type CardVariant = 'elevated' | 'outlined' | 'filled';
 export type CardElevation = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type CardRadius = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -32,6 +33,8 @@ 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?: HapticType | false;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     /** Alias for `style` — applied to the outer card element. */

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

@@ -5,14 +5,16 @@ 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;
     size?: CheckboxSize;
     tone?: CheckboxTone;
     accessibilityLabel?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     boxStyle?: StyleProp<ViewStyle>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type ChipVariant = 'filled' | 'outlined';
 export type ChipTone = 'primary' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
 export type ChipSize = 'sm' | 'md';
@@ -20,6 +21,8 @@ export interface ChipProps {
      */
     loading?: boolean;
     accessibilityLabel?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     /** Style override for the chip outer container (alias to style, applied after). */

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

@@ -1,26 +1,27 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 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`)
+ * 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;
@@ -40,6 +41,8 @@ export interface DatePickerProps {
     navButtonStyle?: StyleProp<ViewStyle>;
     /** Style override for the cancel/confirm footer buttons. */
     footerButtonStyle?: StyleProp<ViewStyle>;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     testID?: string;
     label?: string;
     placeholder?: string;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 import type { PickerTriggerSize, PickerTriggerVariant } from '../PickerTrigger';
 export type WeekStart = 0 | 1 | 6;
 export interface DateRange {
@@ -48,6 +49,11 @@ export interface DateRangePickerProps {
     confirmLabel?: string;
     cancelLabel?: string;
     maxRange?: number;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     /** Outer container style applied to the calendar card. */
     containerStyle?: StyleProp<ViewStyle>;

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

@@ -1,7 +1,8 @@
 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';
+import type { HapticType } from '../../utils/hapticUtils';
+export type DialogVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+export type DialogActionTone = 'primary' | 'neutral' | 'error';
 export interface DialogAction {
     label: string;
     onPress: () => void;
@@ -34,6 +35,8 @@ export interface DialogProps {
     actionButtonStyle?: StyleProp<ViewStyle>;
     /** Style override applied to every action button label text. */
     actionTextStyle?: StyleProp<TextStyle>;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     testID?: string;
 }
 declare const Dialog: React.FC<DialogProps>;

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

@@ -19,6 +19,7 @@
  */
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerProps {
     /** Controlled visibility. Omit to use internal state. */
@@ -37,6 +38,8 @@ export interface DrawerProps {
     enableBackdropPress?: boolean;
     /** Backdrop opacity at fully-open state (0..1). */
     backdropOpacity?: number;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     containerStyle?: StyleProp<ViewStyle>;
     children?: React.ReactNode;
     accessibilityLabel?: string;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type FloatingActionButtonSize = 'sm' | 'md' | 'lg';
 export type FloatingActionButtonTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
 export type FloatingActionButtonPosition = 'bottomRight' | 'bottomLeft' | 'bottomCenter';
@@ -18,6 +19,8 @@ export interface FloatingActionButtonProps {
     isScrolling?: boolean;
     accessibilityLabel: string;
     accessibilityHint?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     containerStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<ViewStyle>;
@@ -43,6 +46,8 @@ export interface FloatingActionButtonGroupProps {
     bottomOffset?: number;
     size?: FloatingActionButtonSize;
     accessibilityLabel?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     containerStyle?: StyleProp<ViewStyle>;
     secondaryActionStyle?: StyleProp<ViewStyle>;
     labelPillStyle?: StyleProp<ViewStyle>;

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

@@ -18,6 +18,7 @@
  */
 import React from 'react';
 import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export interface GalleryImage {
     source: ImageSourcePropType;
     caption?: string;
@@ -31,6 +32,11 @@ export interface ImageGalleryProps {
     enableLightbox?: boolean;
     enablePinchZoom?: boolean;
     onIndexChange?: (idx: number) => void;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     /**
      * 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

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { GestureResponderEvent, StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 import type { SwipeableAction } from '../Swipeable';
 export type ListItemSize = 'sm' | 'md' | 'lg';
 export interface ListItemProps {
@@ -15,6 +16,8 @@ export interface ListItemProps {
     left?: React.ReactNode;
     right?: React.ReactNode;
     onPress?: (event: GestureResponderEvent) => void;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     selected?: boolean;
     disabled?: boolean;
     size?: ListItemSize;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, View as RNView, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type ModalPresentation = 'centered' | 'bottom' | 'fullScreen';
 export interface ModalProps {
     visible: boolean;
@@ -21,6 +22,11 @@ export interface ModalProps {
      * Opt-in: when undefined, focus behaviour is unchanged.
      */
     restoreFocusRef?: React.RefObject<RNView | null>;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     testID?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type NumberInputSize = 'sm' | 'md' | 'lg';
 export type NumberInputVariant = 'inline' | 'horizontal' | 'stacked';
 export interface NumberInputRef {
@@ -8,8 +9,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;
@@ -22,6 +24,8 @@ export interface NumberInputProps {
     size?: NumberInputSize;
     variant?: NumberInputVariant;
     unit?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     containerStyle?: StyleProp<ViewStyle>;