@webority-technologies/mobile 0.0.23 → 0.0.24

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/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/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>> & {

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

@@ -16,6 +16,7 @@
  */
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type SwipeableTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
 export interface SwipeableAction {
     key: string;
@@ -35,6 +36,8 @@ export interface SwipeableProps {
     onSwipeOpen?: (side: 'left' | 'right') => void;
     onSwipeClose?: () => void;
     disabled?: boolean;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     containerStyle?: StyleProp<ViewStyle>;
     contentStyle?: StyleProp<ViewStyle>;
     actionStyle?: StyleProp<ViewStyle>;

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

@@ -11,6 +11,7 @@
 import React from 'react';
 import { Animated, View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
 export type TabsVariant = 'underline' | 'pills';
 export type TabsAlign = 'left' | 'center';
 export interface TabItem {
@@ -52,6 +53,8 @@ export interface TabsProps {
      * progress value catches up.
      */
     progress?: Animated.AnimatedInterpolation<number> | Animated.Value;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
     accessibilityLabel?: string;
     testID?: string;
 }

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
 import type { FieldBaseSize, FieldBaseVariant } from '../FieldBase';
 export type TimeFormat = '12h' | '24h';
 export type Period = 'AM' | 'PM';
@@ -52,6 +53,8 @@ export interface TimePickerProps {
     formatValue?: (time: TimeValue) => string;
     /** Style passed through to the PickerTrigger field row. */
     triggerStyle?: StyleProp<ViewStyle>;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
 }
 declare const TimePicker: React.FC<TimePickerProps>;
 export { TimePicker };

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

@@ -1,5 +1,7 @@
 export { Accordion, AccordionGroup } from './Accordion';
 export type { AccordionProps, AccordionGroupProps, AccordionVariant } from './Accordion';
+export { AnimatePresence } from './AnimatePresence';
+export type { AnimatePresenceProps, PresencePreset } from './AnimatePresence';
 export { Avatar, AvatarGroup } from './Avatar';
 export type { AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarGroupProps, AvatarGroupSpacing, AvatarGroupOverflowVariant } from './Avatar';
 export { Badge } from './Badge';

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

@@ -295,8 +295,6 @@ export interface DialogTokens {
     iconWrapperSize: number;
     iconWrapperBorderRadius: number;
     actionButtonMinHeight: number;
-    /** When true, fires a selection haptic on action-button press. Library default: false. */
-    actionHaptic?: boolean;
 }
 export interface ToastTokens {
     iconCircleSize: number;
@@ -337,43 +335,25 @@ export interface CheckboxSizeTokens {
 }
 export interface CheckboxTokens extends Partial<Record<ComponentSizeKey, CheckboxSizeTokens>> {
     labelGap?: number;
-    /** When true, fires a selection haptic on press by default. Library default: false. */
-    pressHaptic?: boolean;
-}
-export interface ChipTokens extends Partial<Record<ComponentSizeKey, ChipSizeTokens>> {
-    /** When true, fires a selection haptic when the chip itself is pressed. Library default: false. */
-    pressHaptic?: boolean;
-    /** When true, fires a selection haptic when the close (×) button is pressed. Library default: false. */
-    closeHaptic?: boolean;
-}
-export interface ListItemTokens extends Partial<Record<ComponentSizeKey, ListItemSizeTokens>> {
-    /** When true, fires a selection haptic on press. Library default: false. */
-    pressHaptic?: boolean;
 }
+export type ChipTokens = Partial<Record<ComponentSizeKey, ChipSizeTokens>>;
+export type ListItemTokens = Partial<Record<ComponentSizeKey, ListItemSizeTokens>>;
 export interface RadioSizeTokens {
     outer: number;
     inner: number;
 }
 export interface RadioTokens extends Partial<Record<ComponentSizeKey, RadioSizeTokens>> {
     labelGap?: number;
-    /** When true, fires a selection haptic on press by default. Library default: false. */
-    pressHaptic?: boolean;
 }
 export interface NumberInputTokens {
     /** Milliseconds before long-press auto-repeat kicks in. Library default: 500. */
     longPressDelayMs?: number;
     /** Milliseconds between auto-repeated step ticks while long-pressed. Library default: 80. */
     longPressIntervalMs?: number;
-    /** When true, fires a light impact haptic on every +/- press. Library default: false. */
-    pressHaptic?: boolean;
 }
 export interface OTPInputTokens extends Partial<Record<ComponentSizeKey, OTPInputSizeTokens>> {
     /** When true, the row shakes horizontally on first error transition. Library default: false. */
     shakeOnError?: boolean;
-    /** When true, fires an error haptic on first error transition. Library default: false. */
-    errorHaptic?: boolean;
-    /** When true, fires a selection haptic on each value change. Library default: false. */
-    selectionHaptic?: boolean;
 }
 export interface ProgressBarTokens {
     /** Duration in ms of the indeterminate-loop animation cycle. Library default: 1500. */
@@ -388,8 +368,6 @@ export interface RatingTokens {
     pulseOnPress?: boolean;
     /** Peak scale of the pulse animation. Library default: 1.2. */
     pulseScale?: number;
-    /** When true, fires a selection haptic on each rating change. Library default: false. */
-    pressHaptic?: boolean;
 }
 /**
  * Per-size dimensions for the unified field box (FieldBase). Every
@@ -530,8 +508,6 @@ export interface BottomNavigationTokens {
     underlineHeight?: number;
 }
 export interface DatePickerTokens {
-    /** Opt-in haptic feedback on month/year navigation and selection. Default: false. */
-    haptic?: boolean;
     /** Pixel offset for the month-slide animation. Default: 32. */
     monthSlideDistance?: number;
     /** Outgoing month-slide animation duration (ms). Default: theme.motion.duration.fast or 140. */
@@ -564,8 +540,6 @@ export interface DatePickerTokens {
     footerButtonMinHeight?: number;
 }
 export interface DateRangePickerTokens {
-    /** Opt-in haptic feedback on month navigation and selection. Default: false. */
-    haptic?: boolean;
     /** Pixel offset for the month-slide animation. Default: 32. */
     monthSlideDistance?: number;
     /** Outgoing month-slide animation duration (ms). Default: theme.motion.duration.fast or 140. */
@@ -582,8 +556,6 @@ export interface DateRangePickerTokens {
     footerButtonMinHeight?: number;
 }
 export interface TimePickerTokens {
-    /** Opt-in haptic feedback on wheel scroll and confirm/cancel. Default: false. */
-    haptic?: boolean;
     /** Debounce window between scroll-haptic ticks (ms). Default: 35. */
     hapticDebounceMs?: number;
     /** Width of the bottom-sheet drag handle. Default: 36. */
@@ -616,14 +588,10 @@ export interface AvatarTokens {
     fontWeight?: keyof TypographyScale['fontWeight'];
 }
 export interface AccordionTokens {
-    /** When true, fires a selection haptic on header press. Library default: false. */
-    pressHaptic?: boolean;
     /** Vertical padding inside the `card` variant container. Library default: 4. */
     cardPaddingVertical?: number;
 }
 export interface AppBarTokens {
-    /** When true, fires a selection haptic on action-button press. Library default: false. */
-    pressHaptic?: boolean;
     /** Min-width of the left/right side action slots. Library default: 48. */
     sideSlotMinWidth?: number;
     /** Translate-Y distance (px, negative) the large title travels when collapsing. Library default: -20. */
@@ -664,17 +632,11 @@ export interface BannerTokens {
     actionButtonPaddingVertical?: number;
     actionButtonRadius?: number;
 }
-export interface CardTokens {
-    /** When true, fires a selection haptic on interactive card press. Library default: false. */
-    pressHaptic?: boolean;
-}
 export interface DrawerTokens {
     /** Pixel velocity above which a fling closes the drawer. Library default: 1000. */
     closeVelocityThreshold?: number;
     /** Pixel drag distance before the gesture is recognised. Library default: 10. */
     dragActivationOffset?: number;
-    /** When true, fires a selection haptic on backdrop press. Library default: false. */
-    backdropPressHaptic?: boolean;
 }
 export interface FloatingActionButtonTokens {
     /** Horizontal inset from screen edge for bottomLeft/bottomRight positions. Library default: 24. */
@@ -685,8 +647,6 @@ export interface FloatingActionButtonTokens {
     secondaryGap?: number;
     /** Per-item stagger delay in ms when opening/closing the group. Library default: 50. */
     staggerMs?: number;
-    /** When true, fires impactLight on press / open / action. Library default: false. */
-    pressHaptic?: boolean;
 }
 export interface ImageGalleryTokens {
     /** Maximum pinch-zoom scale. Library default: 4. */
@@ -695,14 +655,10 @@ export interface ImageGalleryTokens {
     minScale?: number;
     /** Scale applied on double-tap at rest. Library default: 2. */
     doubleTapScale?: number;
-    /** When true, fires haptics on open/close/swipe/double-tap. Library default: false. */
-    pressHaptic?: boolean;
 }
 export interface ModalTokens {
     /** Initial scale value for the centred presentation enter animation. Library default: 0.9. */
     scaleStartValue?: number;
-    /** When true, fires a selection haptic on backdrop dismiss. Library default: false. */
-    backdropHaptic?: boolean;
 }
 export interface SegmentedControlSizeTokens {
     height?: number;
@@ -712,8 +668,6 @@ export interface SegmentedControlSizeTokens {
 export interface SegmentedControlTokens extends Partial<Record<'sm' | 'md', SegmentedControlSizeTokens>> {
     /** Padding between the track edge and the selected indicator. Library default: 2. */
     trackPadding?: number;
-    /** When true, fires a selection haptic on segment change. Library default: false. */
-    changeHaptic?: boolean;
 }
 export interface SliderSizeTokens {
     trackHeight?: number;
@@ -728,14 +682,6 @@ export interface SliderTokens extends Partial<Record<ComponentSizeKey, SliderSiz
     labelShowDuration?: number;
     /** Final opacity of the bubble label when visible. Library default: 1. */
     labelOpacity?: number;
-    /** When true, fires a selection haptic while dragging. Library default: false. */
-    dragHaptic?: boolean;
-    /** When true, fires a selection haptic each time the value crosses a step boundary. Library default: false. */
-    stepHaptic?: boolean;
-    /** When true, fires a selection haptic on track tap. Library default: false. */
-    tapHaptic?: boolean;
-    /** When true, fires a selection haptic on accessibility increment/decrement. Library default: false. */
-    a11yHaptic?: boolean;
 }
 export interface StepperTokens {
     /** Diameter of each step circle. Library default: 24. */
@@ -746,8 +692,6 @@ export interface StepperTokens {
     pulseDuration?: number;
     /** When true, the active step animates a continuous pulse ring. Library default: false. */
     pulseAnimation?: boolean;
-    /** When true, fires a selection haptic on step press. Library default: false. */
-    pressHaptic?: boolean;
 }
 export interface SwipeableTokens {
     /** Pixel distance after which a partial-swipe action commits on release. Library default: 64. */
@@ -766,12 +710,6 @@ export interface SwipeableTokens {
     springStiffness?: number;
     /** Spring mass for snap-back animation. */
     springMass?: number;
-    /** When true, fires a notification haptic on full-swipe commit. Library default: true. */
-    fullSwipeHaptic?: boolean;
-    /** When true, fires a selection haptic on action button press. Library default: true. */
-    actionPressHaptic?: boolean;
-    /** When true, fires a selection haptic on accessibility action. Library default: true. */
-    a11yActionHaptic?: boolean;
 }
 export interface TabsTokens {
     /** Horizontal padding of each tab. Library default: theme.spacing.lg. */
@@ -788,8 +726,6 @@ export interface TabsTokens {
     disabledOpacity?: number;
     /** Gap between label and inline badge. Library default: 6. */
     badgeGap?: number;
-    /** When true, fires a selection haptic on tab press. Library default: false. */
-    hapticOnPress?: boolean;
 }
 export interface TooltipTokens {
     /** Gap between trigger and tooltip card. Library default: 8. */
@@ -822,7 +758,6 @@ export interface ComponentTokens {
     badge?: BadgeTokens;
     bottomNavigation?: BottomNavigationTokens;
     bottomSheet?: BottomSheetTokens;
-    card?: CardTokens;
     checkbox?: CheckboxTokens;
     chip?: ChipTokens;
     datePicker?: DatePickerTokens;

package/lib/typescript/module/utils/hapticUtils.d.ts

@@ -1,4 +1,12 @@
 export type HapticType = 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationSuccess' | 'notificationWarning' | 'notificationError';
 export declare const triggerHaptic: (type?: HapticType) => void;
 export declare const setHapticImplementation: (impl: ((type: HapticType) => void) | null) => void;
+/**
+ * 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 declare const resolveHaptic: (haptic: HapticType | false | undefined, fallbackType: HapticType) => HapticType | null;
 //# sourceMappingURL=hapticUtils.d.ts.map

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

@@ -2,7 +2,7 @@ export { ScreenDimensions, Breakpoints, Responsive, isScreenSize, isTablet } fro
 export type { BreakpointKey } from './responsive';
 export { Spacing, Padding, Margin } from './spacing';
 export type { SpacingToken } from './spacing';
-export { triggerHaptic, setHapticImplementation } from './hapticUtils';
+export { triggerHaptic, setHapticImplementation, resolveHaptic } from './hapticUtils';
 export type { HapticType } from './hapticUtils';
 export { shadowStyle } from './shadows';
 export { compressImage } from './imageCompression';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority-technologies/mobile",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "Beautiful, animated, accessible React Native components plus API/auth/logging/network/storage utilities for Webority projects.",
   "keywords": [
     "react-native",