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

package/lib/domains/icons/presentation/hooks/useIconLibrary.js

@@ -0,0 +1,114 @@
+/**
+ * Icons Domain - useIconLibrary Hook
+ *
+ * React hook for accessing icon libraries (Lucide + Expo vector icons).
+ * Provides search, filter, and metadata access for all available icons.
+ *
+ * @domain icons
+ * @layer presentation
+ */
+import { useMemo, useState, useCallback } from 'react';
+import { IconLibrary, IconCategory, IconUtils, ICON_CONSTANTS } from '@domains/icons/domain/entities/Icon';
+import { ExpoIconRegistry } from '@domains/icons/infrastructure/registries/ExpoIconRegistry';
+/**
+ * Hook for icon library access and search
+ *
+ * @example
+ * const { icons, searchIcons, filterByCategory } = useIconLibrary();
+ *
+ * // Search icons
+ * const results = searchIcons('home');
+ *
+ * // Filter by category
+ * const navIcons = filterByCategory(IconCategory.NAVIGATION);
+ */
+export const useIconLibrary = (defaultLibrary = ICON_CONSTANTS.DEFAULT_LIBRARY) => {
+    const [selectedLibrary, setSelectedLibrary] = useState(defaultLibrary);
+    const [selectedCategory, setSelectedCategory] = useState(IconCategory.ALL);
+    // Initialize registry
+    const registry = useMemo(() => new ExpoIconRegistry(), []);
+    /**
+     * Get all icons from the selected library
+     */
+    const icons = useMemo(() => {
+        const allIcons = registry.getAllIcons();
+        return selectedLibrary === IconLibrary.LUCIDE
+            ? [] // Lucide icons are in design-system/AtomicIcon
+            : allIcons.filter(icon => icon.library === selectedLibrary);
+    }, [registry, selectedLibrary]);
+    /**
+     * Get icons filtered by category
+     */
+    const iconsByCategory = useMemo(() => {
+        return IconUtils.filterByCategory(icons, selectedCategory);
+    }, [icons, selectedCategory]);
+    /**
+     * Search icons by query
+     */
+    const searchIcons = useCallback((query) => {
+        if (!query.trim()) {
+            return iconsByCategory;
+        }
+        const results = registry.searchIcons(query);
+        const filteredResults = selectedLibrary === IconLibrary.LUCIDE
+            ? results
+            : results.filter(icon => icon.library === selectedLibrary);
+        return IconUtils.filterByCategory(filteredResults, selectedCategory)
+            .slice(0, ICON_CONSTANTS.MAX_SEARCH_RESULTS);
+    }, [registry, selectedLibrary, selectedCategory, iconsByCategory]);
+    /**
+     * Filter icons by category
+     */
+    const filterByCategory = useCallback((category) => {
+        return IconUtils.filterByCategory(icons, category);
+    }, [icons]);
+    /**
+     * Get icon metadata by name
+     */
+    const getIconMetadata = useCallback((name) => {
+        return registry.getIconMetadata(name);
+    }, [registry]);
+    /**
+     * Get all available categories
+     */
+    const availableCategories = useMemo(() => {
+        return Object.values(IconCategory);
+    }, []);
+    /**
+     * Get all available libraries
+     */
+    const availableLibraries = useMemo(() => {
+        return Object.values(IconLibrary);
+    }, []);
+    /**
+     * Switch library
+     */
+    const switchLibrary = useCallback((library) => {
+        setSelectedLibrary(library);
+    }, []);
+    /**
+     * Switch category
+     */
+    const switchCategory = useCallback((category) => {
+        setSelectedCategory(category);
+    }, []);
+    return {
+        // Current state
+        selectedLibrary,
+        selectedCategory,
+        icons: iconsByCategory,
+        // Search & filter
+        searchIcons,
+        filterByCategory,
+        getIconMetadata,
+        // Library & category management
+        switchLibrary,
+        switchCategory,
+        availableCategories,
+        availableLibraries,
+        // Constants
+        IconLibrary,
+        IconCategory,
+    };
+};
+//# sourceMappingURL=useIconLibrary.js.map

