@umituz/react-native-design-system 2.8.4 → 2.8.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.8.4",
+  "version": "2.8.6",
   "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, and onboarding utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -26,7 +26,7 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --skipLibCheck",
     "lint": "eslint . --ext .ts,.tsx",
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
@@ -58,6 +58,7 @@
   "peerDependencies": {
     "@expo/vector-icons": ">=15.0.0",
     "@react-native-community/datetimepicker": ">=8.0.0",
+    "@react-native-community/slider": ">=4.0.0",
     "@react-navigation/bottom-tabs": ">=7.0.0",
     "@react-navigation/native": ">=7.0.0",
     "@react-navigation/stack": ">=7.0.0",
@@ -72,6 +73,7 @@
     "expo-device": ">=5.0.0",
     "expo-font": ">=12.0.0",
     "expo-image": ">=3.0.0",
+    "expo-image-manipulator": ">=12.0.0",
     "expo-network": ">=8.0.0",
     "expo-secure-store": ">=14.0.0",
     "expo-sharing": ">=12.0.0",
@@ -98,6 +100,7 @@
     "@expo/vector-icons": "^15.0.0",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "^8.5.1",
+    "@react-native-community/slider": "^4.5.5",
     "@react-navigation/bottom-tabs": "^7.9.0",
     "@react-navigation/native": "^7.1.26",
     "@react-navigation/stack": "^7.6.13",
@@ -123,10 +126,15 @@
     "expo-device": "~7.0.2",
     "expo-file-system": "^19.0.21",
     "expo-font": "~13.0.0",
+    "expo-network": "~8.0.0",
+    "expo-video": "~3.0.0",
     "expo-haptics": "~14.0.0",
+    "expo-image-manipulator": "~13.0.0",
     "expo-image": "~3.0.11",
     "expo-localization": "~16.0.1",
     "expo-secure-store": "~14.0.0",
+    "i18next": "^25.0.0",
+    "react-i18next": "^16.0.0",
     "expo-sharing": "~14.0.8",
     "react": "19.1.0",
     "react-native": "0.81.5",

package/src/atoms/image/AtomicImage.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Image as ExpoImage, ImageProps as ExpoImageProps } from 'expo-image';
-import { StyleSheet, ViewStyle } from 'react-native';
 
 export type AtomicImageProps = ExpoImageProps & {
   rounded?: boolean;

package/src/device/infrastructure/services/DeviceFeatureService.ts

@@ -13,7 +13,6 @@ import type {
   DeviceFeatureConfig,
   DeviceFeatureUsage,
   DeviceFeatureAccess,
-  FeatureLimit,
   ResetPeriod,
 } from '../../domain/entities/DeviceFeatureConfig';
 import { PersistentDeviceIdService } from './PersistentDeviceIdService';

package/src/haptics/infrastructure/services/HapticService.ts

@@ -10,7 +10,6 @@
 
 import * as Haptics from 'expo-haptics';
 import type { ImpactStyle, NotificationType, HapticPattern } from '../../domain/entities/Haptic';
-import { isImpactStyle, isNotificationType, isHapticPattern } from '../../domain/entities/Haptic';
 
 /**
  * Log error in development mode only

package/src/image/infrastructure/services/ImageConversionService.ts

@@ -13,7 +13,7 @@ import type {
 import { IMAGE_CONSTANTS } from '../../domain/entities/ImageConstants';
 import { ImageTransformService } from './ImageTransformService';
 import { ImageValidator } from '../utils/ImageValidator';
-import { ImageErrorHandler, IMAGE_ERROR_CODES } from '../utils/ImageErrorHandler';
+import { ImageErrorHandler } from '../utils/ImageErrorHandler';
 import { ImageTransformUtils } from '../utils/ImageTransformUtils';
 
 export class ImageConversionService {

package/src/image/infrastructure/services/ImageEditorService.ts

@@ -4,12 +4,11 @@
  * Core editing functionality with layer and tool management
  */
 
-import { 
-  EditorTool, 
-  type EditorState, 
-  type EditorLayer, 
-  type EditorHistory, 
-  type EditorOptions 
+import {
+  EditorTool,
+  type EditorState,
+  type EditorLayer,
+  type EditorHistory
 } from '../../domain/entities/EditorTypes';
 import { ImageErrorHandler, IMAGE_ERROR_CODES } from '../utils/ImageErrorHandler';
 import { ImageEditorHistoryUtils } from '../utils/ImageEditorHistoryUtils';
@@ -21,8 +20,7 @@ export class ImageEditorService {
 
   static createInitialState(
     uri: string,
-    dimensions: { width: number; height: number },
-    options: EditorOptions = {}
+    dimensions: { width: number; height: number }
   ): EditorState {
     const defaultLayer: EditorLayer = {
       id: 'background',

package/src/image/infrastructure/services/ImageTransformService.ts

@@ -14,7 +14,7 @@ import type {
 } from '../../domain/entities/ImageTypes';
 import { ImageUtils } from '../../domain/utils/ImageUtils';
 import { ImageValidator } from '../utils/ImageValidator';
-import { ImageErrorHandler, IMAGE_ERROR_CODES } from '../utils/ImageErrorHandler';
+import { ImageErrorHandler } from '../utils/ImageErrorHandler';
 import { ImageTransformUtils } from '../utils/ImageTransformUtils';
 
 export class ImageTransformService {

package/src/image/infrastructure/utils/BatchProcessor.ts

@@ -5,7 +5,7 @@
  */
 
 import type { ImageManipulationResult, ImageCropArea, SaveFormat } from '../../domain/entities/ImageTypes';
-import type { BatchOperation, BatchProcessingOptions } from '../services/ImageBatchService';
+import type { BatchOperation } from '../services/ImageBatchService';
 import { ImageTransformService } from '../services/ImageTransformService';
 import { ImageConversionService } from '../services/ImageConversionService';
 import { ImageValidator } from './ImageValidator';
@@ -13,8 +13,7 @@ import { ImageErrorHandler, IMAGE_ERROR_CODES } from './ImageErrorHandler';
 
 export class BatchProcessor {
   static async processBatchItem(
-    operation: BatchOperation,
-    options: BatchProcessingOptions = {}
+    operation: BatchOperation
   ): Promise<{ uri: string; result: ImageManipulationResult | null; error?: Error }> {
     try {
       const uriValidation = ImageValidator.validateUri(operation.uri);

package/src/image/infrastructure/utils/MetadataExtractor.ts

@@ -4,11 +4,11 @@
  * Helper functions for extracting metadata from images
  */
 
-import type { ImageMetadataExtractionOptions } from '../../infrastructure/services/ImageMetadataService';
 import { ImageErrorHandler } from './ImageErrorHandler';
 
 export class MetadataExtractor {
-  static async getImageDimensions(uri: string): Promise<{ width: number; height: number }> {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static async getImageDimensions(_uri: string): Promise<{ width: number; height: number }> {
     try {
       // In a real implementation, we would use:
       // - expo-image-manipulator for basic dimensions
@@ -25,7 +25,8 @@ export class MetadataExtractor {
     }
   }
 
-  static async getFileSize(uri: string): Promise<number> {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static async getFileSize(_uri: string): Promise<number> {
     try {
       // In real implementation, use expo-file-system or similar
       return Math.floor(Math.random() * 5000000) + 10000; // Random size between 10KB-5MB
@@ -34,7 +35,8 @@ export class MetadataExtractor {
     }
   }
 
-  static async extractExifData(uri: string): Promise<any> {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static async extractExifData(_uri: string): Promise<any> {
     try {
       // Mock EXIF data extraction
       return {
@@ -47,19 +49,20 @@ export class MetadataExtractor {
         ExposureTime: `1/${Math.floor(Math.random() * 1000) + 100}`,
         FNumber: Math.random() * 8 + 1.4,
       };
-    } catch (error) {
+    } catch {
       return null;
     }
   }
 
-  static async extractGPSData(uri: string): Promise<{ latitude: number; longitude: number } | null> {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static async extractGPSData(_uri: string): Promise<{ latitude: number; longitude: number } | null> {
     try {
       // Mock GPS data extraction
       return Math.random() > 0.7 ? {
         latitude: Math.random() * 180 - 90,
         longitude: Math.random() * 360 - 180,
       } : null;
-    } catch (error) {
+    } catch {
       return null;
     }
   }

package/src/image/presentation/components/GalleryHeader.tsx

@@ -8,8 +8,7 @@
 import React from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
-import { AtomicText } from '@umituz/react-native-design-system';
+import { AtomicText } from '../../../atoms/AtomicText';
 
 interface GalleryHeaderProps {
     onEdit?: () => void;
@@ -19,7 +18,6 @@ interface GalleryHeaderProps {
 
 export function GalleryHeader({ onEdit, onClose, title }: GalleryHeaderProps) {
     const insets = useSafeAreaInsets();
-    const tokens = useAppDesignTokens();
 
     return (
         <View style={[

package/src/image/presentation/components/ImageGallery.tsx

@@ -5,8 +5,8 @@
  * Replaces slow standard image components for instant loading.
  */
 
-import React, { useCallback, useMemo, useState, useEffect } from 'react';
-import { Modal, View, StyleSheet, FlatList, Dimensions, TouchableOpacity } from 'react-native';
+import React, { useCallback, useState, useEffect } from 'react';
+import { Modal, View, StyleSheet, FlatList, Dimensions } from 'react-native';
 import { Image } from 'expo-image';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { ImageViewerItem, ImageGalleryOptions } from '../../domain/entities/ImageTypes';

package/src/image/presentation/components/editor/FilterPickerSheet.tsx

@@ -4,13 +4,11 @@
 
 import React, { forwardRef } from 'react';
 import { View, TouchableOpacity, ScrollView } from 'react-native';
-import { 
-  BottomSheetModal, 
-  AtomicText, 
-  AtomicIcon,
-  useAppDesignTokens, 
-  BottomSheetModalRef 
-} from '@umituz/react-native-design-system';
+import { BottomSheetModal } from '../../../../molecules/bottom-sheet/components/BottomSheetModal';
+import type { BottomSheetModalRef } from '../../../../molecules/bottom-sheet/types/BottomSheet';
+import { AtomicText } from '../../../../atoms/AtomicText';
+import { AtomicIcon } from '../../../../atoms/AtomicIcon';
+import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 import { FilterProcessor, type FilterPreset } from '../../../infrastructure/utils/FilterProcessor';
 
 export interface FilterPickerSheetProps {

package/src/image/presentation/components/editor/StickerPickerSheet.tsx

@@ -4,12 +4,10 @@
 
 import React, { forwardRef } from 'react';
 import { View, TouchableOpacity, ScrollView, Image, Dimensions } from 'react-native';
-import { 
-  BottomSheetModal, 
-  AtomicText, 
-  useAppDesignTokens, 
-  BottomSheetModalRef 
-} from '@umituz/react-native-design-system';
+import { BottomSheetModal } from '../../../../molecules/bottom-sheet/components/BottomSheetModal';
+import type { BottomSheetModalRef } from '../../../../molecules/bottom-sheet/types/BottomSheet';
+import { AtomicText } from '../../../../atoms/AtomicText';
+import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 
 const { width: SCREEN_WIDTH } = Dimensions.get('window');
 

package/src/image/presentation/components/editor/TextEditorSheet.tsx

@@ -4,13 +4,11 @@
 
 import React, { forwardRef, useState } from 'react';
 import { View, TouchableOpacity, ScrollView } from 'react-native';
-import { 
-  BottomSheetModal, 
-  AtomicText, 
-  AtomicIcon, 
-  useAppDesignTokens, 
-  BottomSheetModalRef 
-} from '@umituz/react-native-design-system';
+import { BottomSheetModal } from '../../../../molecules/bottom-sheet/components/BottomSheetModal';
+import type { BottomSheetModalRef } from '../../../../molecules/bottom-sheet/types/BottomSheet';
+import { AtomicText } from '../../../../atoms/AtomicText';
+import { AtomicIcon } from '../../../../atoms/AtomicIcon';
+import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 import { TextContentTab, TextStyleTab, TextTransformTab } from './TextEditorTabs';
 
 export interface TextEditorSheetProps {

package/src/image/presentation/components/editor/TextEditorTabs.tsx

@@ -5,20 +5,22 @@
 import React from 'react';
 import { View, TextInput, ScrollView, TouchableOpacity } from 'react-native';
 import Slider from '@react-native-community/slider';
-import { AtomicText, AtomicIcon, useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText } from '../../../../atoms/AtomicText';
+import { AtomicIcon } from '../../../../atoms/AtomicIcon';
+import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 
 interface TabProps {
   t: (key: string) => string;
 }
 
-export const TextContentTab: React.FC<TabProps & { text: string; onTextChange: (t: string) => void }> = ({ text, onTextChange, t }) => {
+export const TextContentTab: React.FC<TabProps & { text: string; onTextChange: (t: string) => void }> = ({ text, onTextChange, t: translate }) => {
   const tokens = useAppDesignTokens();
   return (
     <View style={{ gap: tokens.spacing.lg }}>
       <TextInput
         value={text}
         onChangeText={onTextChange}
-        placeholder={t('editor.text_placeholder')}
+        placeholder={translate('editor.text_placeholder')}
         style={{
           ...tokens.typography.bodyLarge,
           borderWidth: 1,
@@ -38,7 +40,7 @@ export const TextStyleTab: React.FC<TabProps & {
   fontSize: number; setFontSize: (s: number) => void;
   color: string; setColor: (c: string) => void;
   fontFamily: string; setFontFamily: (f: string) => void;
-}> = ({ fontSize, setFontSize, color, setColor, fontFamily, setFontFamily, t }) => {
+}> = ({ fontSize, setFontSize, color, setColor, fontFamily, setFontFamily }) => {
   const tokens = useAppDesignTokens();
   const colors = ['#FFFFFF', '#000000', '#FF0000', '#FFFF00', '#0000FF', '#00FF00', '#FF00FF', '#FFA500'];
   const fonts = ['System', 'serif', 'sans-serif', 'monospace'];
@@ -83,9 +85,8 @@ export const TextStyleTab: React.FC<TabProps & {
 export const TextTransformTab: React.FC<TabProps & {
   scale: number; setScale: (s: number) => void;
   rotation: number; setRotation: (r: number) => void;
-  opacity: number; setOpacity: (o: number) => void;
   onDelete?: () => void;
-}> = ({ scale, setScale, rotation, setRotation, opacity, setOpacity, onDelete, t }) => {
+}> = ({ scale, setScale, rotation, setRotation, onDelete }) => {
   const tokens = useAppDesignTokens();
   return (
     <View style={{ gap: tokens.spacing.xl }}>

package/src/image/presentation/components/image/AtomicImage.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Image as ExpoImage, ImageProps as ExpoImageProps } from 'expo-image';
-import { StyleSheet, ViewStyle } from 'react-native';
 
 export type AtomicImageProps = ExpoImageProps & {
   rounded?: boolean;

package/src/infinite-scroll/presentation/hooks/pagination.helper.ts

@@ -3,7 +3,7 @@
  * SOLID: Single Responsibility - Handle pagination operations
  */
 
-import type { InfiniteScrollConfig, PaginatedResult } from "../../domain/types/infinite-scroll-config";
+import type { InfiniteScrollConfig } from "../../domain/types/infinite-scroll-config";
 import type { InfiniteScrollState } from "../../domain/types/infinite-scroll-state";
 
 export function isCursorMode<T>(

package/src/molecules/bottom-sheet/SafeBottomSheetModalProvider.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { View } from 'react-native';
 
 /**
  * SafeBottomSheetModalProvider

package/src/molecules/navigation/utils/createScreenOptions.ts

@@ -34,6 +34,7 @@ export const createScreenOptions = (params: ScreenOptionsParams): StackNavigatio
       fontWeight: '600',
       color: colors.textPrimary,
     },
+    headerTitleAlign: 'left',
     headerTintColor: colors.textPrimary,
     ...(backTitle && {
       headerBackTitle: backTitle,

package/src/offline/infrastructure/events/NetworkEvents.ts

@@ -37,7 +37,6 @@ class NetworkEventEmitter implements NetworkEvents {
         listener(state);
       } catch (error) {
         if (__DEV__) {
-          // eslint-disable-next-line no-console
           console.error(`[NetworkEventEmitter] Error in ${event} listener:`, error);
         }
       }

package/src/offline/infrastructure/utils/healthCheck.ts

@@ -48,14 +48,12 @@ export class HealthCheck {
       const isHealthy = response.ok;
 
       if (this.config.debug) {
-        // eslint-disable-next-line no-console
         console.log('[HealthCheck] Result:', isHealthy ? 'HEALTHY' : 'UNHEALTHY');
       }
 
       return isHealthy;
     } catch (error) {
       if (this.config.debug) {
-        // eslint-disable-next-line no-console
         console.warn('[HealthCheck] Failed:', error);
       }
 
@@ -71,7 +69,6 @@ export class HealthCheck {
   start(callback: (isHealthy: boolean) => void): void {
     if (this.config.healthCheckInterval === 0) {
       if (this.config.debug) {
-        // eslint-disable-next-line no-console
         console.log('[HealthCheck] Disabled (interval = 0)');
       }
       return;
@@ -82,7 +79,6 @@ export class HealthCheck {
     }
 
     if (this.config.debug) {
-      // eslint-disable-next-line no-console
       console.log('[HealthCheck] Starting (interval:', this.config.healthCheckInterval + 'ms)');
     }
 
@@ -101,7 +97,6 @@ export class HealthCheck {
       this.intervalId = null;
 
       if (this.config.debug) {
-        // eslint-disable-next-line no-console
         console.log('[HealthCheck] Stopped');
       }
     }

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

@@ -62,7 +62,6 @@ export const useOffline = (config?: OfflineConfig) => {
       })
       .catch((error: Error) => {
         if (__DEV__ || mergedConfig.debug) {
-          // eslint-disable-next-line no-console
           console.error('[react-native-offline] Failed to fetch network state:', error);
         }
       });

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

@@ -18,13 +18,11 @@ export const useOfflineWithMutations = (onOnline: () => Promise<void>) => {
     isProcessingRef.current = true;
     try {
       if (__DEV__) {
-        // eslint-disable-next-line no-console
         console.log('[react-native-offline] Executing online callback');
       }
       await onOnline();
     } catch (error) {
       if (__DEV__) {
-        // eslint-disable-next-line no-console
         console.error('[react-native-offline] Online callback failed:', error);
       }
     } finally {

package/src/onboarding/infrastructure/utils/layouts/screenDimensions.ts

@@ -3,7 +3,7 @@
  * Centralized screen dimension values using design system utilities
  */
 
-import { getScreenDimensions } from "@umituz/react-native-design-system";
+import { getScreenDimensions } from "../../../../device/detection/deviceDetection";
 
 const dimensions = getScreenDimensions();
 

package/src/onboarding/presentation/components/BackgroundImageCollage.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { Image } from "expo-image";
-import { useSafeAreaInsets } from "@umituz/react-native-design-system";
+import { useSafeAreaInsets } from "../../../safe-area/hooks/useSafeAreaInsets";
 import {
   generateGridLayout,
   generateDenseGridLayout,

package/src/onboarding/presentation/components/BaseSlide.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo } from "react";
 import { View, ScrollView } from "react-native";
-import { useAppDesignTokens, useResponsive } from "@umituz/react-native-design-system";
+import { useResponsive } from "../../../responsive/useResponsive";
 import type { ContentPosition } from "../../domain/entities/OnboardingSlide";
 
 export interface BaseSlideProps {
@@ -17,7 +17,6 @@ export const BaseSlide = ({
   children,
   contentPosition = "center",
 }: BaseSlideProps) => {
-  const tokens = useAppDesignTokens();
   const { verticalPadding, horizontalPadding } = useResponsive();
   const isBottom = contentPosition === "bottom";
 

package/src/onboarding/presentation/components/OnboardingFooter.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useLocalization } from "@umituz/react-native-localization";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "../../../atoms/AtomicText";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";
 
 export interface OnboardingFooterProps {

package/src/onboarding/presentation/components/OnboardingHeader.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../atoms/AtomicText";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";
 

package/src/onboarding/presentation/components/OnboardingResetSetting.tsx

@@ -1,6 +1,8 @@
 import React, { useCallback } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../atoms/AtomicText";
+import { useAppDesignTokens } from "../../../theme/hooks/useAppDesignTokens";
 
 export interface OnboardingResetSettingProps {
     onReset: () => void | Promise<void>;

package/src/onboarding/presentation/components/OnboardingScreenContent.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet, StatusBar } from "react-native";
-import { useTheme } from "@umituz/react-native-design-system";
+import { useTheme } from "../../../theme/infrastructure/stores/themeStore";
 import { OnboardingHeader } from "./OnboardingHeader";
 import { OnboardingSlide as OnboardingSlideComponent } from "./OnboardingSlide";
 import { QuestionSlide } from "./QuestionSlide";

package/src/onboarding/presentation/components/OnboardingSlide.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../atoms/AtomicText";
 import type { OnboardingSlide as OnboardingSlideType } from "../../domain/entities/OnboardingSlide";
 import { BaseSlide } from "./BaseSlide";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";

package/src/onboarding/presentation/components/QuestionSlide.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "../../../atoms/AtomicText";
 import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
 import { QuestionSlideHeader } from "./QuestionSlideHeader";
 import { QuestionRenderer } from "./QuestionRenderer";
@@ -24,7 +24,6 @@ export const QuestionSlide = ({
   slide,
   value,
   onChange,
-  variant: _variant = "default",
 }: QuestionSlideProps) => {
   const {
     theme: { colors },

package/src/onboarding/presentation/components/QuestionSlideHeader.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../atoms/AtomicText";
 import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
 import { useOnboardingProvider } from "../providers/OnboardingProvider";
 

package/src/onboarding/presentation/components/questions/MultipleChoiceQuestion.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "../../../../atoms/AtomicText";
 import { useOnboardingProvider } from "../../providers/OnboardingProvider";
 import { ensureArray } from "../../../infrastructure/utils/arrayUtils";
 import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";

package/src/onboarding/presentation/components/questions/QuestionOptionItem.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../../atoms/AtomicText";
 import type { QuestionOption } from "../../../domain/entities/OnboardingQuestion";
 import type { OnboardingColors } from "../../types/OnboardingTheme";
 

package/src/onboarding/presentation/components/questions/RatingQuestion.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../../atoms/AtomicText";
 import { useOnboardingProvider } from "../../providers/OnboardingProvider";
 import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
 

package/src/onboarding/presentation/components/questions/SingleChoiceQuestion.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "../../../../atoms/AtomicIcon";
+import { AtomicText } from "../../../../atoms/AtomicText";
 import { useOnboardingProvider } from "../../providers/OnboardingProvider";
 import type { OnboardingQuestion, QuestionOption } from "../../../domain/entities/OnboardingQuestion";
 

package/src/onboarding/presentation/components/questions/TextInputQuestion.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, TextInput, StyleSheet } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "../../../../atoms/AtomicText";
 import { useOnboardingProvider } from "../../providers/OnboardingProvider";
 import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
 

package/src/onboarding/presentation/hooks/__tests__/useOnboardingContainerStyle.test.ts

@@ -6,7 +6,7 @@ import { renderHook } from '@testing-library/react-native';
 import { useOnboardingContainerStyle } from '../useOnboardingContainerStyle';
 
 // Mock theme hook
-jest.mock('@umituz/react-native-design-system', () => ({
+jest.mock('../../../../theme/hooks/useAppDesignTokens', () => ({
   useAppDesignTokens: jest.fn(),
 }));
 
@@ -15,7 +15,7 @@ jest.mock('react-native-safe-area-context', () => ({
   useSafeAreaInsets: jest.fn(),
 }));
 
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 const mockUseAppDesignTokens = useAppDesignTokens as jest.MockedFunction<typeof useAppDesignTokens>;

package/src/onboarding/presentation/hooks/useOnboardingContainerStyle.ts

@@ -5,7 +5,7 @@
 
 import { useMemo } from "react";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "../../../theme/hooks/useAppDesignTokens";
 
 export interface UseOnboardingContainerStyleProps {
   useCustomBackground: boolean;

package/src/onboarding/presentation/screens/OnboardingScreen.tsx

@@ -9,7 +9,7 @@
 
 import React, { useMemo } from "react";
 import { StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "../../../theme/hooks/useAppDesignTokens";
 import type { OnboardingOptions } from "../../domain/entities/OnboardingOptions";
 import { useOnboardingScreenState } from "../hooks/useOnboardingScreenState";
 import { OnboardingScreenContent } from "../components/OnboardingScreenContent";
@@ -74,7 +74,6 @@ export const OnboardingScreen = ({
   showDots = true,
   showProgressText = true,
   storageKey,
-  autoComplete: _autoComplete = false,
   renderHeader,
   renderFooter,
   renderSlide,

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

@@ -84,7 +84,7 @@ export class TimezoneProvider {
                     displayName: namePart?.value || zone,
                     offset,
                 };
-            } catch (e) {
+            } catch {
                 return {
                     timezone: zone,
                     displayName: zone,
@@ -108,7 +108,7 @@ export class TimezoneProvider {
             const tzDate = new Date(d.toLocaleString('en-US', { timeZone: timezone }));
 
             return (tzDate.getTime() - utcDate.getTime()) / (1000 * 60);
-        } catch (e) {
+        } catch {
             return 0;
         }
     }

package/src/molecules/calendar/infrastructure/storage/CalendarStore.ts.bak

@@ -1,116 +0,0 @@
-/**
- * Calendar Store - Combined Hook
- * Convenience hook that combines all calendar stores
- */
-
-import { useMemo } from 'react';
-import { useCalendarEvents } from '../stores/useCalendarEvents';
-import { useCalendarNavigation } from '../stores/useCalendarNavigation';
-import { useCalendarView } from '../stores/useCalendarView';
-import { CalendarService } from '../../services/CalendarService';
-import type { CalendarDay } from '../../../domain/entities/CalendarDay.entity';
-
-// Export individual stores
-export { useCalendarEvents } from '../stores/useCalendarEvents';
-export { useCalendarNavigation } from '../stores/useCalendarNavigation';
-export { useCalendarView } from '../stores/useCalendarView';
-
-// Export types
-export type { CalendarViewMode } from '../stores/useCalendarView';
-
-/**
- * Combined calendar hook
- * Use this for convenience, or use individual stores for fine-grained control
- */
-export const useCalendar = () => {
-  const events = useCalendarEvents();
-  const navigation = useCalendarNavigation();
-  const view = useCalendarView();
-
-  // Utility functions for backward compatibility
-  const getEventsForDate = (date: Date) => {
-    return events.events.filter(event => {
-      const eventDate = new Date(event.date);
-      return eventDate.toDateString() === date.toDateString();
-    });
-  };
-
-  const getEventsForMonth = (year: number, month: number) => {
-    return events.events.filter(event => {
-      const eventDate = new Date(event.date);
-      return eventDate.getFullYear() === year && eventDate.getMonth() === month;
-    });
-  };
-
-  return {
-    // Events state and actions
-    events: events.events,
-    isLoading: events.isLoading,
-    error: events.error,
-    loadEvents: events.loadEvents,
-    addEvent: events.addEvent,
-    updateEvent: events.updateEvent,
-    deleteEvent: events.deleteEvent,
-    completeEvent: events.completeEvent,
-    uncompleteEvent: events.uncompleteEvent,
-    clearError: events.clearError,
-    clearAllEvents: events.clearAllEvents,
-
-    // Navigation state and actions
-    selectedDate: navigation.selectedDate,
-    currentMonth: navigation.currentMonth,
-    setSelectedDate: navigation.setSelectedDate,
-    goToToday: navigation.goToToday,
-    navigateMonth: navigation.navigateMonth,
-    setCurrentMonth: navigation.setCurrentMonth,
-
-    // View state and actions
-    viewMode: view.viewMode,
-    setViewMode: view.setViewMode,
-
-    // Utility functions
-    getEventsForDate,
-    getEventsForMonth,
-  };
-};
-
-/**
- * Legacy alias for backward compatibility
- * @deprecated Use useCalendar instead
- */
-export const useCalendarStore = () => {
-  const calendar = useCalendar();
-
-  const days = useMemo(() => {
-    const year = calendar.currentMonth.getFullYear();
-    const month = calendar.currentMonth.getMonth();
-    return CalendarService.getMonthDays(year, month, calendar.events);
-  }, [calendar.currentMonth, calendar.events]);
-
-  return {
-    events: calendar.events,
-    selectedDate: calendar.selectedDate,
-    currentMonth: calendar.currentMonth,
-    viewMode: calendar.viewMode,
-    isLoading: calendar.isLoading,
-    error: calendar.error,
-    actions: {
-      loadEvents: calendar.loadEvents,
-      addEvent: calendar.addEvent,
-      updateEvent: calendar.updateEvent,
-      deleteEvent: calendar.deleteEvent,
-      completeEvent: calendar.completeEvent,
-      uncompleteEvent: calendar.uncompleteEvent,
-      setSelectedDate: calendar.setSelectedDate,
-      goToToday: calendar.goToToday,
-      navigateMonth: calendar.navigateMonth,
-      setCurrentMonth: calendar.setCurrentMonth,
-      setViewMode: calendar.setViewMode,
-      getEventsForDate: calendar.getEventsForDate,
-      getEventsForMonth: calendar.getEventsForMonth,
-      clearError: calendar.clearError,
-      clearAllEvents: calendar.clearAllEvents,
-    },
-    days,
-  };
-};