@almadar/mobile 1.1.0

package/dist/chunk-DY52O4T3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/EmptyState.tsx","../src/components/molecules/List.tsx","../src/components/molecules/Modal.tsx","../src/components/molecules/Drawer.tsx","../src/components/molecules/Tabs.tsx","../src/components/molecules/Toast.tsx","../src/components/molecules/CodeBlock.tsx","../src/components/molecules/game/StatBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport { Typography } from '../atoms/Typography';\nimport { VStack } from '../atoms/Stack';\n\nexport interface EmptyStateProps {\n  message?: string;\n  icon?: React.ReactNode;\n}\n\nexport const EmptyState: React.FC<EmptyStateProps> = ({\n  message = 'No data available',\n  icon,\n}) => {\n  return (\n    <VStack align=\"center\" spacing={12} style={styles.container}>\n      {icon}\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\nEmptyState.displayName = 'EmptyState';\n","import React from 'react';\nimport { \n  FlatList, \n  FlatListProps\n} from 'react-native';\nimport { EmptyState } from './EmptyState';\nimport { LoadingState } from './LoadingState';\nimport { ErrorState } from './ErrorState';\n\nexport interface ListProps<T> extends Omit<FlatListProps<T>, 'renderItem'> {\n  data: T[];\n  renderItem: (item: T) => React.ReactElement;\n  keyExtractor: (item: T) => string;\n  isLoading?: boolean;\n  isError?: boolean;\n  onRetry?: () => void;\n  emptyMessage?: string;\n}\n\nexport function List<T>({\n  data,\n  renderItem,\n  keyExtractor,\n  isLoading,\n  isError,\n  onRetry,\n  emptyMessage = 'No items found',\n  ...flatListProps\n}: ListProps<T>) {\n  if (isLoading) {\n    return <LoadingState />;\n  }\n\n  if (isError) {\n    return <ErrorState onRetry={onRetry} />;\n  }\n\n  if (!data || data.length === 0) {\n    return <EmptyState message={emptyMessage} />;\n  }\n\n  return (\n    <FlatList\n      data={data}\n      renderItem={({ item }) => renderItem(item)}\n      keyExtractor={keyExtractor}\n      {...flatListProps}\n    />\n  );\n}\n\nList.displayName = 'List';\n","import React, { useCallback } from 'react';\nimport { \n  Modal as RNModal, \n  View, \n  TouchableOpacity, \n  StyleSheet,\n  ViewStyle\n} from 'react-native';\nimport { Card } from '../atoms/Card';\nimport { Typography } from '../atoms/Typography';\nimport { VStack, HStack } from '../atoms/Stack';\n\nexport interface ModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: string;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  showCloseButton?: boolean;\n  closeOnBackdrop?: boolean;\n  animationType?: 'none' | 'slide' | 'fade';\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  children,\n  footer,\n  size = 'md',\n  showCloseButton = true,\n  closeOnBackdrop = true,\n  animationType = 'fade',\n  ...modalProps\n}) => {\n  const handleBackdropPress = useCallback(() => {\n    if (closeOnBackdrop) {\n      onClose();\n    }\n  }, [closeOnBackdrop, onClose]);\n\n  const transparent = animationType !== 'slide';\n\n  return (\n    <RNModal\n      visible={isOpen}\n      animationType={animationType}\n      transparent={transparent}\n      onRequestClose={onClose}\n      {...modalProps}\n    >\n      <TouchableOpacity\n        style={styles.overlay}\n        activeOpacity={1}\n        onPress={handleBackdropPress}\n      >\n        <View style={styles.centeredView}>\n          <TouchableOpacity activeOpacity={1} onPress={(e) => e.stopPropagation()}>\n            <Card style={[styles.modalCard, styles[size] as ViewStyle]}>\n              <VStack spacing={16}>\n                {/* Header */}\n                {title && (\n                  <HStack justify=\"space-between\" align=\"center\">\n                    <Typography variant=\"h4\">{title}</Typography>\n                    {showCloseButton && (\n                      <TouchableOpacity onPress={onClose}>\n                        <Typography variant=\"body\" color=\"#6b7280\">✕</Typography>\n                      </TouchableOpacity>\n                    )}\n                  </HStack>\n                )}\n\n                {/* Content */}\n                <View>{children}</View>\n\n                {/* Footer */}\n                {footer && (\n                  <HStack justify=\"flex-end\" spacing={12}>\n                    {footer}\n                  </HStack>\n                )}\n              </VStack>\n            </Card>\n          </TouchableOpacity>\n        </View>\n      </TouchableOpacity>\n    </RNModal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  overlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  },\n  centeredView: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 20,\n  },\n  modalCard: {\n    width: '100%',\n    maxWidth: 400,\n  },\n  sm: {\n    maxWidth: 300,\n  },\n  md: {\n    maxWidth: 400,\n  },\n  lg: {\n    maxWidth: 600,\n  },\n});\n\nModal.displayName = 'Modal';\n\n// Confirm Modal\nexport interface ConfirmModalProps extends Omit<ModalProps, 'children' | 'footer'> {\n  message: string;\n  onConfirm: () => void;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isLoading?: boolean;\n}\n\nexport const ConfirmModal: React.FC<ConfirmModalProps> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  title = 'Confirm',\n  message = 'Are you sure you want to proceed?',\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  \n}) => {\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      footer={\n        <>\n          <Typography variant=\"body\" color=\"#6b7280\" onPress={onClose}>\n            {cancelLabel}\n          </Typography>\n          <Typography variant=\"body\" color=\"#ef4444\" onPress={onConfirm}>\n            {confirmLabel}\n          </Typography>\n        </>\n      }\n    >\n      <Typography variant=\"body\">{message}</Typography>\n    </Modal>\n  );\n};\n\nConfirmModal.displayName = 'ConfirmModal';\n","import React from 'react';\nimport {\n  View,\n  StyleSheet,\n  TouchableOpacity,\n  Animated,\n  Dimensions,\n} from 'react-native';\nimport { Typography } from '../atoms/Typography';\nimport { VStack } from '../atoms/Stack';\n\nconst { width: SCREEN_WIDTH } = Dimensions.get('window');\n\nexport interface DrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: string;\n  placement?: 'left' | 'right';\n  width?: number;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  isOpen,\n  onClose,\n  children,\n  title,\n  placement = 'right',\n  width = SCREEN_WIDTH * 0.8,\n}) => {\n  const translateX = React.useRef(\n    new Animated.Value(placement === 'right' ? SCREEN_WIDTH : -SCREEN_WIDTH)\n  ).current;\n\n  React.useEffect(() => {\n    Animated.timing(translateX, {\n      toValue: isOpen ? 0 : placement === 'right' ? width : -width,\n      duration: 250,\n      useNativeDriver: true,\n    }).start();\n  }, [isOpen, placement, translateX, width]);\n\n  if (!isOpen) return null;\n\n  return (\n    <View style={styles.overlay}>\n      {/* Backdrop */}\n      <TouchableOpacity\n        style={styles.backdrop}\n        activeOpacity={1}\n        onPress={onClose}\n      />\n      \n      {/* Drawer Panel */}\n      <Animated.View\n        style={[\n          styles.drawer,\n          {\n            width,\n            [placement]: 0,\n            transform: [{ translateX }],\n          },\n        ]}\n      >\n        <View style={styles.content}>\n          {/* Header */}\n          {(title || true) && (\n            <View style={styles.header}>\n              <TouchableOpacity onPress={onClose} style={styles.closeButton}>\n                <Typography variant=\"body\" color=\"#6b7280\">✕</Typography>\n              </TouchableOpacity>\n              {title && <Typography variant=\"h4\">{title}</Typography>}\n            </View>\n          )}\n\n          {/* Drawer Content */}\n          <VStack spacing={0} style={styles.children}>\n            {children}\n          </VStack>\n        </View>\n      </Animated.View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  overlay: {\n    ...StyleSheet.absoluteFillObject,\n    zIndex: 1000,\n    flexDirection: 'row',\n  },\n  backdrop: {\n    ...StyleSheet.absoluteFillObject,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  },\n  drawer: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    backgroundColor: '#ffffff',\n    shadowColor: '#000',\n    shadowOffset: { width: -2, height: 0 },\n    shadowOpacity: 0.25,\n    shadowRadius: 5,\n    elevation: 5,\n  },\n  content: {\n    flex: 1,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    borderBottomWidth: 1,\n    borderBottomColor: '#e5e7eb',\n    gap: 12,\n  },\n  closeButton: {\n    padding: 4,\n  },\n  children: {\n    flex: 1,\n    padding: 16,\n  },\n});\n\nDrawer.displayName = 'Drawer';\n","import React, { useState } from 'react';\nimport { \n  View, \n  TouchableOpacity, \n  StyleSheet, \n  ViewStyle,\n  ScrollView \n} from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { Typography } from '../atoms/Typography';\nimport { LoadingState } from './LoadingState';\nimport { ErrorState } from './ErrorState';\nimport { HStack } from '../atoms/Stack';\n\nexport interface Tab {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  badge?: number;\n}\n\nexport interface TabsProps {\n  tabs: Tab[];\n  activeTab?: string;\n  onChange?: (tabId: string) => void;\n  style?: ViewStyle;\n  variant?: 'default' | 'pills' | 'underlined';\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 change event name - emits UI:${changeEvent} via eventBus */\n  changeEvent?: string;\n}\n\nexport const Tabs: React.FC<TabsProps> = ({\n  tabs,\n  activeTab,\n  onChange,\n  style,\n  variant = 'default',\n  isLoading,\n  error,\n  changeEvent,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n  const [internalActiveTab, setInternalActiveTab] = useState(tabs[0]?.id);\n  const currentTab = activeTab ?? internalActiveTab;\n\n  const handleTabPress = (tabId: string) => {\n    setInternalActiveTab(tabId);\n    if (changeEvent) {\n      eventBus.emit(`UI:${changeEvent}`, { tabId });\n    }\n    onChange?.(tabId);\n  };\n\n  if (isLoading) {\n    return (\n      <View style={[styles.container, style]}>\n        <LoadingState message=\"Loading...\" />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.container, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const getTabStyle = (isActive: boolean) => {\n    switch (variant) {\n      case 'pills':\n        return {\n          backgroundColor: isActive ? theme.colors.primary : 'transparent',\n          borderRadius: theme.borderRadius.full,\n        };\n      case 'underlined':\n        return {\n          borderBottomWidth: 2,\n          borderBottomColor: isActive ? theme.colors.primary : 'transparent',\n          backgroundColor: 'transparent',\n        };\n      default:\n        return {\n          backgroundColor: isActive ? theme.colors.card : 'transparent',\n          borderRadius: theme.borderRadius.md,\n          ...theme.shadows.sm,\n        };\n    }\n  };\n\n  return (\n    <View style={[styles.container, style]}>\n      <ScrollView \n        horizontal \n        showsHorizontalScrollIndicator={false}\n        contentContainerStyle={styles.scrollContent}\n      >\n        <HStack spacing={8}>\n          {tabs.map((tab) => {\n            const isActive = currentTab === tab.id;\n            return (\n              <TouchableOpacity\n                key={tab.id}\n                onPress={() => handleTabPress(tab.id)}\n                style={[\n                  styles.tab,\n                  getTabStyle(isActive),\n                ]}\n              >\n                <HStack spacing={4} align=\"center\">\n                  {tab.icon}\n                  <Typography \n                    variant=\"body\" \n                    style={{ \n                      color: isActive && variant === 'pills' \n                        ? theme.colors['primary-foreground'] \n                        : theme.colors.foreground \n                    }}\n                  >\n                    {tab.label}\n                  </Typography>\n                  {tab.badge !== undefined && tab.badge > 0 && (\n                    <View style={[styles.badge, { backgroundColor: theme.colors.error }]}>\n                      <Typography variant=\"caption\" style={{ color: theme.colors['error-foreground'] }}>\n                        {tab.badge > 99 ? '99+' : tab.badge}\n                      </Typography>\n                    </View>\n                  )}\n                </HStack>\n              </TouchableOpacity>\n            );\n          })}\n        </HStack>\n      </ScrollView>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n  },\n  scrollContent: {\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  tab: {\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  badge: {\n    minWidth: 18,\n    height: 18,\n    borderRadius: 9,\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 4,\n  },\n});\n\nTabs.displayName = 'Tabs';\n","import React, { useEffect } from 'react';\nimport { \n  TouchableOpacity,\n  StyleSheet, \n  ViewStyle,\n  Animated\n} from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { Typography } from '../atoms/Typography';\nimport { HStack } from '../atoms/Stack';\n\nexport type ToastVariant = 'info' | 'success' | 'warning' | 'error';\n\nexport interface ToastProps {\n  id: string;\n  message: string;\n  variant?: ToastVariant;\n  duration?: number;\n  onDismiss?: (id: string) => void;\n  dismissAction?: string;\n  style?: ViewStyle;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n  /** Payload for dismiss action */\n  actionPayload?: Record<string, unknown>;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  id,\n  message,\n  variant = 'info',\n  duration = 5000,\n  onDismiss,\n  dismissAction,\n  style,\n  actionPayload,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n  const translateY = React.useRef(new Animated.Value(-100)).current;\n  const opacity = React.useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    Animated.parallel([\n      Animated.timing(translateY, {\n        toValue: 0,\n        duration: 300,\n        useNativeDriver: true,\n      }),\n      Animated.timing(opacity, {\n        toValue: 1,\n        duration: 300,\n        useNativeDriver: true,\n      }),\n    ]).start();\n\n    if (duration > 0) {\n      const timer = setTimeout(() => {\n        handleDismiss();\n      }, duration);\n\n      return () => clearTimeout(timer);\n    }\n  }, [duration]);\n\n  const handleDismiss = () => {\n    Animated.parallel([\n      Animated.timing(translateY, {\n        toValue: -100,\n        duration: 200,\n        useNativeDriver: true,\n      }),\n      Animated.timing(opacity, {\n        toValue: 0,\n        duration: 200,\n        useNativeDriver: true,\n      }),\n    ]).start(() => {\n      if (dismissAction) {\n        eventBus.emit(`UI:${dismissAction}`, { ...actionPayload, toastId: id });\n      }\n      onDismiss?.(id);\n    });\n  };\n\n  const variantStyles: Record<ToastVariant, { bg: string }> = {\n    info: { bg: theme.colors.info },\n    success: { bg: theme.colors.success },\n    warning: { bg: theme.colors.warning },\n    error: { bg: theme.colors.error },\n  };\n\n  const { bg } = variantStyles[variant];\n  const textColor = variant === 'warning' ? '#000000' : '#ffffff';\n\n  return (\n    <Animated.View\n      style={[\n        styles.container,\n        { backgroundColor: bg },\n        { transform: [{ translateY }], opacity },\n        style,\n      ]}\n    >\n      <HStack spacing={12} align=\"center\" justify=\"space-between\">\n        <Typography variant=\"body\" style={{ color: textColor, flex: 1 }}>\n          {message}\n        </Typography>\n        \n        <TouchableOpacity onPress={handleDismiss} style={styles.dismiss}>\n          <Typography variant=\"body\" style={{ color: textColor }}>\n            ✕\n          </Typography>\n        </TouchableOpacity>\n      </HStack>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 8,\n    padding: 12,\n    marginHorizontal: 16,\n    marginVertical: 4,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.2,\n    shadowRadius: 4,\n    elevation: 4,\n  },\n  dismiss: {\n    padding: 4,\n  },\n});\n\nToast.displayName = 'Toast';\n","import React from 'react';\nimport { View, ScrollView, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { Typography } from '../atoms/Typography';\nimport { Card } from '../atoms/Card';\nimport { HStack } from '../atoms/Stack';\nimport { Button } from '../atoms/Button';\nimport { LoadingState } from './LoadingState';\nimport { ErrorState } from './ErrorState';\n\nexport interface CodeBlockProps {\n  /** Code content to display */\n  code: string;\n  /** Programming language for syntax highlighting hint */\n  language?: string;\n  /** Whether to show line numbers */\n  showLineNumbers?: boolean;\n  /** Whether to show copy button */\n  showCopyButton?: boolean;\n  /** Whether to allow horizontal scrolling */\n  scrollable?: boolean;\n  /** Style override */\n  style?: ViewStyle;\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 copy event name - emits UI:${copyEvent} via eventBus */\n  copyEvent?: string;\n}\n\n// Simple syntax highlighting tokens\ninterface Token {\n  text: string;\n  style: 'keyword' | 'string' | 'comment' | 'number' | 'function' | 'default';\n}\n\nconst KEYWORDS = [\n  'const', 'let', 'var', 'function', 'return', 'if', 'else', 'for', 'while',\n  'import', 'export', 'from', 'class', 'interface', 'type', 'async', 'await',\n  'try', 'catch', 'throw', 'new', 'this', 'true', 'false', 'null', 'undefined',\n];\n\nconst TOKEN_COLORS: Record<Token['style'], string> = {\n  keyword: '#c678dd',\n  string: '#98c379',\n  comment: '#5c6370',\n  number: '#d19a66',\n  function: '#61afef',\n  default: '#abb2bf',\n};\n\n/**\n * Simple tokenizer for basic syntax highlighting\n */\nconst tokenizeCode = (code: string): Token[][] => {\n  const lines = code.split('\\n');\n\n  return lines.map((line) => {\n    const tokens: Token[] = [];\n    let remaining = line;\n\n    while (remaining.length > 0) {\n      let matched = false;\n\n      // Check for comments\n      if (remaining.startsWith('//')) {\n        tokens.push({ text: remaining, style: 'comment' });\n        break;\n      }\n\n      // Check for strings (double quotes)\n      if (remaining.startsWith('\"')) {\n        const endIndex = remaining.indexOf('\"', 1);\n        if (endIndex > 0) {\n          tokens.push({ text: remaining.slice(0, endIndex + 1), style: 'string' });\n          remaining = remaining.slice(endIndex + 1);\n          matched = true;\n          continue;\n        }\n      }\n\n      // Check for strings (single quotes)\n      if (remaining.startsWith(\"'\")) {\n        const endIndex = remaining.indexOf(\"'\", 1);\n        if (endIndex > 0) {\n          tokens.push({ text: remaining.slice(0, endIndex + 1), style: 'string' });\n          remaining = remaining.slice(endIndex + 1);\n          matched = true;\n          continue;\n        }\n      }\n\n      // Check for strings (template literals)\n      if (remaining.startsWith('`')) {\n        const endIndex = remaining.indexOf('`', 1);\n        if (endIndex > 0) {\n          tokens.push({ text: remaining.slice(0, endIndex + 1), style: 'string' });\n          remaining = remaining.slice(endIndex + 1);\n          matched = true;\n          continue;\n        }\n      }\n\n      // Check for numbers\n      const numberMatch = remaining.match(/^\\d+(\\.\\d+)?/);\n      if (numberMatch) {\n        tokens.push({ text: numberMatch[0], style: 'number' });\n        remaining = remaining.slice(numberMatch[0].length);\n        matched = true;\n        continue;\n      }\n\n      // Check for keywords and identifiers\n      const wordMatch = remaining.match(/^[a-zA-Z_][a-zA-Z0-9_]*/);\n      if (wordMatch) {\n        const word = wordMatch[0];\n        const style: Token['style'] = KEYWORDS.includes(word) ? 'keyword' : 'default';\n        tokens.push({ text: word, style });\n        remaining = remaining.slice(word.length);\n        matched = true;\n        continue;\n      }\n\n      // Check for function calls (identifier followed by opening paren)\n      const funcMatch = remaining.match(/^([a-zA-Z_][a-zA-Z0-9_]*)\\s*\\(/);\n      if (funcMatch && !KEYWORDS.includes(funcMatch[1])) {\n        tokens.pop(); // Remove the identifier we just added\n        tokens.push({ text: funcMatch[1], style: 'function' });\n        tokens.push({ text: '(', style: 'default' });\n        remaining = remaining.slice(funcMatch[0].length - 1);\n        matched = true;\n        continue;\n      }\n\n      // If nothing matched, take the first character as default\n      if (!matched) {\n        tokens.push({ text: remaining[0], style: 'default' });\n        remaining = remaining.slice(1);\n      }\n    }\n\n    return tokens;\n  });\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({\n  code,\n  language,\n  showLineNumbers = true,\n  showCopyButton = true,\n  scrollable = true,\n  style,\n  isLoading,\n  error,\n  copyEvent,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handleCopy = () => {\n    if (copyEvent) {\n      eventBus.emit(`UI:${copyEvent}`, { code, language });\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <Card style={[styles.container, style || {}]}>\n        <LoadingState message=\"Loading code...\" />\n      </Card>\n    );\n  }\n\n  if (error) {\n    return (\n      <Card style={[styles.container, style || {}]}>\n        <ErrorState message={error.message} />\n      </Card>\n    );\n  }\n\n  const tokenizedLines = tokenizeCode(code);\n  const lineNumberWidth = String(tokenizedLines.length).length * 10 + 16;\n\n  const CodeContent = (\n    <View style={styles.codeContainer}>\n      {tokenizedLines.map((tokens, lineIndex) => (\n        <View key={lineIndex} style={styles.line}>\n          {showLineNumbers && (\n            <View style={[styles.lineNumber, { width: lineNumberWidth }]}>\n              <Typography\n                variant=\"caption\"\n                style={{ color: theme.colors['muted-foreground'] }}\n              >\n                {lineIndex + 1}\n              </Typography>\n            </View>\n          )}\n          <View style={styles.lineContent}>\n            {tokens.length === 0 ? (\n              <Typography variant=\"body\"> </Typography>\n            ) : (\n              <Typography variant=\"body\">\n                {tokens.map((token, tokenIndex) => (\n                  <Typography\n                    key={tokenIndex}\n                    variant=\"body\"\n                    style={{\n                      color: TOKEN_COLORS[token.style],\n                      fontFamily: 'monospace',\n                    }}\n                  >\n                    {token.text}\n                  </Typography>\n                ))}\n              </Typography>\n            )}\n          </View>\n        </View>\n      ))}\n    </View>\n  );\n\n  return (\n    <Card style={[styles.container, style || {}]} padding=\"none\">\n      {(language || showCopyButton) && (\n        <HStack\n          spacing={8}\n          align=\"center\"\n          justify=\"space-between\"\n          style={[\n            styles.header,\n            { backgroundColor: theme.colors.muted, borderBottomColor: theme.colors.border },\n          ]}\n        >\n          {language ? (\n            <Typography\n              variant=\"caption\"\n              style={{\n                color: theme.colors['muted-foreground'],\n                textTransform: 'uppercase',\n              }}\n            >\n              {language}\n            </Typography>\n          ) : (\n            <View />\n          )}\n          {showCopyButton && (\n            <Button variant=\"ghost\" size=\"sm\" onPress={handleCopy}>\n              Copy\n            </Button>\n          )}\n        </HStack>\n      )}\n\n      {scrollable ? (\n        <ScrollView horizontal showsHorizontalScrollIndicator={true}>\n          {CodeContent}\n        </ScrollView>\n      ) : (\n        CodeContent\n      )}\n    </Card>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  header: {\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    borderBottomWidth: 1,\n  },\n  codeContainer: {\n    padding: 16,\n  },\n  line: {\n    flexDirection: 'row',\n  },\n  lineNumber: {\n    alignItems: 'flex-end',\n    paddingRight: 16,\n    opacity: 0.5,\n  },\n  lineContent: {\n    flex: 1,\n  },\n});\n\nCodeBlock.displayName = 'CodeBlock';\n","import React from 'react';\nimport { View, Text, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../../providers/ThemeContext';\nimport { HealthBar } from '../../atoms/game/HealthBar';\nimport { ScoreDisplay } from '../../atoms/game/ScoreDisplay';\n\nexport interface StatBadgeProps {\n  /** Stat label */\n  label: string;\n  /** Current value (defaults to 0 if not provided) */\n  value?: number | string;\n  /** Maximum value (for bar/hearts format) */\n  max?: number;\n  /** Data source entity name (for schema config) */\n  source?: string;\n  /** Field name in the source (for schema config) */\n  field?: string;\n  /** Display format */\n  format?: 'number' | 'hearts' | 'bar' | 'text' | string;\n  /** Icon component or emoji */\n  icon?: React.ReactNode;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg' | string;\n  /** Visual variant */\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | string;\n  /** Additional styles */\n  style?: ViewStyle;\n}\n\nconst sizeMap: Record<string, { padding: number; fontSize: number }> = {\n  sm: { padding: 8, fontSize: 12 },\n  md: { padding: 12, fontSize: 14 },\n  lg: { padding: 16, fontSize: 16 },\n};\n\nconst variantMap: Record<string, { backgroundColor: string; borderColor: string }> = {\n  default: { backgroundColor: 'rgba(31, 41, 55, 0.8)', borderColor: '#374151' },\n  primary: { backgroundColor: 'rgba(30, 58, 138, 0.8)', borderColor: '#1d4ed8' },\n  success: { backgroundColor: 'rgba(20, 83, 45, 0.8)', borderColor: '#15803d' },\n  warning: { backgroundColor: 'rgba(113, 63, 18, 0.8)', borderColor: '#a16207' },\n  danger: { backgroundColor: 'rgba(127, 29, 29, 0.8)', borderColor: '#b91c1c' },\n};\n\nexport const StatBadge: React.FC<StatBadgeProps> = ({\n  label,\n  value = 0,\n  max,\n  format = 'number',\n  icon,\n  size = 'md',\n  variant = 'default',\n  style,\n  // Ignored config props (used for schema binding)\n  source: _source,\n  field: _field,\n}) => {\n  const theme = useTheme();\n  const numValue = typeof value === 'number' ? value : parseInt(String(value), 10) || 0;\n  const sizeStyles = sizeMap[size] ?? sizeMap.md;\n  const variantStyles = variantMap[variant] ?? variantMap.default;\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: variantStyles.backgroundColor,\n          borderColor: variantStyles.borderColor,\n          padding: sizeStyles.padding,\n        },\n        style as never,\n      ]}\n    >\n      {icon && (\n        <Text style={{ fontSize: 18, marginRight: 8 }}>\n          {icon as string}\n        </Text>\n      )}\n      \n      <Text\n        style={{\n          fontSize: sizeStyles.fontSize,\n          color: theme.colors['muted-foreground'],\n          fontWeight: '500',\n          marginRight: 8,\n        }}\n      >\n        {label}\n      </Text>\n      \n      {format === 'hearts' && max && (\n        <HealthBar\n          current={numValue}\n          max={max}\n          format=\"hearts\"\n          size={size === 'lg' ? 'md' : 'sm'}\n        />\n      )}\n      \n      {format === 'bar' && max && (\n        <HealthBar\n          current={numValue}\n          max={max}\n          format=\"bar\"\n          size={size === 'lg' ? 'md' : 'sm'}\n        />\n      )}\n      \n      {format === 'number' && (\n        <ScoreDisplay\n          value={numValue}\n          size={size === 'lg' ? 'md' : 'sm'}\n          animated\n        />\n      )}\n      \n      {format === 'text' && (\n        <Text\n          style={{\n            fontSize: sizeStyles.fontSize,\n            color: theme.colors['primary-foreground'],\n            fontWeight: '700',\n          }}\n        >\n          {value}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 8,\n    borderWidth: 1,\n  },\n});\n\nStatBadge.displayName = 'StatBadge';\n"],"mappings":"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","names":["React","React","React","StyleSheet","React","styles","StyleSheet","React","View","StyleSheet","TouchableOpacity","React","View","styles","TouchableOpacity","StyleSheet","React","View","TouchableOpacity","StyleSheet","React","View","styles","TouchableOpacity","StyleSheet","React","TouchableOpacity","StyleSheet","Animated","React","Animated","styles","TouchableOpacity","StyleSheet","React","View","ScrollView","StyleSheet","React","styles","View","ScrollView","StyleSheet","React","View","StyleSheet","React","View","styles","StyleSheet"]}

