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

package/lib/domains/icons/index.js

@@ -0,0 +1,89 @@
+/**
+ * Icons Domain - Centralized Icon System
+ *
+ * 🎯 SINGLE SOURCE OF TRUTH FOR ALL ICONS
+ *
+ * Universal icon library system with easy library switching.
+ * Change icon library = change one config file!
+ *
+ * @domain icons
+ * @enabled true (All apps)
+ *
+ * ARCHITECTURE:
+ * ```
+ * domains/icons/
+ * ├── domain/
+ * │   ├── config/
+ * │   │   └── IconLibraryConfig.ts    🔧 Change library here!
+ * │   └── interfaces/
+ * │       └── IIconAdapter.ts         Interface for adapters
+ * ├── infrastructure/
+ * │   └── adapters/
+ * │       ├── LucideAdapter.ts        Current: Lucide (1,639 icons)
+ * │       ├── MaterialAdapter.ts      Future: Material Icons
+ * │       └── FontAwesomeAdapter.ts   Future: Font Awesome
+ * └── presentation/
+ *     └── components/
+ *         └── Icon.tsx                Universal Icon component
+ * ```
+ *
+ * USAGE:
+ * ```typescript
+ * import { Icon } from '@domains/icons';
+ *
+ * // Basic usage
+ * <Icon name="Settings" size="md" color="primary" />
+ *
+ * // Custom size and color
+ * <Icon name="Heart" customSize={32} customColor="#FF0000" />
+ *
+ * // With background
+ * <Icon name="Info" size="lg" withBackground backgroundColor="#667eea" />
+ * ```
+ *
+ * 🔧 TO CHANGE ICON LIBRARY:
+ *
+ * Step 1: Update package.json
+ * ```json
+ * {
+ *   "dependencies": {
+ *     "new-icon-library": "^1.0.0"
+ *   }
+ * }
+ * ```
+ *
+ * Step 2: Change CURRENT_LIBRARY in domain/config/IconLibraryConfig.ts
+ * ```typescript
+ * export const CURRENT_LIBRARY: IconLibraryType = 'material'; // Changed!
+ * ```
+ *
+ * Step 3: Create adapter (if needed)
+ * ```typescript
+ * // infrastructure/adapters/MaterialAdapter.ts
+ * export const MaterialAdapter: IIconAdapter = {
+ *   getIconComponent: (name) => MaterialIcons[name],
+ *   // ... implement interface
+ * };
+ * ```
+ *
+ * Step 4: Done! All apps use new library automatically ✅
+ *
+ * CURRENT LIBRARY: Lucide (1,639 icons)
+ * @see https://lucide.dev/icons/
+ *
+ * DEPENDENCIES:
+ * - lucide-react-native: ^0.468.0 (Current library)
+ */
+// ============================================================================
+// PRESENTATION LAYER - Universal Icon Component
+// ============================================================================
+export { Icon } from './presentation/components/Icon';
+// ============================================================================
+// DOMAIN LAYER - Configuration & Interfaces
+// ============================================================================
+export { CURRENT_LIBRARY, ICON_LIBRARY_CONFIG, getCurrentLibrary, isLucideLibrary, } from './domain/config/IconLibraryConfig';
+// ============================================================================
+// INFRASTRUCTURE LAYER - Adapters
+// ============================================================================
+export { LucideAdapter } from './infrastructure/adapters/LucideAdapter';
+//# sourceMappingURL=index.js.map

package/lib/domains/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/domains/icons/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AAEH,+EAA+E;AAC/E,gDAAgD;AAChD,+EAA+E;AAE/E,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAQtD,+EAA+E;AAC/E,4CAA4C;AAC5C,+EAA+E;AAE/E,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAK3C,+EAA+E;AAC/E,kCAAkC;AAClC,+EAA+E;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC"}

