@webority-technologies/mobile 0.0.23 → 0.0.25

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
+import type { InputSize, InputVariant } from '../Input';
+export interface AutocompleteProps<T = string> {
+    /** Candidate options to filter. */
+    options: ReadonlyArray<T>;
+    /** Controlled input text. */
+    value?: string;
+    /** Uncontrolled initial text. */
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    /** Fired when a suggestion is chosen. */
+    onSelect: (option: T) => void;
+    /** Read a display label from an option. Defaults to the option itself for strings. */
+    getOptionLabel?: (option: T) => string;
+    /** Stable React key per option. Defaults to label + index. */
+    getOptionKey?: (option: T) => string;
+    /** Custom match predicate. Defaults to a case-insensitive substring match on the label. */
+    filter?: (option: T, query: string) => boolean;
+    /** Minimum characters before suggestions appear. Default 1. */
+    minChars?: number;
+    /** Cap the number of suggestions shown. Default 8. */
+    maxResults?: number;
+    /** Text shown when nothing matches. Default "No matches". */
+    emptyText?: string;
+    /** Show a loading spinner in the dropdown — e.g. while fetching remote results. */
+    loading?: boolean;
+    /** `'client'` filters `options` locally; `'none'` shows them as-is (for server-side search). Default `'client'`. */
+    filterMode?: 'client' | 'none';
+    /** Text beside the loading spinner. Default "Searching…". */
+    loadingText?: string;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+    size?: InputSize;
+    variant?: InputVariant;
+    /** Haptic on select. Default `'selection'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    listStyle?: StyleProp<ViewStyle>;
+    optionTextStyle?: StyleProp<TextStyle>;
+    testID?: string;
+}
+declare function Autocomplete<T = string>(props: AutocompleteProps<T>): React.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+export { Autocomplete };
+export default Autocomplete;
+//# sourceMappingURL=Autocomplete.d.ts.map

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

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

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

@@ -14,6 +14,7 @@ export interface CheckboxProps extends Omit<PressableProps, 'style' | 'children'
     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/module/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/module/components/Confetti/Confetti.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ConfettiMode = 'rain' | 'cannon';
+export interface ConfettiOrigin {
+    x: number;
+    y: number;
+}
+export interface ConfettiHandle {
+    /** Fire a burst. Re-seeds the pieces so each call looks different. */
+    start: () => void;
+    /** Stop and clear immediately. */
+    stop: () => void;
+}
+export interface ConfettiProps {
+    /** Number of pieces. Default 80. */
+    count?: number;
+    /** Piece colours. Defaults to a vibrant set drawn from the theme palette. */
+    colors?: string[];
+    /** `'rain'` falls from the top edge; `'cannon'` bursts up/out from `origin`. Default `'rain'`. */
+    mode?: ConfettiMode;
+    /** Burst origin for `'cannon'` (defaults to the bottom-centre of the container). */
+    origin?: ConfettiOrigin;
+    /** Full animation duration in ms. Default 2800. */
+    duration?: number;
+    /** Fade pieces out near the end. Default true. */
+    fadeOut?: boolean;
+    /** Fire automatically on mount. Default false. */
+    autoStart?: boolean;
+    /** Loop continuously (ongoing celebration). Default false. */
+    recycle?: boolean;
+    /** Base piece size in px (varied ±40% per piece). Default 10. */
+    size?: number;
+    /** Called once when a non-recycling burst finishes (or immediately if reduce-motion is on). */
+    onComplete?: () => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const Confetti: React.ForwardRefExoticComponent<ConfettiProps & React.RefAttributes<ConfettiHandle>>;
+export { Confetti };
+export default Confetti;
+//# sourceMappingURL=Confetti.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Confetti } from './Confetti';
+export type { ConfettiProps, ConfettiHandle, ConfettiMode, ConfettiOrigin } from './Confetti';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,6 @@
 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;
@@ -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/module/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/module/components/Dialog/Dialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type DialogVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
 export type DialogActionTone = 'primary' | 'neutral' | 'error';
 export interface DialogAction {
@@ -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/module/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/module/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/module/components/IconButton/IconButton.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { GestureResponderEvent, StyleProp, View as RNView, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
+export type IconButtonTone = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'neutral';
+export type IconButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+export type IconButtonSize = 'sm' | 'md' | 'lg';
+export type IconButtonShape = 'circle' | 'rounded';
+interface IconRenderProps {
+    color: string;
+    size: number;
+}
+export interface IconButtonProps {
+    /** Icon node, or a render fn `({ color, size }) => node` so IconButton can theme + size it. */
+    icon: React.ReactNode | ((props: IconRenderProps) => React.ReactNode);
+    onPress?: (e: GestureResponderEvent) => void;
+    /** Required — icon-only controls need an accessible name. */
+    accessibilityLabel: string;
+    tone?: IconButtonTone;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    shape?: IconButtonShape;
+    /** Selected/active — renders filled (solid) regardless of `variant` (e.g. an active nav tile). */
+    active?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    /** Press haptic. Default `'selection'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<RNView>>;
+export { IconButton };
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps, IconButtonTone, IconButtonVariant, IconButtonSize, IconButtonShape } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/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/module/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/module/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/module/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 {
@@ -23,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>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type OTPInputSize = 'sm' | 'md' | 'lg';
 export interface OTPInputRef {
     focus: () => void;
@@ -18,6 +19,11 @@ export interface OTPInputProps {
     error?: boolean | string;
     size?: OTPInputSize;
     secure?: boolean;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     cellStyle?: StyleProp<ViewStyle>;

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

@@ -1,7 +1,15 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { GradientDefinition } from '../../theme/types';
 export type ProgressBarTone = 'primary' | 'success' | 'warning' | 'error';
+export interface ProgressBarSegment {
+    /** Fraction of the full track (0–1). */
+    value: number;
+    /** Explicit colour; falls back to `tone`. */
+    color?: string;
+    tone?: ProgressBarTone;
+}
 export interface ProgressBarProps {
     progress?: number;
     indeterminate?: boolean;
@@ -10,6 +18,10 @@ export interface ProgressBarProps {
     tone?: ProgressBarTone;
     trackColor?: string;
     barColor?: string;
+    /** Gradient fill for the determinate bar — a `GradientDefinition` or a theme gradient token name. */
+    gradient?: GradientDefinition | string;
+    /** Render a multi-colour breakdown bar (usage split) instead of a single progress fill. */
+    segments?: ProgressBarSegment[];
     animated?: boolean;
     style?: StyleProp<ViewStyle>;
     containerStyle?: StyleProp<ViewStyle>;

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

@@ -1,3 +1,3 @@
 export { ProgressBar, default } from './ProgressBar';
-export type { ProgressBarProps, ProgressBarTone } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarTone, ProgressBarSegment } from './ProgressBar';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Rating/Rating.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 RatingTone = 'primary' | 'warning';
 export type RatingSize = 'sm' | 'md' | 'lg' | number;
 export interface RatingProps {
@@ -17,6 +18,11 @@ export interface RatingProps {
      * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
+    /**
+     * 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>;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TextInput } from 'react-native';
 import type { StyleProp, TextInputProps, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 export type SearchBarSize = 'sm' | 'md' | 'lg';
 export type SearchBarVariant = 'filled' | 'outlined';
 export interface SearchBarProps extends Omit<TextInputProps, 'style' | 'value' | 'onChangeText'> {
@@ -19,6 +20,8 @@ export interface SearchBarProps extends Omit<TextInputProps, 'style' | 'value' |
     size?: SearchBarSize;
     variant?: SearchBarVariant;
     cancelLabel?: string;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     accessibilityLabel?: string;
     testID?: string;

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

@@ -8,6 +8,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type SegmentedControlSize = 'sm' | 'md';
 export type SegmentedControlTone = 'primary' | 'neutral';
 export type SegmentValue = string | number;
@@ -25,6 +26,8 @@ export interface SegmentedControlProps {
     fullWidth?: boolean;
     disabled?: boolean;
     tone?: SegmentedControlTone;
+    /** 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>;

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

@@ -8,6 +8,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type SelectSize = 'sm' | 'md' | 'lg';
 export type SelectValue = string | number;
 export interface SelectOption {
@@ -38,6 +39,11 @@ interface BaseSelectProps<T = SelectOption> {
     getOptionIcon?: (option: T) => React.ReactNode;
     placeholder?: string;
     searchable?: boolean;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     label?: string;
     error?: string;
     disabled?: boolean;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
+export type SlideToConfirmTone = 'primary' | 'success' | 'warning' | 'error';
+export type SlideToConfirmSize = 'sm' | 'md' | 'lg';
+export interface SlideToConfirmProps {
+    /** Fired once the handle is dragged past the threshold. */
+    onConfirm: () => void;
+    /** Resting label (centred). Default "Slide to confirm". */
+    label?: string;
+    /** Label shown after confirming. Default "Confirmed". */
+    confirmedLabel?: string;
+    tone?: SlideToConfirmTone;
+    size?: SlideToConfirmSize;
+    disabled?: boolean;
+    /** Fraction of the track (0–1) the handle must cross to confirm. Default 0.9. */
+    threshold?: number;
+    /** Auto-reset this many ms after confirm, or `false` to stay confirmed. Default `false`. */
+    resetAfter?: number | false;
+    /** Haptic on confirm. Pass `false` to disable or a `HapticType` to override. Default `'notificationSuccess'`. */
+    haptic?: HapticType | false;
+    /** Handle glyph. Defaults to a right-chevron. */
+    icon?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    trackStyle?: StyleProp<ViewStyle>;
+    handleStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    testID?: string;
+}
+declare const SlideToConfirm: React.ForwardRefExoticComponent<SlideToConfirmProps & React.RefAttributes<View>>;
+export { SlideToConfirm };
+export default SlideToConfirm;
+//# sourceMappingURL=SlideToConfirm.d.ts.map

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

@@ -0,0 +1,3 @@
+export { SlideToConfirm } from './SlideToConfirm';
+export type { SlideToConfirmProps, SlideToConfirmTone, SlideToConfirmSize } from './SlideToConfirm';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type SliderTone = 'primary' | 'success' | 'warning' | 'error';
 export type SliderSize = 'sm' | 'md' | 'lg';
 interface SliderCommonProps {
@@ -13,6 +14,8 @@ interface SliderCommonProps {
     showLabel?: boolean;
     formatLabel?: (value: number) => string;
     accessibilityLabel?: string;
+    /** Haptic feedback for drag/step/tap. Pass false to disable; pass a HapticType to override. */
+    haptic?: HapticType | false;
     style?: StyleProp<ViewStyle>;
     containerStyle?: StyleProp<ViewStyle>;
     trackStyle?: StyleProp<ViewStyle>;

package/lib/typescript/module/components/Stepper/Stepper.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 StepperVariant = 'horizontal' | 'vertical';
 export type StepperTone = 'primary' | 'success';
 export interface StepperStep {
@@ -33,6 +34,11 @@ export interface StepperProps {
     circleStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
     connectorStyle?: StyleProp<ViewStyle>;
+    /**
+     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
+     * to override the default.
+     */
+    haptic?: HapticType | false;
     testID?: string;
 }
 declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<RNView>> & {