package/dist/chunk-LFHVNHVA.js

@@ -0,0 +1,176 @@
+import {
+  ErrorState,
+  LoadingState
+} from "./chunk-7C5JCLLY.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+import {
+  useTheme
+} from "./chunk-CUAWHLEK.js";
+
+// src/components/atoms/Checkbox.tsx
+import React from "react";
+import {
+  TouchableOpacity,
+  View,
+  StyleSheet
+} from "react-native";
+var Checkbox = ({
+  checked = false,
+  onChange,
+  disabled = false,
+  size = "md",
+  style,
+  isLoading,
+  error,
+  changeEvent,
+  actionPayload
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handlePress = () => {
+    if (disabled || isLoading) return;
+    const newValue = !checked;
+    if (changeEvent) {
+      eventBus.emit(`UI:${changeEvent}`, { ...actionPayload, checked: newValue });
+    }
+    onChange?.(newValue);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, /* @__PURE__ */ React.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, /* @__PURE__ */ React.createElement(ErrorState, { message: error.message }));
+  }
+  const sizeStyles = {
+    sm: { box: 18, check: 10 },
+    md: { box: 24, check: 14 },
+    lg: { box: 32, check: 18 }
+  };
+  const { box, check } = sizeStyles[size];
+  return /* @__PURE__ */ React.createElement(
+    TouchableOpacity,
+    {
+      onPress: handlePress,
+      disabled,
+      activeOpacity: 0.8,
+      style: [
+        styles.container,
+        {
+          width: box,
+          height: box,
+          borderRadius: theme.borderRadius.sm,
+          borderWidth: 2,
+          borderColor: checked ? theme.colors.primary : theme.colors.border,
+          backgroundColor: checked ? theme.colors.primary : theme.colors.card,
+          opacity: disabled ? 0.5 : 1
+        },
+        style
+      ]
+    },
+    checked && /* @__PURE__ */ React.createElement(
+      View,
+      {
+        style: {
+          width: check,
+          height: check,
+          backgroundColor: theme.colors["primary-foreground"],
+          transform: [{ rotate: "45deg" }]
+        }
+      }
+    )
+  );
+};
+var styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+Checkbox.displayName = "Checkbox";
+
+// src/components/atoms/Icon.tsx
+import React2 from "react";
+import { View as View2, Text, StyleSheet as StyleSheet2 } 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__ */ React2.createElement(View2, { style: [styles2.container, { width: size, height: size }, style] }, /* @__PURE__ */ React2.createElement(Text, { style: [
+    styles2.icon,
+    { fontSize: size * 0.7, color, lineHeight: size }
+  ] }, iconMap[name] || "?"));
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    textAlign: "center"
+  }
+});
+Icon.displayName = "Icon";
+
+// src/components/atoms/Divider.tsx
+import React3 from "react";
+import { View as View3, StyleSheet as StyleSheet3 } from "react-native";
+var Divider = ({
+  orientation = "horizontal",
+  thickness = 1,
+  style
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ React3.createElement(
+    View3,
+    {
+      style: [
+        orientation === "horizontal" ? styles3.horizontal : styles3.vertical,
+        {
+          backgroundColor: theme.colors.border,
+          ...orientation === "horizontal" ? { height: thickness } : { width: thickness }
+        },
+        style
+      ]
+    }
+  );
+};
+var styles3 = StyleSheet3.create({
+  horizontal: {
+    width: "100%",
+    marginVertical: 8
+  },
+  vertical: {
+    height: "100%",
+    marginHorizontal: 8
+  }
+});
+Divider.displayName = "Divider";
+
+export {
+  Checkbox,
+  Icon,
+  Divider
+};
+//# sourceMappingURL=chunk-LFHVNHVA.js.map

package/dist/chunk-LFHVNHVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Checkbox.tsx","../src/components/atoms/Icon.tsx","../src/components/atoms/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { \n  TouchableOpacity, \n  View, \n  StyleSheet, \n  ViewStyle \n} from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { LoadingState } from '../molecules/LoadingState';\nimport { ErrorState } from '../molecules/ErrorState';\n\nexport interface CheckboxProps {\n  checked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n  style?: ViewStyle;\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 change event name - emits UI:${changeEvent} via eventBus */\n  changeEvent?: string;\n  /** Payload to include with the change event */\n  actionPayload?: Record<string, unknown>;\n}\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  checked = false,\n  onChange,\n  disabled = false,\n  size = 'md',\n  style,\n  isLoading,\n  error,\n  changeEvent,\n  actionPayload,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handlePress = () => {\n    if (disabled || isLoading) return;\n    \n    const newValue = !checked;\n    if (changeEvent) {\n      eventBus.emit(`UI:${changeEvent}`, { ...actionPayload, checked: newValue });\n    }\n    onChange?.(newValue);\n  };\n\n  if (isLoading) {\n    return (\n      <View style={[styles.container, style]}>\n        <LoadingState message=\"Loading...\" />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.container, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const sizeStyles: Record<string, { box: number; check: number }> = {\n    sm: { box: 18, check: 10 },\n    md: { box: 24, check: 14 },\n    lg: { box: 32, check: 18 },\n  };\n\n  const { box, check } = sizeStyles[size];\n\n  return (\n    <TouchableOpacity\n      onPress={handlePress}\n      disabled={disabled}\n      activeOpacity={0.8}\n      style={[\n        styles.container,\n        {\n          width: box,\n          height: box,\n          borderRadius: theme.borderRadius.sm,\n          borderWidth: 2,\n          borderColor: checked \n            ? theme.colors.primary \n            : theme.colors.border,\n          backgroundColor: checked \n            ? theme.colors.primary \n            : theme.colors.card,\n          opacity: disabled ? 0.5 : 1,\n        },\n        style,\n      ]}\n    >\n      {checked && (\n        <View\n          style={{\n            width: check,\n            height: check,\n            backgroundColor: theme.colors['primary-foreground'],\n            transform: [{ rotate: '45deg' }],\n          }}\n        />\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nCheckbox.displayName = 'Checkbox';\n","import React from 'react';\nimport { View, Text, StyleSheet, ViewStyle } from 'react-native';\n\n// For now, using a simple text-based icon approach\n// In production, this would use react-native-vector-icons\nexport type IconName = \n  | 'home' \n  | 'user' \n  | 'settings' \n  | 'arrow-right' \n  | 'arrow-left'\n  | 'check'\n  | 'x'\n  | 'plus'\n  | 'minus'\n  | 'search'\n  | 'menu'\n  | 'more-vertical'\n  | 'chevron-right'\n  | 'chevron-left'\n  | 'chevron-down'\n  | 'chevron-up';\n\nexport interface IconProps {\n  name: IconName;\n  size?: number;\n  color?: string;\n  style?: ViewStyle;\n}\n\n// Simple emoji/icon mapping for initial implementation\nconst iconMap: Record<IconName, string> = {\n  home: '🏠',\n  user: '👤',\n  settings: '⚙️',\n  'arrow-right': '→',\n  'arrow-left': '←',\n  check: '✓',\n  x: '✕',\n  plus: '+',\n  minus: '−',\n  search: '🔍',\n  menu: '☰',\n  'more-vertical': '⋮',\n  'chevron-right': '›',\n  'chevron-left': '‹',\n  'chevron-down': '⌄',\n  'chevron-up': '⌃',\n};\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = 24,\n  color = '#374151',\n  style,\n}) => {\n  return (\n    <View style={[styles.container, { width: size, height: size }, style]}>\n      <Text style={[\n        styles.icon,\n        { fontSize: size * 0.7, color, lineHeight: size },\n      ]}>\n        {iconMap[name] || '?'}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    textAlign: 'center',\n  },\n});\n\nIcon.displayName = 'Icon';\n","import React from 'react';\nimport { View, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical';\n  thickness?: number;\n  style?: ViewStyle;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const Divider: React.FC<DividerProps> = ({\n  orientation = 'horizontal',\n  thickness = 1,\n  style,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <View\n      style={[\n        orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        {\n          backgroundColor: theme.colors.border,\n          ...(orientation === 'horizontal'\n            ? { height: thickness }\n            : { width: thickness }),\n        },\n        style,\n      ]}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  horizontal: {\n    width: '100%',\n    marginVertical: 8,\n  },\n  vertical: {\n    height: '100%',\n    marginHorizontal: 8,\n  },\n});\n\nDivider.displayName = 'Divider';\n"],"mappings":"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","names":["React","View","StyleSheet","styles","React","View","StyleSheet","React","View","styles","StyleSheet"]}

package/dist/chunk-MFU7Q7LU.js

@@ -0,0 +1,206 @@
+// src/themes/almadar.ts
+var almadarLight = {
+  // Colors - matching CSS variable names
+  colors: {
+    primary: "#14b8a6",
+    "primary-hover": "#0d9488",
+    "primary-foreground": "#ffffff",
+    secondary: "#f1f5f9",
+    "secondary-hover": "#e2e8f0",
+    "secondary-foreground": "#0f172a",
+    accent: "#06b6d4",
+    "accent-foreground": "#ffffff",
+    muted: "#f1f5f9",
+    "muted-foreground": "#64748b",
+    background: "#f8fafc",
+    foreground: "#0f172a",
+    card: "#ffffff",
+    "card-foreground": "#0f172a",
+    surface: "#f1f5f9",
+    border: "rgba(20, 184, 166, 0.3)",
+    input: "rgba(20, 184, 166, 0.2)",
+    ring: "#14b8a6",
+    error: "#dc2626",
+    "error-foreground": "#ffffff",
+    success: "#16a34a",
+    "success-foreground": "#ffffff",
+    warning: "#ca8a04",
+    "warning-foreground": "#000000",
+    info: "#0ea5e9",
+    "info-foreground": "#ffffff",
+    // Additional colors for mobile
+    "border-solid": "#e2e8f0",
+    "border-teal": "rgba(20, 184, 166, 0.3)",
+    "input-bg": "rgba(20, 184, 166, 0.1)"
+  },
+  // Border radius - matching CSS variables
+  borderRadius: {
+    none: 0,
+    sm: 6,
+    md: 10,
+    lg: 14,
+    xl: 20,
+    full: 9999
+  },
+  // Spacing
+  spacing: {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    8: 32,
+    10: 40,
+    12: 48
+  },
+  // Typography
+  typography: {
+    fontFamily: "Inter",
+    fontWeight: {
+      normal: "400",
+      medium: "500",
+      bold: "600"
+    },
+    letterSpacing: -0.02,
+    lineHeight: 1.6,
+    sizes: {
+      xs: 12,
+      sm: 14,
+      base: 16,
+      lg: 18,
+      xl: 20,
+      "2xl": 24,
+      "3xl": 30,
+      "4xl": 36
+    }
+  },
+  // Shadows (React Native elevation/shadows)
+  shadows: {
+    none: {
+      shadowColor: "transparent",
+      shadowOffset: { width: 0, height: 0 },
+      shadowOpacity: 0,
+      shadowRadius: 0,
+      elevation: 0
+    },
+    sm: {
+      shadowColor: "rgba(20, 184, 166, 0.08)",
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 1,
+      shadowRadius: 4,
+      elevation: 2
+    },
+    main: {
+      shadowColor: "rgba(20, 184, 166, 0.12)",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 1,
+      shadowRadius: 14,
+      elevation: 4
+    },
+    lg: {
+      shadowColor: "rgba(20, 184, 166, 0.18)",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 1,
+      shadowRadius: 30,
+      elevation: 8
+    },
+    hover: {
+      shadowColor: "rgba(20, 184, 166, 0.2)",
+      shadowOffset: { width: 0, height: 12 },
+      shadowOpacity: 1,
+      shadowRadius: 40,
+      elevation: 12
+    }
+  },
+  // Transitions (for animated components)
+  transitions: {
+    fast: 150,
+    normal: 250,
+    slow: 400
+  },
+  // Icon styling
+  icon: {
+    strokeWidth: 1.75,
+    color: "#0d9488"
+  }
+};
+var almadarDark = {
+  colors: {
+    primary: "#14b8a6",
+    "primary-hover": "#2dd4bf",
+    "primary-foreground": "#042f2e",
+    secondary: "#1e293b",
+    "secondary-hover": "#334155",
+    "secondary-foreground": "#f1f5f9",
+    accent: "#06b6d4",
+    "accent-foreground": "#083344",
+    muted: "#1e293b",
+    "muted-foreground": "#94a3b8",
+    background: "#0f172a",
+    foreground: "#f1f5f9",
+    card: "#1e293b",
+    "card-foreground": "#f1f5f9",
+    surface: "#1e293b",
+    border: "rgba(20, 184, 166, 0.25)",
+    input: "rgba(20, 184, 166, 0.3)",
+    ring: "#14b8a6",
+    error: "#f87171",
+    "error-foreground": "#000000",
+    success: "#4ade80",
+    "success-foreground": "#000000",
+    warning: "#fbbf24",
+    "warning-foreground": "#000000",
+    info: "#38bdf8",
+    "info-foreground": "#000000",
+    "border-solid": "#334155",
+    "border-teal": "rgba(20, 184, 166, 0.25)",
+    "input-bg": "rgba(20, 184, 166, 0.15)"
+  },
+  borderRadius: almadarLight.borderRadius,
+  spacing: almadarLight.spacing,
+  typography: almadarLight.typography,
+  shadows: {
+    none: almadarLight.shadows.none,
+    sm: {
+      shadowColor: "rgba(20, 184, 166, 0.1)",
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 1,
+      shadowRadius: 4,
+      elevation: 2
+    },
+    main: {
+      shadowColor: "rgba(20, 184, 166, 0.15)",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 1,
+      shadowRadius: 14,
+      elevation: 4
+    },
+    lg: {
+      shadowColor: "rgba(20, 184, 166, 0.25)",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 1,
+      shadowRadius: 30,
+      elevation: 8
+    },
+    hover: {
+      shadowColor: "rgba(20, 184, 166, 0.35)",
+      shadowOffset: { width: 0, height: 12 },
+      shadowOpacity: 1,
+      shadowRadius: 40,
+      elevation: 12
+    }
+  },
+  transitions: almadarLight.transitions,
+  icon: {
+    strokeWidth: 1.75,
+    color: "#14b8a6"
+  }
+};
+
+export {
+  almadarLight,
+  almadarDark
+};
+//# sourceMappingURL=chunk-MFU7Q7LU.js.map

package/dist/chunk-MFU7Q7LU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/almadar.ts"],"sourcesContent":["/**\n * Almadar Theme for React Native\n * Mirrors CSS variable names from @almadar/ui for cross-platform consistency\n */\n\nimport { RNTheme } from '../providers/ThemeContext';\n\nexport const almadarLight: RNTheme = {\n  // Colors - matching CSS variable names\n  colors: {\n    primary: '#14b8a6',\n    'primary-hover': '#0d9488',\n    'primary-foreground': '#ffffff',\n\n    secondary: '#f1f5f9',\n    'secondary-hover': '#e2e8f0',\n    'secondary-foreground': '#0f172a',\n\n    accent: '#06b6d4',\n    'accent-foreground': '#ffffff',\n\n    muted: '#f1f5f9',\n    'muted-foreground': '#64748b',\n\n    background: '#f8fafc',\n    foreground: '#0f172a',\n    card: '#ffffff',\n    'card-foreground': '#0f172a',\n    surface: '#f1f5f9',\n    border: 'rgba(20, 184, 166, 0.3)',\n    input: 'rgba(20, 184, 166, 0.2)',\n    ring: '#14b8a6',\n\n    error: '#dc2626',\n    'error-foreground': '#ffffff',\n    success: '#16a34a',\n    'success-foreground': '#ffffff',\n    warning: '#ca8a04',\n    'warning-foreground': '#000000',\n    info: '#0ea5e9',\n    'info-foreground': '#ffffff',\n\n    // Additional colors for mobile\n    'border-solid': '#e2e8f0',\n    'border-teal': 'rgba(20, 184, 166, 0.3)',\n    'input-bg': 'rgba(20, 184, 166, 0.1)',\n  },\n\n  // Border radius - matching CSS variables\n  borderRadius: {\n    none: 0,\n    sm: 6,\n    md: 10,\n    lg: 14,\n    xl: 20,\n    full: 9999,\n  },\n\n  // Spacing\n  spacing: {\n    0: 0,\n    1: 4,\n    2: 8,\n    3: 12,\n    4: 16,\n    5: 20,\n    6: 24,\n    8: 32,\n    10: 40,\n    12: 48,\n  },\n\n  // Typography\n  typography: {\n    fontFamily: 'Inter',\n    fontWeight: {\n      normal: '400',\n      medium: '500',\n      bold: '600',\n    },\n    letterSpacing: -0.02,\n    lineHeight: 1.6,\n    sizes: {\n      xs: 12,\n      sm: 14,\n      base: 16,\n      lg: 18,\n      xl: 20,\n      '2xl': 24,\n      '3xl': 30,\n      '4xl': 36,\n    },\n  },\n\n  // Shadows (React Native elevation/shadows)\n  shadows: {\n    none: {\n      shadowColor: 'transparent',\n      shadowOffset: { width: 0, height: 0 },\n      shadowOpacity: 0,\n      shadowRadius: 0,\n      elevation: 0,\n    },\n    sm: {\n      shadowColor: 'rgba(20, 184, 166, 0.08)',\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n      elevation: 2,\n    },\n    main: {\n      shadowColor: 'rgba(20, 184, 166, 0.12)',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 1,\n      shadowRadius: 14,\n      elevation: 4,\n    },\n    lg: {\n      shadowColor: 'rgba(20, 184, 166, 0.18)',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 1,\n      shadowRadius: 30,\n      elevation: 8,\n    },\n    hover: {\n      shadowColor: 'rgba(20, 184, 166, 0.2)',\n      shadowOffset: { width: 0, height: 12 },\n      shadowOpacity: 1,\n      shadowRadius: 40,\n      elevation: 12,\n    },\n  },\n\n  // Transitions (for animated components)\n  transitions: {\n    fast: 150,\n    normal: 250,\n    slow: 400,\n  },\n\n  // Icon styling\n  icon: {\n    strokeWidth: 1.75,\n    color: '#0d9488',\n  },\n};\n\nexport const almadarDark: RNTheme = {\n  colors: {\n    primary: '#14b8a6',\n    'primary-hover': '#2dd4bf',\n    'primary-foreground': '#042f2e',\n\n    secondary: '#1e293b',\n    'secondary-hover': '#334155',\n    'secondary-foreground': '#f1f5f9',\n\n    accent: '#06b6d4',\n    'accent-foreground': '#083344',\n\n    muted: '#1e293b',\n    'muted-foreground': '#94a3b8',\n\n    background: '#0f172a',\n    foreground: '#f1f5f9',\n    card: '#1e293b',\n    'card-foreground': '#f1f5f9',\n    surface: '#1e293b',\n    border: 'rgba(20, 184, 166, 0.25)',\n    input: 'rgba(20, 184, 166, 0.3)',\n    ring: '#14b8a6',\n\n    error: '#f87171',\n    'error-foreground': '#000000',\n    success: '#4ade80',\n    'success-foreground': '#000000',\n    warning: '#fbbf24',\n    'warning-foreground': '#000000',\n    info: '#38bdf8',\n    'info-foreground': '#000000',\n\n    'border-solid': '#334155',\n    'border-teal': 'rgba(20, 184, 166, 0.25)',\n    'input-bg': 'rgba(20, 184, 166, 0.15)',\n  },\n\n  borderRadius: almadarLight.borderRadius,\n  spacing: almadarLight.spacing,\n  typography: almadarLight.typography,\n\n  shadows: {\n    none: almadarLight.shadows.none,\n    sm: {\n      shadowColor: 'rgba(20, 184, 166, 0.1)',\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n      elevation: 2,\n    },\n    main: {\n      shadowColor: 'rgba(20, 184, 166, 0.15)',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 1,\n      shadowRadius: 14,\n      elevation: 4,\n    },\n    lg: {\n      shadowColor: 'rgba(20, 184, 166, 0.25)',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 1,\n      shadowRadius: 30,\n      elevation: 8,\n    },\n    hover: {\n      shadowColor: 'rgba(20, 184, 166, 0.35)',\n      shadowOffset: { width: 0, height: 12 },\n      shadowOpacity: 1,\n      shadowRadius: 40,\n      elevation: 12,\n    },\n  },\n\n  transitions: almadarLight.transitions,\n\n  icon: {\n    strokeWidth: 1.75,\n    color: '#14b8a6',\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-S2IT7WZT.js

@@ -0,0 +1,71 @@
+// src/lib/cn.ts
+import { cn } from "@almadar/ui/lib";
+
+// src/lib/theme.ts
+function convertThemeToRN(webTheme) {
+  const spacing = convertSpacing(webTheme.spacing);
+  const borderRadius = convertSpacing(webTheme.borderRadius);
+  return {
+    colors: webTheme.colors,
+    spacing: {
+      xs: spacing.xs || 4,
+      sm: spacing.sm || 8,
+      md: spacing.md || 16,
+      lg: spacing.lg || 24,
+      xl: spacing.xl || 32,
+      ...spacing
+    },
+    borderRadius: {
+      none: 0,
+      sm: borderRadius.sm || 4,
+      md: borderRadius.md || 8,
+      lg: borderRadius.lg || 12,
+      xl: borderRadius.xl || 16,
+      full: 9999
+    }
+  };
+}
+function convertSpacing(spacing) {
+  const result = {};
+  for (const [key, value] of Object.entries(spacing)) {
+    const num = parseFloat(value);
+    result[key] = isNaN(num) ? 0 : num;
+  }
+  return result;
+}
+var defaultRNTheme = {
+  colors: {
+    primary: "#6366f1",
+    secondary: "#e2e8f0",
+    destructive: "#ef4444",
+    background: "#ffffff",
+    foreground: "#0f172a",
+    muted: "#f1f5f9",
+    "muted-foreground": "#64748b",
+    border: "#e2e8f0",
+    card: "#ffffff",
+    "card-foreground": "#0f172a"
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32
+  },
+  borderRadius: {
+    none: 0,
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    full: 9999
+  }
+};
+
+export {
+  cn,
+  convertThemeToRN,
+  defaultRNTheme
+};
+//# sourceMappingURL=chunk-S2IT7WZT.js.map

package/dist/chunk-S2IT7WZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts","../src/lib/theme.ts"],"sourcesContent":["// Re-export from @almadar/ui - no code duplication\nexport { cn } from '@almadar/ui/lib';\n","import type { RNTheme } from '../providers/ThemeContext';\n\n// Re-export RNTheme from providers\nexport type { RNTheme } from '../providers/ThemeContext';\n\n// Web theme structure (from @almadar/ui)\nexport interface WebTheme {\n  colors: Record<string, string>;\n  spacing: Record<string, string>;\n  borderRadius: Record<string, string>;\n}\n\n/**\n * Convert web theme (CSS values) to React Native theme (numeric values)\n */\nexport function convertThemeToRN(webTheme: WebTheme): Partial<RNTheme> {\n  const spacing = convertSpacing(webTheme.spacing);\n  const borderRadius = convertSpacing(webTheme.borderRadius);\n  \n  return {\n    colors: webTheme.colors as RNTheme['colors'],\n    spacing: {\n      xs: spacing.xs || 4,\n      sm: spacing.sm || 8,\n      md: spacing.md || 16,\n      lg: spacing.lg || 24,\n      xl: spacing.xl || 32,\n      ...spacing,\n    },\n    borderRadius: {\n      none: 0,\n      sm: borderRadius.sm || 4,\n      md: borderRadius.md || 8,\n      lg: borderRadius.lg || 12,\n      xl: borderRadius.xl || 16,\n      full: 9999,\n    },\n  } as Partial<RNTheme>;\n}\n\nfunction convertSpacing(spacing: Record<string, string>): Record<string, number> {\n  const result: Record<string, number> = {};\n  for (const [key, value] of Object.entries(spacing)) {\n    const num = parseFloat(value);\n    result[key] = isNaN(num) ? 0 : num;\n  }\n  return result;\n}\n\nexport const defaultRNTheme: Partial<RNTheme> = {\n  colors: {\n    primary: '#6366f1',\n    secondary: '#e2e8f0',\n    destructive: '#ef4444',\n    background: '#ffffff',\n    foreground: '#0f172a',\n    muted: '#f1f5f9',\n    'muted-foreground': '#64748b',\n    border: '#e2e8f0',\n    card: '#ffffff',\n    'card-foreground': '#0f172a',\n  } as never,\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 32,\n  },\n  borderRadius: {\n    none: 0,\n    sm: 4,\n    md: 8,\n    lg: 12,\n    xl: 16,\n    full: 9999,\n  },\n};\n"],"mappings":";AACA,SAAS,UAAU;;;ACcZ,SAAS,iBAAiB,UAAsC;AACrE,QAAM,UAAU,eAAe,SAAS,OAAO;AAC/C,QAAM,eAAe,eAAe,SAAS,YAAY;AAEzD,SAAO;AAAA,IACL,QAAQ,SAAS;AAAA,IACjB,SAAS;AAAA,MACP,IAAI,QAAQ,MAAM;AAAA,MAClB,IAAI,QAAQ,MAAM;AAAA,MAClB,IAAI,QAAQ,MAAM;AAAA,MAClB,IAAI,QAAQ,MAAM;AAAA,MAClB,IAAI,QAAQ,MAAM;AAAA,MAClB,GAAG;AAAA,IACL;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,IAAI,aAAa,MAAM;AAAA,MACvB,IAAI,aAAa,MAAM;AAAA,MACvB,IAAI,aAAa,MAAM;AAAA,MACvB,IAAI,aAAa,MAAM;AAAA,MACvB,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,eAAe,SAAyD;AAC/E,QAAM,SAAiC,CAAC;AACxC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,UAAM,MAAM,WAAW,KAAK;AAC5B,WAAO,GAAG,IAAI,MAAM,GAAG,IAAI,IAAI;AAAA,EACjC;AACA,SAAO;AACT;AAEO,IAAM,iBAAmC;AAAA,EAC9C,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,mBAAmB;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF;","names":[]}