@umituz/react-native-design-system 4.25.98 → 4.25.100

package/dist/atoms/chip/AtomicChip.d.ts

@@ -0,0 +1,8 @@
+/**
+ * AtomicChip Component
+ * Refactored: Extracted configs, styles, and types
+ */
+import React from 'react';
+import type { AtomicChipProps } from './types';
+export declare const AtomicChip: React.FC<AtomicChipProps>;
+export type { AtomicChipProps, ChipVariant, ChipSize, ChipColor } from './types';

package/dist/atoms/chip/configs/chipColorConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Chip Color Configuration
+ */
+import type { DesignTokens } from '../../../theme';
+import type { ChipColor, ChipVariant, ChipColorConfig } from '../types';
+export declare const getChipColorConfig: (color: ChipColor, variant: ChipVariant, tokens: DesignTokens) => ChipColorConfig;

package/dist/atoms/chip/configs/chipSizeConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Chip Size Configuration
+ */
+import type { DesignTokens } from '../../../theme';
+import type { ChipSize, ChipSizeConfig } from '../types';
+export declare const getChipSizeConfig: (size: ChipSize, tokens: DesignTokens) => ChipSizeConfig;

package/dist/atoms/chip/styles/chipStyles.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Chip Styles
+ */
+import type { DesignTokens } from '../../../theme';
+import type { ChipVariant } from '../types';
+export declare const getChipBorderStyle: (variant: ChipVariant, tokens: DesignTokens) => {
+    borderWidth: number;
+    borderRadius: number;
+};
+export declare const getChipSelectedStyle: (selected: boolean, tokens: DesignTokens) => {
+    borderWidth?: undefined;
+    borderColor?: undefined;
+} | {
+    borderWidth: number;
+    borderColor: string;
+};

package/dist/atoms/chip/types/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * AtomicChip Type Definitions
+ */
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconSize } from '../../icon';
+export type ChipVariant = 'filled' | 'outlined' | 'soft';
+export type ChipSize = 'sm' | 'md' | 'lg';
+export type ChipColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export interface AtomicChipProps {
+    readonly children: React.ReactNode;
+    readonly variant?: ChipVariant;
+    readonly size?: ChipSize;
+    readonly color?: ChipColor;
+    readonly backgroundColor?: string;
+    readonly textColor?: string;
+    readonly borderColor?: string;
+    readonly leadingIcon?: string;
+    readonly trailingIcon?: string;
+    readonly clickable?: boolean;
+    readonly onPress?: () => void;
+    readonly selected?: boolean;
+    readonly disabled?: boolean;
+    readonly style?: StyleProp<ViewStyle>;
+    readonly testID?: string;
+    readonly activeOpacity?: number;
+}
+export interface ChipSizeConfig {
+    readonly paddingHorizontal: number;
+    readonly paddingVertical: number;
+    readonly fontSize: number;
+    readonly iconSize: IconSize;
+}
+export interface ChipColorConfig {
+    readonly bg: string | undefined;
+    readonly text: string;
+    readonly border: string | undefined;
+}

package/dist/atoms/datepicker/components/DatePickerButton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * DatePickerButton Component
+ *
+ * Button component that triggers the date picker modal.
+ * Extracted from AtomicDatePicker for better separation of concerns.
+ */
+import React from 'react';
+interface DatePickerButtonProps {
+    onPress: () => void;
+    disabled?: boolean;
+    displayText: string;
+    hasValue: boolean;
+    error?: boolean;
+    testID?: string;
+}
+export declare const DatePickerButton: React.FC<DatePickerButtonProps>;
+export {};

package/dist/atoms/datepicker/components/DatePickerModal.d.ts

