@webority-technologies/mobile 0.0.23 → 0.0.25

package/lib/module/components/Swipeable/Swipeable.js

@@ -22,7 +22,7 @@ import { Dimensions, Pressable, StyleSheet, Text, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { cancelAnimation, runOnJS, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { useTheme } from "../../theme/index.js";
-import { triggerHaptic } from "../../utils/index.js";
+import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SPRING_CONFIG = {
   damping: 22,
@@ -57,6 +57,7 @@ const Swipeable = props => {
     onSwipeOpen,
     onSwipeClose,
     disabled = false,
+    haptic,
     containerStyle,
     contentStyle: contentSlotStyle,
     actionStyle,
@@ -75,9 +76,6 @@ const Swipeable = props => {
     stiffness: swipeTheme?.springStiffness ?? SPRING_CONFIG.stiffness,
     mass: swipeTheme?.springMass ?? SPRING_CONFIG.mass
   };
-  const fullSwipeHapticEnabled = swipeTheme?.fullSwipeHaptic ?? true;
-  const actionPressHapticEnabled = swipeTheme?.actionPressHaptic ?? true;
-  const a11yActionHapticEnabled = swipeTheme?.a11yActionHaptic ?? true;
   const styles = useMemo(() => buildStyles(theme), [theme]);
   const hasLeft = !!leftActions && leftActions.length > 0;
   const hasRight = !!rightActions && rightActions.length > 0;
@@ -117,22 +115,23 @@ const Swipeable = props => {
     const list = side === 'left' ? leftActions : rightActions;
     const first = list?.[0];
     if (!first) return;
-    if (fullSwipeHapticEnabled) triggerHaptic('notificationSuccess');
+    if (haptic !== false) triggerHaptic('notificationSuccess');
     first.onPress();
     // After the off-screen slide, snap back to 0 silently.
     translateX.value = withSpring(0, springConfig);
     openSideRef.current = null;
     onSwipeClose?.();
-  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, fullSwipeHapticEnabled]);
+  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, haptic]);
   const close = useCallback(() => {
     translateX.value = withSpring(0, springConfig);
     notifyClose();
   }, [translateX, notifyClose, springConfig]);
   const handleActionPress = useCallback(action => {
-    if (actionPressHapticEnabled) triggerHaptic('selection');
+    const h = resolveHaptic(haptic, 'selection');
+    if (h) triggerHaptic(h);
     action.onPress();
     close();
-  }, [close, actionPressHapticEnabled]);
+  }, [close, haptic]);
 
   // ───────── Pan gesture (UI thread) ─────────
   const panGesture = useMemo(() => {
@@ -238,10 +237,10 @@ const Swipeable = props => {
     const all = [...(leftActions ?? []), ...(rightActions ?? [])];
     const match = all.find(a => a.key === name);
     if (match) {
-      if (a11yActionHapticEnabled) triggerHaptic('selection');
+      if (haptic !== false) triggerHaptic('selection');
       match.onPress();
     }
-  }, [leftActions, rightActions, a11yActionHapticEnabled]);
+  }, [leftActions, rightActions, haptic]);
 
   // ───────── Render ─────────
   // No actions configured → render children directly; zero gesture overhead.

package/lib/module/components/Tabs/Tabs.js

@@ -14,7 +14,7 @@
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Animated, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
 import { useTheme, createAnimatedValue } from "../../theme/index.js";
-import { triggerHaptic } from "../../utils/index.js";
+import { triggerHaptic, resolveHaptic } from "../../utils/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -33,6 +33,7 @@ const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
     dividerStyle,
     indicatorStyle,
     progress,
+    haptic,
     accessibilityLabel,
     testID
   } = props;
@@ -46,7 +47,6 @@ const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
   const pillInset = tabsTokens?.pillInset ?? 4;
   const disabledOpacity = tabsTokens?.disabledOpacity ?? 0.45;
   const badgeGap = tabsTokens?.badgeGap ?? 6;
