@umituz/react-native-design-system 4.28.6 → 4.28.8

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

@@ -1,22 +0,0 @@
-/**
- * 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

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

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

@@ -1,46 +0,0 @@
-/**
- * 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

@@ -1,75 +0,0 @@
-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

@@ -1,59 +0,0 @@
-/**
- * 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

@@ -1,32 +0,0 @@
-/**
- * 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

@@ -1,43 +0,0 @@
-/**
- * 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

@@ -1,73 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * @deprecated This icon system is deprecated. Use @umituz/react-native-icons instead.
- *
- * **Migration Guide:**
- * ```tsx
- * // Old way (deprecated)
- * import { AtomicIcon } from '@umituz/react-native-design-system/atoms';
- * <AtomicIcon name="User" size={24} color="text" />
- *
- * // New way (recommended)
- * import { Icon } from '@umituz/react-native-icons';
- * <Icon name="User" size={24} color="text" />
- * ```
- *
- * **Benefits of @umituz/react-native-icons:**
- * - ✅ Package-agnostic (works with Lucide, Expo, or custom providers)
- * - ✅ Lazy loading (only configured provider is loaded)
- * - ✅ Automatic name normalization (kebab ↔ PascalCase ↔ camelCase)
- * - ✅ Better performance with caching
- * - ✅ Zero configuration needed in DesignSystemProvider
- *
- * This module is kept for backward compatibility only and will be removed in a future version.
- */
-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

@@ -1,40 +0,0 @@
-/**
- * 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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { type StyleProp, type ImageStyle, ImageSourcePropType } from 'react-native';
-/**
- * Image source type compatible with both React Native and expo-image
- * Supports: require() assets, URI strings, and image source objects
- */
-export type ImageSource = ImageSourcePropType;
-export type AtomicImageProps = {
-    source?: ImageSource;
-    style?: StyleProp<ImageStyle>;
-    rounded?: boolean;
-    contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
-    cachePolicy?: 'none' | 'disk' | 'memory' | 'memory-disk';
-};
-export declare const AtomicImage: React.FC<AtomicImageProps>;

package/dist/atoms/index.d.ts

@@ -1,31 +0,0 @@
-/**
- * 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

@@ -1,12 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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 {};

package/dist/atoms/input/styles/inputStyles.d.ts

@@ -1,15 +0,0 @@
-/**
- * AtomicInput Styles
- * StyleSheet for AtomicInput component
- */
-export declare const inputStyles: {
-    container: {
-        flexDirection: "row";
-        alignItems: "center";
-    };
-    input: {
-        flex: number;
-        margin: number;
-        padding: number;
-    };
-};

package/dist/atoms/input/styles/inputStylesHelper.d.ts

@@ -1,48 +0,0 @@
-/**
- * Input Styles Helper
- *
- * Helper functions for AtomicInput component styling.
- * Extracted from AtomicInput for better separation of concerns.
- */
-import { ViewStyle } from 'react-native';
-import { useAppDesignTokens } from '../../../theme';
-import type { AtomicInputVariant, AtomicInputSize } from '../../input/types';
-interface GetVariantStyleParams {
-    variant: AtomicInputVariant;
-    isFocused: boolean;
-    hasError: boolean;
-    hasSuccess: boolean;
-    isDisabled: boolean;
-    tokens: ReturnType<typeof useAppDesignTokens>;
-}
-interface GetSizeConfigParams {
-    size: AtomicInputSize;
-    tokens: ReturnType<typeof useAppDesignTokens>;
-}
-export declare const getSizeConfig: ({ size, tokens }: GetSizeConfigParams) => {
-    paddingVertical: number;
-    paddingHorizontal: number;
-    fontSize: number;
-    iconSize: number;
-    minHeight: number;
-} | {
-    paddingVertical: number;
-    paddingHorizontal: number;
-    fontSize: number;
-    iconSize: number;
-    minHeight: number;
-} | {
-    paddingVertical: number;
-    paddingHorizontal: number;
-    fontSize: number;
-    iconSize: number;
-    minHeight: number;
-};
-export declare const getVariantStyle: ({ variant, isFocused, hasError, hasSuccess, isDisabled, tokens, }: GetVariantStyleParams) => ViewStyle;
-export declare const getTextColor: ({ isDisabled, hasError, hasSuccess, tokens, }: {
-    isDisabled: boolean;
-    hasError: boolean;
-    hasSuccess: boolean;
-    tokens: ReturnType<typeof useAppDesignTokens>;
-}) => string;
-export {};

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

@@ -1,71 +0,0 @@
-import type { StyleProp, TextInputProps } from 'react-native';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { IconName } from '../icon';
-export type AtomicInputVariant = 'outlined' | 'filled' | 'flat';
-export type AtomicInputState = 'default' | 'error' | 'success' | 'disabled';
-export type AtomicInputSize = 'sm' | 'md' | 'lg';
-export interface AtomicInputProps {
-    /** Input label */
-    label?: string;
-    /** Current input value */
-    value?: string;
-    /** Value change callback */
-    onChangeText?: (text: string) => void;
-    /** Input variant (outlined, filled, flat) */
-    variant?: AtomicInputVariant;
-    /** Input state (default, error, success, disabled) */
-    state?: AtomicInputState;
-    /** Input size (sm, md, lg) */
-    size?: AtomicInputSize;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Helper text below input */
-    helperText?: string;
-    /** Leading icon (Ionicons name) */
-    leadingIcon?: IconName;
-    /** Trailing icon (Ionicons name) */
-    trailingIcon?: IconName;
-    /** Callback when trailing icon is pressed */
-    onTrailingIconPress?: () => void;
-    /** Show password toggle for secure inputs */
-    showPasswordToggle?: boolean;
-    /** Secure text entry (password field) */
-    secureTextEntry?: boolean;
-    /** Maximum character length */
-    maxLength?: number;
-    /** Show character counter */
-    showCharacterCount?: boolean;
-    /** Keyboard type */
-    keyboardType?: 'default' | 'email-address' | 'numeric' | 'phone-pad' | 'url' | 'number-pad' | 'decimal-pad' | 'web-search' | 'twitter' | 'numeric' | 'visible-password';
-    /** Return key type */
-    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
-    /** Callback when submit button is pressed */
-    onSubmitEditing?: () => void;
-    /** Blur on submit */
-    blurOnSubmit?: boolean;
-    /** Auto-capitalize */
-    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
-    /** Auto-correct */
-    autoCorrect?: boolean;
-    /** Auto-complete (Android/Web) */
-    autoComplete?: TextInputProps['autoComplete'];
-    /** Disabled state */
-    disabled?: boolean;
-    /** Container style */
-    style?: StyleProp<ViewStyle>;
-    /** Input text style */
-    inputStyle?: StyleProp<TextStyle>;
-    /** Test ID for E2E testing */
-    testID?: string;
-    /** Blur callback */
-    onBlur?: () => void;
-    /** Focus callback */
-    onFocus?: () => void;
-    /** Multiline input support */
-    multiline?: boolean;
-    /** Number of lines for multiline input */
-    numberOfLines?: number;
-    /** iOS text content type for AutoFill */
-    textContentType?: TextInputProps['textContentType'];
-}
-export type { AtomicInputProps as InputProps };