@umituz/react-native-design-system-theme/src/index.ts

Theme management system for React Native apps - Colors, design tokens, and theme state management

/**
 * @umituz/react-native-design-system-theme - Public API
 *
 * Theme management system for React Native apps
 * Provides colors, design tokens, and theme state management
 *
 * Usage:
 *   import { useAppDesignTokens, useDesignSystemTheme, lightColors, darkColors } from '@umituz/react-native-design-system-theme';
 */

// =============================================================================
// COLOR PALETTE
// =============================================================================

export {
  lightColors,
  darkColors,
  getColorPalette,
  withAlpha,
  type ColorPalette,
  type ThemeMode,
} from './core/ColorPalette';

export {
  applyCustomColors,
  type CustomThemeColors,
} from './core/CustomColors';

// =============================================================================
// BASE TOKENS - Static Design Tokens
// =============================================================================

export {
  BASE_TOKENS,
  STATIC_TOKENS,
  spacing,
  typography,
  borders,
  type Spacing,
  type Typography,
  type Borders,
  type BaseTokens,
  type IconSizes,
  type Opacity,
  type AvatarSizes,
  type ComponentSizes,
} from './core/BaseTokens';

// =============================================================================
// TOKEN FACTORY
// =============================================================================

export {
  createDesignTokens,
  STATIC_DESIGN_TOKENS,
  type DesignTokens,
} from './core/TokenFactory';

// =============================================================================
// HOOKS
// =============================================================================

export { useAppDesignTokens } from './hooks/useAppDesignTokens';
export { useDesignSystemTheme } from './infrastructure/globalThemeStore';
export { useTheme } from './infrastructure/stores/themeStore';
export { useThemedStyles, useThemedStyleSheet } from './hooks/useThemedStyles';
export { useCommonStyles } from './hooks/useCommonStyles';

// =============================================================================
// THEME OBJECTS
// =============================================================================

export {
  lightTheme,
  darkTheme,
  createResponsiveValue,
  type Theme,
  type ExtendedColorPalette,
} from './core/themes';

// =============================================================================
// STORAGE
// =============================================================================

export { ThemeStorage } from './infrastructure/storage/ThemeStorage';