-  const hapticOnPress = tabsTokens?.hapticOnPress ?? false;
 
   // Per-tab measured layouts (key → {x, width}).
   const [layouts, setLayouts] = useState({});
@@ -122,9 +122,10 @@ const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
   const handlePress = useCallback(tab => {
     if (tab.disabled) return;
     if (tab.key === activeKey) return;
-    if (hapticOnPress) triggerHaptic('selection');
+    const h = resolveHaptic(haptic, 'selection');
+    if (h) triggerHaptic(h);
     onChange(tab.key);
-  }, [activeKey, onChange, hapticOnPress]);
+  }, [activeKey, onChange, haptic]);
   const indicatorIsPill = variant === 'pills';
 
   // Indicator visual.

package/lib/module/components/TimePicker/TimePicker.js

@@ -4,7 +4,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { AccessibilityInfo, Animated, Easing, FlatList, Modal, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme, createAnimatedValue, setNativeValue } from "../../theme/index.js";
-import { triggerHaptic } from "../../utils/hapticUtils.js";
+import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
 import Button from "../Button/Button.js";
 import { PickerTrigger } from "../PickerTrigger/PickerTrigger.js";
 
@@ -70,6 +70,7 @@ const Wheel = ({
   onIndexChange,
   formatItem,
   theme,
+  haptic,
   testID
 }) => {
   const listRef = useRef(null);
@@ -92,7 +93,6 @@ const Wheel = ({
       });
     }
   }, [selectedIndex, scrollY]);
-  const hapticEnabled = theme.components.timePicker?.haptic ?? false;
   const hapticDebounceMs = theme.components.timePicker?.hapticDebounceMs ?? HAPTIC_DEBOUNCE_MS;
   const onScroll = useMemo(() => Animated.event([{
     nativeEvent: {
@@ -107,14 +107,15 @@ const Wheel = ({
       const idx = Math.round(y / ITEM_HEIGHT);
       if (idx !== lastIndexRef.current && idx >= 0 && idx < data.length) {
         const now = Date.now();
-        if (hapticEnabled && now - lastHapticAtRef.current >= hapticDebounceMs) {
-          triggerHaptic('selection');
+        if (now - lastHapticAtRef.current >= hapticDebounceMs) {
+          const h = resolveHaptic(haptic, 'selection');
+          if (h) triggerHaptic(h);
           lastHapticAtRef.current = now;
         }
         lastIndexRef.current = idx;
       }
     }
-  }), [scrollY, data.length, hapticEnabled, hapticDebounceMs]);
+  }), [scrollY, data.length, haptic, hapticDebounceMs]);
   const onMomentumScrollEnd = useCallback(event => {
     const y = event.nativeEvent.contentOffset.y;
     const idx = Math.max(0, Math.min(data.length - 1, Math.round(y / ITEM_HEIGHT)));
@@ -240,7 +241,8 @@ const TimePicker = props => {
     clearable,
     onClear,
     formatValue,
-    triggerStyle
+    triggerStyle,
+    haptic
   } = props;
   const isControlled = props.visible !== undefined;
   const [internalOpen, setInternalOpen] = useState(false);
@@ -345,21 +347,21 @@ const TimePicker = props => {
     announce(periods[idx] ?? '');
   }, [periods, announce]);
   const handleCancel = useCallback(() => {
-    if (theme.components.timePicker?.haptic) triggerHaptic('selection');
+    if (haptic !== false) triggerHaptic('selection');
     handleCloseModal();
-  }, [handleCloseModal, theme.components.timePicker]);
+  }, [handleCloseModal, haptic]);
   const handleConfirm = useCallback(() => {
     const displayHour = hours[hourIndex] ?? 0;
     const period = periods[periodIndex] ?? 'AM';
     const hour24 = to24h(displayHour, period, format);
     const minute = minutes[minuteIndex] ?? 0;
-    if (theme.components.timePicker?.haptic) triggerHaptic('notificationSuccess');
+    if (haptic !== false) triggerHaptic('notificationSuccess');
     onChange?.({
       hour: hour24,
       minute
     });
     handleCloseModal();
-  }, [hours, hourIndex, periods, periodIndex, minutes, minuteIndex, format, onChange, handleCloseModal, theme.components.timePicker]);
+  }, [hours, hourIndex, periods, periodIndex, minutes, minuteIndex, format, onChange, handleCloseModal, haptic]);
   const summary = useMemo(() => {
     const displayHour = hours[hourIndex] ?? 0;
     const minute = minutes[minuteIndex] ?? 0;
@@ -443,6 +445,7 @@ const TimePicker = props => {
             onIndexChange: handleHourIndex,
             formatItem: formatHourItem,
             theme: theme,
+            haptic: haptic,
             testID: "time-picker-hour"
           }), /*#__PURE__*/_jsx(Text, {
             style: styles.separator,
@@ -455,6 +458,7 @@ const TimePicker = props => {
             onIndexChange: handleMinuteIndex,
             formatItem: formatMinuteItem,
             theme: theme,
+            haptic: haptic,
             testID: "time-picker-minute"
           }), format === '12h' ? /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(View, {
@@ -467,6 +471,7 @@ const TimePicker = props => {
               onIndexChange: handlePeriodIndex,
               formatItem: formatPeriodItem,
               theme: theme,
+              haptic: haptic,
               testID: "time-picker-period"
             })]
           }) : null]

