@umituz/react-native-design-system 2.3.2 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "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",
@@ -117,4 +117,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/{responsive → device/detection}/deviceDetection.ts

@@ -6,8 +6,8 @@
  */
 
 import { Dimensions } from 'react-native';
-import { DEVICE_BREAKPOINTS, LAYOUT_CONSTANTS } from './config';
-import { validateScreenDimensions } from './validation';
+import { DEVICE_BREAKPOINTS, LAYOUT_CONSTANTS } from '../../responsive/config';
+import { validateScreenDimensions } from '../../responsive/validation';
 
 /**
  * Helper function for device detection with fallback

package/src/{responsive → device/detection}/iPadDetection.ts

@@ -3,7 +3,7 @@
  */
 
 import { Dimensions, Platform } from 'react-native';
-import { DEVICE_BREAKPOINTS } from './config';
+import { DEVICE_BREAKPOINTS } from '../../responsive/config';
 import { IPAD_BREAKPOINTS } from './iPadBreakpoints';
 
 /**

package/src/{responsive → device/detection}/iPadLayoutUtils.ts

@@ -3,7 +3,7 @@
  */
 
 import { Dimensions } from 'react-native';
-import { DEVICE_BREAKPOINTS } from './config';
+import { DEVICE_BREAKPOINTS } from '../../responsive/config';
 import {
     IPAD_BREAKPOINTS,
     TOUCH_TARGETS,

package/src/device/detection/index.ts

@@ -0,0 +1,54 @@
+/**
+ * Device Detection Module - Public API
+ *
+ * Centralized device detection utilities including:
+ * - Device type detection (phone, tablet, iPad variants)
+ * - Screen dimension utilities
+ * - Layout utilities for different device types
+ */
+
+// Breakpoints and constants
+export {
+    IPAD_BREAKPOINTS,
+    TOUCH_TARGETS,
+    CONTENT_WIDTH_CONSTRAINTS,
+    IPAD_LAYOUT_CONFIG,
+} from './iPadBreakpoints';
+
+// Device type detection
+export {
+    DeviceType,
+    getScreenDimensions,
+    isSmallPhone,
+    isTablet,
+    isLandscape,
+    getDeviceType,
+    getSpacingMultiplier,
+} from './deviceDetection';
+
+// iPad-specific detection
+export {
+    isIPad,
+    isIPadMini,
+    isIPadPro,
+    isIPadLandscape,
+} from './iPadDetection';
+
+// iPad layout utilities
+export {
+    getContentMaxWidth,
+    getIPadGridColumns,
+    getTouchTargetSize,
+    getIPadScreenPadding,
+    getIPadFontScale,
+    getIPadLayoutInfo,
+    type IPadLayoutInfo,
+} from './iPadLayoutUtils';
+
+// iPad modal utilities
+export {
+    getIPadModalDimensions,
+    getPaywallDimensions,
+    type ModalDimensions,
+    type PaywallDimensions,
+} from './iPadModalUtils';

package/src/device/index.ts

@@ -1,16 +1,59 @@
 /**
  * Device Module - Public API
  *
- * Device and application information utilities.
- * Provides device detection, capabilities, and system info.
+ * Complete device utilities including:
+ * - Device detection (phone, tablet, iPad variants)
+ * - Device info and capabilities
+ * - Anonymous user management
  */
 
-// Domain entities
+// ============================================================================
+// DETECTION - Device type and screen detection
+// ============================================================================
+
+export {
+    // Breakpoints
+    IPAD_BREAKPOINTS,
+    TOUCH_TARGETS,
+    CONTENT_WIDTH_CONSTRAINTS,
+    IPAD_LAYOUT_CONFIG,
+    // Device type detection
+    DeviceType,
+    getScreenDimensions,
+    isSmallPhone,
+    isTablet,
+    isLandscape,
+    getDeviceType,
+    getSpacingMultiplier,
+    // iPad-specific detection
+    isIPad,
+    isIPadMini,
+    isIPadPro,
+    isIPadLandscape,
+    // iPad layout utilities
+    getContentMaxWidth,
+    getIPadGridColumns,
+    getTouchTargetSize,
+    getIPadScreenPadding,
+    getIPadFontScale,
+    getIPadLayoutInfo,
+    type IPadLayoutInfo,
+    // iPad modal utilities
+    getIPadModalDimensions,
+    getPaywallDimensions,
+    type ModalDimensions,
+    type PaywallDimensions,
+} from './detection';
+
+// ============================================================================
+// DOMAIN - Device entities and utilities
+// ============================================================================
+
 export type {
     DeviceInfo,
     ApplicationInfo,
     SystemInfo,
-    DeviceType,
+    DeviceType as DeviceInfoType,
 } from './domain/entities/Device';
 
 export {
@@ -21,13 +64,19 @@ export {
 export { DeviceTypeUtils } from './domain/entities/DeviceTypeUtils';
 export { DeviceMemoryUtils } from './domain/entities/DeviceMemoryUtils';
 
-// Infrastructure services
+// ============================================================================
+// INFRASTRUCTURE - Device services
+// ============================================================================
+
 export { DeviceService } from './infrastructure/services/DeviceService';
 export { UserFriendlyIdService } from './infrastructure/services/UserFriendlyIdService';
 import { PersistentDeviceIdService } from './infrastructure/services/PersistentDeviceIdService';
 export { PersistentDeviceIdService };
 
-// Presentation hooks
+// ============================================================================
+// PRESENTATION - Device hooks
+// ============================================================================
+
 export {
     useDeviceInfo,
     useDeviceCapabilities,
@@ -43,6 +92,10 @@ export type {
     UseAnonymousUserOptions,
 } from './presentation/hooks/useAnonymousUser';
 
+// ============================================================================
+// UTILITIES
+// ============================================================================
+
 /**
  * Get anonymous user ID for services
  */

package/src/index.ts

@@ -90,9 +90,6 @@ export {
 
 export {
   useResponsive,
-  getScreenDimensions,
-  isSmallPhone,
-  isTablet,
   getResponsiveLogoSize,
   getResponsiveInputHeight,
   getResponsiveHorizontalPadding,
@@ -112,20 +109,71 @@ export {
   getResponsiveGridColumns,
   getResponsiveMaxWidth,
   getResponsiveFontSize,
-  isLandscape,
-  getDeviceType,
   getMinTouchTarget,
-  getSpacingMultiplier,
   IOS_HIG,
   PLATFORM_CONSTANTS,
   isValidTouchTarget,
-  DeviceType,
+  DEVICE_BREAKPOINTS,
   type ResponsiveModalLayout,
   type ResponsiveBottomSheetLayout,
   type ResponsiveDialogLayout,
   type UseResponsiveReturn,
 } from './responsive';
 
+// =============================================================================
+// DEVICE EXPORTS
+// =============================================================================
+
+export {
+  // Device detection
+  DeviceType,
+  getScreenDimensions,
+  isSmallPhone,
+  isTablet,
+  isLandscape,
+  getDeviceType,
+  getSpacingMultiplier,
+  // iPad detection
+  isIPad,
+  isIPadMini,
+  isIPadPro,
+  isIPadLandscape,
+  IPAD_BREAKPOINTS,
+  TOUCH_TARGETS,
+  CONTENT_WIDTH_CONSTRAINTS,
+  IPAD_LAYOUT_CONFIG,
+  // iPad utilities
+  getContentMaxWidth,
+  getIPadGridColumns,
+  getTouchTargetSize,
+  getIPadScreenPadding,
+  getIPadFontScale,
+  getIPadLayoutInfo,
+  getIPadModalDimensions,
+  getPaywallDimensions,
+  type IPadLayoutInfo,
+  type ModalDimensions,
+  type PaywallDimensions,
+  // Device info
+  DEVICE_CONSTANTS,
+  DeviceUtils,
+  DeviceTypeUtils,
+  DeviceMemoryUtils,
+  DeviceService,
+  UserFriendlyIdService,
+  PersistentDeviceIdService,
+  useDeviceInfo,
+  useDeviceCapabilities,
+  useDeviceId,
+  useAnonymousUser,
+  getAnonymousUserId,
+  type DeviceInfo,
+  type ApplicationInfo,
+  type SystemInfo,
+  type AnonymousUser,
+  type UseAnonymousUserOptions,
+} from './device';
+
 // =============================================================================
 // ATOMS EXPORTS
 // =============================================================================

package/src/responsive/gridUtils.ts

@@ -3,7 +3,7 @@
  * Responsive grid sizing and column calculations
  */
 
-import { getScreenDimensions } from './deviceDetection';
+import { getScreenDimensions } from '../device/detection';
 import { DEVICE_BREAKPOINTS, GRID_CONFIG } from './config';
 import { validateNumber } from './validation';
 

package/src/responsive/index.ts

@@ -1,24 +1,16 @@
 /**
- * @umituz/react-native-design-system-responsive - Public API
+ * @umituz/react-native-design-system/responsive - Public API
  *
- * Responsive design utilities for React Native - Screen dimensions, device detection,
- * and responsive sizing utilities following Material Design 3 and iOS HIG principles.
- *
- * Usage:
- * ```typescript
- * import { useResponsive, isTablet, getResponsiveLogoSize } from '@umituz/react-native-design-system-responsive';
- * ```
+ * Responsive sizing and layout utilities for React Native.
+ * For device detection, use '@umituz/react-native-design-system/device'.
  */
 
 // Hook exports
 export { useResponsive } from './useResponsive';
 export type { UseResponsiveReturn } from './useResponsive';
 
-// Utility function exports
+// Responsive sizing utilities
 export {
-  getScreenDimensions,
-  isSmallPhone,
-  isTablet,
   getResponsiveLogoSize,
   getResponsiveInputHeight,
   getResponsiveHorizontalPadding,
@@ -43,18 +35,10 @@ export {
   type GridCellSizeConfig,
   getResponsiveMaxWidth,
   getResponsiveFontSize,
-  isLandscape,
-  getDeviceType,
-  DeviceType,
   MODAL_CONFIG,
 } from './responsive';
 
-// Device detection exports
-export { getSpacingMultiplier } from './deviceDetection';
-
-
-
-// Platform constants exports
+// Platform constants
 export {
   IOS_HIG,
   PLATFORM_CONSTANTS,
@@ -62,34 +46,5 @@ export {
   getMinTouchTarget,
 } from './platformConstants';
 
-// iPad-specific exports
-export {
-  IPAD_BREAKPOINTS,
-  TOUCH_TARGETS,
-  CONTENT_WIDTH_CONSTRAINTS,
-  IPAD_LAYOUT_CONFIG,
-} from './iPadBreakpoints';
-
-export {
-  isIPad,
-  isIPadMini,
-  isIPadPro,
-  isIPadLandscape,
-} from './iPadDetection';
-
-export {
-  getContentMaxWidth,
-  getIPadGridColumns,
-  getTouchTargetSize,
-  getIPadScreenPadding,
-  getIPadFontScale,
-  getIPadLayoutInfo,
-  type IPadLayoutInfo,
-} from './iPadLayoutUtils';
-
-export {
-  getIPadModalDimensions,
-  getPaywallDimensions,
-  type ModalDimensions,
-  type PaywallDimensions,
-} from './iPadModalUtils';
+// Config exports
+export { DEVICE_BREAKPOINTS } from './config';

package/src/responsive/responsive.ts

@@ -1,22 +1,9 @@
 /**
  * Responsive Design Utilities
  *
- * Centralized responsive sizing and spacing utilities to prevent
- * Apple App Store rejection due to layout issues on different devices.
- *
- * This is the main export file that imports from specialized modules.
+ * Centralized responsive sizing and spacing utilities.
  */
 
-// Device detection
-export {
-  getScreenDimensions,
-  isSmallPhone,
-  isTablet,
-  isLandscape,
-  getDeviceType,
-  DeviceType,
-} from './deviceDetection';
-
 // Responsive sizing
 export {
   getResponsiveLogoSize,
@@ -53,14 +40,6 @@ export {
   type ResponsiveDialogLayout,
 } from './responsiveModal';
 
-// Platform constants
-export {
-  IOS_HIG,
-  PLATFORM_CONSTANTS,
-  isValidTouchTarget,
-  getMinTouchTarget,
-} from './platformConstants';
-
 // Configuration
 export {
   DEVICE_BREAKPOINTS,
@@ -72,6 +51,3 @@ export {
   VALIDATION_CONSTRAINTS,
   MODAL_CONFIG,
 } from './config';
-
-
-

package/src/responsive/responsiveLayout.ts

@@ -3,7 +3,7 @@
  * Layout utilities for positioning and spacing.
  */
 
-import { getScreenDimensions } from './deviceDetection';
+import { getScreenDimensions } from '../device/detection';
 import { DEVICE_BREAKPOINTS, LAYOUT_CONSTANTS } from './config';
 import { validateNumber, validateSafeAreaInsets } from './validation';
 

package/src/responsive/responsiveModal.ts

@@ -3,7 +3,7 @@
  * Modal, bottom sheet, and dialog layout utilities.
  */
 
-import { getScreenDimensions } from './deviceDetection';
+import { getScreenDimensions } from '../device/detection';
 import {
   DEVICE_BREAKPOINTS,
   LAYOUT_CONSTANTS,

package/src/responsive/responsiveSizing.ts

@@ -3,7 +3,7 @@
  * Responsive sizing utilities for UI components.
  */
 
-import { getScreenDimensions } from './deviceDetection';
+import { getScreenDimensions } from '../device/detection';
 import {
   DEVICE_BREAKPOINTS,
   RESPONSIVE_PERCENTAGES,

package/src/responsive/useResponsive.ts

@@ -28,17 +28,19 @@ import {
   getResponsiveGridColumns,
   getResponsiveMaxWidth,
   getResponsiveFontSize,
+  type ResponsiveModalLayout,
+  type ResponsiveBottomSheetLayout,
+  type ResponsiveDialogLayout,
+} from './responsive';
+import {
   isSmallPhone,
   isTablet,
   isLandscape,
   getDeviceType,
-  getMinTouchTarget,
   DeviceType,
-  type ResponsiveModalLayout,
-  type ResponsiveBottomSheetLayout,
-  type ResponsiveDialogLayout,
-} from './responsive';
-import { getSpacingMultiplier } from './deviceDetection';
+  getSpacingMultiplier,
+} from '../device/detection';
+import { getMinTouchTarget } from './platformConstants';
 
 export interface UseResponsiveReturn {
   // Device info