package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconLibrary.js","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/hooks/useIconLibrary.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @umituz/react-native-design-system - Public API
+ *
+ * Universal UI component library for React Native apps
+ * Domain-Driven Design (DDD) Architecture
+ *
+ * This is the SINGLE SOURCE OF TRUTH for all UI components.
+ * ALL imports from the design system MUST go through this file.
+ *
+ * Architecture:
+ * - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
+ * - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
+ * - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
+ * - presentation/loading: Loading states (LoadingState, LoadingSpinner)
+ * - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
+ * - presentation/utils: Utility functions and helpers
+ *
+ * Usage:
+ *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, LoadingState, STATIC_TOKENS } from '@umituz/react-native-design-system';
+ */
+export { AtomicButton, type AtomicButtonProps, type ButtonVariant, type ButtonSize, } from './presentation/atoms/AtomicButton';
+export { AtomicText, type AtomicTextProps, } from './presentation/atoms/AtomicText';
+export { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding, } from './presentation/atoms/AtomicCard';
+export { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize, } from './presentation/atoms/AtomicInput';
+export { AtomicNumberInput, type AtomicNumberInputProps, } from './presentation/atoms/AtomicNumberInput';
+export { AtomicSwitch, type AtomicSwitchProps, } from './presentation/atoms/AtomicSwitch';
+export { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor, } from './presentation/atoms/AtomicIcon';
+export { AtomicFormError, type AtomicFormErrorProps, } from './presentation/atoms/AtomicFormError';
+export { AtomicDatePicker, type AtomicDatePickerProps, } from './presentation/atoms/AtomicDatePicker';
+export { AtomicPicker, type AtomicPickerProps, type PickerOption, type PickerSize, } from './presentation/atoms/AtomicPicker';
+export { AtomicTextArea, type AtomicTextAreaProps, } from './presentation/atoms/AtomicTextArea';
+export { AtomicBadge, type AtomicBadgeProps, } from './presentation/atoms/AtomicBadge';
+export { AtomicProgress, type AtomicProgressProps, } from './presentation/atoms/AtomicProgress';
+export { AtomicDivider, type AtomicDividerProps, } from './presentation/atoms/AtomicDivider';
+export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, } from './presentation/atoms/AtomicFab';
+export { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './presentation/atoms/AtomicFilter';
+export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './presentation/atoms/AtomicTouchable';
+export { AtomicSearchBar, type AtomicSearchBarProps, } from './presentation/atoms/AtomicSearchBar';
+export { AtomicSort, type AtomicSortProps, type SortOption, type SortDirection, } from './presentation/atoms/AtomicSort';
+export { FormField, type FormFieldProps, } from './presentation/molecules/FormField';
+export { ListItem, type ListItemProps, } from './presentation/molecules/ListItem';
+export { SearchBar, type SearchBarProps, } from './presentation/molecules/SearchBar';
+export { LanguageSwitcher, } from './presentation/molecules/LanguageSwitcher';
+export { SectionCard, } from './presentation/molecules/SectionCard';
+export { IconContainer, } from './presentation/molecules/IconContainer';
+export { SectionHeader, } from './presentation/molecules/SectionHeader';
+export { EmptyState, } from './presentation/molecules/EmptyState';
+export { GridContainer, } from './presentation/molecules/GridContainer';
+export { SectionContainer, } from './presentation/molecules/SectionContainer';
+export { ScreenHeader, type ScreenHeaderProps, } from './presentation/molecules/ScreenHeader';
+export { AtomicConfirmationModal, useConfirmationModal, type AtomicConfirmationModalProps, type ConfirmationModalVariant, } from './presentation/molecules/AtomicConfirmationModal';
+export { ScreenLayout, type ScreenLayoutProps, } from './presentation/organisms/ScreenLayout';
+export { AppHeader, type AppHeaderProps, } from './presentation/organisms/AppHeader';
+export { FormContainer, type FormContainerProps, } from './presentation/organisms/FormContainer';
+export { LoadingState, type LoadingStateProps, type LoadingStateSize, } from './presentation/loading/presentation/components/LoadingState';
+export { LoadingSpinner, type LoadingSpinnerProps, type LoadingSpinnerSize, type LoadingSpinnerColor, } from './presentation/loading/presentation/components/LoadingSpinner';
+export { useLoading, type LoadingConfig, type UseLoadingReturn, } from './presentation/loading/presentation/hooks/useLoading';
+export { STATIC_TOKENS, BASE_TOKENS, createDesignTokens, withAlpha, lightColors, darkColors, getColorPalette, spacing, typography, animations, borders, type DesignTokens, type ThemeMode, type ColorPalette, type Spacing, type Typography, type Animations, type Borders, type BaseTokens, } from './presentation/tokens/AppDesignTokens';
+export { useAppDesignTokens } from './presentation/hooks/useAppDesignTokens';
+export { useCommonStyles, } from './presentation/tokens/commonStyles';
+export { IOS_HIG, ANDROID_MATERIAL, PLATFORM_CONSTANTS, isValidTouchTarget, getMinTouchTarget, } from './presentation/utils/platformConstants';
+export { useResponsive, useResponsiveSizes, useDeviceType, type UseResponsiveReturn, } from './presentation/hooks/useResponsive';
+export { getScreenDimensions, isSmallPhone, isTablet, getResponsiveLogoSize, getResponsiveInputHeight, getResponsiveHorizontalPadding, getResponsiveBottomPosition, getResponsiveFABPosition, getResponsiveModalMaxHeight, getResponsiveMinModalHeight, getResponsiveIconContainerSize, getResponsiveGridColumns, getResponsiveMaxWidth, getResponsiveFontSize, isLandscape, getKeyboardBehavior, getDeviceType, getMinTouchTargetSize, getSpacingMultiplier, getOnboardingIconMarginTop, getOnboardingIconMarginBottom, getOnboardingTitleMarginBottom, getOnboardingTextPadding, getOnboardingDescriptionMarginTop, DeviceType, } from './presentation/utils/responsive';
+export { useDesignSystemTheme, } from './infrastructure/theme/globalThemeStore';
+export { Icon, type IconProps, type IconSize, type IconColor, type IconName, } from './domains/icons/presentation/components/Icon';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,106 @@
+/**
+ * @umituz/react-native-design-system - Public API
+ *
+ * Universal UI component library for React Native apps
+ * Domain-Driven Design (DDD) Architecture
+ *
+ * This is the SINGLE SOURCE OF TRUTH for all UI components.
+ * ALL imports from the design system MUST go through this file.
+ *
+ * Architecture:
+ * - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
+ * - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
+ * - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
+ * - presentation/loading: Loading states (LoadingState, LoadingSpinner)
+ * - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
+ * - presentation/utils: Utility functions and helpers
+ *
+ * Usage:
+ *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, LoadingState, STATIC_TOKENS } from '@umituz/react-native-design-system';
+ */
+// =============================================================================
+// ATOMS - Primitive UI Components
+// =============================================================================
+export { AtomicButton, } from './presentation/atoms/AtomicButton';
+export { AtomicText, } from './presentation/atoms/AtomicText';
+export { AtomicCard, } from './presentation/atoms/AtomicCard';
+export { AtomicInput, } from './presentation/atoms/AtomicInput';
+export { AtomicNumberInput, } from './presentation/atoms/AtomicNumberInput';
+export { AtomicSwitch, } from './presentation/atoms/AtomicSwitch';
+export { AtomicIcon, } from './presentation/atoms/AtomicIcon';
+export { AtomicFormError, } from './presentation/atoms/AtomicFormError';
+export { AtomicDatePicker, } from './presentation/atoms/AtomicDatePicker';
+export { AtomicPicker, } from './presentation/atoms/AtomicPicker';
+export { AtomicTextArea, } from './presentation/atoms/AtomicTextArea';
+export { AtomicBadge, } from './presentation/atoms/AtomicBadge';
+export { AtomicProgress, } from './presentation/atoms/AtomicProgress';
+export { AtomicDivider, } from './presentation/atoms/AtomicDivider';
+export { AtomicFab, getFabVariants, } from './presentation/atoms/AtomicFab';
+export { AtomicFilter, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './presentation/atoms/AtomicFilter';
+export { AtomicTouchable, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './presentation/atoms/AtomicTouchable';
+export { AtomicSearchBar, } from './presentation/atoms/AtomicSearchBar';
+export { AtomicSort, } from './presentation/atoms/AtomicSort';
+// =============================================================================
+// MOLECULES - Composite Components
+// =============================================================================
+export { FormField, } from './presentation/molecules/FormField';
+export { ListItem, } from './presentation/molecules/ListItem';
+export { SearchBar, } from './presentation/molecules/SearchBar';
+export { LanguageSwitcher, } from './presentation/molecules/LanguageSwitcher';
+// SettingItem moved to @domains/settings/presentation/components/SettingItem
+// Import directly: import { SettingItem } from '@domains/settings/presentation/components/SettingItem';
+export { SectionCard, } from './presentation/molecules/SectionCard';
+export { IconContainer, } from './presentation/molecules/IconContainer';
+export { SectionHeader, } from './presentation/molecules/SectionHeader';
+export { EmptyState, } from './presentation/molecules/EmptyState';
+export { GridContainer, } from './presentation/molecules/GridContainer';
+export { SectionContainer, } from './presentation/molecules/SectionContainer';
+export { ScreenHeader, } from './presentation/molecules/ScreenHeader';
+export { AtomicConfirmationModal, useConfirmationModal, } from './presentation/molecules/AtomicConfirmationModal';
+// =============================================================================
+// ORGANISMS - Complex Patterns
+// =============================================================================
+export { ScreenLayout, } from './presentation/organisms/ScreenLayout';
+export { AppHeader, } from './presentation/organisms/AppHeader';
+export { FormContainer, } from './presentation/organisms/FormContainer';
+// Note: FeedbackModal moved to @domains/feedback
+// Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
+// =============================================================================
+// LOADING - Loading States
+// =============================================================================
+export { LoadingState, } from './presentation/loading/presentation/components/LoadingState';
+export { LoadingSpinner, } from './presentation/loading/presentation/components/LoadingSpinner';
+export { useLoading, } from './presentation/loading/presentation/hooks/useLoading';
+// =============================================================================
+// TOKENS - Design Tokens (Refactored with ZERO duplication)
+// =============================================================================
+export { 
+// Static tokens (don't change with theme)
+STATIC_TOKENS, BASE_TOKENS, 
+// Token factory
+createDesignTokens, 
+// Color utilities
+withAlpha, lightColors, darkColors, getColorPalette, 
+// Individual base tokens
+spacing, typography, animations, borders, } from './presentation/tokens/AppDesignTokens';
+// Hook for dynamic theme-aware tokens (exported separately to avoid cycle)
+export { useAppDesignTokens } from './presentation/hooks/useAppDesignTokens';
+export { useCommonStyles, } from './presentation/tokens/commonStyles';
+// =============================================================================
+// UTILITIES - Helper Functions
+// =============================================================================
+export { IOS_HIG, ANDROID_MATERIAL, PLATFORM_CONSTANTS, isValidTouchTarget, getMinTouchTarget, } from './presentation/utils/platformConstants';
+// =============================================================================
+// RESPONSIVE UTILITIES - Centralized Responsive Management
+// =============================================================================
+export { useResponsive, useResponsiveSizes, useDeviceType, } from './presentation/hooks/useResponsive';
+export { getScreenDimensions, isSmallPhone, isTablet, getResponsiveLogoSize, getResponsiveInputHeight, getResponsiveHorizontalPadding, getResponsiveBottomPosition, getResponsiveFABPosition, getResponsiveModalMaxHeight, getResponsiveMinModalHeight, getResponsiveIconContainerSize, getResponsiveGridColumns, getResponsiveMaxWidth, getResponsiveFontSize, isLandscape, getKeyboardBehavior, getDeviceType, getMinTouchTargetSize, getSpacingMultiplier, getOnboardingIconMarginTop, getOnboardingIconMarginBottom, getOnboardingTitleMarginBottom, getOnboardingTextPadding, getOnboardingDescriptionMarginTop, DeviceType, } from './presentation/utils/responsive';
+// =============================================================================
+// THEME MANAGEMENT - Global Theme Store
+// =============================================================================
+export { useDesignSystemTheme, } from './infrastructure/theme/globalThemeStore';
+// =============================================================================
+// ICONS DOMAIN - Universal Icon System
+// =============================================================================
+export { Icon, } from './domains/icons/presentation/components/Icon';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

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

package/lib/infrastructure/theme/globalThemeStore.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Global Theme Store for Design System
+ *
+ * Minimal Zustand store for theme state management.
+ * Apps can sync their theme state with this global store.
+ *
+ * WHY THIS EXISTS:
+ * - ScreenLayout needs to know current theme mode
+ * - Without prop drilling or Context API
+ * - Single source of truth for design system components
+ * - Apps control theme, design system reacts
+ *
+ * USAGE IN APP:
+ * ```typescript
+ * import { useDesignSystemTheme } from '@umituz/react-native-design-system';
+ * import { useTheme } from '@domains/theme';
+ *
+ * // Sync app theme with design system
+ * const { themeMode } = useTheme();
+ * const { setThemeMode } = useDesignSystemTheme();
+ *
+ * useEffect(() => {
+ *   setThemeMode(themeMode);
+ * }, [themeMode]);
+ * ```
+ */
+import type { ThemeMode } from '../../presentation/tokens/core/ColorPalette';
+interface GlobalThemeStore {
+    /** Current theme mode */
+    themeMode: ThemeMode;
+    /** Update theme mode (called by app when theme changes) */
+    setThemeMode: (mode: ThemeMode) => void;
+}
+/**
+ * Global theme store for design system components
+ *
+ * This is a MINIMAL store - app has the real theme logic.
+ * Design system just mirrors the current theme for its components.
+ */
+export declare const useDesignSystemTheme: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalThemeStore>>;
+export type { ThemeMode };
+//# sourceMappingURL=globalThemeStore.d.ts.map

package/lib/infrastructure/theme/globalThemeStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalThemeStore.d.ts","sourceRoot":"","sources":["../../../src/infrastructure/theme/globalThemeStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE7E,UAAU,gBAAgB;IACxB,yBAAyB;IACzB,SAAS,EAAE,SAAS,CAAC;IAErB,2DAA2D;IAC3D,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,+EAG9B,CAAC;AAGJ,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/lib/infrastructure/theme/globalThemeStore.js

@@ -0,0 +1,38 @@
+/**
+ * Global Theme Store for Design System
+ *
+ * Minimal Zustand store for theme state management.
+ * Apps can sync their theme state with this global store.
+ *
+ * WHY THIS EXISTS:
+ * - ScreenLayout needs to know current theme mode
+ * - Without prop drilling or Context API
+ * - Single source of truth for design system components
+ * - Apps control theme, design system reacts
+ *
+ * USAGE IN APP:
+ * ```typescript
+ * import { useDesignSystemTheme } from '@umituz/react-native-design-system';
+ * import { useTheme } from '@domains/theme';
+ *
+ * // Sync app theme with design system
+ * const { themeMode } = useTheme();
+ * const { setThemeMode } = useDesignSystemTheme();
+ *
+ * useEffect(() => {
+ *   setThemeMode(themeMode);
+ * }, [themeMode]);
+ * ```
+ */
+import { create } from 'zustand';
+/**
+ * Global theme store for design system components
+ *
+ * This is a MINIMAL store - app has the real theme logic.
+ * Design system just mirrors the current theme for its components.
+ */
+export const useDesignSystemTheme = create((set) => ({
+    themeMode: 'light',
+    setThemeMode: (mode) => set({ themeMode: mode }),
+}));
+//# sourceMappingURL=globalThemeStore.js.map

package/lib/infrastructure/theme/globalThemeStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalThemeStore.js","sourceRoot":"","sources":["../../../src/infrastructure/theme/globalThemeStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAmB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACrE,SAAS,EAAE,OAAO;IAClB,YAAY,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,48 @@
+/**
+ * AtomicAvatar - Universal Avatar Component
+ *
+ * Displays user profile images with fallback to initials
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: User profile image display
+ *
+ * Usage:
+ * - User profile pictures
+ * - Contact avatars
+ * - Group member avatars
+ * - Default user placeholders
+ */
+import React from 'react';
+import { ViewStyle, ImageStyle } from 'react-native';
+export interface AtomicAvatarProps {
+    /** Image source (URI or require) */
+    source?: {
+        uri: string;
+    } | number;
+    /** User's name for fallback initials */
+    name?: string;
+    /** Size of the avatar */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /** Custom size in pixels */
+    customSize?: number;
+    /** Background color for fallback */
+    backgroundColor?: string;
+    /** Text color for initials */
+    textColor?: string;
+    /** Border radius (default: circular) */
+    borderRadius?: number;
+    /** Border width */
+    borderWidth?: number;
+    /** Border color */
+    borderColor?: string;
+    /** Style overrides */
+    style?: ViewStyle | ViewStyle[];
+    /** Image style overrides */
+    imageStyle?: ImageStyle | ImageStyle[];
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicAvatar: React.FC<AtomicAvatarProps>;
+export default AtomicAvatar;
+//# sourceMappingURL=AtomicAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicAvatar.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicAvatar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AASvE,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAClC,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACvC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6FpD,CAAC;AAMF,eAAe,YAAY,CAAC"}

package/lib/presentation/atoms/AtomicAvatar.js

@@ -0,0 +1,85 @@
+/**
+ * AtomicAvatar - Universal Avatar Component
+ *
+ * Displays user profile images with fallback to initials
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: User profile image display
+ *
+ * Usage:
+ * - User profile pictures
+ * - Contact avatars
+ * - Group member avatars
+ * - Default user placeholders
+ */
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { AtomicImage } from './AtomicImage';
+import { AtomicText } from './AtomicText';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AtomicAvatar = ({ source, name, size = 'md', customSize, backgroundColor, textColor, borderRadius, borderWidth = 0, borderColor, style, imageStyle, testID, }) => {
+    const tokens = useAppDesignTokens();
+    const avatarSize = customSize || tokens.avatarSizes[size];
+    const avatarRadius = borderRadius ?? avatarSize / 2;
+    // Generate initials from name
+    const getInitials = (name) => {
+        return name
+            .split(' ')
+            .map(word => word.charAt(0))
+            .join('')
+            .toUpperCase()
+            .slice(0, 2);
+    };
+    // Default colors
+    const defaultBackgroundColor = backgroundColor || tokens.colors.primary;
+    const defaultTextColor = textColor || tokens.colors.onPrimary;
+    const defaultBorderColor = borderColor || tokens.colors.border;
+    const avatarStyle = {
+        width: avatarSize,
+        height: avatarSize,
+        borderRadius: avatarRadius,
+        backgroundColor: defaultBackgroundColor,
+        borderWidth,
+        borderColor: defaultBorderColor,
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+    };
+    const imageStyleFinal = {
+        width: avatarSize,
+        height: avatarSize,
+        borderRadius: avatarRadius,
+    };
+    // Font size based on avatar size
+    const getFontSize = (size) => {
+        if (size <= 32)
+            return 12;
+        if (size <= 48)
+            return 16;
+        if (size <= 64)
+            return 20;
+        return 24;
+    };
+    return (<View style={[avatarStyle, style]} testID={testID}>
+      {source ? (<AtomicImage source={source} style={StyleSheet.flatten([imageStyleFinal, imageStyle])} resizeMode="cover"/>) : name ? (<AtomicText type="labelLarge" color={defaultTextColor} style={{
+                fontSize: getFontSize(avatarSize),
+                fontWeight: tokens.typography.semibold,
+            }}>
+          {getInitials(name)}
+        </AtomicText>) : (<AtomicText type="labelLarge" color={defaultTextColor} style={{
+                fontSize: getFontSize(avatarSize),
+                fontWeight: tokens.typography.semibold,
+            }}>
+          ?
+        </AtomicText>)}
+    </View>);
+};
+// =============================================================================
+// EXPORTS
+// =============================================================================
+export default AtomicAvatar;
+//# sourceMappingURL=AtomicAvatar.js.map

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

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

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

@@ -0,0 +1,56 @@
+/**
+ * AtomicAvatarGroup - Universal Avatar Group Component
+ *
+ * Displays multiple avatars in a group with overlap and overflow handling
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Multiple avatar display with group behavior
+ *
+ * Usage:
+ * - Team member avatars
+ * - Group chat participants
+ * - Project collaborators
+ * - Event attendees
+ * - Social connections
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface AvatarData {
+    id: string;
+    source?: {
+        uri: string;
+    } | number;
+    name?: string;
+    backgroundColor?: string;
+    textColor?: string;
+}
+export interface AtomicAvatarGroupProps {
+    /** Array of avatar data */
+    avatars: AvatarData[];
+    /** Maximum number of avatars to show */
+    maxVisible?: number;
+    /** Avatar size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /** Custom avatar size */
+    customSize?: number;
+    /** Spacing between avatars */
+    spacing?: number;
+    /** Whether to show overflow count */
+    showOverflow?: boolean;
+    /** Overflow count background color */
+    overflowBackgroundColor?: string;
+    /** Overflow count text color */
+    overflowTextColor?: string;
+    /** Avatar border width */
+    borderWidth?: number;
+    /** Avatar border color */
+    borderColor?: string;
+    /** Style overrides */
+    style?: ViewStyle;
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicAvatarGroup: React.FC<AtomicAvatarGroupProps>;
+export default AtomicAvatarGroup;
+//# sourceMappingURL=AtomicAvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicAvatarGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAS3D,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,2BAA2B;IAC3B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgG9D,CAAC;AAMF,eAAe,iBAAiB,CAAC"}