@umituz/react-native-onboarding 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "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",

package/src/index.ts

@@ -30,7 +30,9 @@
 // DOMAIN LAYER - Entities and Interfaces
 // =============================================================================
 
-export type { OnboardingSlide } from "./domain/entities/OnboardingSlide";
+// Export type with a different name to avoid conflict with component
+export type { OnboardingSlide as OnboardingSlideType } from "./domain/entities/OnboardingSlide";
+// Re-export as OnboardingSlide for backward compatibility (after component export)
 export type { OnboardingOptions } from "./domain/entities/OnboardingOptions";
 
 // =============================================================================
@@ -55,10 +57,18 @@ export { OnboardingHeader, type OnboardingHeaderProps } from "./presentation/com
 export { OnboardingFooter, type OnboardingFooterProps } from "./presentation/components/OnboardingFooter";
 
 // Export OnboardingSlide component
-// Note: We export it with the same name as the type, which TypeScript allows
-// because one is a type (from domain) and one is a value (component)
-// Users can import both: 
-//   import type { OnboardingSlide } from '@umituz/react-native-onboarding'; // type
-//   import { OnboardingSlide } from '@umituz/react-native-onboarding'; // component
-export { OnboardingSlide, type OnboardingSlideProps } from "./presentation/components/OnboardingSlide";
+// 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, and the type is exported above as OnboardingSlideType
+import { OnboardingSlide as OnboardingSlideComponent } from "./presentation/components/OnboardingSlide";
+export { OnboardingSlideComponent };
+export type { OnboardingSlideProps } from "./presentation/components/OnboardingSlide";
+
+// Export component as OnboardingSlide for backward compatibility
+// Users can import type as: import type { OnboardingSlideType } from '@umituz/react-native-onboarding'
+// And component as: import { OnboardingSlide } from '@umituz/react-native-onboarding'
+export { OnboardingSlideComponent as OnboardingSlide };
+
+// Re-export type as OnboardingSlide for backward compatibility (after component export)
+// This works because TypeScript allows type and value with same name in different declarations
+export type { OnboardingSlideType as OnboardingSlide };