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

package/src/presentation/components/modals/SettingsSheet.tsx

@@ -14,11 +14,8 @@ import {
   type GestureResponderEvent,
 } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import {
-  AtomicText,
-  AtomicButton,
-  useAppDesignTokens,
-} 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 SettingsSheetProps {
   readonly visible: boolean;

package/src/presentation/components/moderation/ModerationSummary.tsx

@@ -5,10 +5,8 @@
 
 import React from "react";
 import { View, 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 ModerationSummaryProps {
   readonly ageRating?: string;

package/src/presentation/components/photo-step/PhotoStep.tsx

@@ -7,7 +7,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, type ViewStyle, type StyleProp } from "react-native";
-import { StepHeader } from "@umituz/react-native-design-system";
+import { StepHeader } from "@umituz/react-native-design-system/molecules";
 import { PhotoUploadCard } from "../PhotoUploadCard";
 import type { PhotoStepConfig } from "../../types/flow-config.types";
 

package/src/presentation/components/prompts/ExamplePrompts.tsx

@@ -6,10 +6,8 @@
 
 import React from "react";
 import { View, ScrollView, TouchableOpacity, 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 ExamplePromptsProps {
   readonly prompts: readonly string[];

package/src/presentation/components/result/ActionButton.tsx

@@ -5,11 +5,8 @@
 
 import * as React from "react";
 import { 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 { ResultActionsStyles } from "./ResultActions.styles";
 import { getButtonStyle } from "./button-style.utils";
 

package/src/presentation/components/result/GenerationResultContent.tsx

@@ -14,9 +14,7 @@ import {
   type StyleProp,
   type DimensionValue,
 } from "react-native";
-import {
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ResultHeader } from "./ResultHeader";
 import { ResultImageCard } from "./ResultImageCard";
 import { ResultStoryCard } from "./ResultStoryCard";

package/src/presentation/components/result/ResultActions.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 { ResultActionsConfig } from "../../types/result-config.types";
 
 interface CreateResultActionsStylesParams {

package/src/presentation/components/result/ResultActions.tsx

@@ -6,7 +6,7 @@
 import * as React from "react";
 import { useMemo } 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 { RetryButton } from "./RetryButton";
 import { ActionButton } from "./ActionButton";
 import { createResultActionsStyles } from "./ResultActions.styles";

package/src/presentation/components/result/ResultHeader.tsx

@@ -6,11 +6,8 @@
 import * as React from "react";
 import { useMemo } 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 { ResultHeaderConfig } from "../../types/result-config.types";
 import { DEFAULT_RESULT_CONFIG } from "../../types/result-config.types";
 

package/src/presentation/components/result/ResultImageCard.tsx

@@ -6,11 +6,8 @@
 import * as React from "react";
 import { useMemo } from "react";
 import { View, Image, 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 { ResultImageConfig } from "../../types/result-config.types";
 import { DEFAULT_RESULT_CONFIG } from "../../types/result-config.types";
 

package/src/presentation/components/result/ResultStoryCard.tsx

@@ -6,10 +6,8 @@
 import * as React from "react";
 import { useMemo } 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 { ResultStoryConfig } from "../../types/result-config.types";
 import { DEFAULT_RESULT_CONFIG } from "../../types/result-config.types";
 

package/src/presentation/components/result/RetryButton.tsx

@@ -5,10 +5,7 @@
 
 import * as React from "react";
 import { TouchableOpacity } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
 import type { ResultActionsStyles } from "./ResultActions.styles";
 
 interface RetryButtonProps {

package/src/presentation/components/result/button-style.utils.ts

@@ -3,7 +3,7 @@
  * Calculates button styles based on variant
  */
 
-import type { DesignTokens } from "@umituz/react-native-design-system";
+import type { DesignTokens } from "@umituz/react-native-design-system/theme";
 
 interface ButtonStyle {
   backgroundColor: string;

package/src/presentation/components/selectors/AspectRatioSelector.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 { AspectRatioOption } from "./types";
 
 export interface AspectRatioSelectorProps {

package/src/presentation/components/selectors/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 { DurationValue } from "./types";
 
 export interface DurationSelectorProps<T extends DurationValue> {

package/src/presentation/components/selectors/GridSelector.tsx

@@ -1,9 +1,7 @@
 import React from "react";
 import { View, TouchableOpacity, 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 GridSelectorOption<T> {
   readonly value: T;

package/src/presentation/components/selectors/StyleSelector.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { View, ScrollView, 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 { StyleOption } from "./types";
 
 export interface StyleSelectorProps {

package/src/presentation/components/shared/ModelOptionItem.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { TouchableOpacity, View, StyleSheet } 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 { ModelOption } from "./ModelSelector";
 
 interface ModelOptionItemProps {

package/src/presentation/components/shared/ModelSelectorModal.tsx

@@ -12,12 +12,9 @@ import {
   TouchableOpacity,
   StyleSheet,
 } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
-  useSafeAreaInsets,
-} from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ModelOptionItem } from "./ModelOptionItem";
 import type { ModelOption } from "./ModelSelector";
 

package/src/presentation/components/shared/ModelSelectorTrigger.tsx

@@ -5,11 +5,8 @@
 
 import React from "react";
 import { TouchableOpacity, StyleSheet } 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";
 
 interface ModelSelectorTriggerProps {
   readonly displayName: string;

package/src/presentation/hooks/generation/orchestrator.ts

@@ -4,7 +4,8 @@
  */
 
 import { useState, useCallback, useRef, useEffect } from "react";
-import { useOfflineStore, useAlert } from "@umituz/react-native-design-system";
+import { useAlert } from "@umituz/react-native-design-system/molecules";
+import { useOfflineStore } from "@umituz/react-native-design-system/offline";
 import { createGenerationError, getAlertMessage, parseError } from "./errors";
 import { handleModeration } from "./moderation-handler";
 import type {

package/src/presentation/hooks/generation/useDualImageGeneration.ts

@@ -4,7 +4,8 @@
  */
 
 import { useState, useCallback, useMemo } from "react";
-import { useAlert, saveImageToGallery } from "@umituz/react-native-design-system";
+import { saveImageToGallery } from "@umituz/react-native-design-system/gallery";
+import { useAlert } from "@umituz/react-native-design-system/molecules";
 import { useGenerationOrchestrator } from "./orchestrator";
 import { useImagePicker } from "./useImagePicker";
 import { executeMultiImageGeneration } from "../../../infrastructure/services/multi-image-generation.executor";

package/src/presentation/hooks/generation/useImagePicker.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback } from "react";
-import { MediaPickerService, MediaQuality } from "@umituz/react-native-design-system";
+import { MediaPickerService, MediaQuality } from "@umituz/react-native-design-system/media";
 import { prepareImage } from "../../../infrastructure/utils/feature-utils";
 
 

package/src/presentation/layouts/DualImageFeatureLayout.tsx

@@ -7,11 +7,8 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView } from "react-native";
-import {
-  useAppDesignTokens,
-  useResponsive,
-  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 { AIGenerationForm } from "../components/AIGenerationForm";
 import { AIGenerationResult } from "../components/display/AIGenerationResult";
 import { GenerationProgressContent } from "../components/GenerationProgressContent";

package/src/presentation/layouts/DualImageVideoFeatureLayout.tsx

@@ -7,10 +7,8 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView } 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 { AIGenerationForm } from "../components/AIGenerationForm";
 import { AIGenerationResult } from "../components/display/AIGenerationResult";
 import { GenerationProgressContent } from "../components/GenerationProgressContent";

package/src/presentation/layouts/SingleImageFeatureLayout.tsx

@@ -7,11 +7,8 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView } from "react-native";
-import {
-  useAppDesignTokens,
-  useResponsive,
-  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 { AIGenerationForm } from "../components/AIGenerationForm";
 import { AIGenerationResult } from "../components/display/AIGenerationResult";
 import { GenerationProgressContent } from "../components/GenerationProgressContent";

package/src/presentation/layouts/SingleImageWithPromptFeatureLayout.tsx

@@ -8,11 +8,8 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView } from "react-native";
-import {
-  useAppDesignTokens,
-  useResponsive,
-  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 { AIGenerationForm } from "../components/AIGenerationForm";
 import { AIGenerationResult } from "../components/display/AIGenerationResult";
 import { GenerationProgressContent } from "../components/GenerationProgressContent";

package/src/presentation/types/flow-step-configs.types.ts

@@ -2,7 +2,7 @@
  * Flow Step Configuration Types
  */
 
-import type { StepHeaderConfig } from "@umituz/react-native-design-system";
+import type { StepHeaderConfig } from "@umituz/react-native-design-system/molecules";
 import type { PhotoUploadCardConfig } from "../components/PhotoUploadCard";
 
 /**

package/src/shared/components/common/ProgressBar.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 { clampProgress, roundProgress } from "../../../infrastructure/utils/progress.utils";
 
 export interface ProgressBarProps {