@@ -0,0 +1,33 @@
+/**
+ * DatePickerModal Component
+ *
+ * Modal component for iOS date picker with proper styling and behavior.
+ * Uses lazy-loaded @react-native-community/datetimepicker (optional peer dependency).
+ */
+import React from 'react';
+type DateTimePickerEvent = {
+    type: 'set' | 'dismissed' | 'neutralButtonPressed';
+    nativeEvent: {
+        timestamp: number;
+        utcOffset: number;
+    };
+};
+interface DatePickerModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onDateChange: (event: DateTimePickerEvent, date?: Date) => void;
+    currentDate: Date;
+    mode?: 'date' | 'time' | 'datetime';
+    minimumDate?: Date;
+    maximumDate?: Date;
+    overlayOpacity?: number;
+    titleText?: {
+        date?: string;
+        time?: string;
+        datetime?: string;
+    };
+    doneButtonText?: string;
+    testID?: string;
+}
+export declare const DatePickerModal: React.FC<DatePickerModalProps>;
+export {};

package/dist/atoms/datepicker/hooks/useDatePickerText.d.ts

@@ -0,0 +1,16 @@
+/**
+ * useDatePickerText Hook
+ * Handles date formatting and display text for date picker
+ */
+import type { DatepickerMode } from '../types';
+interface UseDatePickerTextProps {
+    value: Date | null;
+    placeholder: string;
+    mode: DatepickerMode;
+}
+interface UseDatePickerTextResult {
+    displayText: string;
+    formatDate: (date: Date) => string;
+}
+export declare const useDatePickerText: ({ value, placeholder, mode, }: UseDatePickerTextProps) => UseDatePickerTextResult;
+export {};

package/dist/atoms/datepicker/styles/datePickerStyles.d.ts

@@ -0,0 +1,22 @@
+/**
+ * DatePicker Styles
+ * StyleSheet generator for AtomicDatePicker component
+ */
+import type { DesignTokens } from '../../../theme';
+export declare const getDatePickerStyles: (tokens: DesignTokens) => {
+    container: {
+        marginBottom: number;
+    };
+    label: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        marginBottom: number;
+    };
+    errorText: {
+        fontSize: number;
+        color: string;
+        marginTop: number;
+        marginLeft: number;
+    };
+};

package/dist/atoms/datepicker/types.d.ts

@@ -0,0 +1,5 @@
+export type DatepickerMode = 'date' | 'time' | 'datetime';
+export interface DatePickerBaseProps {
+    testID?: string;
+    disabled?: boolean;
+}

package/dist/atoms/fab/styles/fabStyles.d.ts

@@ -0,0 +1,46 @@
+/**
+ * FAB (Floating Action Button) Styles
+ *
+ * Material Design 3 compliant FAB sizing and styling
+ * Used by AtomicFab component
+ */
+import type { ViewStyle } from 'react-native';
+import type { FabSizeConfig, FabVariantConfig } from '../types';
+/**
+ * FAB size configurations based on Material Design 3
+ * - sm: Small FAB (40x40)
+ * - md: Regular FAB (56x56) - Default
+ * - lg: Large FAB (72x72)
+ */
+export declare const FAB_SIZES: Record<'sm' | 'md' | 'lg', FabSizeConfig>;
+/**
+ * Get FAB variant configurations based on design tokens
+ * @param tokens - Design tokens from theme
+ * @returns Variant configurations for primary, secondary, and surface
+ */
+export declare function getFabVariants(tokens: {
+    colors: {
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        surface: string;
+        onSurface: string;
+    };
+}): Record<'primary' | 'secondary' | 'surface', FabVariantConfig>;
+/**
+ * Get icon size based on FAB size
+ * @param size - FAB size variant
+ * @returns Icon size in pixels
+ */
+export declare function getFabIconSize(size: 'sm' | 'md' | 'lg'): number;
+/**
+ * Get FAB border style for depth (no shadows per CLAUDE.md)
+ * @param tokens - Design tokens from theme
+ * @returns Border style object
+ */
+export declare function getFabBorder(tokens: {
+    colors: {
+        border: string;
+    };
+}): ViewStyle;

package/dist/atoms/fab/types.d.ts