package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Lucide Icon Library Adapter
+ *
+ * Adapter for lucide-react-native library (1,639 icons).
+ * Implements IIconAdapter interface for seamless library switching.
+ *
+ * @library lucide-react-native
+ * @version ^0.468.0
+ * @icons 1,639
+ * @type outline
+ *
+ * @see https://lucide.dev/icons/
+ */
+import { icons } from 'lucide-react-native';
+import type { IIconAdapter } from '../../domain/interfaces/IIconAdapter';
+/**
+ * Lucide Adapter Implementation
+ */
+export declare const LucideAdapter: IIconAdapter;
+/**
+ * Lucide icon names type (for TypeScript autocomplete)
+ */
+export type LucideIconName = keyof typeof icons;
+//# sourceMappingURL=LucideAdapter.d.ts.map

package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LucideAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/infrastructure/adapters/LucideAdapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAuB,MAAM,sCAAsC,CAAC;AAe9F;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,YA6D3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js

@@ -0,0 +1,85 @@
+/**
+ * Lucide Icon Library Adapter
+ *
+ * Adapter for lucide-react-native library (1,639 icons).
+ * Implements IIconAdapter interface for seamless library switching.
+ *
+ * @library lucide-react-native
+ * @version ^0.468.0
+ * @icons 1,639
+ * @type outline
+ *
+ * @see https://lucide.dev/icons/
+ */
+import { icons } from 'lucide-react-native';
+/**
+ * Size mapping: Semantic → Pixels
+ */
+const SIZE_MAP = {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 28,
+    xl: 32,
+    xxl: 40,
+};
+/**
+ * Lucide Adapter Implementation
+ */
+export const LucideAdapter = {
+    /**
+     * Get Lucide icon component by name
+     */
+    getIconComponent: (name) => {
+        const IconComponent = icons[name];
+        if (!IconComponent) {
+            console.warn(`[LucideAdapter] Icon "${name}" not found in Lucide library`);
+            return null;
+        }
+        return IconComponent;
+    },
+    /**
+     * Get icon size in pixels
+     */
+    getIconSize: (size, customSize) => {
+        return customSize || SIZE_MAP[size];
+    },
+    /**
+     * Get icon color from theme
+     */
+    getIconColor: (color, tokens, customColor) => {
+        if (customColor)
+            return customColor;
+        const colorMap = {
+            primary: tokens.colors.primary,
+            secondary: tokens.colors.secondary,
+            success: tokens.colors.success,
+            warning: tokens.colors.warning,
+            error: tokens.colors.error,
+            info: tokens.colors.info,
+            onSurface: tokens.colors.onSurface,
+            surfaceVariant: tokens.colors.surfaceVariant,
+            onPrimary: tokens.colors.onPrimary,
+            onSecondary: tokens.colors.onSecondary,
+            textInverse: tokens.colors.textInverse,
+        };
+        return colorMap[color];
+    },
+    /**
+     * Get all available Lucide icon names
+     */
+    getAllIcons: () => {
+        return Object.keys(icons);
+    },
+    /**
+     * Check if icon exists in Lucide library
+     */
+    hasIcon: (name) => {
+        return name in icons;
+    },
+    /**
+     * Default stroke width for Lucide outline icons
+     */
+    getStrokeWidth: () => 2,
+};
+//# sourceMappingURL=LucideAdapter.js.map

package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LucideAdapter.js","sourceRoot":"","sources":["../../../../../src/domains/icons/infrastructure/adapters/LucideAdapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C;;GAEG;AACH,MAAM,QAAQ,GAA6B;IACzC,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACR,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC;;OAEG;IACH,gBAAgB,EAAE,CAAC,IAAY,EAAE,EAAE;QACjC,MAAM,aAAa,GAAG,KAAK,CAAC,IAA0B,CAAC,CAAC;QACxD,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,yBAAyB,IAAI,+BAA+B,CAAC,CAAC;YAC3E,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,WAAW,EAAE,CAAC,IAAc,EAAE,UAAmB,EAAE,EAAE;QACnD,OAAO,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,YAAY,EAAE,CAAC,KAAgB,EAAE,MAAoB,EAAE,WAAoB,EAAE,EAAE;QAC7E,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QAEpC,MAAM,QAAQ,GAA8B;YAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAC9B,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;YAClC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAC9B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;YAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;YACxB,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;YAClC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,cAAc;YAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;YAClC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YACtC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;SACvC,CAAC;QAEF,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,WAAW,EAAE,GAAG,EAAE;QAChB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE;QACxB,OAAO,IAAI,IAAI,KAAK,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC;CACxB,CAAC"}

