@umituz/react-native-design-system 4.28.6 → 4.28.8

package/dist/utils/math/ProgressUtils.d.ts

@@ -1,37 +0,0 @@
-/**
- * Progress Utilities
- *
- * Helper functions for progress-related calculations
- */
-/**
- * Validates and clamps a progress value to ensure it's within valid range
- * @param value - Raw progress value
- * @returns Clamped progress value (0-100)
- */
-export declare function normalizeProgress(value: number): number;
-/**
- * Formats a progress value as a percentage string
- * @param value - Progress value (0-100)
- * @param decimals - Number of decimal places (default: 0)
- * @returns Formatted percentage string
- */
-export declare function formatPercentage(value: number, decimals?: number): string;
-/**
- * Calculates the percentage completed of a multi-step process
- * @param currentStep - Current step (1-indexed)
- * @param totalSteps - Total number of steps
- * @returns Percentage (0-100)
- */
-export declare function calculateStepProgress(currentStep: number, totalSteps: number): number;
-/**
- * Checks if progress is complete
- * @param value - Progress value (0-100)
- * @returns True if progress is 100%
- */
-export declare function isComplete(value: number): boolean;
-/**
- * Checks if progress has started
- * @param value - Progress value (0-100)
- * @returns True if progress > 0%
- */
-export declare function hasStarted(value: number): boolean;

package/dist/utils/math/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Math Utilities Index
- */
-export { clamp, calculatePercentage, roundTo, calculateGridItemWidth, isInRange, lerp, mapRange, } from './CalculationUtils';
-export { normalizeProgress, formatPercentage, calculateStepProgress, isComplete, hasStarted, } from './ProgressUtils';
-export { intensityToOpacity, createRgbaColor, ratioToOpacity, } from './OpacityUtils';

package/dist/uuid/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * React Native UUID
- *
- * Cross-platform UUID generation for React Native apps
- */
-export { generateUUID, generateUUID as uuidv4, generateUUID as generateCreationId, isValidUUID, getUUIDVersion, } from "./infrastructure/utils/UUIDUtils";
-export type { UUID } from "./types/UUID";
-export { UUIDVersion, UUID_CONSTANTS } from "./types/UUID";

package/dist/uuid/infrastructure/utils/UUIDUtils.d.ts

@@ -1,20 +0,0 @@
-/**
- * UUID Generation Utility
- *
- * Provides cross-platform UUID generation.
- * Uses expo-crypto when available, falls back to Math.random-based v4 UUID.
- */
-import type { UUID } from '../../types/UUID';
-/**
- * Generate a v4 UUID
- * Uses expo-crypto's randomUUID() when available, otherwise Math.random fallback
- */
-export declare const generateUUID: () => UUID;
-/**
- * Validate UUID format
- */
-export declare const isValidUUID: (value: string) => value is UUID;
-/**
- * Get version from UUID string
- */
-export declare const getUUIDVersion: (value: string) => number | null;

package/dist/uuid/types/UUID.d.ts

@@ -1,34 +0,0 @@
-/**
- * UUID Type Definition
- */
-/**
- * UUID brand type for type safety
- * Format: xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
- */
-export type UUID = string & {
-    readonly __brand: unique symbol;
-};
-/**
- * UUID Version enum
- */
-export declare enum UUIDVersion {
-    NIL = "nil",
-    V1 = "v1",
-    V2 = "v2",
-    V3 = "v3",
-    V4 = "v4",
-    V5 = "v5"
-}
-/**
- * UUID constants
- */
-export declare const UUID_CONSTANTS: {
-    /**
-     * NIL UUID (00000000-0000-0000-0000-000000000000)
-     */
-    readonly NIL: UUID;
-    /**
-     * UUID v4 regex pattern
-     */
-    readonly PATTERN: RegExp;
-};

package/src/molecules/StepHeader/StepHeader.constants.ts

