@umituz/react-native-ai-generation-content 1.83.56 → 1.83.57

package/src/domains/image-to-video/presentation/screens/ImageToVideoWizardFlow.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { IMAGE_TO_VIDEO_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
 import { useAIFeatureGate } from "../../../../domains/access-control";

package/src/domains/result-preview/presentation/components/RecentCreationsSection.tsx

@@ -5,12 +5,9 @@
 
 import React, { useMemo, useCallback } from "react";
 import { StyleSheet, View, TouchableOpacity, FlatList } from "react-native";
-import {
-  AtomicText,
-  AtomicImage,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { AtomicImage } from "@umituz/react-native-design-system/image";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { RecentCreation } from "../types/result-preview.types";
 
 interface RecentCreationsSectionProps {

package/src/domains/result-preview/presentation/components/ResultActionBar.tsx

@@ -5,12 +5,8 @@
 
 import React, { useMemo } from "react";
 import { StyleSheet, View, TouchableOpacity, ActivityIndicator } from "react-native";
-import {
-  AtomicIcon,
-  AtomicText,
-  useAppDesignTokens,
-  useResponsive,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { ResultActionBarProps } from "../types/result-preview.types";
 
 export const ResultActionBar: React.FC<ResultActionBarProps> = ({

package/src/domains/result-preview/presentation/components/ResultImageCard.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { StyleSheet, View } from "react-native";
-import { AtomicImage, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicImage } from "@umituz/react-native-design-system/image";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { ResultImageCardProps } from "../types/result-preview.types";
 
 export const ResultImageCard: React.FC<ResultImageCardProps> = ({

package/src/domains/result-preview/presentation/components/ResultPreviewScreen.tsx

@@ -1,11 +1,8 @@
 import React, { useMemo } from "react";
 import { StyleSheet, View } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-  ScreenLayout,
-  NavigationHeader,
-} from "@umituz/react-native-design-system";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ResultImageCard } from "./ResultImageCard";
 import { ResultActionBar } from "./ResultActionBar";
 import { RecentCreationsSection } from "./RecentCreationsSection";

package/src/domains/result-preview/presentation/components/StarRatingPicker.tsx

@@ -5,12 +5,8 @@
 
 import React, { useState, useMemo } from "react";
 import { StyleSheet, View, TouchableOpacity, Modal, TextInput } from "react-native";
-import {
-  AtomicIcon,
-  AtomicText,
-  AtomicButton,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface StarRatingPickerProps {
   visible: boolean;

package/src/domains/result-preview/presentation/hooks/useResultActions.ts

@@ -7,13 +7,7 @@ import { useState, useCallback } from "react";
 
 import * as MediaLibrary from "expo-media-library";
 import * as Sharing from "expo-sharing";
-import {
-  isBase64DataUrl,
-  toDataUrl,
-  saveBase64ToFile,
-  isVideoUrl,
-  downloadMediaToFile,
-} from "@umituz/react-native-design-system";
+import { isVideoUrl } from "@umituz/react-native-design-system/media";
 import type { UseResultActionsOptions, UseResultActionsReturn } from "../types/result-preview.types";
 
 export const useResultActions = (options: UseResultActionsOptions = {}): UseResultActionsReturn => {

package/src/domains/scenarios/presentation/components/ScenarioContinueButton.tsx

@@ -6,12 +6,8 @@
 
 import React from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-  useResponsive,
-} 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";
 
 interface ScenarioContinueButtonProps {
   readonly canContinue: boolean;

package/src/domains/scenarios/presentation/screens/HierarchicalScenarioListScreen.tsx

@@ -5,15 +5,9 @@
 
 import React, { useMemo, useCallback, useState } from "react";
 import { View, FlatList, StyleSheet, type ListRenderItemInfo } from "react-native";
-import {
-  AtomicText,
-  AtomicCard,
-  useAppDesignTokens,
-  ScreenLayout,
-  NavigationHeader,
-  AtomicSpinner,
-  type DesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicCard, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import type { ScenarioData } from "../../domain/scenario.types";
 import type { SubCategory } from "../../domain/category.types";

package/src/domains/scenarios/presentation/screens/MainCategoryScreen.tsx

@@ -9,12 +9,9 @@ import {
   StyleSheet,
   type ListRenderItemInfo,
 } from "react-native";
-import {
-  AtomicCard,
-  useAppDesignTokens,
-  ScreenLayout,
-  type DesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicCard } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AIGenScreenHeader } from "../../../../presentation/components";
 import type { MainCategory } from "../../domain/category.types";

package/src/domains/scenarios/presentation/screens/ScenarioPreviewScreen.tsx

@@ -5,15 +5,9 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-  ScreenLayout,
-  type DesignTokens,
-  HeroSection,
-  NavigationHeader,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { WizardContinueButton } from "../../../../domains/generation/wizard/presentation/components/WizardContinueButton";
 import type { ScenarioData } from "../../domain/scenario.types";
 

package/src/domains/scenarios/presentation/screens/SubCategoryScreen.tsx

@@ -9,12 +9,9 @@ import {
   StyleSheet,
   type ListRenderItemInfo,
 } from "react-native";
-import {
-  AtomicCard,
-  useAppDesignTokens,
-  ScreenLayout,
-  type DesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicCard } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AIGenScreenHeader } from "../../../../presentation/components";
 import type { SubCategory } from "../../domain/category.types";

package/src/domains/text-to-image/presentation/screens/TextToImageWizardFlow.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { TEXT_TO_IMAGE_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
 import { useAIFeatureGate } from "../../../../domains/access-control";

package/src/domains/text-to-video/presentation/components/FrameSelector.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, TouchableOpacity, Image } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 { FrameSelectorProps } from "../../domain/types";
 
 interface FrameContentProps {

package/src/domains/text-to-video/presentation/components/GenerationTabs.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, 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 type { GenerationTabsProps } from "../../domain/types";
 
 export const GenerationTabs: React.FC<GenerationTabsProps> = ({

package/src/domains/text-to-video/presentation/components/HeroSection.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 { HeroSectionProps } from "../../domain/types";
 
 export const HeroSection: React.FC<HeroSectionProps> = ({

package/src/domains/text-to-video/presentation/components/HintCarousel.tsx

@@ -11,10 +11,8 @@ import {
   Image,
   StyleSheet,
 } from "react-native";
-import {
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { HintCarouselProps } from "../../domain/types";
 
 export const HintCarousel: React.FC<HintCarouselProps> = ({

package/src/domains/text-to-video/presentation/components/OptionsPanel.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, Switch, TouchableOpacity } 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 type { OptionsPanelProps } from "../../domain/types";
 
 export const OptionsPanel: React.FC<OptionsPanelProps> = ({

package/src/domains/text-to-video/presentation/screens/TextToVideoWizardFlow.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { TEXT_TO_VIDEO_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
 import { useAIFeatureGate } from "../../../../domains/access-control";

package/src/infrastructure/utils/feature-utils.ts

@@ -3,7 +3,7 @@
  * Uses ONLY configured app services - no alternatives
  */
 
-import { readFileAsBase64 } from "@umituz/react-native-design-system";
+import { readFileAsBase64 } from "@umituz/react-native-design-system/filesystem";
 import { getAuthService, getCreditService, getPaywallService, isAppServicesConfigured } from "../config/app-services.config";
 import { env } from "../config/env.config";
 

package/src/presentation/components/AIGenerationForm.tsx

@@ -1,10 +1,7 @@
 import React from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 { StyleSelector } from "./selectors/StyleSelector";
 import { DurationSelector } from "./selectors/DurationSelector";

package/src/presentation/components/AIGenerationHero.tsx

@@ -6,11 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet, type ViewStyle } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 AIGenerationHeroProps {
   readonly title: string;

package/src/presentation/components/GenerationProgressContent.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ProgressCloseButton } from "./ProgressCloseButton";
 import { ProgressHeader } from "./ProgressHeader";
 import { ProgressHint } from "./ProgressHint";

package/src/presentation/components/PendingJobCard.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, AtomicSpinner, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { BackgroundJob } from "../../domains/background/domain/entities/job.types";
 import { ProgressBar } from "../../shared/components/common";
 import { PendingJobCardActions } from "./PendingJobCardActions";

package/src/presentation/components/PendingJobCardActions.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, 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";
 
 export interface PendingJobCardActionsProps {
     id: string;

package/src/presentation/components/PhotoUploadCard/ImageContent.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { Image, TouchableOpacity, View } from "react-native";
-import {
-  AtomicIcon,
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { PhotoUploadCardStyles } from "./PhotoUploadCard.styles";
 
 interface ImageContentProps {

package/src/presentation/components/PhotoUploadCard/PhotoUploadCard.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";
 import type { PhotoUploadCardConfig } from "./PhotoUploadCard.types";
 
 export type PhotoUploadCardStyles = ReturnType<typeof createPhotoUploadCardStyles>;

package/src/presentation/components/PhotoUploadCard/PhotoUploadCard.tsx

@@ -7,7 +7,7 @@
 
 import React, { useMemo } from "react";
 import { View, Pressable } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ValidatingContent } from "./ValidatingContent";
 import { ImageContent } from "./ImageContent";
 import { PlaceholderContent } from "./PlaceholderContent";

package/src/presentation/components/PhotoUploadCard/PlaceholderContent.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View } from "react-native";
-import {
-  AtomicIcon,
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { PhotoUploadCardStyles } from "./PhotoUploadCard.styles";
 
 interface PlaceholderContentProps {

package/src/presentation/components/PhotoUploadCard/ValidatingContent.tsx

@@ -5,10 +5,7 @@
 
 import React from "react";
 import { View } from "react-native";
-import {
-  AtomicText,
-  AtomicSpinner,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
 import type { PhotoUploadCardStyles } from "./PhotoUploadCard.styles";
 
 interface ValidatingContentProps {

package/src/presentation/components/PhotoUploadCard/useBorderColor.ts

@@ -4,7 +4,7 @@
  */
 
 import { useMemo } from "react";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface UseBorderColorParams {
   isValidating: boolean;

package/src/presentation/components/ProgressCloseButton.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { TouchableOpacity } from "react-native";
-import { AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicIcon } from "@umituz/react-native-design-system/atoms";
 import { generationProgressContentStyles } from "./GenerationProgressContent.styles";
 
 interface ProgressCloseButtonProps {

package/src/presentation/components/ProgressDismissButton.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { TouchableOpacity } 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 { generationProgressContentStyles } from "./GenerationProgressContent.styles";
 
 interface ProgressDismissButtonProps {

package/src/presentation/components/ProgressHeader.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 { generationProgressContentStyles } from "./GenerationProgressContent.styles";
 
 interface ProgressHeaderProps {

package/src/presentation/components/ProgressHint.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { TouchableOpacity } 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 { generationProgressContentStyles } from "./GenerationProgressContent.styles";
 
 interface ProgressHintProps {

package/src/presentation/components/PromptInput.tsx

@@ -6,10 +6,8 @@
 
 import React from "react";
 import { View, TextInput, StyleSheet, type ViewStyle } 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";
 
 export interface PromptInputProps {
   readonly value: string;

package/src/presentation/components/StylePresetsGrid.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, 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";
 
 export interface StylePreset {
   readonly id: string;

package/src/presentation/components/buttons/GenerateButton.tsx

@@ -6,12 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicSpinner,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface GenerateButtonProps {
   readonly isDisabled?: boolean;

package/src/presentation/components/display/AIGenerationResult.tsx

@@ -1,10 +1,7 @@
 import React, { PropsWithChildren } from "react";
 import { View, StyleSheet, Dimensions, type ViewStyle } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface AIGenerationResultAction {
   label: string;

package/src/presentation/components/display/ResultDisplay.tsx

@@ -6,12 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicButton,
-  useAppDesignTokens,
-  AtomicIcon,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicButton, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface ResultDisplayAction {
   readonly id: string;

package/src/presentation/components/display/index.ts

@@ -10,4 +10,4 @@ export {
 } from "./AIGenerationResult";
 export {
   EmptyState as ErrorDisplay,
-} from "@umituz/react-native-design-system";
+} from "@umituz/react-native-design-system/atoms";

package/src/presentation/components/headers/AIGenScreenHeader.tsx

@@ -1,10 +1,7 @@
 import React, { ReactNode } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 type NavigationButtonType = "back" | "close";
 

package/src/presentation/components/headers/CreditBadge.tsx

@@ -1,10 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  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 CreditBadgeProps {
   readonly credits: number;

package/src/presentation/components/headers/FeatureHeader.tsx

@@ -7,10 +7,8 @@
 import React from "react";
 import { View, StyleSheet, ImageBackground } from "react-native";
 import type { ImageSourcePropType } 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";
 
 export interface FeatureHeaderProps {
   readonly imageSource: ImageSourcePropType;

package/src/presentation/components/image-picker/DualImagePicker.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { PhotoUploadCard } from "../PhotoUploadCard";
 
 export interface DualImagePickerProps {