package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Icons Domain - Expo Vector Icons Registry
+ *
+ * Registry for @expo/vector-icons (Material, FontAwesome, Ionicons).
+ * Provides metadata and search capabilities for 1000+ icons.
+ *
+ * @domain icons
+ * @layer infrastructure
+ */
+import type { IIconRegistry, IconMetadata } from '@domains/icons/domain/entities/Icon';
+import { IconCategory } from '@domains/icons/domain/entities/Icon';
+/**
+ * Expo vector icons registry
+ * Maps common Material Design, FontAwesome, and Ionicons
+ */
+export declare class ExpoIconRegistry implements IIconRegistry {
+    private icons;
+    getAllIcons(): IconMetadata[];
+    getIconsByCategory(category: IconCategory): IconMetadata[];
+    searchIcons(query: string): IconMetadata[];
+    getIconMetadata(name: string): IconMetadata | null;
+}
+//# sourceMappingURL=ExpoIconRegistry.d.ts.map

package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoIconRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/infrastructure/registries/ExpoIconRegistry.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAe,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEhF;;;GAGG;AACH,qBAAa,gBAAiB,YAAW,aAAa;IACpD,OAAO,CAAC,KAAK,CAwIX;IAEF,WAAW,IAAI,YAAY,EAAE;IAI7B,kBAAkB,CAAC,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE;IAO1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,EAAE;IAoB1C,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;CAGnD"}

package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js