@@ -1,48 +0,0 @@
-/**
- * StepHeader Constants
- *
- * Base size configurations for StepHeader component.
- * All sizes will be multiplied by spacingMultiplier at runtime.
- */
-
-/**
- * Base font sizes (px) - before spacingMultiplier
- */
-export const BASE_FONT_SIZES = {
-  title: 28,
-  subtitle: 16,
-} as const;
-
-/**
- * Base spacing (px) - before spacingMultiplier
- */
-export const BASE_SPACING = {
-  marginBottom: 32,
-  paddingHorizontal: 24,
-  stepIndicatorMarginBottom: 12,
-  titleMarginBottom: 12,
-} as const;
-
-/**
- * Base step dot sizes (px) - before spacingMultiplier
- */
-export const BASE_STEP_DOT_SIZES = {
-  width: 8,
-  height: 8,
-  borderRadius: 4,
-  marginHorizontal: 4,
-} as const;
-
-/**
- * Default configuration
- */
-export const DEFAULT_CONFIG = {
-  showStepIndicator: false,
-  titleAlignment: "left" as const,
-  titleFontSize: BASE_FONT_SIZES.title,
-  subtitleFontSize: BASE_FONT_SIZES.subtitle,
-  spacing: {
-    marginBottom: BASE_SPACING.marginBottom,
-    paddingHorizontal: BASE_SPACING.paddingHorizontal,
-  },
-} as const;

package/src/molecules/StepProgress/StepProgress.constants.ts

@@ -1,23 +0,0 @@
-/**
- * StepProgress Constants
- *
- * Base size configurations for StepProgress component.
- * All sizes will be multiplied by spacingMultiplier at runtime.
- */
-
-/**
- * Base spacing (px) - before spacingMultiplier
- */
-export const BASE_SPACING = {
-  gap: 8,
-  paddingHorizontal: 24,
-  paddingVertical: 16,
-} as const;
-
-/**
- * Base step dimensions (px) - before spacingMultiplier
- */
-export const BASE_STEP_DIMENSIONS = {
-  height: 4,
-  borderRadius: 2,
-} as const;

package/src/molecules/avatar/Avatar.constants.ts

@@ -1,121 +0,0 @@
-/**
- * Avatar Constants
- * Configuration constants for avatar component
- */
-
-import type { AvatarSize, AvatarShape, AvatarType, SizeConfig } from './Avatar.types';
-import { calculateResponsiveSize, calculateResponsiveSizeSubtle } from '../../utils/responsiveUtils';
-
-/**
- * Base size configurations (px) - will be multiplied by spacingMultiplier
- */
-export const BASE_SIZE_CONFIGS: Record<AvatarSize, SizeConfig> = {
-  xs: {
-    size: 24,
-    fontSize: 10,
-    iconSize: 12,
-    statusSize: 6,
-    borderWidth: 1,
-  },
-  sm: {
-    size: 32,
-    fontSize: 12,
-    iconSize: 16,
-    statusSize: 8,
-    borderWidth: 1.5,
-  },
-  md: {
-    size: 40,
-    fontSize: 14,
-    iconSize: 20,
-    statusSize: 10,
-    borderWidth: 2,
-  },
-  lg: {
-    size: 56,
-    fontSize: 18,
-    iconSize: 28,
-    statusSize: 12,
-    borderWidth: 2,
-  },
-  xl: {
-    size: 80,
-    fontSize: 24,
-    iconSize: 40,
-    statusSize: 16,
-    borderWidth: 2.5,
-  },
-  xxl: {
-    size: 120,
-    fontSize: 36,
-    iconSize: 60,
-    statusSize: 20,
-    borderWidth: 3,
-  },
-};
-
-/**
- * Get responsive size configurations
- * Multiplies base sizes by spacingMultiplier for tablet/small device support
- */
-export const getSizeConfigs = (spacingMultiplier: number): Record<AvatarSize, SizeConfig> => {
-  return Object.entries(BASE_SIZE_CONFIGS).reduce((acc, [key, config]) => {
-    acc[key as AvatarSize] = {
-      size: calculateResponsiveSize(config.size, spacingMultiplier),
-      fontSize: calculateResponsiveSize(config.fontSize, spacingMultiplier),
-      iconSize: calculateResponsiveSize(config.iconSize, spacingMultiplier),
-      statusSize: calculateResponsiveSize(config.statusSize, spacingMultiplier),
-      borderWidth: calculateResponsiveSizeSubtle(config.borderWidth, spacingMultiplier),
-    };
-    return acc;
-  }, {} as Record<AvatarSize, SizeConfig>);
-};
-
-/**
- * Avatar background colors
- * Vibrant, accessible colors with good contrast
- */
-export const AVATAR_COLORS = [
-  '#EF4444', // Red
-  '#F59E0B', // Orange
-  '#10B981', // Green
-  '#3B82F6', // Blue
-  '#8B5CF6', // Purple
-  '#EC4899', // Pink
-  '#14B8A6', // Teal
-  '#F97316', // Orange-Red
-  '#06B6D4', // Cyan
-  '#84CC16', // Lime
-] as const;
-
-/**
- * Status indicator colors
- */
-export const STATUS_COLORS = {
-  online: '#10B981', // Green
-  offline: '#9CA3AF', // Gray
-  away: '#F59E0B', // Orange
-  busy: '#EF4444', // Red
-} as const;
-
-/**
- * Border radius configurations
- */
-export const SHAPE_CONFIGS = {
-  circle: 9999, // Full circle
-  square: 0, // No radius
-  rounded: 8, // Rounded corners
-} as const;
-
-/**
- * Avatar constants
- */
-export const AVATAR_CONSTANTS = {
-  DEFAULT_SIZE: 'md' as AvatarSize,
-  DEFAULT_SHAPE: 'circle' as AvatarShape,
-  DEFAULT_TYPE: 'initials' as AvatarType,
-  DEFAULT_ICON: 'user',
-  MAX_GROUP_VISIBLE: 3,
-  GROUP_SPACING: -8, // Negative for overlap
-  FALLBACK_INITIALS: '?',
-} as const;

