@almadar/mobile 1.2.4 → 1.4.0

package/dist/chunk-A6AK75GP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Typography.tsx","../src/components/molecules/LoadingState.tsx","../src/components/atoms/Stack.tsx","../src/components/molecules/ErrorState.tsx","../src/components/atoms/Button.tsx","../src/components/atoms/Card.tsx","../src/components/atoms/game/HealthBar.tsx","../src/components/atoms/game/ScoreDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, StyleSheet, TextStyle, TextProps } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\n\nexport type TypographyVariant = \n  | 'h1' \n  | 'h2' \n  | 'h3' \n  | 'h4' \n  | 'body' \n  | 'caption' \n  | 'label';\n\nexport interface TypographyProps extends TextProps {\n  variant?: TypographyVariant;\n  color?: string;\n  align?: 'left' | 'center' | 'right';\n  children: React.ReactNode;\n  /** Loading state indicator - renders as skeleton when true */\n  isLoading?: boolean;\n  /** Error state - can affect styling */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport function Typography({\n  variant = 'body',\n  color,\n  align = 'left',\n  children,\n  style,\n  isLoading,\n  error,\n  ...rest\n}: TypographyProps) {\n  const theme = useTheme();\n\n  // When loading, return a skeleton-like placeholder\n  if (isLoading) {\n    return (\n      <Text\n        style={[\n          styles.skeleton,\n          {\n            backgroundColor: theme.colors.muted,\n            width: '60%',\n          },\n          style,\n        ]}\n        {...rest}\n      >\n        {' '}\n      </Text>\n    );\n  }\n\n  const variantStyles: Record<TypographyVariant, TextStyle> = {\n    h1: {\n      fontSize: theme.typography.sizes['4xl'],\n      fontWeight: theme.typography.fontWeight.bold as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes['4xl'],\n      color: theme.colors.foreground,\n    },\n    h2: {\n      fontSize: theme.typography.sizes['3xl'],\n      fontWeight: theme.typography.fontWeight.bold as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes['3xl'],\n      color: theme.colors.foreground,\n    },\n    h3: {\n      fontSize: theme.typography.sizes['2xl'],\n      fontWeight: theme.typography.fontWeight.bold as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes['2xl'],\n      color: theme.colors.foreground,\n    },\n    h4: {\n      fontSize: theme.typography.sizes.xl,\n      fontWeight: theme.typography.fontWeight.medium as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes.xl,\n      color: theme.colors.foreground,\n    },\n    body: {\n      fontSize: theme.typography.sizes.base,\n      fontWeight: theme.typography.fontWeight.normal as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes.base,\n      color: theme.colors.foreground,\n    },\n    caption: {\n      fontSize: theme.typography.sizes.sm,\n      fontWeight: theme.typography.fontWeight.normal as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes.sm,\n      color: theme.colors['muted-foreground'],\n    },\n    label: {\n      fontSize: theme.typography.sizes.xs,\n      fontWeight: theme.typography.fontWeight.medium as TextStyle['fontWeight'],\n      lineHeight: theme.typography.lineHeight * theme.typography.sizes.xs,\n      color: theme.colors['muted-foreground'],\n      textTransform: 'uppercase',\n    },\n  };\n\n  const textColor = error ? theme.colors.error : (color || variantStyles[variant].color);\n\n  return (\n    <Text\n      style={[\n        variantStyles[variant],\n        { textAlign: align, color: textColor },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n}\n\nconst styles = StyleSheet.create({\n  skeleton: {\n    borderRadius: 4,\n  },\n});\n\nTypography.displayName = 'Typography';\n","import React from 'react';\nimport { ActivityIndicator, StyleSheet } from 'react-native';\nimport { VStack } from '../atoms/Stack';\nimport { Typography } from '../atoms/Typography';\n\nexport interface LoadingStateProps {\n  message?: string;\n}\n\nexport const LoadingState: React.FC<LoadingStateProps> = ({\n  message = 'Loading...',\n}) => {\n  return (\n    <VStack align=\"center\" spacing={12} style={styles.container}>\n      <ActivityIndicator size=\"large\" color=\"#6366f1\" />\n      <Typography variant=\"body\" color=\"#6b7280\">\n        {message}\n      </Typography>\n    </VStack>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nLoadingState.displayName = 'LoadingState';\n","import React from 'react';\nimport { View, StyleSheet, ViewStyle } from 'react-native';\nimport { LoadingState } from '../molecules/LoadingState';\nimport { ErrorState } from '../molecules/ErrorState';\n\nexport interface VStackProps {\n  spacing?: number;\n  align?: 'flex-start' | 'center' | 'flex-end' | 'stretch';\n  justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';\n  children: React.ReactNode;\n  style?: ViewStyle | ViewStyle[] | undefined;\n  testID?: string;\n  /** Loading state indicator */\n  isLoading?: boolean;\n  /** Error state */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const VStack: React.FC<VStackProps> = ({\n  spacing = 8,\n  align = 'stretch',\n  justify = 'flex-start',\n  children,\n  style,\n  testID,\n  isLoading,\n  error,\n}) => {\n  if (isLoading) {\n    return (\n      <View style={[styles.vstack, style]}>\n        <LoadingState />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.vstack, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const stackStyles: ViewStyle[] = [\n    styles.vstack,\n    { gap: spacing, alignItems: align, justifyContent: justify },\n  ];\n  \n  if (Array.isArray(style)) {\n    stackStyles.push(...style);\n  } else if (style) {\n    stackStyles.push(style);\n  }\n\n  return (\n    <View testID={testID} style={stackStyles}>\n      {children}\n    </View>\n  );\n};\n\nexport interface HStackProps {\n  spacing?: number;\n  align?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';\n  children: React.ReactNode;\n  style?: ViewStyle | ViewStyle[] | undefined;\n  testID?: string;\n  /** Loading state indicator */\n  isLoading?: boolean;\n  /** Error state */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const HStack: React.FC<HStackProps> = ({\n  spacing = 8,\n  align = 'center',\n  justify = 'flex-start',\n  children,\n  style,\n  testID,\n  isLoading,\n  error,\n}) => {\n  if (isLoading) {\n    return (\n      <View style={[styles.hstack, style]}>\n        <LoadingState />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.hstack, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const stackStyles: ViewStyle[] = [\n    styles.hstack,\n    { gap: spacing, alignItems: align, justifyContent: justify },\n  ];\n  \n  if (Array.isArray(style)) {\n    stackStyles.push(...style);\n  } else if (style) {\n    stackStyles.push(style);\n  }\n\n  return (\n    <View testID={testID} style={stackStyles}>\n      {children}\n    </View>\n  );\n};\n\nexport interface BoxProps {\n  children?: React.ReactNode;\n  style?: ViewStyle | ViewStyle[] | undefined;\n  testID?: string;\n  /** Loading state indicator */\n  isLoading?: boolean;\n  /** Error state */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const Box: React.FC<BoxProps> = ({ \n  children, \n  style, \n  testID,\n  isLoading,\n  error,\n}) => {\n  if (isLoading) {\n    return (\n      <View style={[styles.box, style]}>\n        <LoadingState />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.box, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const boxStyles: ViewStyle[] = [styles.box];\n  \n  if (Array.isArray(style)) {\n    boxStyles.push(...style);\n  } else if (style) {\n    boxStyles.push(style);\n  }\n\n  return <View testID={testID} style={boxStyles}>{children}</View>;\n};\n\nconst styles = StyleSheet.create({\n  vstack: {\n    flexDirection: 'column',\n  },\n  hstack: {\n    flexDirection: 'row',\n  },\n  box: {\n    // Base box styles - mostly empty to allow full customization\n  },\n});\n\nVStack.displayName = 'VStack';\nHStack.displayName = 'HStack';\nBox.displayName = 'Box';\n","import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport { Typography } from '../atoms/Typography';\nimport { Button } from '../atoms/Button';\nimport { VStack } from '../atoms/Stack';\n\nexport interface ErrorStateProps {\n  message?: string;\n  onRetry?: () => void;\n}\n\nexport const ErrorState: React.FC<ErrorStateProps> = ({\n  message = 'Something went wrong',\n  onRetry,\n}) => {\n  return (\n    <VStack align=\"center\" spacing={16} style={styles.container}>\n      <Typography variant=\"body\" color=\"#ef4444\">\n        {message}\n      </Typography>\n      {onRetry && (\n        <Button variant=\"secondary\" onPress={onRetry}>\n          Retry\n        </Button>\n      )}\n    </VStack>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nErrorState.displayName = 'ErrorState';\n","import React from 'react';\nimport { \n  TouchableOpacity, \n  Text, \n  StyleSheet, \n  ActivityIndicator,\n  ViewStyle,\n  TextStyle \n} from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport type { EventKey, EventPayload } from '../../types';\n\n\nexport interface ButtonProps {\n  onPress?: () => void;\n  children: React.ReactNode;\n  variant?: 'default' | 'primary' | 'secondary' | 'ghost' | 'destructive';\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  isLoading?: boolean;\n  style?: ViewStyle;\n  textStyle?: TextStyle;\n  /** Declarative event name - emits UI:${action} via eventBus on press */\n  action?: EventKey;\n  /** Payload to include with the action event */\n  actionPayload?: EventPayload;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  onPress,\n  children,\n  variant = 'default',\n  size = 'md',\n  disabled = false,\n  isLoading = false,\n  style,\n  textStyle,\n  action,\n  actionPayload,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handlePress = () => {\n    if (action) {\n      eventBus.emit(`UI:${action}`, actionPayload);\n    }\n    onPress?.();\n  };\n\n  const getVariantStyles = (): { container: ViewStyle; text: TextStyle } => {\n    switch (variant) {\n      case 'primary':\n        return {\n          container: {\n            backgroundColor: theme.colors.primary,\n          },\n          text: {\n            color: theme.colors['primary-foreground'],\n          },\n        };\n      case 'secondary':\n        return {\n          container: {\n            backgroundColor: theme.colors.secondary,\n          },\n          text: {\n            color: theme.colors['secondary-foreground'],\n          },\n        };\n      case 'ghost':\n        return {\n          container: {\n            backgroundColor: 'transparent',\n          },\n          text: {\n            color: theme.colors.primary,\n          },\n        };\n      case 'destructive':\n        return {\n          container: {\n            backgroundColor: theme.colors.error,\n          },\n          text: {\n            color: theme.colors['error-foreground'],\n          },\n        };\n      default:\n        return {\n          container: {\n            backgroundColor: theme.colors.card,\n            borderWidth: 1,\n            borderColor: theme.colors.border,\n          },\n          text: {\n            color: theme.colors.foreground,\n          },\n        };\n    }\n  };\n\n  const sizeStyles: Record<string, { container: ViewStyle; text: TextStyle }> = {\n    sm: {\n      container: {\n        paddingVertical: theme.spacing[1],\n        paddingHorizontal: theme.spacing[3],\n        borderRadius: theme.borderRadius.md,\n      },\n      text: {\n        fontSize: theme.typography.sizes.sm,\n      },\n    },\n    md: {\n      container: {\n        paddingVertical: theme.spacing[2],\n        paddingHorizontal: theme.spacing[4],\n        borderRadius: theme.borderRadius.md,\n      },\n      text: {\n        fontSize: theme.typography.sizes.base,\n      },\n    },\n    lg: {\n      container: {\n        paddingVertical: theme.spacing[3],\n        paddingHorizontal: theme.spacing[6],\n        borderRadius: theme.borderRadius.lg,\n      },\n      text: {\n        fontSize: theme.typography.sizes.lg,\n      },\n    },\n  };\n\n  const variantStyle = getVariantStyles();\n  const sizeStyle = sizeStyles[size];\n\n  return (\n    <TouchableOpacity\n      onPress={handlePress}\n      disabled={disabled || isLoading}\n      activeOpacity={0.8}\n      style={[\n        styles.button,\n        variantStyle.container,\n        sizeStyle.container,\n        (disabled || isLoading) && { opacity: 0.5 },\n        style,\n      ]}\n    >\n      {isLoading ? (\n        <ActivityIndicator color={variantStyle.text.color} size=\"small\" />\n      ) : (\n        <Text style={[styles.text, variantStyle.text, sizeStyle.text, textStyle]}>\n          {children}\n        </Text>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  text: {\n    fontWeight: '500',\n  },\n});\n\nButton.displayName = 'Button';\n","import React from 'react';\nimport { View, StyleSheet, ViewStyle, TouchableOpacity } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { LoadingState } from '../molecules/LoadingState';\nimport { ErrorState } from '../molecules/ErrorState';\nimport type { EventKey, EventPayload } from '../../types';\n\n\nexport interface CardProps {\n  children: React.ReactNode;\n  onPress?: () => void;\n  style?: ViewStyle | ViewStyle[] | undefined;\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'elevated' | 'outlined';\n  /** Loading state indicator */\n  isLoading?: boolean;\n  /** Error state */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n  /** Declarative event name - emits UI:${action} via eventBus on press */\n  action?: EventKey;\n  /** Payload to include with the action event */\n  actionPayload?: EventPayload;\n}\n\nexport const Card: React.FC<CardProps> = ({\n  children,\n  onPress,\n  style,\n  padding = 'md',\n  variant = 'default',\n  isLoading,\n  error,\n  action,\n  actionPayload,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handlePress = () => {\n    if (action) {\n      eventBus.emit(`UI:${action}`, actionPayload);\n    }\n    onPress?.();\n  };\n\n  if (isLoading) {\n    return (\n      <View style={[styles.card, style]}>\n        <LoadingState />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.card, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const paddingStyles: Record<string, ViewStyle> = {\n    none: { padding: 0 },\n    sm: { padding: theme.spacing[3] },\n    md: { padding: theme.spacing[4] },\n    lg: { padding: theme.spacing[6] },\n  };\n\n  const variantStyles: Record<string, ViewStyle> = {\n    default: {\n      backgroundColor: theme.colors.card,\n      ...theme.shadows.main,\n    },\n    elevated: {\n      backgroundColor: theme.colors.card,\n      ...theme.shadows.lg,\n    },\n    outlined: {\n      backgroundColor: theme.colors.card,\n      borderWidth: 1,\n      borderColor: theme.colors.border,\n      ...theme.shadows.none,\n    },\n  };\n\n  const cardStyles: ViewStyle[] = [\n    styles.card,\n    variantStyles[variant],\n    paddingStyles[padding],\n  ];\n\n  if (Array.isArray(style)) {\n    cardStyles.push(...style);\n  } else if (style) {\n    cardStyles.push(style);\n  }\n\n  const content = <View style={cardStyles}>{children}</View>;\n\n  if (onPress || action) {\n    return (\n      <TouchableOpacity onPress={handlePress} activeOpacity={0.9}>\n        {content}\n      </TouchableOpacity>\n    );\n  }\n\n  return content;\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    borderRadius: 12,\n  },\n});\n\nCard.displayName = 'Card';\n","import React from 'react';\nimport { View, Text, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../../providers/ThemeContext';\n\nexport interface HealthBarProps {\n  /** Current health value */\n  current: number;\n  /** Maximum health value */\n  max: number;\n  /** Display format */\n  format?: 'hearts' | 'bar' | 'numeric';\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional styles */\n  style?: ViewStyle;\n  /** Animation on change */\n  animated?: boolean;\n}\n\nconst sizeMap = {\n  sm: { heart: 16, bar: 8, text: 12 },\n  md: { heart: 24, bar: 12, text: 16 },\n  lg: { heart: 32, bar: 16, text: 20 },\n};\n\nconst HeartIcon: React.FC<{ filled: boolean; size: number; color: string }> = ({ \n  filled, \n  size, \n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  color \n}) => (\n  <View\n    style={{\n      width: size,\n      height: size,\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    <Text\n      style={{\n        fontSize: size * 0.8,\n        color: filled ? '#ef4444' : '#9ca3af',\n      }}\n    >\n      {filled ? '♥' : '♡'}\n    </Text>\n  </View>\n);\n\nexport const HealthBar: React.FC<HealthBarProps> = ({\n  current,\n  max,\n  format = 'hearts',\n  size = 'md',\n  style,\n  animated = true,\n}) => {\n  const theme = useTheme();\n  const sizes = sizeMap[size];\n  const percentage = Math.max(0, Math.min(100, (current / max) * 100));\n\n  if (format === 'hearts') {\n    return (\n      <View style={[styles.heartsContainer, style]}>\n        {Array.from({ length: max }).map((_, i) => (\n          <View\n            key={i}\n            style={[\n              animated && styles.animatedHeart,\n            ]}\n          >\n            <HeartIcon\n              filled={i < current}\n              size={sizes.heart}\n              color={theme.colors.error}\n            />\n          </View>\n        ))}\n      </View>\n    );\n  }\n\n  if (format === 'bar') {\n    const barColor = percentage > 66 \n      ? '#22c55e' // green\n      : percentage > 33 \n        ? '#eab308' // yellow\n        : '#ef4444'; // red\n\n    return (\n      <View\n        style={[\n          styles.barContainer,\n          {\n            height: sizes.bar,\n            backgroundColor: theme.colors.muted,\n          },\n          style,\n        ]}\n      >\n        <View\n          style={[\n            styles.barFill,\n            {\n              width: `${percentage}%`,\n              backgroundColor: barColor,\n            },\n            animated && styles.animatedBar,\n          ]}\n        />\n      </View>\n    );\n  }\n\n  // Numeric format\n  return (\n    <Text\n      style={[\n        styles.numericText,\n        {\n          fontSize: sizes.text,\n          color: theme.colors.foreground,\n        },\n        style as never,\n      ]}\n    >\n      {current}/{max}\n    </Text>\n  );\n};\n\nconst styles = StyleSheet.create({\n  heartsContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  animatedHeart: {\n    // React Native transform animation could be added here\n  },\n  barContainer: {\n    width: 96,\n    borderRadius: 9999,\n    overflow: 'hidden',\n  },\n  barFill: {\n    height: '100%',\n    borderRadius: 9999,\n  },\n  animatedBar: {\n    // LayoutAnimation could be configured\n  },\n  numericText: {\n    fontFamily: 'monospace',\n    fontWeight: '700',\n  },\n});\n\nHealthBar.displayName = 'HealthBar';\n","import React, { useState, useEffect } from 'react';\nimport { View, Text, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../../providers/ThemeContext';\n\nexport interface ScoreDisplayProps {\n  /** Current score value */\n  value: number;\n  /** Label to display before score */\n  label?: string;\n  /** Icon component or emoji */\n  icon?: React.ReactNode;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Additional styles */\n  style?: ViewStyle;\n  /** Animation on value change */\n  animated?: boolean;\n  /** Number formatting locale */\n  locale?: string;\n}\n\nconst sizeMap: Record<string, { fontSize: number }> = {\n  sm: { fontSize: 14 },\n  md: { fontSize: 18 },\n  lg: { fontSize: 24 },\n  xl: { fontSize: 36 },\n};\n\nexport const ScoreDisplay: React.FC<ScoreDisplayProps> = ({\n  value,\n  label,\n  icon,\n  size = 'md',\n  style,\n  animated = true,\n  locale = 'en-US',\n}) => {\n  const theme = useTheme();\n  const [displayValue, setDisplayValue] = useState(value);\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  const sizeConfig = sizeMap[size] ?? sizeMap.md;\n\n  useEffect(() => {\n    if (!animated || displayValue === value) {\n      setDisplayValue(value);\n      return;\n    }\n\n    setIsAnimating(true);\n    const diff = value - displayValue;\n    const steps = Math.min(Math.abs(diff), 20);\n    const increment = diff / steps;\n    let current = displayValue;\n    let step = 0;\n\n    const timer = setInterval(() => {\n      step++;\n      current += increment;\n      setDisplayValue(Math.round(current));\n\n      if (step >= steps) {\n        clearInterval(timer);\n        setDisplayValue(value);\n        setIsAnimating(false);\n      }\n    }, 50);\n\n    return () => clearInterval(timer);\n  }, [value, animated]);\n\n  const formattedValue = new Intl.NumberFormat(locale).format(displayValue);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          opacity: isAnimating ? 0.7 : 1,\n        },\n        style as never,\n      ]}\n    >\n      {icon && (\n        <Text style={{ fontSize: sizeConfig.fontSize, marginRight: 8 }}>\n          {icon as string}\n        </Text>\n      )}\n      {label && (\n        <Text\n          style={{\n            fontSize: sizeConfig.fontSize,\n            color: theme.colors['muted-foreground'],\n            marginRight: 8,\n          }}\n        >\n          {label}\n        </Text>\n      )}\n      <Text\n        style={{\n          fontSize: sizeConfig.fontSize,\n          color: theme.colors.foreground,\n          fontWeight: '700',\n          fontVariant: ['tabular-nums'],\n        }}\n      >\n        {formattedValue}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nScoreDisplay.displayName = 'ScoreDisplay';\n"],"mappings":"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","names":["React","ActivityIndicator","StyleSheet","React","StyleSheet","React","StyleSheet","React","Text","StyleSheet","React","styles","Text","StyleSheet","React","styles","StyleSheet","React","styles","StyleSheet","React","styles","ActivityIndicator","StyleSheet","React","View","StyleSheet","TouchableOpacity","React","View","styles","TouchableOpacity","StyleSheet","React","View","Text","StyleSheet","React","View","Text","styles","StyleSheet","React","View","Text","StyleSheet","sizeMap","React","View","styles","Text","StyleSheet"]}

package/dist/chunk-BUN5QD6C.js

@@ -0,0 +1,525 @@
+import {
+  ErrorState,
+  LoadingState
+} from "./chunk-A6AK75GP.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+import {
+  useTheme
+} from "./chunk-CUAWHLEK.js";
+
+// src/components/atoms/Input.tsx
+import React from "react";
+import {
+  TextInput,
+  StyleSheet,
+  View,
+  Text
+} from "react-native";
+var Input = ({
+  label,
+  errorMessage,
+  helperText,
+  containerStyle,
+  style,
+  isLoading,
+  error,
+  changeEvent,
+  focusEvent,
+  onChangeText,
+  onFocus,
+  onBlur,
+  ...textInputProps
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleChangeText = (text) => {
+    if (changeEvent) {
+      eventBus.emit(`UI:${changeEvent}`, { value: text });
+    }
+    onChangeText?.(text);
+  };
+  const handleFocus = () => {
+    if (focusEvent) {
+      eventBus.emit(`UI:${focusEvent}`);
+    }
+    onFocus?.({});
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(View, { style: [styles.container, containerStyle] }, label && /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: theme.colors.foreground }] }, label), /* @__PURE__ */ React.createElement(LoadingState, { message: "Loading..." }));
+  }
+  const errorText = error?.message || errorMessage;
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, containerStyle] }, label && /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: theme.colors.foreground }] }, label), /* @__PURE__ */ React.createElement(
+    TextInput,
+    {
+      style: [
+        styles.input,
+        {
+          borderColor: errorText ? theme.colors.error : theme.colors.border,
+          backgroundColor: theme.colors.card,
+          color: theme.colors.foreground
+        },
+        style
+      ],
+      placeholderTextColor: theme.colors["muted-foreground"],
+      onChangeText: handleChangeText,
+      onFocus: handleFocus,
+      onBlur,
+      ...textInputProps
+    }
+  ), errorText ? /* @__PURE__ */ React.createElement(Text, { style: [styles.errorText, { color: theme.colors.error }] }, errorText) : helperText ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: theme.colors["muted-foreground"] }] }, helperText) : null);
+};
+var styles = StyleSheet.create({
+  container: {
+    width: "100%"
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: "500",
+    marginBottom: 6
+  },
+  input: {
+    borderWidth: 1,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 16
+  },
+  errorText: {
+    fontSize: 12,
+    marginTop: 4
+  },
+  helperText: {
+    fontSize: 12,
+    marginTop: 4
+  }
+});
+Input.displayName = "Input";
+
+// src/components/atoms/Select.tsx
+import React2, { useState } from "react";
+import {
+  TouchableOpacity,
+  View as View2,
+  Text as Text2,
+  StyleSheet as StyleSheet2,
+  Modal,
+  FlatList,
+  SafeAreaView
+} from "react-native";
+var Select = ({
+  options,
+  value,
+  onChange,
+  placeholder = "Select...",
+  disabled = false,
+  style,
+  textStyle,
+  isLoading,
+  error,
+  changeEvent,
+  actionPayload
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const [isOpen, setIsOpen] = useState(false);
+  const selectedOption = options.find((opt) => opt.value === value);
+  const handleSelect = (selectedValue) => {
+    if (changeEvent) {
+      eventBus.emit(`UI:${changeEvent}`, { ...actionPayload, value: selectedValue });
+    }
+    onChange?.(selectedValue);
+    setIsOpen(false);
+  };
+  const handleOpen = () => {
+    if (!disabled && !isLoading) {
+      setIsOpen(true);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React2.createElement(View2, { style: [styles2.container, style] }, /* @__PURE__ */ React2.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React2.createElement(View2, { style: [styles2.container, style] }, /* @__PURE__ */ React2.createElement(ErrorState, { message: error.message }));
+  }
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+    TouchableOpacity,
+    {
+      onPress: handleOpen,
+      disabled,
+      activeOpacity: 0.8,
+      style: [
+        styles2.button,
+        {
+          borderColor: theme.colors.border,
+          backgroundColor: theme.colors.card,
+          opacity: disabled ? 0.5 : 1
+        },
+        style
+      ]
+    },
+    /* @__PURE__ */ React2.createElement(
+      Text2,
+      {
+        style: [
+          styles2.buttonText,
+          {
+            color: selectedOption ? theme.colors.foreground : theme.colors["muted-foreground"]
+          },
+          textStyle
+        ],
+        numberOfLines: 1
+      },
+      selectedOption?.label || placeholder
+    ),
+    /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.chevron, { color: theme.colors["muted-foreground"] }] }, "\u25BC")
+  ), /* @__PURE__ */ React2.createElement(
+    Modal,
+    {
+      visible: isOpen,
+      transparent: true,
+      animationType: "slide",
+      onRequestClose: () => setIsOpen(false)
+    },
+    /* @__PURE__ */ React2.createElement(SafeAreaView, { style: [styles2.modalContainer, { backgroundColor: theme.colors.background }] }, /* @__PURE__ */ React2.createElement(View2, { style: styles2.modalHeader }, /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: () => setIsOpen(false) }, /* @__PURE__ */ React2.createElement(Text2, { style: [styles2.closeButton, { color: theme.colors.primary }] }, "Close"))), /* @__PURE__ */ React2.createElement(
+      FlatList,
+      {
+        data: options,
+        keyExtractor: (item) => item.value,
+        renderItem: ({ item }) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            style: [
+              styles2.option,
+              {
+                backgroundColor: item.value === value ? theme.colors.primary : theme.colors.card,
+                borderBottomColor: theme.colors.border
+              }
+            ],
+            onPress: () => handleSelect(item.value)
+          },
+          /* @__PURE__ */ React2.createElement(
+            Text2,
+            {
+              style: {
+                color: item.value === value ? theme.colors["primary-foreground"] : theme.colors.foreground
+              }
+            },
+            item.label
+          )
+        )
+      }
+    ))
+  ));
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    width: "100%"
+  },
+  button: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderWidth: 1,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  buttonText: {
+    fontSize: 16,
+    flex: 1
+  },
+  chevron: {
+    fontSize: 12,
+    marginLeft: 8
+  },
+  modalContainer: {
+    flex: 1
+  },
+  modalHeader: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e2e8f0"
+  },
+  closeButton: {
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  option: {
+    padding: 16,
+    borderBottomWidth: 1
+  }
+});
+Select.displayName = "Select";
+
+// src/components/atoms/Badge.tsx
+import React3 from "react";
+import { View as View3, Text as Text3, StyleSheet as StyleSheet3 } from "react-native";
+var Badge = ({
+  children,
+  variant = "default",
+  size = "md",
+  style,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  if (isLoading) {
+    return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.badge, style] }, /* @__PURE__ */ React3.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.badge, style] }, /* @__PURE__ */ React3.createElement(ErrorState, { message: error.message }));
+  }
+  const variantStyles = {
+    default: {
+      container: {
+        backgroundColor: theme.colors.secondary
+      },
+      text: {
+        color: theme.colors["secondary-foreground"]
+      }
+    },
+    primary: {
+      container: {
+        backgroundColor: theme.colors.primary
+      },
+      text: {
+        color: theme.colors["primary-foreground"]
+      }
+    },
+    secondary: {
+      container: {
+        backgroundColor: theme.colors["secondary-hover"]
+      },
+      text: {
+        color: theme.colors["secondary-foreground"]
+      }
+    },
+    success: {
+      container: {
+        backgroundColor: theme.colors.success
+      },
+      text: {
+        color: theme.colors["success-foreground"]
+      }
+    },
+    warning: {
+      container: {
+        backgroundColor: theme.colors.warning
+      },
+      text: {
+        color: theme.colors["warning-foreground"]
+      }
+    },
+    error: {
+      container: {
+        backgroundColor: theme.colors.error
+      },
+      text: {
+        color: theme.colors["error-foreground"]
+      }
+    }
+  };
+  const sizeStyles = {
+    sm: {
+      container: {
+        paddingHorizontal: theme.spacing[2],
+        paddingVertical: 2,
+        borderRadius: theme.borderRadius.full
+      },
+      text: {
+        fontSize: theme.typography.sizes.xs
+      }
+    },
+    md: {
+      container: {
+        paddingHorizontal: theme.spacing[3],
+        paddingVertical: theme.spacing[1],
+        borderRadius: theme.borderRadius.full
+      },
+      text: {
+        fontSize: theme.typography.sizes.sm
+      }
+    }
+  };
+  const variantStyle = variantStyles[variant];
+  const sizeStyle = sizeStyles[size];
+  return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.badge, variantStyle.container, sizeStyle.container, style] }, /* @__PURE__ */ React3.createElement(Text3, { style: [styles3.text, variantStyle.text, sizeStyle.text] }, children));
+};
+var styles3 = StyleSheet3.create({
+  badge: {
+    alignSelf: "flex-start"
+  },
+  text: {
+    fontWeight: "500"
+  }
+});
+Badge.displayName = "Badge";
+
+// src/components/atoms/Icon.tsx
+import React4 from "react";
+import { View as View4, Text as Text4, StyleSheet as StyleSheet4 } from "react-native";
+var iconMap = {
+  home: "\u{1F3E0}",
+  user: "\u{1F464}",
+  settings: "\u2699\uFE0F",
+  "arrow-right": "\u2192",
+  "arrow-left": "\u2190",
+  check: "\u2713",
+  x: "\u2715",
+  plus: "+",
+  minus: "\u2212",
+  search: "\u{1F50D}",
+  menu: "\u2630",
+  "more-vertical": "\u22EE",
+  "chevron-right": "\u203A",
+  "chevron-left": "\u2039",
+  "chevron-down": "\u2304",
+  "chevron-up": "\u2303"
+};
+var Icon = ({
+  name,
+  size = 24,
+  color = "#374151",
+  style
+}) => {
+  return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { width: size, height: size }, style] }, /* @__PURE__ */ React4.createElement(Text4, { style: [
+    styles4.icon,
+    { fontSize: size * 0.7, color, lineHeight: size }
+  ] }, iconMap[name] || "?"));
+};
+var styles4 = StyleSheet4.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    textAlign: "center"
+  }
+});
+Icon.displayName = "Icon";
+
+// src/components/atoms/ProgressBar.tsx
+import React5 from "react";
+import { View as View5, StyleSheet as StyleSheet5, Text as Text5 } from "react-native";
+var ProgressBar = ({
+  progress,
+  showLabel = false,
+  size = "md",
+  style,
+  trackStyle,
+  fillStyle,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const clampedProgress = Math.max(0, Math.min(100, progress));
+  if (isLoading) {
+    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, style] }, /* @__PURE__ */ React5.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, style] }, /* @__PURE__ */ React5.createElement(ErrorState, { message: error.message }));
+  }
+  const heightMap = {
+    sm: 4,
+    md: 8,
+    lg: 12
+  };
+  const height = heightMap[size];
+  return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, style] }, /* @__PURE__ */ React5.createElement(
+    View5,
+    {
+      style: [
+        styles5.track,
+        {
+          height,
+          backgroundColor: theme.colors.muted,
+          borderRadius: height / 2
+        },
+        trackStyle
+      ]
+    },
+    /* @__PURE__ */ React5.createElement(
+      View5,
+      {
+        style: [
+          styles5.fill,
+          {
+            width: `${clampedProgress}%`,
+            height: "100%",
+            backgroundColor: theme.colors.primary,
+            borderRadius: height / 2
+          },
+          fillStyle
+        ]
+      }
+    )
+  ), showLabel && /* @__PURE__ */ React5.createElement(Text5, { style: [styles5.label, { color: theme.colors.foreground }] }, Math.round(clampedProgress), "%"));
+};
+var styles5 = StyleSheet5.create({
+  container: {
+    width: "100%"
+  },
+  track: {
+    width: "100%",
+    overflow: "hidden"
+  },
+  fill: {
+    // Animated fill
+  },
+  label: {
+    marginTop: 4,
+    fontSize: 12,
+    fontWeight: "500",
+    textAlign: "right"
+  }
+});
+ProgressBar.displayName = "ProgressBar";
+
+// src/components/atoms/Divider.tsx
+import React6 from "react";
+import { View as View6, StyleSheet as StyleSheet6 } from "react-native";
+var Divider = ({
+  orientation = "horizontal",
+  thickness = 1,
+  style
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ React6.createElement(
+    View6,
+    {
+      style: [
+        orientation === "horizontal" ? styles6.horizontal : styles6.vertical,
+        {
+          backgroundColor: theme.colors.border,
+          ...orientation === "horizontal" ? { height: thickness } : { width: thickness }
+        },
+        style
+      ]
+    }
+  );
+};
+var styles6 = StyleSheet6.create({
+  horizontal: {
+    width: "100%",
+    marginVertical: 8
+  },
+  vertical: {
+    height: "100%",
+    marginHorizontal: 8
+  }
+});
+Divider.displayName = "Divider";
+
+export {
+  Input,
+  Select,
+  Badge,
+  Icon,
+  ProgressBar,
+  Divider
+};
+//# sourceMappingURL=chunk-BUN5QD6C.js.map