@@ -0,0 +1,178 @@
+/**
+ * Icons Domain - Expo Vector Icons Registry
+ *
+ * Registry for @expo/vector-icons (Material, FontAwesome, Ionicons).
+ * Provides metadata and search capabilities for 1000+ icons.
+ *
+ * @domain icons
+ * @layer infrastructure
+ */
+import { IconLibrary, IconCategory } from '@domains/icons/domain/entities/Icon';
+/**
+ * Expo vector icons registry
+ * Maps common Material Design, FontAwesome, and Ionicons
+ */
+export class ExpoIconRegistry {
+    constructor() {
+        this.icons = [
+            // Navigation icons (Material Design)
+            {
+                name: 'home',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.NAVIGATION,
+                tags: ['house', 'main', 'start'],
+                searchTerms: ['home', 'house', 'main', 'dashboard'],
+            },
+            {
+                name: 'arrow-back',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.NAVIGATION,
+                tags: ['back', 'previous', 'return'],
+                searchTerms: ['arrow', 'back', 'previous', 'navigate'],
+            },
+            {
+                name: 'menu',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.NAVIGATION,
+                tags: ['hamburger', 'drawer', 'navigation'],
+                searchTerms: ['menu', 'hamburger', 'navigation', 'drawer'],
+            },
+            {
+                name: 'search',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['find', 'lookup', 'query'],
+                searchTerms: ['search', 'find', 'lookup', 'magnify'],
+            },
+            // Action icons (Material Design)
+            {
+                name: 'add',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['plus', 'create', 'new'],
+                searchTerms: ['add', 'plus', 'create', 'new'],
+            },
+            {
+                name: 'delete',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['remove', 'trash', 'bin'],
+                searchTerms: ['delete', 'remove', 'trash', 'garbage'],
+            },
+            {
+                name: 'edit',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['pencil', 'modify', 'update'],
+                searchTerms: ['edit', 'pencil', 'modify', 'write'],
+            },
+            {
+                name: 'settings',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['gear', 'preferences', 'config'],
+                searchTerms: ['settings', 'gear', 'preferences', 'options'],
+            },
+            {
+                name: 'favorite',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.ACTION,
+                tags: ['heart', 'like', 'love'],
+                searchTerms: ['favorite', 'heart', 'like', 'love'],
+            },
+            // Social icons (FontAwesome)
+            {
+                name: 'facebook',
+                library: IconLibrary.FONTAWESOME,
+                category: IconCategory.SOCIAL,
+                tags: ['fb', 'social', 'network'],
+                searchTerms: ['facebook', 'fb', 'social', 'meta'],
+            },
+            {
+                name: 'twitter',
+                library: IconLibrary.FONTAWESOME,
+                category: IconCategory.SOCIAL,
+                tags: ['x', 'social', 'tweet'],
+                searchTerms: ['twitter', 'x', 'social', 'tweet'],
+            },
+            {
+                name: 'instagram',
+                library: IconLibrary.FONTAWESOME,
+                category: IconCategory.SOCIAL,
+                tags: ['ig', 'social', 'photo'],
+                searchTerms: ['instagram', 'ig', 'social', 'photo'],
+            },
+            // Communication icons (Ionicons)
+            {
+                name: 'mail',
+                library: IconLibrary.IONICONS,
+                category: IconCategory.COMMUNICATION,
+                tags: ['email', 'message', 'envelope'],
+                searchTerms: ['mail', 'email', 'message', 'contact'],
+            },
+            {
+                name: 'call',
+                library: IconLibrary.IONICONS,
+                category: IconCategory.COMMUNICATION,
+                tags: ['phone', 'telephone', 'dial'],
+                searchTerms: ['call', 'phone', 'telephone', 'dial'],
+            },
+            {
+                name: 'notifications',
+                library: IconLibrary.IONICONS,
+                category: IconCategory.COMMUNICATION,
+                tags: ['bell', 'alert', 'reminder'],
+                searchTerms: ['notifications', 'bell', 'alert', 'reminder'],
+            },
+            // Media icons (Material Design)
+            {
+                name: 'camera',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.MEDIA,
+                tags: ['photo', 'picture', 'snapshot'],
+                searchTerms: ['camera', 'photo', 'picture', 'image'],
+            },
+            {
+                name: 'image',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.MEDIA,
+                tags: ['photo', 'picture', 'gallery'],
+                searchTerms: ['image', 'photo', 'picture', 'gallery'],
+            },
+            {
+                name: 'videocam',
+                library: IconLibrary.MATERIAL,
+                category: IconCategory.MEDIA,
+                tags: ['video', 'camera', 'record'],
+                searchTerms: ['video', 'camera', 'record', 'film'],
+            },
+        ];
+    }
+    getAllIcons() {
+        return this.icons;
+    }
+    getIconsByCategory(category) {
+        if (category === IconCategory.ALL) {
+            return this.icons;
+        }
+        return this.icons.filter(icon => icon.category === category);
+    }
+    searchIcons(query) {
+        if (!query.trim()) {
+            return this.icons;
+        }
+        const normalizedQuery = query.toLowerCase().replace(/[^a-z0-9]/g, '');
+        return this.icons.filter(icon => {
+            const normalizedName = icon.name.toLowerCase().replace(/[^a-z0-9]/g, '');
+            const normalizedTags = icon.tags.map(tag => tag.toLowerCase().replace(/[^a-z0-9]/g, ''));
+            const normalizedTerms = icon.searchTerms.map(term => term.toLowerCase().replace(/[^a-z0-9]/g, ''));
+            return (normalizedName.includes(normalizedQuery) ||
+                normalizedTags.some(tag => tag.includes(normalizedQuery)) ||
+                normalizedTerms.some(term => term.includes(normalizedQuery)));
+        });
+    }
+    getIconMetadata(name) {
+        return this.icons.find(icon => icon.name === name) || null;
+    }
+}
+//# sourceMappingURL=ExpoIconRegistry.js.map