@@ -0,0 +1,75 @@
+import { StyleProp, ViewStyle } from 'react-native';
+/**
+ * FAB (Floating Action Button) size variants
+ * Based on Material Design 3 standards
+ */
+export type FabSize = 'sm' | 'md' | 'lg';
+/**
+ * FAB variant types
+ * - primary: Main action (uses primary color)
+ * - secondary: Secondary action (uses secondary color)
+ * - surface: Neutral action (uses surface color with border)
+ */
+export type FabVariant = 'primary' | 'secondary' | 'surface';
+/**
+ * FAB configuration for variant styling
+ */
+export interface FabVariantConfig {
+    backgroundColor: string;
+    iconColor: string;
+}
+/**
+ * FAB configuration for size styling
+ */
+export interface FabSizeConfig {
+    width: number;
+    height: number;
+    borderRadius: number;
+}
+/**
+ * AtomicFab component props
+ */
+export interface AtomicFabProps {
+    /**
+     * Icon name to display (required)
+     * Any MaterialIcons name (see https://fonts.google.com/icons)
+     * Examples: 'add', 'edit', 'camera', etc.
+     */
+    icon: string;
+    /**
+     * Callback when FAB is pressed
+     */
+    onPress: () => void;
+    /**
+     * Visual variant of the FAB
+     * @default 'primary'
+     */
+    variant?: FabVariant;
+    /**
+     * Size of the FAB
+     * @default 'md'
+     */
+    size?: FabSize;
+    /**
+     * Whether the FAB is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom style for the FAB container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * Accessibility label
+     */
+    accessibilityLabel?: string;
+    /**
+     * Active opacity for touch feedback
+     * @default 0.7
+     */
+    activeOpacity?: number;
+}

package/dist/atoms/icon/AtomicIcon.d.ts

