@umituz/react-native-settings 5.3.3 → 5.3.4

package/src/domains/legal/presentation/components/LegalDocumentsList.tsx

@@ -6,7 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { LegalItem } from "./LegalItem";
 import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
 

package/src/domains/legal/presentation/components/LegalItem.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from "react";
-import { ListItem } from "@umituz/react-native-design-system";
+import { ListItem } from "@umituz/react-native-design-system/molecules";
 
 export interface LegalItemProps {
   /**

package/src/domains/legal/presentation/components/LegalScreenHeader.tsx

@@ -6,7 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface LegalScreenHeaderProps {
   title?: string;

package/src/domains/legal/presentation/screens/LegalContentScreen.tsx

@@ -4,12 +4,13 @@
  */
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, type DesignTokens, ScreenLayout } from "@umituz/react-native-design-system";
-import { AtomicText, AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppNavigation, NavigationHeader } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
 import { ContentValidationService } from "../../domain/services/ContentValidationService";
 import { StyleCacheService } from "../../domain/services/StyleCacheService";
-import { useAppNavigation, NavigationHeader } from "@umituz/react-native-design-system";
 
 export interface LegalContentScreenProps {
   content?: string;

package/src/domains/legal/presentation/screens/LegalScreen.tsx

@@ -6,7 +6,8 @@
  */
 
 import React from "react";
-import { ScreenLayout, NavigationHeader, useAppNavigation } from "@umituz/react-native-design-system";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { NavigationHeader, useAppNavigation } from "@umituz/react-native-design-system/molecules";
 import { LegalScreenHeader } from "../components/LegalScreenHeader";
 import { LegalDocumentsList } from "../components/LegalDocumentsList";
 

package/src/domains/legal/presentation/screens/PrivacyPolicyScreen.tsx

@@ -4,7 +4,7 @@
  */
 import React from "react";
 import { StyleSheet } from "react-native";
-import type { DesignTokens } from "@umituz/react-native-design-system";
+import type { DesignTokens } from "@umituz/react-native-design-system/theme";
 import { LegalContentScreen } from "./LegalContentScreen";
 
 export interface PrivacyPolicyScreenProps {

package/src/domains/legal/presentation/screens/TermsOfServiceScreen.tsx

@@ -4,7 +4,7 @@
  */
 import React from "react";
 import { StyleSheet } from "react-native";
-import type { DesignTokens } from "@umituz/react-native-design-system";
+import type { DesignTokens } from "@umituz/react-native-design-system/theme";
 import { LegalContentScreen } from "./LegalContentScreen";
 
 export interface TermsOfServiceScreenProps {

package/src/domains/localization/infrastructure/components/LanguageSwitcher.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from 'react';
 import { TouchableOpacity, type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
-import { useAppDesignTokens, AtomicText } from '@umituz/react-native-design-system';
+import { AtomicText } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { useLanguageSwitcher } from './useLanguageSwitcher';
 import { styles, DEFAULT_CONFIG_VALUES } from './LanguageSwitcher.styles';
 

package/src/domains/localization/infrastructure/storage/LanguageInitializer.ts

@@ -7,7 +7,7 @@
  * - i18n setup
  */
 
-import { storageRepository } from '@umituz/react-native-design-system';
+import { storageRepository } from '@umituz/react-native-design-system/storage';
 import i18n from '../config/i18n';
 import { languageRepository } from '../repository/LanguageRepository';
 import { getDeviceLocale } from '../config/languages';

package/src/domains/localization/infrastructure/storage/LanguageSwitcher.ts

@@ -6,7 +6,7 @@
  * - Persistence
  */
 
-import { storageRepository } from '@umituz/react-native-design-system';
+import { storageRepository } from '@umituz/react-native-design-system/storage';
 import i18n from '../config/i18n';
 import { languageRepository } from '../repository/LanguageRepository';
 import { isDev } from '../../../../utils/devUtils';

package/src/domains/localization/infrastructure/storage/LocalizationStore.ts

@@ -3,7 +3,7 @@
  * Manages localization state using createStore pattern for consistency
  */
 
-import { createStore, storageService } from "@umituz/react-native-design-system";
+import { createStore, storageService } from "@umituz/react-native-design-system/storage";
 import type { LocalizationState, LocalizationActions, LocalizationGetters } from "./types/LocalizationState";
 import { languageRepository } from "../repository/LanguageRepository";
 import { InitializationManager, LanguageSwitchManager, localizationGetters } from "./localizationStoreUtils";

package/src/domains/localization/presentation/components/LanguageItem.tsx

@@ -13,7 +13,8 @@ import {
   type ViewStyle,
   type TextStyle,
 } from 'react-native';
-import { useAppDesignTokens, AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import type { Language } from '../../infrastructure/storage/types/Language';
 import { styles } from './LanguageItem.styles';
 

package/src/domains/localization/presentation/components/LanguageSection.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { View, StyleSheet, type ViewStyle } from 'react-native';
-import {
-    useAppDesignTokens,
-    AtomicText,
-    ListItem,
-} from '@umituz/react-native-design-system';
+import { AtomicText } from '@umituz/react-native-design-system/atoms';
+import { ListItem } from '@umituz/react-native-design-system/molecules';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { useLocalization } from '../../infrastructure/hooks/useLocalization';
 import { getLanguageByCode } from '../../infrastructure/config/languages';
 import { useSettingsNavigation } from '../../../../presentation/navigation/hooks/useSettingsNavigation';

package/src/domains/localization/presentation/screens/LanguageSelectionScreen.tsx

@@ -5,13 +5,9 @@
 
 import React from 'react';
 import { FlatList } from 'react-native';
-import {
-  useAppDesignTokens,
-  SearchBar,
-  ScreenLayout,
-  NavigationHeader,
-  useAppNavigation,
-} from '@umituz/react-native-design-system';
+import { ScreenLayout } from '@umituz/react-native-design-system/layouts';
+import { SearchBar, NavigationHeader, useAppNavigation } from '@umituz/react-native-design-system/molecules';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { useLanguageSelection } from '../../infrastructure/hooks/useLanguageSelection';
 import { LanguageItem } from '../components/LanguageItem';
 import type { Language } from '../../infrastructure/storage/types/Language';

package/src/domains/notifications/infrastructure/hooks/useNotificationSettings.ts

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useRef } from 'react';
-import { createStore } from '@umituz/react-native-design-system';
+import { createStore } from '@umituz/react-native-design-system/storage';
 
 interface NotificationSettingsState {
   notificationsEnabled: boolean;

package/src/domains/notifications/infrastructure/storage/UnifiedNotificationStore.ts

@@ -10,7 +10,7 @@
  */
 
 import { useMemo } from 'react';
-import { createStore, storageService } from '@umituz/react-native-design-system';
+import { createStore, storageService } from '@umituz/react-native-design-system/storage';
 import type { Reminder, QuietHoursConfig, NotificationPreferences } from '../services/types';
 
 // ============================================================================

package/src/domains/notifications/presentation/components/RemindersNavRow.styles.ts

@@ -3,7 +3,7 @@
  */
 
 import { StyleSheet } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
+import type { DesignTokens } from '@umituz/react-native-design-system/theme';
 
 export const createStyles = (tokens: DesignTokens) =>
   StyleSheet.create({

package/src/domains/notifications/presentation/components/RemindersNavRow.tsx

@@ -5,9 +5,9 @@
 
 import React from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { createStyles } from './RemindersNavRow.styles';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
 
 export interface RemindersNavRowProps {
   title: string;

package/src/domains/notifications/presentation/components/SettingRow.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo, useCallback } from 'react';
 import { View, StyleSheet, Switch } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 
 export interface SettingRowProps {
     iconName: string;

package/src/domains/notifications/presentation/screens/NotificationSettingsScreen.styles.ts

@@ -4,7 +4,7 @@
  */
 
 import { StyleSheet } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
+import type { DesignTokens } from '@umituz/react-native-design-system/theme';
 
 export const createStyles = (tokens: DesignTokens) =>
   StyleSheet.create({

package/src/domains/notifications/presentation/screens/NotificationSettingsScreen.tsx

@@ -5,15 +5,10 @@
 
 import React from 'react';
 import { View } from 'react-native';
-import {
-  AtomicCard,
-  AtomicDatePicker,
-  ScreenLayout,
-  AtomicSpinner,
-  NavigationHeader,
-  useAppDesignTokens,
-  useAppNavigation
-} from '@umituz/react-native-design-system';
+import { AtomicCard, AtomicDatePicker, AtomicSpinner } from '@umituz/react-native-design-system/atoms';
+import { ScreenLayout } from '@umituz/react-native-design-system/layouts';
+import { NavigationHeader, useAppNavigation } from '@umituz/react-native-design-system/molecules';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { QuietHoursCard } from '../../quietHours/presentation/components/QuietHoursCard';
 import { SettingRow } from '../components/SettingRow';
 import { RemindersNavRow } from '../components/RemindersNavRow';

package/src/domains/notifications/presentation/screens/NotificationsScreen.tsx

@@ -7,19 +7,10 @@
 
 import React, { useMemo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { 
-  AtomicIcon, 
-  AtomicCard, 
-  AtomicText, 
-  ScreenLayout, 
-  BASE_TOKENS, 
-  AtomicSpinner, 
-  type IconColor, 
-  NavigationHeader, 
-  useAppNavigation,
-  useAppDesignTokens,
-  type DesignTokens
-} from '@umituz/react-native-design-system';
+import { AtomicIcon, AtomicCard, AtomicText, AtomicSpinner, type IconColor } from '@umituz/react-native-design-system/atoms';
+import { ScreenLayout } from '@umituz/react-native-design-system/layouts';
+import { NavigationHeader, useAppNavigation } from '@umituz/react-native-design-system/molecules';
+import { BASE_TOKENS, useAppDesignTokens, type DesignTokens } from '@umituz/react-native-design-system/theme';
 import { Switch } from 'react-native';
 import { useNotificationSettings } from '../../infrastructure/hooks/useNotificationSettings';
 

package/src/domains/notifications/quietHours/presentation/components/QuietHoursCard.tsx

@@ -5,9 +5,9 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon, AtomicCard } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon, AtomicCard } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { Switch } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import type { QuietHoursConfig, QuietHoursTranslations } from '../../../infrastructure/services/types';
 
 export interface QuietHoursCardProps {

package/src/domains/notifications/reminders/presentation/components/FormButton.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo } from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 
 export interface FormButtonProps {
   label: string;

package/src/domains/notifications/reminders/presentation/components/FrequencySelector.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import type { ReminderFrequency } from '../../../infrastructure/services/types';
 import type { FrequencyOption } from '../../infrastructure/config/reminderPresets';
 

package/src/domains/notifications/reminders/presentation/components/ReminderForm.styles.ts

@@ -1,5 +1,5 @@
 import { StyleSheet } from 'react-native';
-import type { useAppDesignTokens } from '@umituz/react-native-design-system';
+import type { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 
 export const createReminderFormStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
   StyleSheet.create({

package/src/domains/notifications/reminders/presentation/components/ReminderForm.tsx

@@ -5,8 +5,8 @@
 
 import React, { useReducer, useMemo, useCallback } from 'react';
 import { View, TextInput, ScrollView } from 'react-native';
-import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { TimePresetSelector } from './TimePresetSelector';
 import { FrequencySelector } from './FrequencySelector';
 import { WeekdaySelector } from './WeekdaySelector';

package/src/domains/notifications/reminders/presentation/components/ReminderItem.tsx

@@ -5,9 +5,9 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { Switch } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import type { Reminder, ReminderFrequency } from '../../../infrastructure/services/types';
 
 export interface ReminderItemTranslations {

package/src/domains/notifications/reminders/presentation/components/TimePresetSelector.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import type { TimePreset } from '../../../infrastructure/services/types';
 
 export interface TimePresetSelectorProps {

package/src/domains/notifications/reminders/presentation/components/WeekdaySelector.tsx

@@ -5,8 +5,8 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { AtomicText } from '@umituz/react-native-design-system/atoms';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { WEEKDAY_OPTIONS } from '../../infrastructure/config/reminderPresets';
 
 export interface WeekdaySelectorProps {

package/src/domains/notifications/reminders/presentation/screens/ReminderListScreen.tsx

@@ -5,15 +5,10 @@
 
 import React, { useMemo, useCallback } from 'react';
 import { View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
-import {
-  AtomicText,
-  AtomicIcon,
-  AtomicSpinner,
-  ScreenLayout,
-  NavigationHeader,
-  useAppNavigation,
-  useAppDesignTokens
-} from '@umituz/react-native-design-system';
+import { AtomicText, AtomicIcon, AtomicSpinner } from '@umituz/react-native-design-system/atoms';
+import { ScreenLayout } from '@umituz/react-native-design-system/layouts';
+import { NavigationHeader, useAppNavigation } from '@umituz/react-native-design-system/molecules';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
 import { ReminderItem } from '../components/ReminderItem';
 import { useReminders, useRemindersLoading } from '../../../infrastructure/storage/UnifiedNotificationStore';
 import { useReminderActions } from '../../infrastructure/hooks/useReminderActions';

package/src/domains/rating/infrastructure/storage/RatingStorage.ts

@@ -3,7 +3,7 @@
  * Storage layer for rating system using design system storageRepository
  */
 
-import { storageRepository, unwrap } from "@umituz/react-native-design-system";
+import { storageRepository, unwrap } from "@umituz/react-native-design-system/storage";
 import type { RatingState } from "../../domain/entities/RatingConfig";
 
 /**

package/src/domains/rating/presentation/components/RatingPromptModal.tsx

@@ -5,13 +5,9 @@
 
 import React from "react";
 import { Modal, View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicButton,
-  AtomicIcon,
-  useAppDesignTokens,
-  useResponsive,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicButton, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useResponsive } from "@umituz/react-native-design-system/responsive";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { RatingTranslations } from "../../domain/entities/RatingConfig";
 
 export interface RatingPromptModalProps {

package/src/domains/rating/presentation/components/StarRating.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { View, StyleSheet, TouchableOpacity, ViewStyle } from "react-native";
-import { useAppDesignTokens, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface StarRatingProps {
     rating: number;

package/src/domains/video-tutorials/presentation/components/VideoTutorialCard.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, Image, StyleSheet, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { VideoTutorial } from "../../types";
 
 interface VideoTutorialCardProps {

package/src/domains/video-tutorials/presentation/screens/VideoTutorialsScreen.tsx

@@ -13,15 +13,10 @@
 
 import React from "react";
 import { View, FlatList, StyleSheet } from "react-native";
-import {
-  useAppDesignTokens,
-  ScreenLayout,
-  AtomicSpinner,
-  AtomicText,
-  useAppNavigation,
-  NavigationHeader,
-} from "@umituz/react-native-design-system";
-import type { DesignTokens } from "@umituz/react-native-design-system";
+import { AtomicSpinner, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppNavigation, NavigationHeader } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import type { VideoTutorial } from "../../types";
 import { VideoTutorialCard } from "../components/VideoTutorialCard";
 

package/src/index.ts

@@ -37,13 +37,11 @@ export {
   useResetSettingsMutation
 } from './presentation/hooks/mutations/useSettingsMutations';
 
-// useSettingsScreenConfig is available from '@umituz/react-native-settings/account'
-// for apps that use @umituz/react-native-auth
+export { useSettingsScreenConfig } from './presentation/hooks/useSettingsScreenConfig';
 export type {
   UseSettingsScreenConfigParams,
   SettingsScreenConfigResult,
   SettingsFeatures,
-  AuthData,
 } from './presentation/hooks/useSettingsScreenConfig';
 
 

package/src/infrastructure/repositories/SettingsRepository.ts

@@ -4,7 +4,7 @@
  * Handles data access for user settings using @umituz/react-native-design-system
  */
 
-import { storageRepository, StorageKey, createUserKey } from '@umituz/react-native-design-system';
+import { storageRepository, StorageKey, createUserKey } from '@umituz/react-native-design-system/storage';
 import type { ISettingsRepository, UserSettings, SettingsResult } from '../../application/ports/ISettingsRepository';
 import { TEXT_LENGTH_LIMITS } from '../utils/constants/textLimits';
 

package/src/presentation/components/SettingsFooter.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 export interface SettingsFooterProps {
   versionText?: string;

package/src/presentation/components/SettingsItemCard.tsx

@@ -1,10 +1,7 @@
 import React from "react";
 import { View, Pressable, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
-import {
-  useAppDesignTokens,
-  type IconName,
-  withAlpha,
-} from "@umituz/react-native-design-system";
+import type { IconName } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens, withAlpha } from "@umituz/react-native-design-system/theme";
 import { validateTitle, validateDescription, validateSwitchProps } from "../../infrastructure/utils/validators";
 import { sanitizeTitle, sanitizeDescription } from "../../infrastructure/utils/sanitizers";
 import { TEXT_LENGTH_LIMITS } from "../../infrastructure/utils/constants/textLimits";

package/src/presentation/components/SettingsNavigationItem.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import type { IconName } from "@umituz/react-native-design-system";
+import type { IconName } from "@umituz/react-native-design-system/atoms";
 import { SettingsItemCard } from "./SettingsItemCard";
 import { useSettingsNavigation } from "../navigation/hooks/useSettingsNavigation";
 import { createRouteOrPressHandler } from "../navigation/utils/navigationHelpers";

package/src/presentation/components/SettingsSection.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface SettingsSectionProps {
   title: string;

package/src/presentation/components/settings/SettingsItemCardContent.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens, AtomicIcon, AtomicText, type IconName } from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText, type IconName } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface SettingsItemCardContentProps {
   icon: IconName;

package/src/presentation/components/settings/SettingsItemCardRightElement.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { AtomicIcon, AtomicSwitch, type IconName } from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicSwitch, type IconName } from "@umituz/react-native-design-system/atoms";
 
 export interface SettingsItemCardRightElementProps {
   showSwitch: boolean;

package/src/presentation/components/settings/SettingsItemCardSection.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 export interface SettingsItemCardSectionProps {
   sectionTitle?: string;

package/src/presentation/hooks/mutations/useSettingsMutations.ts

@@ -4,7 +4,7 @@
  * Mutations for updating and resetting user settings
  */
 
-import { useMutation, useQueryClient } from '@umituz/react-native-design-system';
+import { useMutation, useQueryClient } from '@umituz/react-native-design-system/tanstack';
 import { getSettingsService } from '../../../infrastructure/services/SettingsService';
 import { SETTINGS_QUERY_KEY } from '../queries/useSettingsQuery';
 import type { UserSettings } from '../../../application/ports/ISettingsRepository';

package/src/presentation/hooks/queries/useSettingsQuery.ts

@@ -4,7 +4,7 @@
  * Fetches user settings using TanStack Query
  */
 
-import { useQuery } from '@umituz/react-native-design-system';
+import { useQuery } from '@umituz/react-native-design-system/tanstack';
 import { getSettingsService } from '../../../infrastructure/services/SettingsService';
 
 export const SETTINGS_QUERY_KEY = ['settings'];