package/src/theme/infrastructure/globalThemeStore.ts

@@ -1,74 +0,0 @@
-/**
- * Global Theme Store for Design System
- *
- * Minimal Zustand store for theme state management.
- * Apps can sync their theme state with this global store.
- *
- * WHY THIS EXISTS:
- * - ScreenLayout needs to know current theme mode
- * - Without prop drilling or Context API
- * - Single source of truth for design system components
- * - Apps control theme, design system reacts
- *
- * USAGE IN APP:
- * ```typescript
- * import { useDesignSystemTheme } from '@umituz/react-native-design-system-theme';
- * import { useTheme } from '@domains/theme';
- *
- * // Sync app theme with design system
- * const { themeMode } = useTheme();
- * const { setThemeMode } = useDesignSystemTheme();
- *
- * useEffect(() => {
- *   setThemeMode(themeMode);
- * }, [themeMode]);
- * ```
- */
-
-import { createStore } from '../../storage';
-import type { ThemeMode } from '../core/ColorPalette';
-import type { CustomThemeColors } from '../core/CustomColors';
-
-interface GlobalThemeState {
-  /** Current theme mode */
-  themeMode: ThemeMode;
-  /** Custom theme colors override */
-  customColors?: CustomThemeColors;
-}
-
-interface GlobalThemeActions {
-  /** Update theme mode (called by app when theme changes) */
-  setThemeMode: (mode: ThemeMode) => void;
-  /** Set custom theme colors (called by app when custom colors change) */
-  setCustomColors: (colors?: CustomThemeColors) => void;
-}
-
-/**
- * Global theme store for design system components
- *
- * This is a MINIMAL store - app has the real theme logic.
- * Design system just mirrors the current theme for its components.
- */
-export const useDesignSystemTheme = createStore<GlobalThemeState, GlobalThemeActions>({
-  name: 'design-system-theme',
-  initialState: {
-    themeMode: 'light',
-    customColors: undefined,
-  },
-  persist: false,
-  actions: (set, get) => ({
-    setThemeMode: (mode: ThemeMode) => {
-      // Only update if mode actually changed to prevent unnecessary re-renders
-      const currentMode = get().themeMode;
-      if (currentMode !== mode) {
-        set({ themeMode: mode });
-      }
-    },
-    setCustomColors: (colors?: CustomThemeColors) => {
-      set({ customColors: colors });
-    },
-  }),
-});
-
-export type { ThemeMode };
-