@@ -0,0 +1,59 @@
+/**
+ * AtomicIcon - Agnostic Icon Component
+ *
+ * This component is completely icon-library agnostic.
+ * Apps MUST provide their own icon renderer via DesignSystemProvider.
+ *
+ * @example
+ * // In your app, provide an icon renderer:
+ * import { MaterialIcons } from '@expo/vector-icons';
+ *
+ * <DesignSystemProvider
+ *   iconRenderer={({ name, size, color }) => (
+ *     <MaterialIcons name={name} size={size} color={color} />
+ *   )}
+ * >
+ *   <App />
+ * </DesignSystemProvider>
+ *
+ * // Then use AtomicIcon anywhere:
+ * <AtomicIcon name="favorite" size="md" color="primary" />
+ */
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { type IconSize as BaseIconSize, type IconColor } from './AtomicIcon.types';
+export type IconSize = BaseIconSize;
+export type IconName = string;
+export type { IconColor };
+export interface AtomicIconProps {
+    /** Icon name - interpreted by the app's icon renderer */
+    name?: string;
+    /** Semantic size preset */
+    size?: IconSize;
+    /** Custom size in pixels (overrides size) */
+    customSize?: number;
+    /** Semantic color from theme */
+    color?: IconColor;
+    /** Custom color (overrides color) */
+    customColor?: string;
+    /** Custom SVG path for inline SVG icons */
+    svgPath?: string;
+    /** ViewBox for custom SVG (default: 0 0 24 24) */
+    svgViewBox?: string;
+    /** Add circular background */
+    withBackground?: boolean;
+    /** Background color */
+    backgroundColor?: string;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+    /** Accessibility role */
+    accessibilityRole?: import('react-native').AccessibilityRole;
+    /** Test ID */
+    testID?: string;
+    /** Additional styles */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Agnostic icon component - requires iconRenderer in DesignSystemProvider
+ */
+export declare const AtomicIcon: React.FC<AtomicIconProps>;

package/dist/atoms/icon/AtomicIcon.types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Icon Type Definitions
+ * Agnostic icon types - no dependency on any icon library
+ */
+/**
+ * Icon name - just a string, interpreted by app's icon renderer
+ */
+export type IconName = string;
+/**
+ * Semantic icon size presets
+ */
+export type IconSizePreset = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+/**
+ * Icon size - preset name or custom number in pixels
+ */
+export type IconSize = IconSizePreset | number;
+/**
+ * Semantic color names that map to theme tokens
+ */
+export type IconColor = "primary" | "secondary" | "success" | "warning" | "error" | "info" | "onSurface" | "surfaceVariant" | "onPrimary" | "onSecondary" | "textInverse" | "textPrimary" | "textSecondary" | "textTertiary" | "onSurfaceVariant";
+/**
+ * Icon size mapping to pixels
+ */
+export declare const ICON_SIZES: Record<IconSizePreset, number>;
+/**
+ * Get icon size in pixels
+ */
+export declare function getIconSize(size: IconSize): number;
+/**
+ * Check if size is a preset
+ */
+export declare function isIconSizePreset(size: IconSize): size is IconSizePreset;

package/dist/atoms/icon/components/iconRenderer.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Icon Renderer Components
+ * SVG rendering and background rendering logic
+ */
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import type { IconRenderProps } from '../iconStore';
+/**
+ * Renders an SVG icon from path data
+ *
+ * @param svgPath - SVG path string
+ * @param svgViewBox - SVG viewBox attribute
+ * @param size - Icon size in pixels
+ * @param color - Icon color
+ * @param testID - Test ID for testing
+ * @param accessibilityLabel - Accessibility label
+ * @returns SVG element
+ */
+export declare function renderSvgIcon(svgPath: string, svgViewBox: string, size: number, color: string, testID?: string, accessibilityLabel?: string, accessibilityRole?: import('react-native').AccessibilityRole): React.ReactElement;
+/**
+ * Renders an icon with a circular background
+ *
+ * @param iconElement - Icon element to wrap
+ * @param size - Icon size in pixels
+ * @param backgroundColor - Background color
+ * @param style - Additional styles
+ * @param testID - Test ID for testing
+ * @param accessibilityLabel - Accessibility label
+ * @returns Wrapped icon with background
+ */
+export declare function renderWithBackground(iconElement: React.ReactNode, size: number, backgroundColor: string, style?: StyleProp<ViewStyle>, testID?: string, accessibilityLabel?: string, accessibilityRole?: import('react-native').AccessibilityRole): React.ReactElement;
+/**
+ * Builds render props for custom icon renderer
+ *
+ * @param name - Icon name
+ * @param size - Icon size in pixels
+ * @param color - Icon color
+ * @param style - Additional styles
+ * @param testID - Test ID
+ * @param accessibilityLabel - Accessibility label
+ * @returns Icon render props
+ */
+export declare function buildIconRenderProps(name: string, size: number, color: string, style?: StyleProp<ViewStyle>, testID?: string, accessibilityLabel?: string, accessibilityRole?: import('react-native').AccessibilityRole): IconRenderProps;

package/dist/atoms/icon/iconStore.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Icon Store - Zustand-based icon configuration
+ *
+ * No defaults - all icon names come from the app.
+ * App sets iconNames and iconRenderer via DesignSystemProvider.
+ */
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Required icon names - app MUST provide all of these
+ */
+export interface IconNames {
+    close: string;
+    check: string;
+    checkCircle: string;
+    chevronLeft: string;
+    chevronRight: string;
+    chevronUp: string;
+    chevronDown: string;
+    arrowLeft: string;
+    arrowRight: string;
+    search: string;
+    closeCircle: string;
+    clock: string;
+    refresh: string;
+    alertCircle: string;
+    star: string;
+    starOutline: string;
+    wifi: string;
+    wifiOff: string;
+    info: string;
+    trash: string;
+    calendar: string;
+    swap: string;
+    colorFilter: string;
+    diamond: string;
+    award: string;
+}
+export declare const REQUIRED_ICON_KEYS: (keyof IconNames)[];
+/**
+ * Props passed to the icon renderer function
+ */
+export interface IconRenderProps {
+    name: string;
+    size: number;
+    color: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+    accessibilityRole?: import('react-native').AccessibilityRole;
+}
+export type IconRenderer = (props: IconRenderProps) => ReactNode;
+interface IconStore {
+    iconNames: IconNames | null;
+    iconRenderer: IconRenderer | null;
+    isConfigured: boolean;
+    setConfig: (iconNames: IconNames, iconRenderer: IconRenderer) => void;
+    reset: () => void;
+}
+export declare const useIconStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IconStore>>;
+/**
+ * Get icon renderer
+ */
+export declare const useIconRenderer: () => IconRenderer | null;
+/**
+ * Get specific icon name from app config
+ */
+export declare const useIconName: (key: keyof IconNames) => string;
+/**
+ * Check if icon system is configured
+ */
+export declare const useHasIconConfig: () => boolean;
+export {};

package/dist/atoms/icon/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Icon Module
+ *
+ * Zustand-based icon system.
+ * App provides iconNames and iconRenderer via DesignSystemProvider.
+ */
+export { AtomicIcon, type AtomicIconProps, type IconSize, type IconName, type IconColor, } from './AtomicIcon';
+export { useIconStore, useIconRenderer, useIconName, useHasIconConfig, type IconNames, type IconRenderer, type IconRenderProps, REQUIRED_ICON_KEYS, } from './iconStore';
+export { type IconSizePreset, ICON_SIZES, getIconSize, isIconSizePreset, } from './AtomicIcon.types';

package/dist/atoms/icon/utils/iconUtils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Icon Utility Functions
+ * Helper functions for icon color and size calculations
+ */
+import type { IconColor } from '../AtomicIcon.types';
+import type { DesignTokens } from '../../../theme/types/ThemeTypes';
+/**
+ * Maps semantic color names to actual color values from tokens
+ *
+ * @param color - Semantic color name
+ * @param tokens - Design tokens
+ * @returns Hex color string
+ */
+export declare function getSemanticColor(color: IconColor, tokens: DesignTokens): string;
+/**
+ * Calculates icon size in pixels
+ *
+ * @param size - Size preset or custom size value
+ * @param customSize - Custom size in pixels (overrides size)
+ * @param tokens - Design tokens
+ * @returns Size in pixels
+ */
+export declare function calculateIconSize(size: string | number, customSize: number | undefined, tokens: DesignTokens): number;
+/**
+ * Calculates icon color
+ *
+ * @param customColor - Custom color override
+ * @param semanticColor - Semantic color from theme
+ * @param tokens - Design tokens
+ * @returns Hex color string
+ */
+export declare function calculateIconColor(customColor: string | undefined, semanticColor: IconColor | undefined, tokens: DesignTokens): string;
+/**
+ * Calculates container size for icon with background
+ *
+ * @param iconSize - Icon size in pixels
+ * @param padding - Padding around icon (default: 16)
+ * @returns Container size
+ */
+export declare function calculateContainerSize(iconSize: number, padding?: number): number;

package/dist/atoms/image/AtomicImage.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type StyleProp, type ImageStyle } from 'react-native';
+export type AtomicImageProps = {
+    source?: any;
+    style?: StyleProp<ImageStyle>;
+    rounded?: boolean;
+    contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    cachePolicy?: 'none' | 'disk' | 'memory' | 'memory-disk';
+    [key: string]: any;
+};
+export declare const AtomicImage: React.FC<AtomicImageProps>;

