@umituz/react-native-design-system 4.25.42 → 4.25.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.42",
+  "version": "4.25.44",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/layouts/ScreenLayout/ScreenLayout.tsx

@@ -5,28 +5,29 @@
 
 import React, { useMemo } from 'react';
 import { View, ScrollView } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useAppDesignTokens } from '../../theme';
 import { getScreenLayoutConfig } from '../../responsive/responsiveLayout';
 import { AtomicKeyboardAvoidingView } from '../../atoms';
 import { getScreenLayoutStyles } from './styles/screenLayoutStyles';
 import type { ScreenLayoutProps } from './types';
 
-export const ScreenLayout: React.FC<ScreenLayoutProps> = ({
-  children,
-  scrollable = true,
-  edges = ['top'],
-  header,
-  footer,
-  backgroundColor,
-  containerStyle,
-  contentContainerStyle,
-  testID,
-  hideScrollIndicator = false,
-  keyboardAvoiding = false,
-  maxWidth,
-  refreshControl,
-}) => {
+export const ScreenLayout: React.FC<ScreenLayoutProps> = (props: ScreenLayoutProps) => {
+  const {
+    children,
+    scrollable = true,
+    edges = ['top', 'bottom', 'left', 'right'],
+    header,
+    footer,
+    backgroundColor,
+    containerStyle,
+    contentContainerStyle,
+    testID,
+    hideScrollIndicator = false,
+    keyboardAvoiding = false,
+    maxWidth,
+    refreshControl,
+  } = props;
   const tokens = useAppDesignTokens();
   const insets = useSafeAreaInsets();
 
@@ -49,13 +50,30 @@ export const ScreenLayout: React.FC<ScreenLayoutProps> = ({
 
   const bgColor = backgroundColor || tokens.colors.backgroundPrimary;
   
+  // Robust safe area handling
+  const paddingTop = edges.includes('top') ? insets.top : 0;
+  const paddingBottom = edges.includes('bottom') ? insets.bottom : 0;
+  const paddingLeft = edges.includes('left') ? insets.left : 0;
+  const paddingRight = edges.includes('right') ? insets.right : 0;
+
   const content = (
-    <View style={styles.responsiveWrapper}>
+    <View style={[
+      styles.responsiveWrapper,
+      {
+        paddingTop,
+        paddingBottom: footer ? 0 : paddingBottom,
+        paddingLeft,
+        paddingRight,
+      }
+    ]}>
       {header}
       {scrollable ? (
         <ScrollView
           style={styles.scrollView}
-          contentContainerStyle={[styles.scrollContent, contentContainerStyle]}
+          contentContainerStyle={[
+            styles.scrollContent, 
+            contentContainerStyle,
+          ]}
           showsVerticalScrollIndicator={!hideScrollIndicator}
           keyboardShouldPersistTaps={keyboardAvoiding ? 'handled' : 'never'}
           refreshControl={refreshControl}
@@ -67,14 +85,17 @@ export const ScreenLayout: React.FC<ScreenLayoutProps> = ({
           {children}
         </View>
       )}
-      {footer}
+      {footer && (
+        <View style={{ paddingBottom }}>
+          {footer}
+        </View>
+      )}
     </View>
   );
 
   return (
-    <SafeAreaView
+    <View
       style={[styles.container, { backgroundColor: bgColor }, containerStyle]}
-      edges={edges}
       testID={testID}
     >
       {keyboardAvoiding ? (
@@ -86,7 +107,7 @@ export const ScreenLayout: React.FC<ScreenLayoutProps> = ({
            {content}
          </View>
       )}
-    </SafeAreaView>
+    </View>
   );
 };
 

package/src/layouts/ScreenLayout/styles/screenLayoutStyles.ts

@@ -25,7 +25,7 @@ export const getScreenLayoutStyles = (
     responsiveWrapper: {
       flex: 1,
       width: '100%',
-      ...(maxWidth ? { maxWidth, alignSelf: 'flex-start' as const } : {}),
+      ...(maxWidth ? { maxWidth, alignSelf: 'center' as const } : {}),
     },
     content: {
       flex: 1,

package/src/molecules/StepHeader/StepHeader.tsx

@@ -48,7 +48,7 @@ export const StepHeader: React.FC<StepHeaderProps> = ({
   style,
 }) => {
   const tokens = useAppDesignTokens();
-  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const cfg = useMemo(() => ({ ...DEFAULT_CONFIG, ...config }), [config]);
 
   const styles = useMemo(
     () =>

package/src/molecules/alerts/hooks/useAlertDismissHandler.ts

@@ -15,7 +15,7 @@ export function useAlertDismissHandler(alert: Alert) {
   const handleDismiss = useCallback(() => {
     dismissAlert(alert.id);
     alert.onDismiss?.();
-  }, [alert.id, alert.onDismiss, dismissAlert]);
+  }, [alert, dismissAlert]);
 
   return handleDismiss;
 }

package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx

@@ -64,7 +64,7 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
     scrollView: { flex: 1 },
   }), [tokens]);
 
-  const safeSelectedIds = selectedIds ?? [];
+  const safeSelectedIds = useMemo(() => selectedIds ?? [], [selectedIds]);
 
   const renderOption = useCallback((option: FilterOption, categoryId: string) => {
     const isSelected = safeSelectedIds.includes(option.id);

package/src/molecules/navigation/TabsNavigator.tsx

@@ -85,7 +85,7 @@ export function TabsNavigator<T extends ParamListBase>({
                 ...customOptions,
             };
         },
-        [defaultScreenOptions, config.screenOptions]
+        [defaultScreenOptions, config]
     );
 
     if (visibleScreens.length === 0) {

package/src/molecules/navigation/hooks/useTabConfig.ts

@@ -30,7 +30,7 @@ const getIconNameForState = (baseName: string, focused: boolean): string => {
 export function useTabConfig<T extends ParamListBase>(props: UseTabConfigProps<T>): TabNavigatorConfig<T> {
   const { config } = props;
   const tokens = useAppDesignTokens();
-  const { tabBarConfig, insets } = useResponsive();
+  const { tabBarConfig } = useResponsive();
 
   const finalConfig: TabNavigatorConfig<T> = useMemo(() => {
     const screens = config.screens as TabScreen<T>[];
@@ -109,7 +109,7 @@ export function useTabConfig<T extends ParamListBase>(props: UseTabConfigProps<T
           : {}),
       },
     };
-  }, [tokens, config, tabBarConfig, insets]);
+  }, [tokens, config, tabBarConfig]);
 
   return finalConfig;
 }

package/src/molecules/splash/components/SplashScreen.tsx

@@ -38,7 +38,7 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
   const handleTimeout = useCallback(() => {
     setTimedOut(true);
     onTimeout?.();
-  }, [maxDuration, onTimeout]);
+  }, [onTimeout]);
 
   useEffect(() => {
     onReady?.();

package/src/onboarding/presentation/components/BackgroundVideo.tsx

@@ -16,7 +16,6 @@ try {
   const { useVideoPlayer, VideoView } = require('expo-video'); // eslint-disable-line @typescript-eslint/no-require-imports
 
   BackgroundVideoImpl = ({ source, overlayOpacity = 0.5 }: BackgroundVideoProps) => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     const player = useVideoPlayer(source, (p: any) => {
       p.loop = true;
       p.play();

package/src/responsive/padding/paddingUtils.ts

@@ -11,7 +11,6 @@ export const getResponsiveVerticalPadding = (
 ): number => {
   try {
     validateSafeAreaInsets(insets);
-    const { top = 0 } = insets;
     const isTabletDevice = isTablet();
     const isSmall = isSmallPhone();
     const spacingMultiplier = getSpacingMultiplier();
@@ -27,8 +26,8 @@ export const getResponsiveVerticalPadding = (
     // Apply spacing multiplier for consistency
     const adjustedPadding = basePadding * spacingMultiplier;
 
-    // Ensure minimum padding respects safe area
-    return Math.max(adjustedPadding, top > 0 ? 8 : adjustedPadding);
+    // We now return the base padding; safe areas are handled by ScreenLayout
+    return adjustedPadding;
   } catch {
     return LAYOUT_CONSTANTS.VERTICAL_PADDING_STANDARD;
   }

package/src/safe-area/index.ts

@@ -1,25 +1,22 @@
 /**
  * Safe Area Module
- * Configurable safe area provider and hooks for React Native apps
+ * Refactored: Simplified to only provide essential safe area utilities.
+ * 
+ * We use manual inset management in ScreenLayout for maximum stability
+ * across different React Native versions and devices.
  */
 
-export { SafeAreaProvider, useSafeAreaConfig } from './components/SafeAreaProvider';
-export type { SafeAreaProviderProps, SafeAreaConfig } from './components/SafeAreaProvider';
-
 export { useSafeAreaInsets } from './hooks/useSafeAreaInsets';
-export { useStatusBarSafeAreaPadding } from './hooks/useStatusBarSafeAreaPadding';
-export type { StatusBarPaddingOptions } from './hooks/useStatusBarSafeAreaPadding';
-
-export { useHeaderSafeAreaPadding } from './hooks/useHeaderSafeAreaPadding';
-export type { HeaderPaddingOptions } from './hooks/useHeaderSafeAreaPadding';
-
-export { useContentSafeAreaPadding } from './hooks/useContentSafeAreaPadding';
-export type { ContentPaddingOptions, ContentPaddingResult } from './hooks/useContentSafeAreaPadding';
 
-export { SAFE_AREA_DEFAULTS, PLATFORM_BEHAVIORS, DEFAULT_CONFIG } from './constants';
-export { useStableOptions, clearPerformanceCaches } from './utils/optimization';
-export { validateNumericInput, throttledWarn, clearValidationCache } from './utils/validation';
+// Re-export essential components from react-native-safe-area-context
+// This provides a single entry point for all safe area needs
+export { 
+  SafeAreaProvider, 
+  initialWindowMetrics, 
+  SafeAreaView 
+} from 'react-native-safe-area-context';
 
-// Re-export from react-native-safe-area-context for convenience
-export { initialWindowMetrics, SafeAreaView } from 'react-native-safe-area-context';
-export type { Edge } from 'react-native-safe-area-context';
+export type { 
+  Edge,
+  SafeAreaProviderProps 
+} from 'react-native-safe-area-context';

package/src/storage/presentation/hooks/useStore.ts

@@ -8,16 +8,9 @@ import { createStore } from '../../domain/factories/StoreFactory';
 import type { StoreConfig } from '../../domain/types/Store';
 
 export function useStore<T extends object>(config: StoreConfig<T>) {
-  // Stabilize entire config to track all property changes
   const stableConfig = useMemo(
     () => config,
-    [
-      config.name,
-      config.version,
-      config.persist,
-      config.storage,
-      JSON.stringify(config.initialState), // Track initialState changes
-    ]
+    [config]
   );
 
   const store = useMemo(() => createStore(stableConfig), [stableConfig]);

package/src/tanstack/presentation/hooks/usePrefetch.ts

@@ -32,8 +32,9 @@ export function usePrefetchQuery<
 
   // Cleanup on unmount
   useEffect(() => {
+    const currentRef = prefetchingRef.current;
     return () => {
-      prefetchingRef.current.clear();
+      currentRef.clear();
     };
   }, []);
 

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

@@ -83,7 +83,17 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
         setIsInitialized(true);
         onError?.(error);
       });
-  }, []);
+  }, [
+    customColors,
+    initialThemeMode,
+    initialize,
+    onError,
+    setCustomColors,
+    setDefaultColors,
+    setDefaultThemeMode,
+    setGlobalCustomColors,
+    setGlobalThemeMode,
+  ]);
 
   useEffect(() => {
     if (isInitialized && fontsLoaded) {

package/src/typography/domain/entities/TypographyTypes.ts

@@ -76,13 +76,5 @@ export type ColorVariant =
   | 'success'
   | 'error'
   | 'warning'
-  | 'info'
-  // Legacy support (deprecated - use textPrimary/textSecondary instead)
-  | 'primary'
-  | 'secondary'
-  | 'tertiary'
-  | 'disabled'
-  | 'inverse'
-  // Legacy: surfaceVariant is a background color, maps to textSecondary
-  | 'surfaceVariant';
+  | 'info';
 

package/src/typography/presentation/utils/textColorUtils.ts

@@ -10,7 +10,7 @@ import type { DesignTokens } from '../../../theme';
 const COLOR_VARIANT_SET = new Set<string>([
   'textPrimary', 'textSecondary', 'textTertiary', 'textDisabled', 'textInverse',
   'onSurface', 'onBackground', 'onPrimary', 'onSecondary', 'onSuccess', 'onError', 'onWarning', 'onInfo',
-  'success', 'error', 'warning', 'info', 'primary', 'secondary', 'tertiary', 'disabled', 'inverse', 'surfaceVariant',
+  'success', 'error', 'warning', 'info',
 ]);
 
 const COLOR_MAP: Record<ColorVariant, keyof DesignTokens['colors']> = {
@@ -31,12 +31,6 @@ const COLOR_MAP: Record<ColorVariant, keyof DesignTokens['colors']> = {
   error: 'error',
   warning: 'warning',
   info: 'info',
-  primary: 'primary',
-  secondary: 'secondary',
-  tertiary: 'textTertiary',
-  disabled: 'textDisabled',
-  inverse: 'textInverse',
-  surfaceVariant: 'surfaceVariant',
 };
 
 const colorCache = new Map<string, string>();

package/src/utils/hooks/useAsyncOperation.ts

@@ -182,7 +182,7 @@ export function useAsyncOperation<T, E = Error>(
     if (immediate && !skip) {
       execute();
     }
-  }, [immediate, skip]);
+  }, [immediate, skip, execute]);
 
   // Derived state
   const isSuccess = !isIdle && !isLoading && error === null && data !== null;

package/src/safe-area/__tests__/components/SafeAreaProvider.test.tsx

@@ -1,15 +0,0 @@
-/**
- * Tests for SafeAreaProvider component
- */
-import { describe, it, expect } from '@jest/globals';
-import { SafeAreaProvider, useSafeAreaConfig } from '../../components/SafeAreaProvider';
-
-describe('SafeAreaProvider', () => {
-  it('should be defined', () => {
-    expect(SafeAreaProvider).toBeDefined();
-  });
-
-  it('should have useSafeAreaConfig export', () => {
-    expect(useSafeAreaConfig).toBeDefined();
-  });
-});

package/src/safe-area/__tests__/hooks/useContentSafeAreaPadding.test.tsx

@@ -1,15 +0,0 @@
-/**
- * Tests for useContentSafeAreaPadding hook
- */
-import { describe, it, expect } from '@jest/globals';
-import { useContentSafeAreaPadding } from '../../hooks/useContentSafeAreaPadding';
-
-describe('useContentSafeAreaPadding', () => {
-  it('should be defined', () => {
-    expect(useContentSafeAreaPadding).toBeDefined();
-  });
-
-  it('should return function', () => {
-    expect(typeof useContentSafeAreaPadding).toBe('function');
-  });
-});

package/src/safe-area/__tests__/hooks/useHeaderSafeAreaPadding.test.tsx

@@ -1,15 +0,0 @@
-/**
- * Tests for useHeaderSafeAreaPadding hook
- */
-import { describe, it, expect } from '@jest/globals';
-import { useHeaderSafeAreaPadding } from '../../hooks/useHeaderSafeAreaPadding';
-
-describe('useHeaderSafeAreaPadding', () => {
-  it('should be defined', () => {
-    expect(useHeaderSafeAreaPadding).toBeDefined();
-  });
-
-  it('should return function', () => {
-    expect(typeof useHeaderSafeAreaPadding).toBe('function');
-  });
-});

package/src/safe-area/__tests__/hooks/useSafeAreaInsets.test.tsx

@@ -1,15 +0,0 @@
-/**
- * Tests for useSafeAreaInsets hook
- */
-import { describe, it, expect } from '@jest/globals';
-import { useSafeAreaInsets } from '../../hooks/useSafeAreaInsets';
-
-describe('useSafeAreaInsets', () => {
-  it('should be defined', () => {
-    expect(useSafeAreaInsets).toBeDefined();
-  });
-
-  it('should return function', () => {
-    expect(typeof useSafeAreaInsets).toBe('function');
-  });
-});

package/src/safe-area/__tests__/hooks/useStatusBarSafeAreaPadding.test.tsx

@@ -1,15 +0,0 @@
-/**
- * Tests for useStatusBarSafeAreaPadding hook
- */
-import { describe, it, expect } from '@jest/globals';
-import { useStatusBarSafeAreaPadding } from '../../hooks/useStatusBarSafeAreaPadding';
-
-describe('useStatusBarSafeAreaPadding', () => {
-  it('should be defined', () => {
-    expect(useStatusBarSafeAreaPadding).toBeDefined();
-  });
-
-  it('should return function', () => {
-    expect(typeof useStatusBarSafeAreaPadding).toBe('function');
-  });
-});

package/src/safe-area/__tests__/integration/completeFlow.test.tsx

@@ -1,26 +0,0 @@
-/**
- * Integration tests for complete flow
- */
-import { describe, it, expect } from '@jest/globals';
-import { useSafeAreaInsets } from '../../hooks/useSafeAreaInsets';
-import { useStatusBarSafeAreaPadding } from '../../hooks/useStatusBarSafeAreaPadding';
-import { useHeaderSafeAreaPadding } from '../../hooks/useHeaderSafeAreaPadding';
-import { useContentSafeAreaPadding } from '../../hooks/useContentSafeAreaPadding';
-
-describe('Integration Tests', () => {
-  it('should import useSafeAreaInsets', () => {
-    expect(useSafeAreaInsets).toBeDefined();
-  });
-
-  it('should import useStatusBarSafeAreaPadding', () => {
-    expect(useStatusBarSafeAreaPadding).toBeDefined();
-  });
-
-  it('should import useHeaderSafeAreaPadding', () => {
-    expect(useHeaderSafeAreaPadding).toBeDefined();
-  });
-
-  it('should import useContentSafeAreaPadding', () => {
-    expect(useContentSafeAreaPadding).toBeDefined();
-  });
-});

package/src/safe-area/__tests__/setup.ts

@@ -1,50 +0,0 @@
-/**
- * Jest setup file
- */
-
-// Define __DEV__ for tests
-(global as any).__DEV__ = true;
-
-// Mock react-native-safe-area-context
-jest.mock('react-native-safe-area-context', () => ({
-  SafeAreaProvider: ({ children }: { children: React.ReactNode }) => children,
-  useSafeAreaInsets: () => ({
-    top: 44,
-    bottom: 34,
-    left: 0,
-    right: 0,
-  }),
-}));
-
-// Mock SafeAreaProvider to avoid JSX issues
-jest.mock('../components/SafeAreaProvider', () => ({
-  SafeAreaProvider: ({ children }: { children: React.ReactNode }) => children,
-  useSafeAreaConfig: () => ({
-    minHeaderPadding: 0,
-    minContentPadding: 0,
-    minStatusBarPadding: 0,
-    additionalPadding: 0,
-    iosStatusBarUsesSafeArea: true,
-  }),
-}), { virtual: true });
-
-// Mock Platform
-jest.mock('react-native', () => ({
-  Platform: {
-    OS: 'ios',
-    select: (obj: Record<string, any>) => obj.ios,
-  },
-}));
-
-// Mock performance API for performance tests
-global.performance = {
-  ...global.performance,
-  now: jest.fn(() => Date.now()),
-};
-
-// Simple test to make test suite valid
-describe('setup', () => {
-  it('should define __DEV__', () => {
-    expect((global as any).__DEV__).toBe(true);
-  });
-});

package/src/safe-area/__tests__/utils/performance.test.tsx

@@ -1,18 +0,0 @@
-/**
- * Performance tests for utilities
- */
-
-describe('Performance Tests', () => {
-  it('should complete quickly', () => {
-    const startTime = performance.now();
-    
-    // Simple operation
-    const result = Math.random();
-    
-    const endTime = performance.now();
-    const duration = endTime - startTime;
-    
-    expect(duration).toBeLessThan(100);
-    expect(typeof result).toBe('number');
-  });
-});

package/src/safe-area/__tests__/utils/testUtils.tsx

@@ -1,44 +0,0 @@
-/**
- * Simple test utilities for safe area package
- */
-import { describe, it, expect, jest } from '@jest/globals';
-
-export const mockSafeAreaInsets = {
-  top: 44,
-  bottom: 34,
-  left: 0,
-  right: 0,
-};
-
-export const createWrapper = () => {
-  return ({ children }: { children: any }) => children;
-};
-
-export const renderHookWithSafeArea = <T, P>(
-  hook: (props: P) => T,
-  options?: {
-    initialProps?: P;
-    wrapper?: any;
-    insets?: typeof mockSafeAreaInsets;
-  },
-) => {
-  // wrapper not used in this stub implementation
-
-  return {
-    result: { current: hook(options?.initialProps as P) },
-    rerender: () => { },
-  };
-};
-
-export const resetMocks = () => {
-  jest.clearAllMocks();
-  jest.resetModules();
-};
-
-describe('testUtils', () => {
-  it('should export functions', () => {
-    expect(typeof mockSafeAreaInsets).toBe('object');
-    expect(typeof createWrapper).toBe('function');
-    expect(typeof resetMocks).toBe('function');
-  });
-});

package/src/safe-area/components/SafeAreaProvider.tsx

@@ -1,46 +0,0 @@
-/**
- * SafeAreaProvider Component
- * Enhanced wrapper around react-native-safe-area-context with configurable defaults
- */
-
-import React, { createContext, useContext } from 'react';
-import {
-  SafeAreaProvider as NativeSafeAreaProvider,
-} from 'react-native-safe-area-context';
-import type { SafeAreaProviderProps as NativeSafeAreaProviderProps } from 'react-native-safe-area-context';
-import { DEFAULT_CONFIG } from '../constants';
-
-export interface SafeAreaConfig {
-  minHeaderPadding: number;
-  minContentPadding: number;
-  minStatusBarPadding: number;
-  additionalPadding: number;
-  iosStatusBarUsesSafeArea: boolean;
-}
-
-export interface SafeAreaProviderProps extends NativeSafeAreaProviderProps {
-  children?: React.ReactNode;
-  config?: SafeAreaConfig;
-}
-
-const SafeAreaConfigContext = createContext<SafeAreaConfig>(DEFAULT_CONFIG);
-
-export const useSafeAreaConfig = (): SafeAreaConfig => {
-  return useContext(SafeAreaConfigContext);
-};
-
-export const SafeAreaProvider: React.FC<SafeAreaProviderProps> = ({
-  children,
-  config,
-  ...nativeProps
-}) => {
-  const mergedConfig = { ...DEFAULT_CONFIG, ...config };
-
-  return (
-    <SafeAreaConfigContext.Provider value={mergedConfig}>
-      <NativeSafeAreaProvider {...nativeProps}>
-        {children}
-      </NativeSafeAreaProvider>
-    </SafeAreaConfigContext.Provider>
-  );
-};

package/src/safe-area/hooks/useContentSafeAreaPadding.ts

@@ -1,41 +0,0 @@
-/**
- * useContentSafeAreaPadding Hook
- * Calculate safe area padding for content components
- */
-
-import { useMemo } from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useSafeAreaConfig } from '../components/SafeAreaProvider';
-import { useStableOptions } from '../utils/optimization';
-import { validateNumericInput } from '../utils/validation';
-
-export interface ContentPaddingOptions {
-  minBottomPadding?: number;
-  additionalPadding?: number;
-}
-
-export interface ContentPaddingResult {
-  paddingBottom: number;
-}
-
-export const useContentSafeAreaPadding = (
-  options: ContentPaddingOptions = {},
-): ContentPaddingResult => {
-  const insets = useSafeAreaInsets();
-  const config = useSafeAreaConfig();
-  const stableOptions = useStableOptions(options);
-  const minBottomPadding = stableOptions.minBottomPadding ?? config.minContentPadding;
-  const additionalPadding = stableOptions.additionalPadding ?? config.additionalPadding;
-
-  // Validate inputs once
-  useMemo(() => {
-    validateNumericInput(minBottomPadding, 'useContentSafeAreaPadding.minBottomPadding');
-    validateNumericInput(additionalPadding, 'useContentSafeAreaPadding.additionalPadding');
-  }, [minBottomPadding, additionalPadding]);
-
-  const paddingBottom = useMemo(() => {
-    return Math.max(insets.bottom, minBottomPadding) + additionalPadding;
-  }, [insets.bottom, minBottomPadding, additionalPadding]);
-
-  return useMemo(() => ({ paddingBottom }), [paddingBottom]);
-};

package/src/safe-area/hooks/useHeaderSafeAreaPadding.ts

@@ -1,35 +0,0 @@
-/**
- * useHeaderSafeAreaPadding Hook
- * Calculate safe area padding for header components
- */
-
-import { useMemo } from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useSafeAreaConfig } from '../components/SafeAreaProvider';
-import { useStableOptions } from '../utils/optimization';
-import { validateNumericInput } from '../utils/validation';
-
-export interface HeaderPaddingOptions {
-  minPadding?: number;
-  additionalPadding?: number;
-}
-
-export const useHeaderSafeAreaPadding = (
-  options: HeaderPaddingOptions = {},
-): number => {
-  const insets = useSafeAreaInsets();
-  const config = useSafeAreaConfig();
-  const stableOptions = useStableOptions(options);
-  const minPadding = stableOptions.minPadding ?? config.minHeaderPadding;
-  const additionalPadding = stableOptions.additionalPadding ?? config.additionalPadding;
-
-  // Validate inputs once
-  useMemo(() => {
-    validateNumericInput(minPadding, 'useHeaderSafeAreaPadding.minPadding');
-    validateNumericInput(additionalPadding, 'useHeaderSafeAreaPadding.additionalPadding');
-  }, [minPadding, additionalPadding]);
-
-  return useMemo(() => {
-    return Math.max(insets.top, minPadding) + additionalPadding;
-  }, [insets.top, minPadding, additionalPadding]);
-};

package/src/safe-area/hooks/useStatusBarSafeAreaPadding.ts

@@ -1,36 +0,0 @@
-/**
- * useStatusBarSafeAreaPadding Hook
- * Calculate safe area padding for status bar components
- */
-
-import { useMemo } from 'react';
-import { Platform } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useSafeAreaConfig } from '../components/SafeAreaProvider';
-import { useStableOptions } from '../utils/optimization';
-import { validateNumericInput } from '../utils/validation';
-
-export interface StatusBarPaddingOptions {
-  minPadding?: number;
-}
-
-export const useStatusBarSafeAreaPadding = (
-  options: StatusBarPaddingOptions = {},
-): number => {
-  const insets = useSafeAreaInsets();
-  const config = useSafeAreaConfig();
-  const stableOptions = useStableOptions(options);
-  const minPadding = stableOptions.minPadding ?? config.minStatusBarPadding;
-
-  // Validate input once
-  useMemo(() => {
-    validateNumericInput(minPadding, 'useStatusBarSafeAreaPadding.minPadding');
-  }, [minPadding]);
-
-  return useMemo(() => {
-    if (Platform.OS === 'ios' && config.iosStatusBarUsesSafeArea) {
-      return minPadding;
-    }
-    return Math.max(insets.top, minPadding);
-  }, [insets.top, minPadding, config.iosStatusBarUsesSafeArea]);
-};

package/src/safe-area/utils/optimization.ts

@@ -1,49 +0,0 @@
-/**
- * Performance optimization utilities for safe area hooks
- */
-
-import { useMemo, useRef } from "react";
-import { clearValidationCache } from "./validation";
-
-/**
- * Memoize options object to prevent unnecessary re-renders
- * Uses shallow comparison for better performance
- */
-export const useStableOptions = <T extends Record<string, any>>(
-  options: T,
-): T => {
-  const prevOptionsRef = useRef<T | undefined>(undefined);
-
-  return useMemo(() => {
-    const prev = prevOptionsRef.current;
-
-    if (!prev) {
-      prevOptionsRef.current = options;
-      return options;
-    }
-
-    const prevKeys = Object.keys(prev);
-    const currentKeys = Object.keys(options);
-
-    if (prevKeys.length !== currentKeys.length) {
-      prevOptionsRef.current = options;
-      return options;
-    }
-
-    const hasChanged = prevKeys.some((key) => prev[key] !== options[key]);
-
-    if (hasChanged) {
-      prevOptionsRef.current = options;
-    }
-
-    return prevOptionsRef.current ?? options;
-  }, [options]);
-};
-
-/**
- * Cleanup function to clear all performance caches
- * Call this in useEffect cleanup if needed
- */
-export const clearPerformanceCaches = (): void => {
-  clearValidationCache();
-};

package/src/safe-area/utils/validation.ts

@@ -1,50 +0,0 @@
-/**
- * Validation utilities for safe area hooks
- */
-
-// Validate numeric input with performance optimization
-// Caches validation results to avoid repeated checks
-const validationCache = new Map<string, boolean>();
-
-export const validateNumericInput = (
-  value: number,
-  name: string,
-  allowNegative = false,
-): boolean => {
-  if (!__DEV__) {
-    return true;
-  }
-  
-  const cacheKey = `${name}:${value}:${allowNegative}`;
-  
-  if (validationCache.has(cacheKey)) {
-    return validationCache.get(cacheKey)!;
-  }
-  
-  const isValid = typeof value === 'number' && !isNaN(value) && (allowNegative || value >= 0);
-  
-  if (!isValid) {
-    throttledWarn(`${name}: must be a ${allowNegative ? 'number' : 'non-negative number'}, got ${value}`);
-  }
-  
-  // Limit cache size to prevent memory leaks
-  if (validationCache.size > 100) {
-    const firstKey = validationCache.keys().next().value;
-    if (firstKey) {
-      validationCache.delete(firstKey);
-    }
-  }
-  
-  validationCache.set(cacheKey, isValid);
-  return isValid;
-};
-
-export const throttledWarn = (_message: string): void => {
-  // Silent validation - no console output in production
-  void _message;
-};
-
-// Cleanup function to clear validation cache
-export const clearValidationCache = (): void => {
-  validationCache.clear();
-};