package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map

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

package/lib/domains/icons/presentation/components/Icon.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Universal Icon Component
+ *
+ * 🎯 SINGLE ICON COMPONENT FOR ALL APPS
+ *
+ * Automatically uses the icon library configured in IconLibraryConfig.
+ * Change library = change config, no code changes needed!
+ *
+ * @example
+ * ```tsx
+ * import { Icon } from '@domains/icons';
+ *
+ * // Basic usage
+ * <Icon name="Settings" size="md" color="primary" />
+ *
+ * // Custom size and color
+ * <Icon name="Heart" customSize={32} customColor="#FF0000" />
+ *
+ * // With background
+ * <Icon name="Info" size="lg" withBackground backgroundColor="#667eea" />
+ * ```
+ *
+ * 🔧 To change icon library:
+ * 1. Update CURRENT_LIBRARY in domain/config/IconLibraryConfig.ts
+ * 2. Done! All apps use new library automatically
+ */
+import React from 'react';
+import type { IconProps } from '../../domain/interfaces/IIconAdapter';
+/**
+ * Universal Icon Component
+ */
+export declare const Icon: React.FC<IconProps>;
+/**
+ * Export icon types for convenience
+ */
+export type { IconProps } from '../../domain/interfaces/IIconAdapter';
+export { type IconSize, type IconColor } from '../../domain/interfaces/IIconAdapter';
+/**
+ * Export current library's icon names for TypeScript autocomplete
+ */
+export type { LucideIconName as IconName } from '../../infrastructure/adapters/LucideAdapter';
+//# sourceMappingURL=Icon.d.ts.map

package/lib/domains/icons/presentation/components/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/components/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAmBtE;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkEpC,CAAC;AAEF;;GAEG;AACH,YAAY,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAErF;;GAEG;AACH,YAAY,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC"}

package/lib/domains/icons/presentation/components/Icon.js