package/dist/atoms/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Atoms - Primitive UI components
+ * Building blocks for molecules and organisms
+ */
+export { AtomicButton, } from './button/AtomicButton';
+export type { AtomicButtonProps, ButtonVariant, ButtonSize, } from './button/types';
+export { AtomicText, type AtomicTextProps } from './AtomicText';
+export { AtomicCard, } from './card/AtomicCard';
+export type { AtomicCardProps, CardVariant as AtomicCardVariant, CardPadding as AtomicCardPadding, } from './card/types';
+export { AtomicInput, } from './AtomicInput';
+export type { AtomicInputProps, AtomicInputVariant, AtomicInputState, AtomicInputSize, } from './input/types';
+export { AtomicIcon, type AtomicIconProps, type IconSize, type IconColor, type IconName, type IconRenderProps, useIconStore, useIconRenderer, useIconName, useHasIconConfig, type IconRenderer, type IconNames, REQUIRED_ICON_KEYS, type IconSizePreset, ICON_SIZES, getIconSize, isIconSizePreset, } from './icon/index';
+export { AtomicAvatar, type AtomicAvatarProps } from './AtomicAvatar';
+export { AtomicChip, } from './chip/AtomicChip';
+export type { AtomicChipProps, ChipVariant, ChipSize, ChipColor, } from './chip/types';
+export { AtomicProgress, type AtomicProgressProps } from './AtomicProgress';
+export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, } from './AtomicFab';
+export { AtomicPicker, type AtomicPickerProps, type PickerOption, type PickerSize, } from './AtomicPicker';
+export { AtomicDatePicker, type AtomicDatePickerProps } from './AtomicDatePicker';
+export { AtomicSkeleton, type AtomicSkeletonProps, } from './skeleton/AtomicSkeleton';
+export type { SkeletonPattern, SkeletonConfig, } from './skeleton/AtomicSkeleton.types';
+export { SKELETON_PATTERNS } from './skeleton/AtomicSkeleton.types';
+export { AtomicBadge, type AtomicBadgeProps, type BadgeVariant, type BadgeSize, } from './badge/AtomicBadge';
+export { AtomicSpinner, type AtomicSpinnerProps, type SpinnerSize, type SpinnerColor, } from './AtomicSpinner';
+export { EmptyState, type EmptyStateProps } from './EmptyState';
+export { AtomicTextArea, type AtomicTextAreaProps } from './AtomicTextArea';
+export { AtomicSwitch, type AtomicSwitchProps } from './AtomicSwitch';
+export { AtomicTouchable, type AtomicTouchableProps } from './AtomicTouchable';
+export { AtomicStatusBar, type AtomicStatusBarProps } from './status-bar/AtomicStatusBar';
+export { AtomicKeyboardAvoidingView, type AtomicKeyboardAvoidingViewProps } from './AtomicKeyboardAvoidingView';
+export { GlassView, type GlassViewProps } from './GlassView/GlassView';

