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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.83.55",
+  "version": "1.83.57",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/access-control/hooks/useAIFeatureGate.ts

@@ -4,7 +4,7 @@
  */
 
 import { useCallback, useMemo } from "react";
-import { useOffline } from "@umituz/react-native-design-system";
+import { useOffline } from "@umituz/react-native-design-system/offline";
 import { useAuth, useAuthModalStore } from "@umituz/react-native-auth";
 import {
   usePremium,

package/src/domains/background/presentation/hooks/use-pending-jobs.ts

@@ -3,7 +3,7 @@
  * Generic pending job management with TanStack Query
  */
 
-import { useQuery, useMutation, useQueryClient } from "@umituz/react-native-design-system";
+import { useQuery, useMutation, useQueryClient } from "@umituz/react-native-design-system/tanstack";
 import type {
   BackgroundJob,
   AddJobInput,

package/src/domains/creations/domain/utils/creation-id.util.ts

@@ -3,7 +3,7 @@
  * Single Responsibility: ID generation
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-design-system/uuid";
 
 /**
  * Generate a unique creation ID using UUID v4

package/src/domains/creations/domain/utils/preview-helpers.ts

@@ -3,7 +3,7 @@
  * Utility functions for creation preview/thumbnail extraction
  */
 
-import { isImageUrl } from "@umituz/react-native-design-system";
+import { isImageUrl } from "@umituz/react-native-design-system/media";
 import type { CreationOutput } from "../entities/Creation";
 
 // Re-export for convenience

package/src/domains/creations/domain/value-objects/CreationsConfig.ts

@@ -4,7 +4,7 @@
  */
 
 import type { Creation, CreationDocument } from "../entities/Creation";
-import type { FilterCategory } from "@umituz/react-native-design-system";
+import type { FilterCategory } from "@umituz/react-native-design-system/molecules";
 import type { FilterOption } from "../types/creation-filter";
 
 export interface CreationType {

package/src/domains/creations/presentation/components/CreationActions.tsx

@@ -10,11 +10,8 @@ import {
   TouchableOpacity,
   type GestureResponderEvent,
 } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicSpinner,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 
 export interface CreationAction {
   /** Unique action identifier */

package/src/domains/creations/presentation/components/CreationBadges.tsx

@@ -5,12 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicText,
-  withAlpha,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens, withAlpha } from "@umituz/react-native-design-system/theme";
 import type { CreationStatus, CreationTypeId } from "../../domain/types";
 import { getStatusColorKey, getStatusText, getTypeIcon, getTypeText } from "../../domain/utils";
 

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -5,10 +5,8 @@
 
 import React, { useMemo, useCallback } from "react";
 import { View, StyleSheet, 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 { CreationPreview } from "./CreationPreview";
 import { CreationBadges } from "./CreationBadges";
 import { CreationActions } from "./CreationActions";

package/src/domains/creations/presentation/components/CreationCardMeta.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } 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";
 
 interface CreationCardMetaProps {
   readonly formattedDate: string;

package/src/domains/creations/presentation/components/CreationImagePreview.tsx

@@ -6,12 +6,9 @@
 
 import React, { useMemo, useState, useCallback } from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicSpinner,
-  AtomicImage,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicSpinner } 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 { CreationStatus, CreationTypeId } from "../../domain/types";
 import { isInProgress, getTypeIcon } from "../../domain/utils";
 

package/src/domains/creations/presentation/components/CreationPreview.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { isVideoUrl } from "@umituz/react-native-design-system";
+import { isVideoUrl } from "@umituz/react-native-design-system/media";
 import type { CreationStatus, CreationTypeId } from "../../domain/types";
 import { CreationImagePreview } from "./CreationImagePreview";
 import { CreationVideoPreview } from "./CreationVideoPreview";

package/src/domains/creations/presentation/components/CreationThumbnail.tsx

@@ -5,10 +5,8 @@
 
 import React, { useMemo, useState } from "react";
 import { Image, TouchableOpacity, StyleSheet, View } 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";
 
 interface CreationThumbnailProps {
   readonly uri: string;

package/src/domains/creations/presentation/components/CreationVideoPreview.tsx

@@ -5,11 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, Image } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicSpinner,
-} from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import type { CreationStatus, CreationTypeId } from "../../domain/types";
 import { isInProgress } from "../../domain/utils";
 import { shouldShowThumbnail } from "../../domain/utils/preview-helpers";

package/src/domains/creations/presentation/components/CreationsFilterBar.tsx

@@ -5,11 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, ScrollView, TouchableOpacity } 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 { createFilterButtons } from "../../../../shared/utils/filters";
 import type { CreationsFilterBarProps, MediaFilterLabels, StatusFilterLabels, FilterButton } from "./CreationsFilterBar.types";
 

package/src/domains/creations/presentation/components/CreationsHomeCard.tsx

@@ -5,11 +5,8 @@
 
 import React, { useMemo, useCallback } from "react";
 import { View, TouchableOpacity, FlatList, 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 { Creation } from "../../domain/entities/Creation";
 import { CreationThumbnail } from "./CreationThumbnail";
 

package/src/domains/creations/presentation/components/EmptyState.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, TouchableOpacity } 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";
 
 interface EmptyStateProps {
   readonly title: string;

package/src/domains/creations/presentation/components/FilterChips.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, TouchableOpacity, StyleSheet, ScrollView, 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";
 import type { CreationType } from "../../domain/value-objects/CreationsConfig";
 
 interface FilterChipsProps {

package/src/domains/creations/presentation/components/GalleryEmptyStates.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicSkeleton, type DesignTokens } from "@umituz/react-native-design-system";
+import { AtomicSkeleton } from "@umituz/react-native-design-system/atoms";
+import { type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { EmptyState } from "./EmptyState";
 import type { Creation } from "../../domain/entities/Creation";
 

package/src/domains/creations/presentation/components/GalleryHeader.tsx

@@ -1,7 +1,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet, type ViewStyle } from "react-native";
-import { AtomicText, AtomicIcon, useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface FilterButtonConfig {
   readonly id: string;

package/src/domains/creations/presentation/components/GalleryResultPreview.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system";
+import { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system/molecules";
 import { ResultPreviewScreen } from "../../../result-preview/presentation/components/ResultPreviewScreen";
 import { StarRatingPicker } from "../../../result-preview/presentation/components/StarRatingPicker";
 import { useResultActions } from "../../../result-preview/presentation/hooks/useResultActions";

package/src/domains/creations/presentation/components/GalleryScreenHeader.tsx

@@ -5,7 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicIcon, AtomicText, type DesignTokens } from "@umituz/react-native-design-system";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface GalleryScreenHeaderProps {
   readonly title: string;

package/src/domains/creations/presentation/components/PendingJobsSection.tsx

@@ -5,7 +5,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 type { BackgroundJob } from "../../../background/domain/entities/job.types";
 import { PendingJobCard } from "../../../../presentation/components/PendingJobCard";
 

package/src/domains/creations/presentation/components/useCreationCardActions.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";
 import type { CreationCardData, CreationCardCallbacks } from "./CreationCard.types";
 import type { CreationAction } from "./CreationActions";
 

package/src/domains/creations/presentation/hooks/useGalleryCallbacks.ts

@@ -5,7 +5,8 @@
 
 
 import { useCallback } from "react";
-import { useAlert, AlertType, AlertMode, useSharing } from "@umituz/react-native-design-system";
+import { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system/molecules";
+import { useSharing } from "@umituz/react-native-design-system/utilities";
 import type { Creation } from "../../domain/entities/Creation";
 import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
 import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -1,11 +1,8 @@
 import React, { useMemo, useCallback } from "react";
 import { View, FlatList, RefreshControl } from "react-native";
-import {
-  useAppDesignTokens,
-  FilterSheet,
-  ScreenLayout,
-  useAppFocusEffect,
-} from "@umituz/react-native-design-system";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
+import { FilterSheet } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useProcessingJobsPoller } from "../hooks/useProcessingJobsPoller";

package/src/domains/creations/presentation/utils/gallery-filters.ts

@@ -1,5 +1,5 @@
 import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
-import type { FilterCategory } from "@umituz/react-native-design-system";
+import type { FilterCategory } from "@umituz/react-native-design-system/molecules";
 
 /**
  * Transforms the creations configuration into filter categories for the UI.

package/src/domains/face-detection/presentation/components/FaceDetectionToggle.tsx

@@ -6,11 +6,8 @@
 
 import React from "react";
 import { View, StyleSheet, Switch } 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";
 
 interface FaceDetectionToggleProps {
   isEnabled: boolean;

package/src/domains/face-detection/presentation/components/FaceValidationStatus.tsx

@@ -7,12 +7,8 @@
 
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  AtomicSpinner,
-  useAppDesignTokens,
-} 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";
 import type { FaceValidationState } from "../../domain/entities/FaceDetection";
 import { isValidFace } from "../../infrastructure/validators/faceValidator";
 

package/src/domains/generation/infrastructure/flow/useFlowStore.ts

@@ -2,7 +2,7 @@
  * Flow Store - Zustand store for multi-step flow state management
  */
 
-import { createStore } from "@umituz/react-native-design-system";
+import { createStore } from "@umituz/react-native-design-system/storage";
 
 import type {
   FlowState,

package/src/domains/generation/wizard/infrastructure/strategies/shared/photo-extraction.utils.ts

@@ -3,7 +3,7 @@
  * Shared photo extraction logic for wizard strategies
  */
 
-import { readFileAsBase64 } from "@umituz/react-native-design-system";
+import { readFileAsBase64 } from "@umituz/react-native-design-system/filesystem";
 import { manipulateAsync, SaveFormat } from "expo-image-manipulator";
 import { Image } from "react-native";
 import { PHOTO_KEY_PREFIX } from "../wizard-strategy.constants";

package/src/domains/generation/wizard/presentation/components/WizardContinueButton.tsx

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

package/src/domains/generation/wizard/presentation/components/WizardFlowContent.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo, useEffect, useRef, useState } 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 { useFlow } from "../../../infrastructure/flow/useFlow";
 import { StepType, type StepDefinition } from "../../../../../domain/entities/flow-config.types";
 import type { WizardFeatureConfig } from "../../domain/entities/wizard-feature.types";

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { extractMediaUrl, getMediaTypeFromUrl } from "@umituz/react-native-design-system";
+import { extractMediaUrl, getMediaTypeFromUrl } from "@umituz/react-native-design-system/media";
 import { StepType } from "../../../../../domain/entities/flow-config.types";
 import { GeneratingScreen } from "../screens/GeneratingScreen";
 import { ResultPreviewScreen } from "../../../../result-preview/presentation/components/ResultPreviewScreen";

package/src/domains/generation/wizard/presentation/hooks/useGenerationHandlers.ts

@@ -3,7 +3,7 @@
  */
 
 import { useCallback } from "react";
-import { AlertType, AlertMode, useAlert } from "@umituz/react-native-design-system";
+import { AlertType, AlertMode, useAlert } from "@umituz/react-native-design-system/molecules";
 import type { Creation } from "../../../../creations/domain/entities/Creation";
 import { isCreation } from "./typeGuards";
 import { classifyError } from "../../../../../infrastructure/utils/error-classification";

package/src/domains/generation/wizard/presentation/hooks/usePhotoUploadState.ts

@@ -6,7 +6,7 @@
 
 import { useState, useCallback, useEffect, useRef } from "react";
 
-import { useMedia, MediaQuality, MediaValidationError, MEDIA_CONSTANTS } from "@umituz/react-native-design-system";
+import { useMedia, MediaQuality, MediaValidationError, MEDIA_CONSTANTS } from "@umituz/react-native-design-system/media";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
 
 export interface PhotoUploadConfig {

package/src/domains/generation/wizard/presentation/hooks/useWizardFlowHandlers.ts

@@ -4,7 +4,7 @@
  */
 
 import { useCallback } from "react";
-import { AlertType, AlertMode, useAlert } from "@umituz/react-native-design-system";
+import { AlertType, AlertMode, useAlert } from "@umituz/react-native-design-system/molecules";
 import type { UseWizardFlowHandlersProps } from "./wizard-flow-handlers.types";
 import { useGenerationHandlers } from "./useGenerationHandlers";
 import { useNavigationHandlers } from "./useNavigationHandlers";

package/src/domains/generation/wizard/presentation/screens/GeneratingScreen.tsx

@@ -7,7 +7,9 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, ActivityIndicator, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText, ScreenLayout } 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 { useGenerationPhase } from "../hooks/useGenerationPhase";
 import { IndeterminateProgressBar } from "../components/IndeterminateProgressBar";
 

package/src/domains/generation/wizard/presentation/screens/GenericPhotoUploadScreen.tsx

@@ -5,18 +5,10 @@
 
 import React, { useMemo, useCallback } from "react";
 import { View, StyleSheet } from "react-native";
-import {
-  useAppDesignTokens,
-  useAlert,
-  AlertType,
-  AlertMode,
-  ScreenLayout,
-  AtomicText,
-  NavigationHeader,
-  InfoGrid,
-  type DesignTokens,
-  type InfoGridItem,
-} 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 { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { PhotoUploadCard } from "../../../../../presentation/components";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
 import { usePhotoUploadState, type PhotoUploadError } from "../hooks/usePhotoUploadState";

package/src/domains/generation/wizard/presentation/screens/SelectionScreen.tsx

@@ -5,14 +5,9 @@
 
 import React, { useState, useCallback, useMemo } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-  ScreenLayout,
-  NavigationHeader,
-  type DesignTokens,
-} 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 type { SelectionScreenProps, SelectionOption } from "./SelectionScreen.types";
 import { WizardContinueButton } from "../components/WizardContinueButton";
 

package/src/domains/generation/wizard/presentation/screens/TextInputScreen.tsx

@@ -6,17 +6,10 @@
 
 import React, { useState, useCallback, useMemo } from "react";
 import { View, TextInput, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicButton,
-  useAppDesignTokens,
-  ScreenLayout,
-  NavigationHeader,
-  type DesignTokens,
-  useAlert,
-  AlertType,
-  AlertMode,
-} 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 { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system/molecules";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
 import { WizardContinueButton } from "../components/WizardContinueButton";
 import { contentModerationService } from "../../../../../domains/content-moderation";
 import type { TextInputScreenProps } from "./TextInputScreen.types";

package/src/domains/image-to-video/presentation/components/AddMoreCard.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { TouchableOpacity } 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 { ImageSelectionGridStyles } from "./ImageSelectionGrid.styles";
 
 interface AddMoreCardProps {

package/src/domains/image-to-video/presentation/components/AnimationStyleSelector.tsx

@@ -5,11 +5,8 @@
 
 import React 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";
 import type { AnimationStyle, AnimationStyleId } from "../../domain/types";
 
 export interface AnimationStyleSelectorProps {

package/src/domains/image-to-video/presentation/components/DurationSelector.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 { VideoDuration, DurationOption } from "../../domain/types";
 
 export interface DurationSelectorProps {

package/src/domains/image-to-video/presentation/components/EmptyGridState.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity } 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 { ImageSelectionGridStyles } from "./ImageSelectionGrid.styles";
 import type { ImageSelectionGridTranslations } from "./ImageSelectionGrid.types";
 

package/src/domains/image-to-video/presentation/components/GridImageItem.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, Image } 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 { ImageSelectionGridStyles } from "./ImageSelectionGrid.styles";
 
 interface GridImageItemProps {

package/src/domains/image-to-video/presentation/components/ImageSelectionGrid.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 function createImageSelectionGridStyles(_tokens: DesignTokens) {
   return StyleSheet.create({

package/src/domains/image-to-video/presentation/components/ImageSelectionGrid.tsx

@@ -5,10 +5,8 @@
 
 import React, { useMemo } from "react";
 import { View, ScrollView } 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 { EmptyGridState } from "./EmptyGridState";
 import { GridImageItem } from "./GridImageItem";
 import { AddMoreCard } from "./AddMoreCard";