@webority-technologies/mobile 0.0.24 → 0.0.25

package/lib/module/components/SlideToConfirm/SlideToConfirm.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { Easing, cancelAnimation, runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { useTheme } from "../../theme/index.js";
+import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZE_MAP = {
+  sm: {
+    height: 44,
+    pad: 4
+  },
+  md: {
+    height: 56,
+    pad: 5
+  },
+  lg: {
+    height: 64,
+    pad: 6
+  }
+};
+const Chevron = ({
+  color,
+  size
+}) => /*#__PURE__*/_jsx(View, {
+  style: {
+    width: 0,
+    height: 0,
+    borderTopWidth: size * 0.4,
+    borderBottomWidth: size * 0.4,
+    borderLeftWidth: size * 0.55,
+    borderTopColor: 'transparent',
+    borderBottomColor: 'transparent',
+    borderLeftColor: color,
+    marginLeft: size * 0.2
+  }
+});
+const SlideToConfirm = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    onConfirm,
+    label = 'Slide to confirm',
+    confirmedLabel = 'Confirmed',
+    tone = 'primary',
+    size = 'md',
+    disabled = false,
+    threshold = 0.9,
+    resetAfter = false,
+    haptic,
+    icon,
+    style,
+    trackStyle,
+    handleStyle,
+    labelStyle,
+    testID
+  } = props;
+  const theme = useTheme();
+  const sizeCfg = SIZE_MAP[size];
+  const handleSize = sizeCfg.height - sizeCfg.pad * 2;
+  const styles = useMemo(() => buildStyles(theme, sizeCfg), [theme, sizeCfg]);
+  const toneColor = theme.colors[tone];
+  const [confirmed, setConfirmed] = useState(false);
+  const x = useSharedValue(0);
+  const maxX = useSharedValue(0);
+  const dragStart = useSharedValue(0);
+  const resetTimer = useRef(null);
+  const fireHaptic = useCallback(() => {
+    const h = resolveHaptic(haptic, 'notificationSuccess');
+    if (h) triggerHaptic(h);
+  }, [haptic]);
+  const reset = useCallback(() => {
+    setConfirmed(false);
+    x.value = withSpring(0, {
+      damping: 18,
+      stiffness: 160,
+      mass: 1
+    });
+  }, [x]);
+  const handleConfirm = useCallback(() => {
+    setConfirmed(true);
+    fireHaptic();
+    onConfirm();
+    if (resetAfter !== false) {
+      if (resetTimer.current) clearTimeout(resetTimer.current);
+      resetTimer.current = setTimeout(reset, resetAfter);
+    }
+  }, [fireHaptic, onConfirm, resetAfter, reset]);
+  React.useEffect(() => () => {
+    cancelAnimation(x);
+    if (resetTimer.current) clearTimeout(resetTimer.current);
+  }, [x]);
+  const onLayout = useCallback(e => {
+    maxX.value = Math.max(0, e.nativeEvent.layout.width - handleSize - sizeCfg.pad * 2);
+  }, [maxX, handleSize, sizeCfg.pad]);
+  const pan = useMemo(() => {
+    const thresholdFrac = threshold;
+    const springCfg = {
+      damping: 18,
+      stiffness: 160,
+      mass: 1
+    };
+    const timingCfg = {
+      duration: theme.motion.duration.fast,
+      easing: Easing.out(Easing.cubic)
+    };
+    return Gesture.Pan().enabled(!disabled && !confirmed).minDistance(0).onStart(() => {
+      'worklet';
+
+      dragStart.value = x.value;
+    }).onUpdate(event => {
+      'worklet';
+
+      x.value = Math.min(Math.max(dragStart.value + event.translationX, 0), maxX.value);
+    }).onEnd(() => {
+      'worklet';
+
+      if (maxX.value > 0 && x.value >= maxX.value * thresholdFrac) {
+        x.value = withTiming(maxX.value, timingCfg);
+        runOnJS(handleConfirm)();
+      } else {
+        x.value = withSpring(0, springCfg);
+      }
+    });
+  }, [disabled, confirmed, threshold, x, maxX, dragStart, handleConfirm, theme.motion.duration.fast]);
+  const handleAnim = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: x.value
+    }]
+  }));
+  const fillAnim = useAnimatedStyle(() => ({
+    width: x.value + handleSize + sizeCfg.pad
+  }));
+  const labelAnim = useAnimatedStyle(() => {
+    const max = maxX.value > 0 ? maxX.value : 1;
+    return {
+      opacity: Math.max(0, 1 - x.value / (max * 0.6))
+    };
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [styles.track, {
+      backgroundColor: theme.colors.background.secondary
+    }, trackStyle, style],
+    onLayout: onLayout,
+    testID: testID,
+    accessibilityRole: "adjustable",
+    accessibilityLabel: confirmed ? confirmedLabel : label,
+    accessibilityState: {
+      disabled
+    },
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.fill, {
+        backgroundColor: toneColor,
+        opacity: disabled ? 0.5 : 1
+      }, fillAnim],
+      pointerEvents: "none"
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.labelWrap, labelAnim],
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: theme.colors.text.secondary,
+          fontSize: theme.typography.fontSize.base
+        }, labelStyle],
+        numberOfLines: 1,
+        children: confirmed ? confirmedLabel : label
+      })
+    }), /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.handle, {
+          width: handleSize,
+          height: handleSize,
+          borderRadius: handleSize / 2,
+          backgroundColor: theme.colors.background.elevated,
+          opacity: disabled ? 0.5 : 1,
+          ...theme.shadows.sm
+        }, handleStyle, handleAnim],
+        children: icon ?? /*#__PURE__*/_jsx(Chevron, {
+          color: toneColor,
+          size: handleSize * 0.5
+        })
+      })
+    })]
+  });
+});
+SlideToConfirm.displayName = 'SlideToConfirm';
+const buildStyles = (theme, sizeCfg) => StyleSheet.create({
+  track: {
+    height: sizeCfg.height,
+    borderRadius: sizeCfg.height / 2,
+    justifyContent: 'center',
+    overflow: 'hidden',
+    padding: sizeCfg.pad
+  },
+  fill: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    bottom: 0,
+    borderRadius: sizeCfg.height / 2
+  },
+  labelWrap: {
+    position: 'absolute',
+    left: sizeCfg.height,
+    right: sizeCfg.height
+  },
+  label: {
+    textAlign: 'center',
+    includeFontPadding: false
+  },
+  handle: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export { SlideToConfirm };
+export default SlideToConfirm;
+//# sourceMappingURL=SlideToConfirm.js.map

package/lib/module/components/SlideToConfirm/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SlideToConfirm } from "./SlideToConfirm.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js

