@umituz/react-native-design-system 4.27.15 → 4.27.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.15",
+  "version": "4.27.16",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",
@@ -208,13 +208,14 @@
     "url": "https://github.com/umituz/react-native-design-system"
   },
   "peerDependencies": {
-    "expo": ">=54.0.0",
+    "@react-native-community/datetimepicker": ">=8.0.0",
     "@react-navigation/bottom-tabs": ">=7.0.0",
     "@react-navigation/native": ">=7.0.0",
     "@react-navigation/stack": ">=7.0.0",
     "@tanstack/query-async-storage-persister": ">=5.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "@tanstack/react-query-persist-client": ">=5.0.0",
+    "expo": ">=54.0.0",
     "expo-application": ">=5.0.0",
     "expo-clipboard": ">=8.0.0",
     "expo-crypto": ">=13.0.0",
@@ -230,10 +231,9 @@
     "react": ">=19.0.0",
     "react-native": "*",
     "react-native-gesture-handler": ">=2.20.0",
+    "react-native-keyboard-controller": ">=1.0.0",
     "react-native-safe-area-context": ">=5.6.2",
-    "zustand": ">=5.0.0",
-    "@react-native-community/datetimepicker": ">=8.0.0",
-    "react-native-keyboard-controller": ">=1.0.0"
+    "zustand": ">=5.0.0"
   },
   "peerDependenciesMeta": {
     "react-native-keyboard-controller": {
@@ -298,13 +298,18 @@
     "@eslint/js": "^9.39.2",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "^8.5.1",
+    "@react-navigation/bottom-tabs": "^7.15.5",
+    "@react-navigation/native": "^7.1.33",
+    "@react-navigation/stack": "^7.8.5",
     "@tanstack/query-async-storage-persister": "^5.66.7",
     "@tanstack/react-query": "^5.66.7",
     "@tanstack/react-query-persist-client": "^5.66.7",
     "@testing-library/react": "^16.3.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.0",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
+    "@types/react-native": "^0.72.8",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
     "eslint": "^9.39.2",

package/src/atoms/GlassView/GlassView.tsx

@@ -1,7 +1,5 @@
 import React from 'react';
 import { StyleSheet, ViewStyle, StyleProp, View } from 'react-native';
-// Remove expo-blur import to fix native module error
-// import { BlurView, BlurTint } from 'expo-blur';
 import { useDesignSystemTheme } from '../../theme';
 import { intensityToOpacity } from '../../utils/math';
 

package/src/core/cache/index.ts

@@ -8,8 +8,9 @@
 export { UnifiedCache } from './domain/UnifiedCache';
 export type { UnifiedCacheConfig } from './domain/UnifiedCache';
 
-export { CleanupStrategy, IntervalCleanupStrategy, TimeoutCleanupStrategy } from './domain/CleanupStrategy';
-export type { CleanupType } from './domain/CleanupStrategy';
+export type { CleanupStrategy } from './domain/CleanupStrategy';
+export { IntervalCleanupStrategy, TimeoutCleanupStrategy } from './domain/CleanupStrategy';
+export type { CleanupType } from './domain/types';
 
 export { CacheFactory } from './infrastructure/CacheFactory';
 

package/src/core/index.ts

@@ -6,10 +6,12 @@
  */
 
 // Cache
-export { UnifiedCache, CacheFactory } from './cache/domain/UnifiedCache';
-export { CleanupStrategy, IntervalCleanupStrategy, TimeoutCleanupStrategy } from './cache/domain/CleanupStrategy';
+export { UnifiedCache } from './cache/domain/UnifiedCache';
+export { CacheFactory } from './cache/infrastructure/CacheFactory';
+export type { CleanupStrategy } from './cache/domain/CleanupStrategy';
+export { IntervalCleanupStrategy, TimeoutCleanupStrategy } from './cache/domain/CleanupStrategy';
 export type { UnifiedCacheConfig } from './cache/domain/UnifiedCache';
-export type { CacheEntry, CacheConfig } from './cache/domain/types';
+export type { CacheEntry, CacheConfig, CleanupType } from './cache/domain/types';
 
 // Permissions
 export { PermissionHandler } from './permissions/domain/PermissionHandler';

package/src/core/repositories/domain/RepositoryUtils.ts

@@ -12,7 +12,7 @@ import type { RepositoryOptions, ListParams } from './types';
  */
 const DEFAULT_CACHE_OPTIONS = {
   staleTime: 5 * 60 * 1000, // 5 minutes
-  gcTime: 10 * 60 * 1000, // 10 minutes (formerly cacheTime)
+  gcTime: 10 * 60 * 1000, // 10 minutes
 };
 
 /**
@@ -43,10 +43,10 @@ export function getCacheOptions(options: RepositoryOptions): {
   staleTime: number;
   gcTime: number;
 } {
-  const merged = mergeRepositoryOptions(options);
+  const cache = options.cache ?? {};
   return {
-    staleTime: merged.cache.staleTime,
-    gcTime: merged.cache.gcTime,
+    staleTime: cache.staleTime ?? DEFAULT_CACHE_OPTIONS.staleTime,
+    gcTime: cache.gcTime ?? DEFAULT_CACHE_OPTIONS.gcTime,
   };
 }
 

package/src/core/repositories/domain/types.ts

@@ -53,7 +53,7 @@ export interface UpdateParams<TVariables> {
 export type QueryKeyFactory = {
   all: () => readonly string[];
   lists: () => readonly string[];
-  list: (params: ListParams) => readonly string[];
+  list: (params: ListParams) => readonly unknown[];
   details: () => readonly string[];
-  detail: (id: string | number) => readonly string[];
+  detail: (id: string | number) => readonly unknown[];
 };

package/src/hooks/index.ts

@@ -20,11 +20,6 @@
 
 export {
   useAppDesignTokens,
-  useDesignSystemTheme,
-  useTheme,
-  useThemedStyles,
-  useThemedStyleSheet,
-  useCommonStyles,
 } from '../theme/hooks/useAppDesignTokens';
 
 export { useTheme as useThemeStore } from '../theme/infrastructure/stores/themeStore';
@@ -35,9 +30,10 @@ export { useTheme as useThemeStore } from '../theme/infrastructure/stores/themeS
 
 export {
   useResponsive,
-  useBreakpoint,
-  useOrientation,
-  type Breakpoint,
+  useScreenWidth,
+  useScreenHeight,
+  useScreenDimensions,
+  type UseResponsiveReturn,
 } from '../responsive';
 
 // =============================================================================
@@ -45,7 +41,6 @@ export {
 // =============================================================================
 
 export {
-  useSafeArea,
   useSafeAreaInsets,
 } from '../safe-area';
 
@@ -55,8 +50,8 @@ export {
 
 export {
   useInfiniteScroll,
-  type UseInfiniteScrollOptions,
-  type UseInfiniteScrollResult,
+  type InfiniteScrollConfig,
+  type UseInfiniteScrollReturn,
 } from '../infinite-scroll';
 
 // =============================================================================
@@ -65,7 +60,7 @@ export {
 
 export {
   useOffline,
-  type NetworkStatus,
+  type NetworkState,
 } from '../offline';
 
 // =============================================================================
@@ -73,9 +68,11 @@ export {
 // =============================================================================
 
 export {
-  useDeviceContext,
   useDeviceInfo,
+  useDeviceCapabilities,
+  useDeviceId,
   type DeviceInfo,
+  type AnonymousUser,
 } from '../device';
 
 // =============================================================================
@@ -84,8 +81,14 @@ export {
 
 export {
   useStorage,
-  useAsyncStorage,
-  useSecureStorage,
+  useStorageState,
+  useStore,
+  usePersistentCache,
+  useCache,
+  useCachedValue,
+  useCacheState,
+  type PersistentCacheOptions,
+  type PersistentCacheResult,
 } from '../storage';
 
 // =============================================================================
@@ -93,10 +96,8 @@ export {
 // =============================================================================
 
 export {
-  useImagePicker,
-  useImageLibrary,
-  useCamera,
-  type ImagePickerResult,
+  useMedia,
+  type MediaPickerResult,
 } from '../media';
 
 // =============================================================================
@@ -105,7 +106,6 @@ export {
 
 export {
   useTimezone,
-  useLocalTime,
   type TimezoneInfo,
 } from '../timezone';
 
@@ -115,9 +115,6 @@ export {
 
 export {
   useHaptics,
-  useImpact,
-  useNotification,
-  useSelection,
 } from '../haptics';
 
 // =============================================================================
@@ -125,6 +122,6 @@ export {
 // =============================================================================
 
 export {
-  useLoading,
-  useLoadingState,
+  useGlobalLoading,
+  type LoadingState,
 } from '../loading';

package/src/infinite-scroll/presentation/hooks/useInfiniteScroll.ts

@@ -67,33 +67,6 @@ export function useInfiniteScroll<T>(
     abortControllerRef.current = new AbortController();
   }, []);
 
-  const loadInitial = useCallback(async () => {
-    if (isLoadingRef.current) return;
-    isLoadingRef.current = true;
-    cancelPendingRequests();
-
-    if (isMountedRef.current) setState((prev) => ({ ...prev, isLoading: true, error: null }));
-
-    try {
-      const newState = await retryWithBackoff(
-        () => loadData(config, initialPage, pageSize, totalItems),
-        maxRetries,
-        retryDelay,
-      );
-
-      if (isMountedRef.current) {
-        setState(newState);
-      }
-    } catch (error) {
-      if (isMountedRef.current) {
-        const errorMessage = error instanceof Error ? error.message : "Failed to load data";
-        setState((prev) => ({ ...prev, isLoading: false, error: errorMessage }));
-      }
-    } finally {
-      isLoadingRef.current = false;
-    }
-  }, [config, initialPage, pageSize, totalItems, maxRetries, retryDelay, cancelPendingRequests]);
-
   const loadMore = useCallback(async () => {
     // Get fresh state from ref to avoid stale closure
     const currentState = stateRef.current;
@@ -165,8 +138,38 @@ export function useInfiniteScroll<T>(
   }, [initialPage, totalItems, cancelPendingRequests]);
 
   useEffect(() => {
-    if (autoLoad) loadInitial();
-  }, [autoLoad, loadInitial]);
+    if (autoLoad) {
+      const initialize = async () => {
+        if (isLoadingRef.current) return;
+
+        isLoadingRef.current = true;
+        cancelPendingRequests();
+
+        if (isMountedRef.current) setState((prev) => ({ ...prev, isLoading: true, error: null }));
+
+        try {
+          const newState = await retryWithBackoff(
+            () => loadData(config, initialPage, pageSize, totalItems),
+            maxRetries,
+            retryDelay,
+          );
+
+          if (isMountedRef.current) {
+            setState(newState);
+          }
+        } catch (error) {
+          if (isMountedRef.current) {
+            const errorMessage = error instanceof Error ? error.message : "Failed to load data";
+            setState((prev) => ({ ...prev, isLoading: false, error: errorMessage }));
+          }
+        } finally {
+          isLoadingRef.current = false;
+        }
+      };
+      initialize();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoLoad]);
 
   const canLoadMore = state.hasMore && !state.isLoadingMore && !state.isLoading;
 

package/src/media/domain/strategies/CameraPickerStrategy.ts

@@ -32,8 +32,10 @@ export class CameraPickerStrategy implements PickerStrategy {
   }
 
   async launch(options: LaunchOptions): Promise<any> {
-    const mediaTypes =
-      this.config.mediaType === 'videos' ? ['videos'] : ['images'];
+    const mediaTypes: ImagePicker.MediaTypeOptions =
+      this.config.mediaType === 'videos'
+        ? ImagePicker.MediaTypeOptions.Videos
+        : ImagePicker.MediaTypeOptions.Images;
 
     const launchOptions: ImagePicker.ImagePickerOptions = {
       mediaTypes,
@@ -52,12 +54,6 @@ export class CameraPickerStrategy implements PickerStrategy {
       if (options.videoMaxDuration !== undefined) {
         launchOptions.videoMaxDuration = options.videoMaxDuration;
       }
-      if (options.videoMaxBitrate !== undefined) {
-        launchOptions.videoMaxBitrate = options.videoMaxBitrate;
-      }
-      if (options.videoQuality) {
-        launchOptions.videoQuality = options.videoQuality;
-      }
     }
 
     return ImagePicker.launchCameraAsync(launchOptions);

package/src/media/domain/strategies/index.ts

@@ -4,7 +4,7 @@
  * Strategy pattern implementations for different picker types.
  */
 
-export { PickerStrategy } from './PickerStrategy';
+export type { PickerStrategy } from './PickerStrategy';
 export type { LaunchOptions, PickerLaunchResult } from './PickerStrategy';
 
 export { CameraPickerStrategy } from './CameraPickerStrategy';

package/src/media/infrastructure/services/MediaPickerService.ts

@@ -16,9 +16,8 @@ import type {
 import {
   MediaType,
   MediaValidationError,
-  MEDIA_CONSTANTS,
 } from '../../domain/entities/Media';
-import { mapPickerResult } from '../utils/mediaPickerMappers';
+import { mapPickerResultFromStrategy } from '../utils/mediaPickerMappers';
 import { PermissionManager } from '../utils/PermissionManager';
 import { FileValidator } from '../../domain/utils/FileValidator';
 import { ErrorHandler } from '../../../utils/errors';
@@ -62,8 +61,8 @@ export class MediaPickerService {
     }
 
     try {
-      const result = await strategy.launch(options ?? {});
-      return mapPickerResult(result);
+      const pickerResult = await strategy.launch(options ?? {});
+      return mapPickerResultFromStrategy(pickerResult);
     } catch (error) {
       ErrorHandler.handleAndLog(error, 'launchMediaPicker', {
         strategy: strategy.name,
@@ -178,14 +177,4 @@ export class MediaPickerService {
       mediaTypes: MediaType.ALL,
     });
   }
-
-  /**
-   * Legacy method for backward compatibility
-   * @deprecated Use pickSingleImage instead
-   */
-  static async pickImage(
-    options?: MediaPickerOptions
-  ): Promise<MediaPickerResult> {
-    return this.pickFromLibrary(options);
-  }
 }

package/src/media/infrastructure/utils/mediaPickerMappers.ts

@@ -15,15 +15,13 @@ import {
  * Map expo-image-picker permission status to MediaLibraryPermission
  */
 export const mapPermissionStatus = (
-  status: ImagePicker.PermissionStatus
+  status: string
 ): MediaLibraryPermission => {
   switch (status) {
-    case ImagePicker.PermissionStatus.GRANTED:
+    case 'granted':
       return MediaLibraryPermission.GRANTED;
-    case ImagePicker.PermissionStatus.DENIED:
-      return MediaLibraryPermission.DENIED;
-    case ImagePicker.PermissionStatus.UNDETERMINED:
-      return MediaLibraryPermission.DENIED;
+    case 'denied':
+    case 'undetermined':
     default:
       return MediaLibraryPermission.DENIED;
   }
@@ -74,3 +72,28 @@ export const mapPickerResult = (
     assets,
   };
 };
+
+/**
+ * Map PickerStrategy result to MediaPickerResult
+ */
+export const mapPickerResultFromStrategy = (
+  result: { canceled: boolean; assets?: Array<{ uri: string; width?: number; height?: number; type?: 'image' | 'video'; duration?: number; fileSize?: number }> }
+): MediaPickerResult => {
+  if (result.canceled) {
+    return { canceled: true };
+  }
+
+  const assets: MediaAsset[] = (result.assets ?? []).map((asset) => ({
+    uri: asset.uri,
+    width: asset.width ?? 0,
+    height: asset.height ?? 0,
+    type: asset.type === 'video' ? MediaType.VIDEO : MediaType.IMAGE,
+    fileSize: asset.fileSize,
+    duration: asset.duration,
+  }));
+
+  return {
+    canceled: false,
+    assets,
+  };
+};

package/src/molecules/swipe-actions/domain/entities/SwipeAction.ts

@@ -69,7 +69,6 @@ export const DEFAULT_SWIPE_CONFIG: Required<Omit<SwipeableConfig, 'leftActions'
   friction: 2,
 };
 
-// Re-export utilities for backward compatibility
 export {
   ACTION_PRESETS,
   getPreset,

package/src/offline/index.ts

@@ -17,7 +17,7 @@ export { useOfflineStore } from './infrastructure/storage/OfflineStore';
 export { useOfflineConfigStore } from './infrastructure/storage/OfflineConfigStore';
 
 // Hooks
-export { useOffline, configureOffline } from './presentation/hooks/useOffline';
+export { useOffline } from './presentation/hooks/useOffline';
 export { useOfflineState } from './presentation/hooks/useOfflineState';
 export { useOfflineWithMutations } from './presentation/hooks/useOfflineWithMutations';
 

package/src/offline/presentation/hooks/useOffline.ts

@@ -38,14 +38,6 @@ const toNetworkState = (state: ExpoNetworkState): NetworkState => ({
   details: null,
 });
 
-/**
- * Configure offline settings globally
- * This is a facade over the config store for backward compatibility
- */
-export const configureOffline = (config: OfflineConfig): void => {
-  useOfflineConfigStore.getState().setConfig(config);
-};
-
 export const useOffline = (config?: OfflineConfig) => {
   const store = useOfflineStore();
   const globalConfig = useOfflineConfigStore((state) => state.config);

package/src/storage/README.md

@@ -118,7 +118,6 @@ Clean Architecture with DDD principles:
 - MUST export from index.ts at root level
 - MUST organize exports by module
 - MUST provide TypeScript types
-- MUST maintain backward compatibility
 - MUST not export internal utilities
 
 ### File Organization

package/src/storage/cache/domain/types/README.md

@@ -103,5 +103,4 @@ TypeScript type definitions for cache entries, configuration, statistics, and ev
 ### Export Rules
 - MUST export all public types
 - MUST use `type` keyword for type-only exports
-- MUST maintain backward compatibility
 - MUST document type changes

package/src/storage/cache/presentation/README.md

@@ -120,4 +120,3 @@ Presentation layer provides React hooks and components for integrating cache fun
 - MUST export hooks from index file
 - MUST provide consistent naming
 - MUST document hook contracts
-- MUST maintain backward compatibility

package/src/storage/cache/presentation/useCachedValue.ts

@@ -2,7 +2,7 @@
  * useCachedValue Hook
  */
 
-import { useCallback, useRef, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { cacheManager } from '../domain/CacheManager';
 import type { CacheConfig } from '../domain/types/Cache';
 import { useAsyncOperation } from '../../../utils/hooks';
@@ -16,6 +16,15 @@ export function useCachedValue<T>(
   const fetcherRef = useRef(fetcher);
   const configRef = useRef(config);
 
+  // Update refs when props change
+  useEffect(() => {
+    fetcherRef.current = fetcher;
+  }, [fetcher]);
+
+  useEffect(() => {
+    configRef.current = config;
+  }, [config]);
+
   const { data: value, isLoading, error, execute, setData } = useAsyncOperation<T | undefined, Error>(
     async () => {
       const cache = cacheManager.getCache<T>(cacheName, configRef.current);
@@ -55,8 +64,9 @@ export function useCachedValue<T>(
   }, [cacheName, setData]);
 
   const refetch = useCallback(() => {
+    // Clear data first, then execute on next tick
     setData(undefined);
-    execute();
+    Promise.resolve().then(() => execute());
   }, [execute, setData]);
 
   return useMemo(() => ({

package/src/storage/domain/constants/README.md

@@ -84,7 +84,6 @@ Constant values for time-based calculations and default configuration. Located a
 - MUST increment CACHE_VERSION on schema changes
 - MUST implement migration for old versions
 - MUST document breaking changes
-- MUST support backward compatibility where possible
 
 ### Export Rules
 - MUST export all constants

package/src/storage/infrastructure/adapters/README.md

@@ -137,7 +137,6 @@ Storage adapter implementations for Zustand persist middleware. Located at `src/
 - MUST migrate data on read
 - MUST clean up old data after migration
 - MUST handle migration failures
-- MUST be backward compatible
 
 ### Error Handling
 - MUST catch all exceptions in adapter methods

package/src/storage/presentation/hooks/README.md

@@ -120,9 +120,3 @@ This directory contains React hooks that integrate storage and cache functionali
 - MUST use `useMemo` for computed values
 - MUST implement proper dependency arrays
 - MUST avoid unnecessary re-renders
-
-### Deprecation
-- MUST document deprecated hooks
-- MUST provide migration path for deprecated hooks
-- MUST maintain backward compatibility when possible
-- MUST remove deprecated hooks after major version bump

package/src/storage/presentation/hooks/useStorageState.ts

@@ -28,20 +28,29 @@ export const useStorageState = <T>(
   const [state, setState] = useState<T>(defaultValue);
   const [isLoading, setIsLoading] = useState(true);
   const isMountedRef = useRef(true);
+  const defaultValueRef = useRef(defaultValue);
+
+  // Update ref when defaultValue changes
+  useEffect(() => {
+    defaultValueRef.current = defaultValue;
+  }, [defaultValue]);
 
   useEffect(() => {
     isMountedRef.current = true;
     setIsLoading(true);
 
     storageRepository
-      .getItem<T>(keyString, defaultValue)
+      .getItem<T>(keyString, defaultValueRef.current)
       .then((result) => {
         if (isMountedRef.current) {
-          setState(unwrap(result, defaultValue));
+          setState(unwrap(result, defaultValueRef.current));
         }
       })
-      .catch(() => {
+      .catch((error) => {
         // Keep defaultValue on error
+        if (__DEV__) {
+          console.warn('[useStorageState] Failed to load from storage:', error);
+        }
       })
       .finally(() => {
         if (isMountedRef.current) {
@@ -52,7 +61,7 @@ export const useStorageState = <T>(
     return () => {
       isMountedRef.current = false;
     };
-  }, [keyString, defaultValue]);
+  }, [keyString]);
 
   // Update state and persist to storage
   const updateState = useCallback(

package/src/tanstack/domain/repositories/BaseRepository.ts

@@ -79,7 +79,7 @@ export abstract class BaseRepository<
     this.resource = resource;
     this.options = mergeRepositoryOptions(options);
     this.keys = createQueryKeyFactory(this.resource);
-    this.log = createRepositoryLogger(resource, this.options.debug ?? __DEV__);
+    this.log = createRepositoryLogger(resource, __DEV__);
   }
 
   /**

package/src/theme/hooks/useAppDesignTokens.ts

@@ -1,8 +1,28 @@
-import { useMemo } from 'react';
+import { useMemo, useRef } from 'react';
 import { useTheme } from '../infrastructure/stores/themeStore';
 import { createDesignTokens } from '../core/TokenFactory';
 import { useResponsive } from '../../responsive/useResponsive';
 import { type DesignTokens } from '../types/ThemeTypes';
+import type { CustomThemeColors } from '../core/CustomColors';
+
+/**
+ * Shallow equality check for CustomThemeColors
+ */
+function areCustomColorsEqual(a?: CustomThemeColors, b?: CustomThemeColors): boolean {
+    if (a === b) return true;
+    if (!a || !b) return false;
+
+    const keysA = Object.keys(a) as (keyof CustomThemeColors)[];
+    const keysB = Object.keys(b) as (keyof CustomThemeColors)[];
+
+    if (keysA.length !== keysB.length) return false;
+
+    for (const key of keysA) {
+        if (a[key] !== b[key]) return false;
+    }
+
+    return true;
+}
 
 /**
  * Hook to access current design tokens (colors, spacing, typography, etc.)
@@ -13,8 +33,14 @@ export const useAppDesignTokens = (): DesignTokens => {
     const { themeMode, customColors } = useTheme();
     const { spacingMultiplier, getFontSize } = useResponsive();
 
+    // Stabilize customColors reference to prevent unnecessary re-computation
+    const customColorsRef = useRef(customColors);
+    if (!areCustomColorsEqual(customColorsRef.current, customColors)) {
+        customColorsRef.current = customColors;
+    }
+
     return useMemo(
-        () => createDesignTokens(themeMode, customColors, spacingMultiplier, getFontSize),
-        [themeMode, customColors, spacingMultiplier, getFontSize]
+        () => createDesignTokens(themeMode, customColorsRef.current, spacingMultiplier, getFontSize),
+        [themeMode, spacingMultiplier, getFontSize]
     );
 };

package/src/timezone/infrastructure/services/TimezoneProvider.ts

@@ -1,12 +1,12 @@
 import { TimezoneInfo } from '../../domain/entities/Timezone';
-import { SimpleCache } from '../utils/SimpleCache';
+import { UnifiedCache } from '../../../core/cache/domain/UnifiedCache';
 
 /**
  * TimezoneProvider
  * Responsible for discovering device timezone and providing available timezones
  */
 export class TimezoneProvider {
-    private cache = new SimpleCache<TimezoneInfo[]>(300000); // 5 min cache
+    private cache = new UnifiedCache<TimezoneInfo[]>({ defaultTTL: 300000 }); // 5 min cache
     /**
      * Get current device timezone using Intl API
      */

package/src/init/index.ts

@@ -1,29 +0,0 @@
-/**
- * App Initialization Module
- *
- * Provides utilities for app initialization:
- * - createAppInitializer: Factory for creating app initializers
- * - useAppInitialization: Hook for managing initialization state
- * - createEnvConfig: Environment configuration factory
- */
-
-// App Initializer
-export {
-  createAppInitializer,
-  createInitModule,
-} from "./createAppInitializer";
-
-// Initialization Hook
-export { useAppInitialization } from "./useAppInitialization";
-
-// Environment Configuration
-export * from "./env";
-
-// Types
-export type {
-  InitModule,
-  AppInitializerConfig,
-  AppInitializerResult,
-  UseAppInitializationOptions,
-  UseAppInitializationReturn,
-} from "./types";

package/src/layouts/ScreenLayout/index.ts

@@ -1 +0,0 @@
-export * from './ScreenLayout';

package/src/layouts/index.ts

@@ -1,5 +0,0 @@
-export * from './Container';
-export * from './FormLayout';
-export * from './Grid';
-export * from './ScreenLayout';
-export * from './ScreenHeader/ScreenHeader';

package/src/molecules/SearchBar/index.ts

@@ -1,4 +0,0 @@
-export * from './SearchBar';
-export * from './SearchHistory';
-export * from './SearchSuggestions';
-export * from './types';

package/src/molecules/StepProgress/index.ts

@@ -1 +0,0 @@
-export * from "./StepProgress";

package/src/molecules/alerts/index.ts

@@ -1,47 +0,0 @@
-/**
- * Alerts Molecule - Public API
- */
-
-export * from './AlertTypes';
-export { useAlertStore } from './AlertStore';
-export { AlertService } from './AlertService';
-export { AlertBanner } from './AlertBanner';
-export { AlertToast } from './AlertToast';
-export { AlertInline } from './AlertInline';
-export { AlertModal } from './AlertModal';
-export { AlertContainer } from './AlertContainer';
-export { AlertProvider } from './AlertProvider';
-export { useAlert } from './useAlert';
-
-import { AlertService } from './AlertService';
-import { useAlertStore } from './AlertStore';
-import { AlertOptions } from './AlertTypes';
-
-/**
- * Convenience alert service for use outside of components
- */
-export const alertService = {
-    error: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createErrorAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    success: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createSuccessAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    warning: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createWarningAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    info: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createInfoAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    dismiss: (id: string) => {
-        useAlertStore.getState().dismissAlert(id);
-    },
-};

package/src/molecules/bottom-sheet/index.ts

@@ -1,10 +0,0 @@
-export * from './components/BottomSheet';
-export * from './components/BottomSheetModal';
-
-export * from './components/filter/FilterBottomSheet';
-export * from './components/filter/FilterSheet';
-export * from './hooks/useBottomSheet';
-export * from './hooks/useBottomSheetModal';
-export * from './hooks/useListFilters';
-export * from './types/BottomSheet';
-export * from './types/Filter';

package/src/molecules/circular-menu/index.ts

@@ -1,3 +0,0 @@
-export * from "./CircularMenu";
-export * from "./CircularMenuBackground";
-export * from "./CircularMenuCloseButton";

package/src/molecules/filter-group/index.ts

@@ -1,3 +0,0 @@
-
-export * from './FilterGroup';
-export * from './types';

package/src/molecules/index.ts

@@ -1,38 +0,0 @@
-/**
- * Molecules - Composite UI components
- * Built from atoms following atomic design principles
- */
-
-// Component exports
-export * from './avatar';
-export * from './bottom-sheet';
-export { FormField, type FormFieldProps } from './FormField';
-export { ListItem, type ListItemProps } from './ListItem';
-export { SearchBar, type SearchBarProps } from './SearchBar';
-export { IconContainer } from './IconContainer';
-export { BaseModal, type BaseModalProps } from './BaseModal';
-export { ConfirmationModal } from './ConfirmationModalMain';
-export { useConfirmationModal } from './confirmation-modal/useConfirmationModal';
-
-// Other components
-export * from './Divider/Divider';
-export * from './Divider/types';
-export * from './StepProgress';
-export * from './List';
-export * from './alerts';
-export * from './calendar';
-export * from './swipe-actions';
-export * from './navigation';
-export * from './long-press-menu';
-export * from './StepHeader';
-export * from './emoji';
-export * from './countdown';
-export * from './splash';
-export * from './filter-group';
-export * from './action-footer/ActionFooter';
-export * from './action-footer/types';
-export * from './hero-section/HeroSection';
-export * from './hero-section/types';
-export * from './info-grid';
-export * from './circular-menu';
-export * from './icon-grid';

package/src/molecules/info-grid/index.ts

@@ -1,3 +0,0 @@
-
-export * from './InfoGrid';
-export * from './types';

package/src/molecules/swipe-actions/index.ts

@@ -1,6 +0,0 @@
-/**
- * Swipe Actions Domain - Barrel Export
- */
-
-export * from './domain/entities/SwipeAction';
-export * from './presentation/components/SwipeActionButton';

package/src/presentation/utils/variants/index.ts

@@ -1,6 +0,0 @@
-/**
- * Variant utilities for style management
- */
-
-export * from './core';
-export * from './helpers';

package/src/timezone/infrastructure/utils/SimpleCache.ts

@@ -1,64 +0,0 @@
-/**
- * SimpleCache (Backward Compatibility Wrapper)
- *
- * @deprecated Use UnifiedCache from core/cache instead.
- * This wrapper maintains backward compatibility while migrating to UnifiedCache.
- *
- * Lightweight in-memory cache for performance optimization.
- * Now implemented using UnifiedCache with timeout-based cleanup strategy.
- */
-
-import { UnifiedCache } from '../../../core/cache/domain/UnifiedCache';
-import { TimeoutCleanupStrategy } from '../../../core/cache/domain/CleanupStrategy';
-import { ONE_MINUTE_MS } from '../../../utils/constants/TimeConstants';
-
-/**
- * SimpleCache - Wrapper around UnifiedCache for backward compatibility
- *
- * @example
- * ```ts
- * // Old usage (still works):
- * const cache = new SimpleCache<string>(60000);
- *
- * // New usage (recommended):
- * import { CacheFactory } from '../../../core/cache';
- * const cache = CacheFactory.createTimeoutCache(60000);
- * ```
- */
-export class SimpleCache<T> {
-  private cache: UnifiedCache<T>;
-
-  constructor(defaultTTL: number = ONE_MINUTE_MS) {
-    this.cache = new UnifiedCache<T>({
-      defaultTTL,
-      cleanupStrategy: new TimeoutCleanupStrategy(ONE_MINUTE_MS),
-    });
-  }
-
-  /**
-   * Destroy the cache and stop cleanup timer
-   */
-  destroy(): void {
-    this.cache.destroy();
-  }
-
-  set(key: string, value: T, ttl?: number): void {
-    this.cache.set(key, value, ttl);
-  }
-
-  get(key: string): T | undefined {
-    return this.cache.get(key);
-  }
-
-  has(key: string): boolean {
-    return this.cache.has(key);
-  }
-
-  clear(): void {
-    this.cache.clear();
-  }
-
-  delete(key: string): void {
-    this.cache.delete(key);
-  }
-}

package/src/utilities/index.ts

@@ -1,6 +0,0 @@
-/**
- * Utilities - Public API
- */
-
-export * from './clipboard';
-export * from './sharing';