package/lib/module/components/index.js

@@ -1,12 +1,15 @@
 "use strict";
 
 export { Accordion, AccordionGroup } from "./Accordion/index.js";
+export { AnimatePresence } from "./AnimatePresence/index.js";
+export { Autocomplete } from "./Autocomplete/index.js";
 export { Avatar, AvatarGroup } from "./Avatar/index.js";
 export { Badge } from "./Badge/index.js";
 export { Banner } from "./Banner/index.js";
 export { BottomNavigation } from "./BottomNavigation/index.js";
 export { BottomSheet, useBottomSheet } from "./BottomSheet/index.js";
 export { Button } from "./Button/index.js";
+export { IconButton } from "./IconButton/index.js";
 export { Box, Stack, Row, Spacer } from "./Box/index.js";
 export { Text } from "./Text/index.js";
 export { KeyboardAwareScrollView } from "./KeyboardAwareScrollView/index.js";
@@ -15,6 +18,7 @@ export { Card } from "./Card/index.js";
 export { Carousel } from "./Carousel/index.js";
 export { Checkbox } from "./Checkbox/index.js";
 export { Chip } from "./Chip/index.js";
+export { Confetti } from "./Confetti/index.js";
 export { DatePicker } from "./DatePicker/index.js";
 export { DateRangePicker } from "./DateRangePicker/index.js";
 export { Dialog } from "./Dialog/index.js";
@@ -41,6 +45,7 @@ export { SegmentedControl } from "./SegmentedControl/index.js";
 export { Select } from "./Select/index.js";
 export { Stepper } from "./Stepper/index.js";
 export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from "./Skeleton/index.js";
+export { SlideToConfirm } from "./SlideToConfirm/index.js";
 export { Slider } from "./Slider/index.js";
 export { Swipeable } from "./Swipeable/index.js";
 export { Switch } from "./Switch/index.js";

package/lib/module/hooks/usePressAnimation.js

@@ -6,7 +6,6 @@ import { useTheme } from "../theme/index.js";
 export const usePressAnimation = ({
   scaleTo = 0.97,
   pressDuration,
-  releaseDuration,
   enabled = true
 } = {}) => {
   const theme = useTheme();

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/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/commonjs/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/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/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

@@ -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/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/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/commonjs/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/commonjs/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/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,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/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/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/commonjs/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