@@ -2,12 +2,14 @@
 
 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";
@@ -16,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";
@@ -42,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/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/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/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

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

@@ -2,6 +2,8 @@ export { Accordion, AccordionGroup } from './Accordion';
 export type { AccordionProps, AccordionGroupProps, AccordionVariant } from './Accordion';
 export { AnimatePresence } from './AnimatePresence';
 export type { AnimatePresenceProps, PresencePreset } from './AnimatePresence';
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps } from './Autocomplete';
 export { Avatar, AvatarGroup } from './Avatar';
 export type { AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarGroupProps, AvatarGroupSpacing, AvatarGroupOverflowVariant } from './Avatar';
 export { Badge } from './Badge';
@@ -14,6 +16,8 @@ export { BottomSheet, useBottomSheet } from './BottomSheet';
 export type { BottomSheetContextValue, BottomSheetProps, BottomSheetRef } from './BottomSheet';
 export { Button } from './Button';
 export type { ButtonProps, ButtonVariant, ButtonTone, ButtonSize } from './Button';
+export { IconButton } from './IconButton';
+export type { IconButtonProps, IconButtonTone, IconButtonVariant, IconButtonSize, IconButtonShape } from './IconButton';
 export { Box, Stack, Row, Spacer } from './Box';
 export type { BoxProps, StackProps, RowProps, SpacerProps } from './Box';
 export { Text } from './Text';
@@ -30,6 +34,8 @@ export { Checkbox } from './Checkbox';
 export type { CheckboxProps, CheckboxSize, CheckboxTone } from './Checkbox';
 export { Chip } from './Chip';
 export type { ChipProps, ChipSize, ChipTone, ChipVariant } from './Chip';
+export { Confetti } from './Confetti';
+export type { ConfettiProps, ConfettiHandle, ConfettiMode, ConfettiOrigin } from './Confetti';
 export { DatePicker } from './DatePicker';
 export type { DatePickerProps, DatePickerMode } from './DatePicker';
 export { DateRangePicker } from './DateRangePicker';
@@ -67,7 +73,7 @@ export type { OTPInputProps, OTPInputRef, OTPInputSize } from './OTPInput';
 export { PickerTrigger } from './PickerTrigger';
 export type { PickerTriggerProps, PickerTriggerSize, PickerTriggerVariant } from './PickerTrigger';
 export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProps, ProgressBarTone } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarTone, ProgressBarSegment } from './ProgressBar';
 export { Radio, RadioGroup } from './Radio';
 export type { RadioProps, RadioGroupProps, RadioSize, RadioTone } from './Radio';
 export { Rating } from './Rating';
@@ -82,6 +88,8 @@ export { Stepper } from './Stepper';
 export type { StepperProps, StepperVariant, StepperStep, StepperTone } from './Stepper';
 export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from './Skeleton';
 export type { SkeletonCircleProps, SkeletonClockProviderProps, SkeletonClockValue, SkeletonColors, SkeletonContentProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonRadius, SkeletonShape, SkeletonSkipProps, SkeletonSpeed, SkeletonStaticOf, SkeletonTextProps, SkeletonVariant, SkeletonWidth } from './Skeleton';
+export { SlideToConfirm } from './SlideToConfirm';
+export type { SlideToConfirmProps, SlideToConfirmTone, SlideToConfirmSize } from './SlideToConfirm';
 export { Slider } from './Slider';
 export type { SliderProps, SliderTone, SliderSize } from './Slider';
 export { Swipeable } from './Swipeable';

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

@@ -2,7 +2,6 @@ import { Animated } from 'react-native';
 export interface UsePressAnimationOptions {
     scaleTo?: number;
     pressDuration?: number;
-    releaseDuration?: number;
     enabled?: boolean;
 }
 export interface UsePressAnimationResult {
@@ -10,5 +9,5 @@ export interface UsePressAnimationResult {
     pressIn: () => void;
     pressOut: () => void;
 }
-export declare const usePressAnimation: ({ scaleTo, pressDuration, releaseDuration, enabled }?: UsePressAnimationOptions) => UsePressAnimationResult;
+export declare const usePressAnimation: ({ scaleTo, pressDuration, enabled }?: UsePressAnimationOptions) => UsePressAnimationResult;
 //# sourceMappingURL=usePressAnimation.d.ts.map

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