@umituz/react-native-design-system 2.6.45 → 2.6.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.45",
+  "version": "2.6.46",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -1,11 +1,13 @@
 import React, { useEffect, useState, ReactNode } from 'react';
 import { ActivityIndicator, View, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider, initialWindowMetrics } from '../../../safe-area';
 import { useThemeStore } from '../stores/themeStore';
 import { useDesignSystemTheme } from '../globalThemeStore';
 import type { CustomThemeColors } from '../../core/CustomColors';
 import { SplashScreen } from '../../../molecules/splash';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
+import { SafeBottomSheetModalProvider } from '../../../molecules/bottom-sheet';
 
 declare const __DEV__: boolean;
 
@@ -37,6 +39,8 @@ interface DesignSystemProviderProps {
  * - Supports custom color overrides
  * - Optional loading state
  * - Error handling
+ * - GestureHandlerRootView integration
+ * - BottomSheetModalProvider integration
  * 
  * Usage:
  * ```tsx
@@ -157,9 +161,13 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   };
 
   return (
-    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-      {renderContent()}
-    </SafeAreaProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+        <SafeBottomSheetModalProvider>
+          {renderContent()}
+        </SafeBottomSheetModalProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
   );
 };