@@ -0,0 +1,86 @@
+/**
+ * Universal Icon Component
+ *
+ * 🎯 SINGLE ICON COMPONENT FOR ALL APPS
+ *
+ * Automatically uses the icon library configured in IconLibraryConfig.
+ * Change library = change config, no code changes needed!
+ *
+ * @example
+ * ```tsx
+ * import { Icon } from '@domains/icons';
+ *
+ * // Basic usage
+ * <Icon name="Settings" size="md" color="primary" />
+ *
+ * // Custom size and color
+ * <Icon name="Heart" customSize={32} customColor="#FF0000" />
+ *
+ * // With background
+ * <Icon name="Info" size="lg" withBackground backgroundColor="#667eea" />
+ * ```
+ *
+ * 🔧 To change icon library:
+ * 1. Update CURRENT_LIBRARY in domain/config/IconLibraryConfig.ts
+ * 2. Done! All apps use new library automatically
+ */
+import React from 'react';
+import { View } from 'react-native';
+import { useAppDesignTokens } from '../../../../presentation/hooks/useAppDesignTokens';
+import { CURRENT_LIBRARY } from '../../domain/config/IconLibraryConfig';
+import { LucideAdapter } from '../../infrastructure/adapters/LucideAdapter';
+/**
+ * Get adapter based on current library configuration
+ */
+const getAdapter = () => {
+    switch (CURRENT_LIBRARY) {
+        case 'lucide':
+            return LucideAdapter;
+        // Future: Add more adapters here
+        // case 'material':
+        //   return MaterialAdapter;
+        // case 'fontawesome':
+        //   return FontAwesomeAdapter;
+        default:
+            return LucideAdapter;
+    }
+};
+/**
+ * Universal Icon Component
+ */
+export const Icon = ({ name, size = 'md', customSize, color = 'onSurface', customColor, strokeWidth, withBackground = false, backgroundColor, accessibilityLabel, testID, style, }) => {
+    const tokens = useAppDesignTokens();
+    const adapter = getAdapter();
+    // Get icon component from adapter
+    const IconComponent = adapter.getIconComponent(name);
+    if (!IconComponent) {
+        return null;
+    }
+    // Calculate icon size
+    const iconSize = adapter.getIconSize(size, customSize);
+    // Get icon color from theme
+    const iconColor = adapter.getIconColor(color, tokens, customColor);
+    // Get stroke width (for outline icons)
+    const iconStrokeWidth = strokeWidth || adapter.getStrokeWidth?.() || 2;
+    // Container size (slightly larger than icon)
+    const containerSize = iconSize + 8;
+    const containerStyles = [
+        withBackground && {
+            width: containerSize,
+            height: containerSize,
+            borderRadius: containerSize / 2,
+            backgroundColor: backgroundColor || tokens.colors.surfaceVariant,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        style,
+    ];
+    const IconElement = (<IconComponent size={iconSize} color={iconColor} strokeWidth={iconStrokeWidth} accessibilityLabel={accessibilityLabel || `${name} icon`} testID={testID}/>);
+    if (withBackground) {
+        return (<View style={containerStyles} testID={`${testID}-container`}>
+        {IconElement}
+      </View>);
+    }
+    return IconElement;
+};
+//# sourceMappingURL=Icon.js.map

package/lib/domains/icons/presentation/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/components/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAoC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,QAAQ,eAAe,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,iCAAiC;QACjC,mBAAmB;QACnB,4BAA4B;QAC5B,sBAAsB;QACtB,+BAA+B;QAC/B;YACE,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,UAAU,EACV,KAAK,GAAG,WAAW,EACnB,WAAW,EACX,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,KAAK,GACN,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,kCAAkC;IAClC,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAErD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sBAAsB;IACtB,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAEvD,4BAA4B;IAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IAEnE,uCAAuC;IACvC,MAAM,eAAe,GAAG,WAAW,IAAI,OAAO,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,CAAC;IAEvE,6CAA6C;IAC7C,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAyB;QAC5C,cAAc,IAAI;YAChB,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,eAAe,EAAE,eAAe,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc;YAChE,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK;KACN,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,GAAG,IAAI,OAAO,CAAC,CACzD,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;IAEF,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,YAAY,CAAC,CAC1D;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}

package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 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 type { IconMetadata } from '@domains/icons/domain/entities/Icon';
+import { IconLibrary, IconCategory } from '@domains/icons/domain/entities/Icon';
+/**
+ * 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 declare const useIconLibrary: (defaultLibrary?: IconLibrary) => {
+    selectedLibrary: IconLibrary;
+    selectedCategory: IconCategory;
+    icons: IconMetadata[];
+    searchIcons: (query: string) => IconMetadata[];
+    filterByCategory: (category: IconCategory) => IconMetadata[];
+    getIconMetadata: (name: string) => IconMetadata | null;
+    switchLibrary: (library: IconLibrary) => void;
+    switchCategory: (category: IconCategory) => void;
+    availableCategories: IconCategory[];
+    availableLibraries: IconLibrary[];
+    IconLibrary: typeof IconLibrary;
+    IconCategory: typeof IconCategory;
+};
+//# sourceMappingURL=useIconLibrary.d.ts.map

package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconLibrary.d.ts","sourceRoot":"","sources":["../../../../../src/domains/icons/presentation/hooks/useIconLibrary.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,YAAY,EAA6B,MAAM,qCAAqC,CAAC;AAG3G;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,iBAAgB,WAA4C;;;;yBA4B/E,MAAM,KAAG,YAAY,EAAE;iCAoBpB,YAAY,KAAG,YAAY,EAAE;4BAUjC,MAAM,KAAG,YAAY,GAAG,IAAI;6BAuBO,WAAW;+BAOT,YAAY;;;;;CAyB3D,CAAC"}