@umituz/react-native-design-system 1.5.38 → 1.5.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.5.38",
+  "version": "1.5.40",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/index.ts

@@ -1,73 +1,23 @@
-/**
- * @umituz/react-native-design-system - Public API
- *
- * Universal UI component library for React Native apps
- * Domain-Driven Design (DDD) Architecture
- *
- * This is the SINGLE SOURCE OF TRUTH for all UI components.
- * ALL imports from the design system MUST go through this file.
- *
- * Architecture:
- * - @umituz/react-native-design-system-atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
- * - @umituz/react-native-design-system-molecules: Composite components (SearchBar, ListItem, etc.)
- * - @umituz/react-native-design-system-organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
- * - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
- * - presentation/utils: Utility functions and helpers
- *
- * Usage:
- *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, STATIC_TOKENS } from '@umituz/react-native-design-system';
- */
-
-// =============================================================================
-// ATOMS - Primitive UI Components
-// Re-exported from @umituz/react-native-design-system-atoms
-// =============================================================================
-
 export * from '@umituz/react-native-design-system-atoms';
 
-// Re-export typography types for convenience (from @umituz/react-native-design-system-typography)
 export type {
   TextStyleVariant,
   ColorVariant,
 } from '@umituz/react-native-design-system-typography';
 
-// =============================================================================
-// MOLECULES - Composite Components
-// Re-exported from @umituz/react-native-design-system-molecules
-// =============================================================================
-
 export * from '@umituz/react-native-design-system-molecules';
 
-// =============================================================================
-// ORGANISMS - Complex Patterns
-// Re-exported from @umituz/react-native-design-system-organisms
-// =============================================================================
-
 export * from '@umituz/react-native-design-system-organisms';
 
-// Note: FeedbackModal moved to @domains/feedback
-// Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
-
-// =============================================================================
-// THEME-RELATED EXPORTS - Re-exported from @umituz/react-native-design-system-theme
-// =============================================================================
-// All tokens, colors, and theme utilities come from @umituz/react-native-design-system-theme
-// Design system does NOT define any tokens - it only uses them from theme package
-
 export {
-  // Token factory
   createDesignTokens,
   STATIC_DESIGN_TOKENS,
   BASE_TOKENS,
   STATIC_TOKENS,
-
-  // Color utilities
   withAlpha,
   lightColors,
   darkColors,
   getColorPalette,
-
-  // Type exports
   type DesignTokens,
   type ThemeMode,
   type ColorPalette,
@@ -75,20 +25,14 @@ export {
   type Spacing,
   type Typography,
   type Borders,
+  useAppDesignTokens,
+  useDesignSystemTheme,
 } from '@umituz/react-native-design-system-theme';
 
-// Hook for dynamic theme-aware tokens (re-exported from theme package)
-export { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
-
 export {
   useCommonStyles,
 } from './presentation/tokens/commonStyles';
 
-// =============================================================================
-// UTILITIES - Helper Functions & Responsive Utilities
-// Re-exported from @umituz/react-native-design-system-responsive
-// =============================================================================
-
 export {
   IOS_HIG,
   ANDROID_MATERIAL,
@@ -125,27 +69,3 @@ export {
   getOnboardingDescriptionMarginTop,
   DeviceType,
 } from '@umituz/react-native-design-system-responsive';
-
-// =============================================================================
-// THEME MANAGEMENT - Global Theme Store
-// =============================================================================
-
-// Theme management moved to @umituz/react-native-design-system-theme
-export {
-  useDesignSystemTheme,
-} from '@umituz/react-native-design-system-theme';
-
-// =============================================================================
-// ICONS DOMAIN - Universal Icon System
-// =============================================================================
-// Icon components are now part of @umituz/react-native-design-system-atoms
-// Import directly: import { AtomicIcon, IconName, IconSize, IconColor } from '@umituz/react-native-design-system-atoms';
-
-// Re-export for backward compatibility
-export {
-  AtomicIcon as Icon,
-  type AtomicIconProps as IconProps,
-  type AtomicIconSize as IconSize,
-  type AtomicIconColor as IconColor,
-  type AtomicIconName as IconName,
-} from '@umituz/react-native-design-system-atoms';

package/src/presentation/organisms/AppHeader.tsx

@@ -12,24 +12,13 @@ import React from 'react';
 import { View, ViewStyle, SafeAreaView } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
 import { AtomicText, AtomicButton, AtomicIcon } from '@umituz/react-native-design-system-atoms';
-import type { IconName } from '@umituz/react-native-design-system-atoms';
 
-// =============================================================================
-// TYPE DEFINITIONS
-// =============================================================================
-
-/**
- * AppHeader component props
- *
- * leftIcon/rightIcon: Any MaterialIcons name
- * @see https://fonts.google.com/icons
- */
 export interface AppHeaderProps {
   title: string;
   subtitle?: string;
-  leftIcon?: IconName;
+  leftIcon?: string;
   onLeftPress?: () => void;
-  rightIcon?: IconName;
+  rightIcon?: string;
   onRightPress?: () => void;
   showShadow?: boolean;
   backgroundColor?: string;