@umituz/react-native-design-system 4.23.49 → 4.23.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.49",
+  "version": "4.23.50",
   "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/theme/hooks/useAppDesignTokens.ts

@@ -1,31 +1,16 @@
 import { useMemo } from 'react';
-import { useDesignSystemTheme } from '../infrastructure/globalThemeStore';
+import { useTheme } from '../infrastructure/stores/themeStore';
 import { createDesignTokens } from '../core/TokenFactory';
 import { useResponsive } from '../../responsive/useResponsive';
 import { type DesignTokens } from '../types/ThemeTypes';
 
 /**
  * Hook to access current design tokens (colors, spacing, typography, etc.)
- * 
- * ✅ Responsive by default - Scales based on device type
- * ✅ Theme-aware - Automatically updates on light/dark mode changes
- * ✅ Dynamic - Supports custom color overrides
- * 
- * @returns {DesignTokens} The current responsive design tokens
- * 
- * @example
- * ```tsx
- * const tokens = useAppDesignTokens();
- * return (
- *   <View style={{ 
- *     padding: tokens.spacing.md, 
- *     backgroundColor: tokens.colors.backgroundPrimary 
- *   }} />
- * );
- * ```
+ *
+ * Uses useTheme directly - single source of truth for theme state.
  */
 export const useAppDesignTokens = (): DesignTokens => {
-    const { themeMode, customColors } = useDesignSystemTheme();
+    const { themeMode, customColors } = useTheme();
     const { spacingMultiplier, getFontSize } = useResponsive();
 
     return useMemo(