package/dist/atoms/input/components/InputHelper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AtomicInputState } from '../../input/types';
+interface InputHelperProps {
+    helperText?: string;
+    showCharacterCount?: boolean;
+    characterCount?: number;
+    maxLength?: number;
+    state?: AtomicInputState;
+    testID?: string;
+}
+export declare const InputHelper: React.FC<InputHelperProps>;
+export {};

package/dist/atoms/input/components/InputIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface InputIconProps {
+    name: string;
+    size: number;
+    color: string;
+    position: 'leading' | 'trailing';
+    onPress?: () => void;
+    testID?: string;
+}
+export declare const InputIcon: React.FC<InputIconProps>;
+export {};

package/dist/atoms/input/components/InputLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { AtomicInputState } from '../../input/types';
+interface InputLabelProps {
+    label?: string;
+    state?: AtomicInputState;
+}
+export declare const InputLabel: React.FC<InputLabelProps>;
+export {};

package/dist/atoms/input/hooks/useInputState.d.ts

@@ -0,0 +1,18 @@
+interface UseInputStateProps {
+    value?: string;
+    onChangeText?: (text: string) => void;
+    secureTextEntry?: boolean;
+    maxLength?: number;
+}
+interface UseInputStateReturn {
+    localValue: string;
+    isFocused: boolean;
+    isPasswordVisible: boolean;
+    characterCount: number;
+    isAtMaxLength: boolean;
+    setIsFocused: (focused: boolean) => void;
+    handleTextChange: (text: string) => void;
+    togglePasswordVisibility: () => void;
+}
+export declare const useInputState: ({ value, onChangeText, secureTextEntry, maxLength, }?: UseInputStateProps) => UseInputStateReturn;
+export {};