@umituz/react-native-design-system 1.3.1 → 1.3.2

package/lib/presentation/atoms/AtomicInput.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { AtomicIconName } from './AtomicIcon';
+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 (Lucide icon name) */
+    leadingIcon?: AtomicIconName;
+    /** Trailing icon (Lucide icon name) */
+    trailingIcon?: AtomicIconName;
+    /** 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';
+    /** Auto-capitalize */
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    /** Auto-correct */
+    autoCorrect?: boolean;
+    /** 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;
+}
+/**
+ * AtomicInput - Pure React Native Text Input
+ *
+ * Features:
+ * - Pure React Native implementation (no Paper dependency)
+ * - Lucide icons for password toggle and custom icons
+ * - Outlined/filled/flat variants
+ * - Error, success, disabled states
+ * - Character counter
+ * - Responsive sizing
+ * - Full accessibility support
+ */
+export declare const AtomicInput: React.FC<AtomicInputProps>;
+export type { AtomicInputProps as InputProps };
+//# sourceMappingURL=AtomicInput.d.ts.map

package/lib/presentation/atoms/AtomicInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicInput.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA0C,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIvG,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,cAAc,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,sDAAsD;IACtD,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,uCAAuC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB;IACpB,YAAY,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,KAAK,GAAG,YAAY,GAAG,aAAa,CAAC;IAC5G,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uBAAuB;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAC;AAoCF,YAAY,EAAE,gBAAgB,IAAI,UAAU,EAAE,CAAC"}

package/lib/presentation/atoms/AtomicInput.js

