@umituz/react-native-design-system 1.0.0 → 1.0.1

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "src/index.ts",
   "types": "src/index.ts",
+  "scripts": {
+    "version:patch": "npm version patch -m 'chore: release v%s'",
+    "version:minor": "npm version minor -m 'chore: release v%s'",
+    "version:major": "npm version major -m 'chore: release v%s'"
+  },
   "keywords": [
     "react-native",
     "design-system",
@@ -13,19 +18,20 @@
     "ddd",
     "domain-driven-design"
   ],
-  "author": "Umit Uz",
+  "author": "Ümit UZ <umit@umituz.com>",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/umituz/react-native-design-system"
   },
   "peerDependencies": {
-    "react": "18.3.1",
-    "react-native": "0.76.3",
+    "react": ">=18.2.0",
+    "react-native": ">=0.74.0",
     "react-native-paper": "^5.12.5",
     "react-native-reanimated": "~3.10.1",
     "@react-native-community/datetimepicker": "8.0.1",
-    "@expo/vector-icons": "^14.0.0"
+    "@expo/vector-icons": "^14.0.0",
+    "lucide-react-native": "^0.468.0"
   },
   "peerDependenciesMeta": {
     "@react-native-community/datetimepicker": {

package/src/presentation/hooks/useAppDesignTokens.ts

@@ -1,43 +1,17 @@
 /**
- * useAppDesignTokens Hook - Dynamic Theme-Aware Design Tokens
+ * useAppDesignTokens Hook - Design Tokens Access
  *
- * ✅ ZERO DUPLICATION - Uses TokenFactory (Single Source of Truth)
- * ✅ DYNAMIC theme switching (light/dark)
+ * ✅ NPM PACKAGE VERSION - Standalone, no theme dependencies
+ * ✅ Returns static light theme tokens
  * ✅ Type-safe design tokens
- * ✅ Automatic re-render on theme change
- * ✅ Graceful fallback to light theme
- * ✅ NO CIRCULAR DEPENDENCY - Relative imports break barrel export cycle
+ * ✅ Zero external dependencies
  *
- * CRITICAL: Uses RELATIVE imports to break circular dependency!
- * - Relative import for useTheme (not barrel '@domains/theme')
- * - Relative import for TokenFactory (not barrel through AppDesignTokens)
- * - NOT exported from AppDesignTokens.ts (only from design-system/index.ts)
- *
- * This architecture prevents cycle:
- * - useAppDesignTokens → useTheme (relative, not through barrel)
- * - theme → design-system (through barrel, but useAppDesignTokens not in token barrel)
- * - No cycle detected!
- *
- * @module useAppDesignTokens
- */
-
-import { useMemo } from 'react';
-import { useTheme } from '../../../theme/infrastructure/stores/themeStore';
-import { createDesignTokens, STATIC_DESIGN_TOKENS, type ThemeMode } from '../tokens/core/TokenFactory';
-
-/**
- * 🎯 DYNAMIC DESIGN TOKENS HOOK
- *
- * USE THIS HOOK in all components for theme-aware design tokens!
- *
- * ✅ Colors are DYNAMIC (update when theme changes)
- * ✅ Typography, spacing, etc. are STATIC (performance optimization)
- * ✅ Automatic re-render on theme change
- * ✅ Zero duplication (uses TokenFactory)
+ * NOTE: This is the npm package version which returns light theme only.
+ * For dynamic theme switching, apps should use @domains/theme ThemeProvider.
  *
  * @example
  * ```typescript
- * import { useAppDesignTokens } from '@domains/design-system';
+ * import { useAppDesignTokens } from '@umituz/react-native-design-system';
  *
  * const MyComponent = () => {
  *   const tokens = useAppDesignTokens();
@@ -53,26 +27,11 @@ import { createDesignTokens, STATIC_DESIGN_TOKENS, type ThemeMode } from '../tok
  * };
  * ```
  */
-export const useAppDesignTokens = () => {
-  // ✅ Hooks must be called unconditionally at the top level
-  const { theme, themeMode: mode } = useTheme();
 
-  return useMemo(() => {
-    try {
-      // Validate theme mode
-      const themeMode: ThemeMode = mode === 'dark' ? 'dark' : 'light';
+import { STATIC_DESIGN_TOKENS } from '../tokens/core/TokenFactory';
 
-      // Validate theme colors exist
-      if (!theme?.colors || typeof theme.colors !== 'object' || !theme.colors.primary) {
-        console.warn('useAppDesignTokens: Invalid theme, using light theme fallback');
-        return STATIC_DESIGN_TOKENS; // Fallback to light theme
-      }
-
-      // ✅ Create tokens using TokenFactory (ZERO duplication!)
-      return createDesignTokens(themeMode);
-    } catch (error) {
-      console.warn('useAppDesignTokens: Error accessing theme, using fallback:', error);
-      return STATIC_DESIGN_TOKENS; // Fallback to light theme
-    }
-  }, [theme?.colors, mode]); // Re-compute when colors or mode changes
+export const useAppDesignTokens = () => {
+  // NPM package version: Always return light theme
+  // Apps using factory generator will override this with theme-aware version
+  return STATIC_DESIGN_TOKENS;
 };