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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "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/{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/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,41 +35,26 @@ export {
   type GridCellSizeConfig,
   getResponsiveMaxWidth,
   getResponsiveFontSize,
-  isLandscape,
-  getDeviceType,
-  DeviceType,
   MODAL_CONFIG,
 } from './responsive';
 
-// Device detection exports
-export { getSpacingMultiplier } from './deviceDetection';
-
-
-
-// Platform constants exports
-export {
-  IOS_HIG,
-  PLATFORM_CONSTANTS,
-  isValidTouchTarget,
-  getMinTouchTarget,
-} from './platformConstants';
-
-// iPad-specific exports
-export {
-  IPAD_BREAKPOINTS,
-  TOUCH_TARGETS,
-  CONTENT_WIDTH_CONSTRAINTS,
-  IPAD_LAYOUT_CONFIG,
-} from './iPadBreakpoints';
-
+// Re-export from device for backward compatibility
 export {
+  DeviceType,
+  getScreenDimensions,
+  isSmallPhone,
+  isTablet,
+  isLandscape,
+  getDeviceType,
+  getSpacingMultiplier,
   isIPad,
   isIPadMini,
   isIPadPro,
   isIPadLandscape,
-} from './iPadDetection';
-
-export {
+  IPAD_BREAKPOINTS,
+  TOUCH_TARGETS,
+  CONTENT_WIDTH_CONSTRAINTS,
+  IPAD_LAYOUT_CONFIG,
   getContentMaxWidth,
   getIPadGridColumns,
   getTouchTargetSize,
@@ -85,11 +62,19 @@ export {
   getIPadFontScale,
   getIPadLayoutInfo,
   type IPadLayoutInfo,
-} from './iPadLayoutUtils';
-
-export {
   getIPadModalDimensions,
   getPaywallDimensions,
   type ModalDimensions,
   type PaywallDimensions,
-} from './iPadModalUtils';
+} from '../device/detection';
+
+// Platform constants
+export {
+  IOS_HIG,
+  PLATFORM_CONSTANTS,
+  isValidTouchTarget,
+  getMinTouchTarget,
+} from './platformConstants';
+
+// Config exports
+export { DEVICE_BREAKPOINTS } from './config';

package/src/responsive/responsive.ts

@@ -7,7 +7,7 @@
  * This is the main export file that imports from specialized modules.
  */
 
-// Device detection
+// Device detection (re-exported from device module)
 export {
   getScreenDimensions,
   isSmallPhone,
@@ -15,7 +15,7 @@ export {
   isLandscape,
   getDeviceType,
   DeviceType,
-} from './deviceDetection';
+} from '../device/detection';
 
 // Responsive sizing
 export {

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

@@ -38,7 +38,7 @@ import {
   type ResponsiveBottomSheetLayout,
   type ResponsiveDialogLayout,
 } from './responsive';
-import { getSpacingMultiplier } from './deviceDetection';
+import { getSpacingMultiplier } from '../device/detection';
 
 export interface UseResponsiveReturn {
   // Device info