50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T2756,import { cva, type VariantProps } from "class-variance-authority"; import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react"; import { type BlurEvent, type FocusEvent, Pressable, TextInput as RNTextInput, View, } from "react-native"; import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated"; import { useCSSVariable } from "uniwind"; import { cn } from "@/lib/utils"; import { Button, ButtonIcon, type ButtonProps, ButtonText, } from "@/components/ui/button"; // Constants const ANIMATION_DURATION = 120; // Types type InternalInputAddonButtonContextType = VariantProps< typeof inputAddonButtonVariants > & Pick; export type InputProps = Omit< React.ComponentPropsWithRef, "editable" > & { disabled?: boolean; }; export type InputGroupProps = React.ComponentProps & Pick< React.ComponentProps, | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "accessibilityRole" | "accessibilityState" | "accessibilityLabel" | "accessibilityHint" | "accessible" | "hitSlop" | "testID" | "delayLongPress" > & { disabled?: boolean; invalid?: boolean; focused?: boolean; inputFocused?: boolean; }; export type InputAddonProps = React.ComponentProps & VariantProps & { children: React.ReactNode; }; export type InputAddonChild = | React.ReactElement | null | false; export type InputAddonChildren = InputAddonChild | InputAddonChild[]; type InputAddonIconProps = { children: React.ReactNode; className?: string; }; type InputAddonButtonProps = Omit, "size"> & VariantProps; type UseInputFocusStateProps = { onFocus?: (e: FocusEvent) => void; onBlur?: (e: BlurEvent) => void; }; // Context const InputAddonButtonContext = createContext(null); const useInputAddonButtonContext = () => { const context = useContext(InputAddonButtonContext); if (!context) { throw new Error( "useInputAddonButtonContext must be used within a Button component" ); } return context; }; // Components export const Input = ({ className, disabled, ...props }: InputProps) => { return ( ); }; export const InputGroup = ({ children, disabled, invalid, focused, inputFocused = false, onPress, onPressIn, onPressOut, onLongPress, accessibilityRole, accessibilityState, accessibilityLabel, accessibilityHint, accessible, hitSlop, testID, delayLongPress, className, style, ...props }: InputGroupProps) => { const [inputColor, ringColor, destructiveColor] = useCSSVariable([ "--color-input", "--color-ring", "--color-destructive", ]) as [string, string, string]; const outlineWidth = useSharedValue(1); const outlineColorProgress = useSharedValue(0); useEffect(() => { if (invalid) { outlineWidth.value = withTiming(2, { duration: ANIMATION_DURATION }); outlineColorProgress.value = withTiming(2, { duration: ANIMATION_DURATION, }); } else if (focused) { outlineWidth.value = withTiming(2, { duration: ANIMATION_DURATION }); outlineColorProgress.value = withTiming(1, { duration: ANIMATION_DURATION, }); } else { outlineWidth.value = withTiming(1, { duration: ANIMATION_DURATION }); outlineColorProgress.value = withTiming(0, { duration: ANIMATION_DURATION, }); } }, [focused, invalid, outlineWidth, outlineColorProgress]); const animatedStyle = useAnimatedStyle(() => { const color = interpolateColor( outlineColorProgress.value, [0, 1, 2], [inputColor, ringColor, destructiveColor] ); return { outlineColor: color, outlineWidth: outlineWidth.value, }; }); const isPressable = Boolean( onPress ?? onPressIn ?? onPressOut ?? onLongPress ); return ( {children} {isPressable ? ( ) : null} ); }; export const InputAddon = ({ align, className, ...props }: InputAddonProps) => { return ( ); }; export const InputAddonIcon = ({ children, ...props }: InputAddonIconProps): React.ReactElement | null => { const child = Children.only(children); if (!child) { if (__DEV__) { throw new Error( "InputAddonIcon expects a single React element as children" ); } return null; } return cloneElement( child as React.ReactElement<{ className?: string; pointerEvents?: "none" }>, { ...props, className: cn("size-6 text-muted-foreground", props.className), pointerEvents: "none", } ); }; export const InputAddonButton = ({ className, variant = "ghost", size = "sm", disabled, busy, ...props }: InputAddonButtonProps) => { const ctx = useMemo(() => ({ size, variant }), [size, variant]); return (