@umituz/react-native-onboarding 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Generic onboarding flow for React Native apps with gradient backgrounds, animations, and customizable slides. SOLID, DRY, KISS principles applied.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -33,7 +33,7 @@
   "peerDependencies": {
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-theme": "latest",
+    "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-design-system": "latest",
     "expo-linear-gradient": "^15.0.0",
     "react": ">=18.2.0",
@@ -45,7 +45,7 @@
     "@types/react-native": "^0.73.0",
     "@umituz/react-native-storage": "^1.1.0",
     "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-theme": "latest",
+    "@umituz/react-native-design-system-theme": "latest",
     "expo-linear-gradient": "^15.0.7",
     "react": "^18.2.0",
     "react-native": "^0.74.0",

package/src/index.ts

@@ -51,7 +51,19 @@ export {
 // =============================================================================
 
 export { OnboardingScreen, type OnboardingScreenProps } from "./presentation/screens/OnboardingScreen";
-export { OnboardingSlide, type OnboardingSlideProps } from "./presentation/components/OnboardingSlide";
 export { OnboardingHeader, type OnboardingHeaderProps } from "./presentation/components/OnboardingHeader";
 export { OnboardingFooter, type OnboardingFooterProps } from "./presentation/components/OnboardingFooter";
 
+// Export OnboardingSlide component
+// Note: TypeScript doesn't allow exporting both a type and a value with the same name in the same scope
+// So we export the component with a different name, and users can import the type separately
+import { OnboardingSlide as OnboardingSlideComponent } from "./presentation/components/OnboardingSlide";
+export { OnboardingSlideComponent };
+export type { OnboardingSlideProps } from "./presentation/components/OnboardingSlide";
+
+// For backward compatibility, export component as OnboardingSlide
+// Users should import type as: import type { OnboardingSlide } from '@umituz/react-native-onboarding'
+// And component as: import { OnboardingSlideComponent } from '@umituz/react-native-onboarding'
+// Or use the alias: import { OnboardingSlideComponent as OnboardingSlide } from '@umituz/react-native-onboarding'
+export { OnboardingSlideComponent as OnboardingSlide };
+

package/src/infrastructure/hooks/useOnboardingNavigation.ts

@@ -11,6 +11,8 @@ export interface UseOnboardingNavigationReturn {
   currentIndex: number;
   goToNext: () => void;
   goToPrevious: () => void;
+  complete: () => Promise<void>;
+  skip: () => Promise<void>;
   isLastSlide: boolean;
   isFirstSlide: boolean;
 }

package/src/presentation/components/OnboardingFooter.tsx

@@ -8,7 +8,7 @@ import React, { useMemo } from "react";
 import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useLocalization } from "@umituz/react-native-localization";
-import { useAppDesignTokens } from "@umituz/react-native-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 
 export interface OnboardingFooterProps {
   currentIndex: number;