@@ -0,0 +1,196 @@
+import React, { useState } from 'react';
+import { View, TextInput, Pressable, StyleSheet } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { AtomicIcon } from './AtomicIcon';
+import { AtomicText } from './AtomicText';
+/**
+ * AtomicInput - Pure React Native Text Input
+ *
+ * Features:
+ * - Pure React Native implementation (no Paper dependency)
+ * - Lucide icons for password toggle and custom icons
+ * - Outlined/filled/flat variants
+ * - Error, success, disabled states
+ * - Character counter
+ * - Responsive sizing
+ * - Full accessibility support
+ */
+export const AtomicInput = ({ variant = 'outlined', state = 'default', size = 'md', label, value = '', onChangeText, placeholder, helperText, leadingIcon, trailingIcon, onTrailingIconPress, showPasswordToggle = false, secureTextEntry = false, maxLength, showCharacterCount = false, keyboardType = 'default', autoCapitalize = 'sentences', autoCorrect = true, disabled = false, style, inputStyle, testID, onBlur, onFocus, }) => {
+    const tokens = useAppDesignTokens();
+    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const isDisabled = state === 'disabled' || disabled;
+    const characterCount = value?.toString().length || 0;
+    const hasError = state === 'error';
+    const hasSuccess = state === 'success';
+    // Size configuration
+    const sizeConfig = {
+        sm: {
+            paddingVertical: tokens.spacing.xs,
+            paddingHorizontal: tokens.spacing.sm,
+            fontSize: tokens.typography.bodySmall.fontSize,
+            iconSize: 16,
+            minHeight: 40,
+        },
+        md: {
+            paddingVertical: tokens.spacing.sm,
+            paddingHorizontal: tokens.spacing.md,
+            fontSize: tokens.typography.bodyMedium.fontSize,
+            iconSize: 20,
+            minHeight: 48,
+        },
+        lg: {
+            paddingVertical: tokens.spacing.md,
+            paddingHorizontal: tokens.spacing.lg,
+            fontSize: tokens.typography.bodyLarge.fontSize,
+            iconSize: 24,
+            minHeight: 56,
+        },
+    };
+    const config = sizeConfig[size];
+    // Get variant styles
+    const getVariantStyle = () => {
+        const baseStyle = {
+            backgroundColor: tokens.colors.surface,
+            borderRadius: tokens.borders.radius.md,
+        };
+        let borderColor = tokens.colors.border;
+        if (isFocused)
+            borderColor = tokens.colors.primary;
+        if (hasError)
+            borderColor = tokens.colors.error;
+        if (hasSuccess)
+            borderColor = tokens.colors.success;
+        if (isDisabled)
+            borderColor = tokens.colors.borderDisabled;
+        switch (variant) {
+            case 'outlined':
+                return {
+                    ...baseStyle,
+                    borderWidth: isFocused ? 2 : 1,
+                    borderColor,
+                };
+            case 'filled':
+                return {
+                    ...baseStyle,
+                    backgroundColor: tokens.colors.surfaceSecondary,
+                    borderWidth: 0,
+                    borderBottomWidth: isFocused ? 2 : 1,
+                    borderBottomColor: borderColor,
+                };
+            case 'flat':
+                return {
+                    ...baseStyle,
+                    backgroundColor: 'transparent',
+                    borderWidth: 0,
+                    borderBottomWidth: 1,
+                    borderBottomColor: borderColor,
+                    borderRadius: 0,
+                };
+            default:
+                return baseStyle;
+        }
+    };
+    // Get text color based on state
+    const getTextColor = () => {
+        if (isDisabled)
+            return tokens.colors.textDisabled;
+        if (hasError)
+            return tokens.colors.error;
+        if (hasSuccess)
+            return tokens.colors.success;
+        return tokens.colors.textPrimary;
+    };
+    const iconColor = isDisabled ? tokens.colors.textDisabled : tokens.colors.textSecondary;
+    const containerStyle = [
+        styles.container,
+        getVariantStyle(),
+        {
+            paddingVertical: config.paddingVertical,
+            paddingHorizontal: config.paddingHorizontal,
+            minHeight: config.minHeight,
+            opacity: isDisabled ? 0.5 : 1,
+        },
+        style,
+    ];
+    const textInputStyle = [
+        styles.input,
+        {
+            fontSize: config.fontSize,
+            color: getTextColor(),
+        },
+        leadingIcon ? { paddingLeft: config.iconSize + 8 } : undefined,
+        (trailingIcon || showPasswordToggle) ? { paddingRight: config.iconSize + 8 } : undefined,
+        inputStyle,
+    ];
+    return (<View testID={testID}>
+      {label && (<AtomicText type="labelMedium" color={hasError ? 'error' : hasSuccess ? 'success' : 'secondary'} style={styles.label}>
+          {label}
+        </AtomicText>)}
+
+      <View style={containerStyle}>
+        {leadingIcon && (<View style={styles.leadingIcon}>
+            <AtomicIcon name={leadingIcon} customSize={config.iconSize} customColor={iconColor}/>
+          </View>)}
+
+        <TextInput value={value} onChangeText={onChangeText} placeholder={placeholder} placeholderTextColor={tokens.colors.textSecondary} secureTextEntry={secureTextEntry && !isPasswordVisible} maxLength={maxLength} keyboardType={keyboardType} autoCapitalize={autoCapitalize} autoCorrect={autoCorrect} editable={!isDisabled} style={textInputStyle} onBlur={() => {
+            setIsFocused(false);
+            onBlur?.();
+        }} onFocus={() => {
+            setIsFocused(true);
+            onFocus?.();
+        }} testID={testID ? `${testID}-input` : undefined}/>
+
+        {(showPasswordToggle && secureTextEntry) && (<Pressable onPress={() => setIsPasswordVisible(!isPasswordVisible)} style={styles.trailingIcon}>
+            <AtomicIcon name={isPasswordVisible ? "EyeOff" : "Eye"} customSize={config.iconSize} customColor={iconColor}/>
+          </Pressable>)}
+
+        {trailingIcon && !showPasswordToggle && (<Pressable onPress={onTrailingIconPress} style={styles.trailingIcon} disabled={!onTrailingIconPress}>
+            <AtomicIcon name={trailingIcon} customSize={config.iconSize} customColor={iconColor}/>
+          </Pressable>)}
+      </View>
+
+      {(helperText || showCharacterCount) && (<View style={styles.helperRow}>
+          {helperText && (<AtomicText type="bodySmall" color={hasError ? 'error' : 'secondary'} style={styles.helperText} testID={testID ? `${testID}-helper` : undefined}>
+              {helperText}
+            </AtomicText>)}
+          {showCharacterCount && maxLength && (<AtomicText type="bodySmall" color="secondary" style={styles.characterCount} testID={testID ? `${testID}-count` : undefined}>
+              {characterCount}/{maxLength}
+            </AtomicText>)}
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    input: {
+        flex: 1,
+    },
+    label: {
+        marginBottom: 4,
+    },
+    leadingIcon: {
+        position: 'absolute',
+        left: 12,
+        zIndex: 1,
+    },
+    trailingIcon: {
+        position: 'absolute',
+        right: 12,
+        zIndex: 1,
+    },
+    helperRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: 4,
+    },
+    helperText: {
+        flex: 1,
+    },
+    characterCount: {
+        marginLeft: 8,
+    },
+});
+//# sourceMappingURL=AtomicInput.js.map

package/lib/presentation/atoms/AtomicInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicInput.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicInput.tsx"],"names":[],"mappings":"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"}

package/lib/presentation/atoms/AtomicNumberInput.d.ts

@@ -0,0 +1,69 @@
+/**
+ * AtomicNumberInput Component
+ *
+ * A specialized number input component that wraps AtomicInput with
+ * number-specific validation and keyboard handling.
+ *
+ * Features:
+ * - Numeric keyboard (integer or decimal)
+ * - Min/max validation
+ * - Step increment support
+ * - Automatic error states for invalid numbers
+ * - Parsed number callback (onValueChange)
+ * - Consistent styling with AtomicInput
+ * - All AtomicInput features (variants, states, sizes)
+ *
+ * Usage:
+ * ```tsx
+ * const [age, setAge] = useState<number | null>(null);
+ *
+ * <AtomicNumberInput
+ *   value={age?.toString() || ''}
+ *   onValueChange={setAge}
+ *   label="Age"
+ *   min={0}
+ *   max={150}
+ *   helperText="Enter your age"
+ * />
+ * ```
+ *
+ * Why This Component:
+ * - Separation of concerns (text vs number input)
+ * - Built-in number validation
+ * - Type-safe number callbacks
+ * - Prevents non-numeric input via keyboard
+ * - Consistent with AtomicInput styling
+ *
+ * @module AtomicNumberInput
+ */
+import React from 'react';
+import { AtomicInputProps } from './AtomicInput';
+/**
+ * Props for AtomicNumberInput component
+ * Extends AtomicInput but removes text-specific props
+ */
+export interface AtomicNumberInputProps extends Omit<AtomicInputProps, 'keyboardType' | 'secureTextEntry' | 'showPasswordToggle' | 'onChangeText'> {
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Step increment (for spinners, future feature) */
+    step?: number;
+    /** Allow decimal numbers (default: false for integers only) */
+    allowDecimal?: boolean;
+    /** Callback when valid number is entered (null if invalid/empty) */
+    onValueChange?: (value: number | null) => void;
+    /** Callback when raw text changes (optional) */
+    onTextChange?: (text: string) => void;
+}
+/**
+ * AtomicNumberInput - Specialized numeric input component
+ *
+ * Wraps AtomicInput with:
+ * - Numeric keyboard
+ * - Number validation (min, max, format)
+ * - Parsed number callbacks
+ * - Automatic error states
+ */
+export declare const AtomicNumberInput: React.FC<AtomicNumberInputProps>;
+//# sourceMappingURL=AtomicNumberInput.d.ts.map

package/lib/presentation/atoms/AtomicNumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicNumberInput.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicNumberInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,gBAAgB,EAChB,cAAc,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,cAAc,CAC3E;IACD,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2G9D,CAAC"}

package/lib/presentation/atoms/AtomicNumberInput.js

@@ -0,0 +1,125 @@
+/**
+ * AtomicNumberInput Component
+ *
+ * A specialized number input component that wraps AtomicInput with
+ * number-specific validation and keyboard handling.
+ *
+ * Features:
+ * - Numeric keyboard (integer or decimal)
+ * - Min/max validation
+ * - Step increment support
+ * - Automatic error states for invalid numbers
+ * - Parsed number callback (onValueChange)
+ * - Consistent styling with AtomicInput
+ * - All AtomicInput features (variants, states, sizes)
+ *
+ * Usage:
+ * ```tsx
+ * const [age, setAge] = useState<number | null>(null);
+ *
+ * <AtomicNumberInput
+ *   value={age?.toString() || ''}
+ *   onValueChange={setAge}
+ *   label="Age"
+ *   min={0}
+ *   max={150}
+ *   helperText="Enter your age"
+ * />
+ * ```
+ *
+ * Why This Component:
+ * - Separation of concerns (text vs number input)
+ * - Built-in number validation
+ * - Type-safe number callbacks
+ * - Prevents non-numeric input via keyboard
+ * - Consistent with AtomicInput styling
+ *
+ * @module AtomicNumberInput
+ */
+import React, { useState, useEffect } from 'react';
+import { AtomicInput } from './AtomicInput';
+/**
+ * AtomicNumberInput - Specialized numeric input component
+ *
+ * Wraps AtomicInput with:
+ * - Numeric keyboard
+ * - Number validation (min, max, format)
+ * - Parsed number callbacks
+ * - Automatic error states
+ */
+export const AtomicNumberInput = ({ min, max, step = 1, allowDecimal = false, onValueChange, onTextChange, value = '', state: externalState, helperText: externalHelperText, ...props }) => {
+    const [internalError, setInternalError] = useState(undefined);
+    /**
+     * Validate number and return error message if invalid
+     */
+    const validateNumber = (text) => {
+        // Empty is valid (null value)
+        if (!text || text === '' || text === '-' || text === '.') {
+            return undefined;
+        }
+        // Parse number
+        const num = parseFloat(text);
+        // Check if valid number
+        if (isNaN(num)) {
+            return 'Invalid number';
+        }
+        // Check min constraint
+        if (min !== undefined && num < min) {
+            return `Minimum value is ${min}`;
+        }
+        // Check max constraint
+        if (max !== undefined && num > max) {
+            return `Maximum value is ${max}`;
+        }
+        return undefined;
+    };
+    /**
+     * Handle text change with validation
+     */
+    const handleChangeText = (text) => {
+        // Allow empty, minus sign, and decimal point during typing
+        if (text === '' || text === '-' || (allowDecimal && text === '.')) {
+            setInternalError(undefined);
+            onTextChange?.(text);
+            onValueChange?.(null);
+            return;
+        }
+        // Validate format
+        const decimalRegex = allowDecimal ? /^-?\d*\.?\d*$/ : /^-?\d*$/;
+        if (!decimalRegex.test(text)) {
+            // Invalid format, don't update
+            return;
+        }
+        // Validate number
+        const error = validateNumber(text);
+        setInternalError(error);
+        // Call text callback
+        onTextChange?.(text);
+        // Call value callback with parsed number
+        if (!error && text !== '' && text !== '-' && text !== '.') {
+            const num = parseFloat(text);
+            onValueChange?.(isNaN(num) ? null : num);
+        }
+        else {
+            onValueChange?.(null);
+        }
+    };
+    /**
+     * Validate on mount and when value/constraints change
+     */
+    useEffect(() => {
+        if (value) {
+            const error = validateNumber(value.toString());
+            setInternalError(error);
+        }
+        else {
+            setInternalError(undefined);
+        }
+    }, [value, min, max]);
+    // Determine final state (external state overrides internal error)
+    const finalState = externalState || (internalError ? 'error' : 'default');
+    // Determine final helper text (internal error overrides external helper)
+    const finalHelperText = internalError || externalHelperText;
+    return (<AtomicInput {...props} value={value} onChangeText={handleChangeText} keyboardType={allowDecimal ? 'decimal-pad' : 'numeric'} state={finalState} helperText={finalHelperText}/>);
+};
+//# sourceMappingURL=AtomicNumberInput.js.map

package/lib/presentation/atoms/AtomicNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicNumberInput.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicNumberInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAyB9D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,GAAG,EACH,GAAG,EACH,IAAI,GAAG,CAAC,EACR,YAAY,GAAG,KAAK,EACpB,aAAa,EACb,YAAY,EACZ,KAAK,GAAG,EAAE,EACV,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,kBAAkB,EAC9B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAElF;;OAEG;IACH,MAAM,cAAc,GAAG,CAAC,IAAY,EAAsB,EAAE;QAC1D,8BAA8B;QAC9B,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;YACzD,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,eAAe;QACf,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAE7B,wBAAwB;QACxB,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACf,OAAO,gBAAgB,CAAC;QAC1B,CAAC;QAED,uBAAuB;QACvB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;YACnC,OAAO,oBAAoB,GAAG,EAAE,CAAC;QACnC,CAAC;QAED,uBAAuB;QACvB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;YACnC,OAAO,oBAAoB,GAAG,EAAE,CAAC;QACnC,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,2DAA2D;QAC3D,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YAClE,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,kBAAkB;QAClB,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;QAChE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,+BAA+B;YAC/B,OAAO;QACT,CAAC;QAED,kBAAkB;QAClB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QACnC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,qBAAqB;QACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,yCAAyC;QACzC,IAAI,CAAC,KAAK,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;YAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YAC7B,aAAa,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC/C,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEtB,kEAAkE;IAClE,MAAM,UAAU,GAAG,aAAa,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE1E,yEAAyE;IACzE,MAAM,eAAe,GAAG,aAAa,IAAI,kBAAkB,CAAC;IAE5D,OAAO,CACL,CAAC,WAAW,CACV,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CACvD,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,UAAU,CAAC,CAAC,eAAe,CAAC,EAC5B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/atoms/AtomicPicker.d.ts

@@ -0,0 +1,52 @@
+/**
+ * AtomicPicker Component
+ *
+ * A reusable option picker/dropdown component for selecting from a list of options.
+ *
+ * Features:
+ * - Single and multi-select support
+ * - Modal display mode (full-screen on mobile)
+ * - Optional search/filter capability
+ * - Error and disabled states
+ * - Theme-aware styling
+ * - Icons for options
+ * - Clearable selection
+ * - react-hook-form integration ready
+ *
+ * Architecture:
+ * - Follows AtomicButton pattern with separated types and styles
+ * - Uses helper functions from picker/styles/pickerStyles.ts
+ * - Types defined in picker/types/index.ts
+ * - Zero inline StyleSheet.create()
+ *
+ * Usage:
+ * ```tsx
+ * const [partyType, setPartyType] = useState('birthday');
+ *
+ * <AtomicPicker
+ *   value={partyType}
+ *   onChange={setPartyType}
+ *   options={[
+ *     { label: 'Birthday Party', value: 'birthday', icon: 'cake' },
+ *     { label: 'Wedding', value: 'wedding', icon: 'heart' },
+ *     { label: 'Corporate Event', value: 'corporate', icon: 'briefcase' },
+ *   ]}
+ *   label="Party Type"
+ *   placeholder="Select party type"
+ *   searchable
+ * />
+ * ```
+ *
+ * @module AtomicPicker
+ */
+import React from 'react';
+import { AtomicPickerProps } from './picker/types';
+export type { AtomicPickerProps, PickerOption, PickerSize } from './picker/types';
+/**
+ * AtomicPicker - Universal option picker component
+ *
+ * Displays a button that opens a modal for selection.
+ * Supports single/multi-select, search, and custom rendering.
+ */
+export declare const AtomicPicker: React.FC<AtomicPickerProps>;
+//# sourceMappingURL=AtomicPicker.d.ts.map

package/lib/presentation/atoms/AtomicPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicPicker.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAyBjE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkXpD,CAAC"}