@almadar/mobile 1.2.4 → 1.4.0

package/dist/{chunk-5U5Z65ZO.js → chunk-DNC6CO6E.js}

@@ -3,12 +3,10 @@ import {
   Card,
   ErrorState,
   HStack,
-  HealthBar,
   LoadingState,
-  ScoreDisplay,
   Typography,
   VStack
-} from "./chunk-QUFLYKWA.js";
+} from "./chunk-A6AK75GP.js";
 import {
   useEventBus
 } from "./chunk-YTVYMEKU.js";
@@ -16,31 +14,13 @@ import {
   useTheme
 } from "./chunk-CUAWHLEK.js";
 
-// src/components/molecules/EmptyState.tsx
-import React from "react";
-import { StyleSheet } from "react-native";
-var EmptyState = ({
-  message = "No data available",
-  icon
-}) => {
-  return /* @__PURE__ */ React.createElement(VStack, { align: "center", spacing: 12, style: styles.container }, icon, /* @__PURE__ */ React.createElement(Typography, { variant: "body", color: "#6b7280" }, message));
-};
-var styles = StyleSheet.create({
-  container: {
-    padding: 32,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-EmptyState.displayName = "EmptyState";
-
 // src/components/molecules/Modal.tsx
-import React2, { useCallback } from "react";
+import React, { useCallback } from "react";
 import {
   Modal as RNModal,
   View,
   TouchableOpacity,
-  StyleSheet as StyleSheet2
+  StyleSheet
 } from "react-native";
 var Modal = ({
   isOpen,
@@ -60,7 +40,7 @@ var Modal = ({
     }
   }, [closeOnBackdrop, onClose]);
   const transparent = animationType !== "slide";
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     RNModal,
     {
       visible: isOpen,
@@ -69,18 +49,18 @@ var Modal = ({
       onRequestClose: onClose,
       ...modalProps
     },
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React.createElement(
       TouchableOpacity,
       {
-        style: styles2.overlay,
+        style: styles.overlay,
         activeOpacity: 1,
         onPress: handleBackdropPress
       },
-      /* @__PURE__ */ React2.createElement(View, { style: styles2.centeredView }, /* @__PURE__ */ React2.createElement(TouchableOpacity, { activeOpacity: 1, onPress: (e) => e.stopPropagation() }, /* @__PURE__ */ React2.createElement(Card, { style: [styles2.modalCard, styles2[size]] }, /* @__PURE__ */ React2.createElement(VStack, { spacing: 16 }, title && /* @__PURE__ */ React2.createElement(HStack, { justify: "space-between", align: "center" }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h4" }, title), showCloseButton && /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: onClose }, /* @__PURE__ */ React2.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715"))), /* @__PURE__ */ React2.createElement(View, null, children), footer && /* @__PURE__ */ React2.createElement(HStack, { justify: "flex-end", spacing: 12 }, footer)))))
+      /* @__PURE__ */ React.createElement(View, { style: styles.centeredView }, /* @__PURE__ */ React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(Card, { style: [styles.modalCard, styles[size]] }, /* @__PURE__ */ React.createElement(VStack, { spacing: 16 }, title && /* @__PURE__ */ React.createElement(HStack, { justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, title), showCloseButton && /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: onClose }, /* @__PURE__ */ React.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715"))), /* @__PURE__ */ React.createElement(View, null, children), footer && /* @__PURE__ */ React.createElement(HStack, { justify: "flex-end", spacing: 12 }, footer)))))
     )
   );
 };
-var styles2 = StyleSheet2.create({
+var styles = StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0, 0, 0, 0.5)"
@@ -115,24 +95,24 @@ var ConfirmModal = ({
   confirmLabel = "Confirm",
   cancelLabel = "Cancel"
 }) => {
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     Modal,
     {
       isOpen,
       onClose,
       title,
-      footer: /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Typography, { variant: "body", color: "#6b7280", onPress: onClose }, cancelLabel), /* @__PURE__ */ React2.createElement(Typography, { variant: "body", color: "#ef4444", onPress: onConfirm }, confirmLabel))
+      footer: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body", color: "#6b7280", onPress: onClose }, cancelLabel), /* @__PURE__ */ React.createElement(Typography, { variant: "body", color: "#ef4444", onPress: onConfirm }, confirmLabel))
     },
-    /* @__PURE__ */ React2.createElement(Typography, { variant: "body" }, message)
+    /* @__PURE__ */ React.createElement(Typography, { variant: "body" }, message)
   );
 };
 ConfirmModal.displayName = "ConfirmModal";
 
 // src/components/molecules/Drawer.tsx
-import React3 from "react";
+import React2 from "react";
 import {
   View as View2,
-  StyleSheet as StyleSheet3,
+  StyleSheet as StyleSheet2,
   TouchableOpacity as TouchableOpacity2,
   Animated,
   Dimensions
@@ -146,10 +126,10 @@ var Drawer = ({
   placement = "right",
   width = SCREEN_WIDTH * 0.8
 }) => {
-  const translateX = React3.useRef(
+  const translateX = React2.useRef(
     new Animated.Value(placement === "right" ? SCREEN_WIDTH : -SCREEN_WIDTH)
   ).current;
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     Animated.timing(translateX, {
       toValue: isOpen ? 0 : placement === "right" ? width : -width,
       duration: 250,
@@ -157,18 +137,18 @@ var Drawer = ({
     }).start();
   }, [isOpen, placement, translateX, width]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React3.createElement(View2, { style: styles3.overlay }, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React2.createElement(View2, { style: styles2.overlay }, /* @__PURE__ */ React2.createElement(
     TouchableOpacity2,
     {
-      style: styles3.backdrop,
+      style: styles2.backdrop,
       activeOpacity: 1,
       onPress: onClose
     }
-  ), /* @__PURE__ */ React3.createElement(
+  ), /* @__PURE__ */ React2.createElement(
     Animated.View,
     {
       style: [
-        styles3.drawer,
+        styles2.drawer,
         {
           width,
           [placement]: 0,
@@ -176,17 +156,17 @@ var Drawer = ({
         }
       ]
     },
-    /* @__PURE__ */ React3.createElement(View2, { style: styles3.content }, (title || true) && /* @__PURE__ */ React3.createElement(View2, { style: styles3.header }, /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: onClose, style: styles3.closeButton }, /* @__PURE__ */ React3.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715")), title && /* @__PURE__ */ React3.createElement(Typography, { variant: "h4" }, title)), /* @__PURE__ */ React3.createElement(VStack, { spacing: 0, style: styles3.children }, children))
+    /* @__PURE__ */ React2.createElement(View2, { style: styles2.content }, (title || true) && /* @__PURE__ */ React2.createElement(View2, { style: styles2.header }, /* @__PURE__ */ React2.createElement(TouchableOpacity2, { onPress: onClose, style: styles2.closeButton }, /* @__PURE__ */ React2.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715")), title && /* @__PURE__ */ React2.createElement(Typography, { variant: "h4" }, title)), /* @__PURE__ */ React2.createElement(VStack, { spacing: 0, style: styles2.children }, children))
   ));
 };
-var styles3 = StyleSheet3.create({
+var styles2 = StyleSheet2.create({
   overlay: {
-    ...StyleSheet3.absoluteFillObject,
+    ...StyleSheet2.absoluteFillObject,
     zIndex: 1e3,
     flexDirection: "row"
   },
   backdrop: {
-    ...StyleSheet3.absoluteFillObject,
+    ...StyleSheet2.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.5)"
   },
   drawer: {
@@ -222,11 +202,11 @@ var styles3 = StyleSheet3.create({
 Drawer.displayName = "Drawer";
 
 // src/components/molecules/Tabs.tsx
-import React4, { useState } from "react";
+import React3, { useState } from "react";
 import {
   View as View3,
   TouchableOpacity as TouchableOpacity3,
-  StyleSheet as StyleSheet4,
+  StyleSheet as StyleSheet3,
   ScrollView
 } from "react-native";
 var Tabs = ({
@@ -251,10 +231,10 @@ var Tabs = ({
     onChange?.(tabId);
   };
   if (isLoading) {
-    return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React4.createElement(LoadingState, { message: "Loading..." }));
+    return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.container, style] }, /* @__PURE__ */ React3.createElement(LoadingState, { message: "Loading..." }));
   }
   if (error) {
-    return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React4.createElement(ErrorState, { message: error.message }));
+    return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.container, style] }, /* @__PURE__ */ React3.createElement(ErrorState, { message: error.message }));
   }
   const getTabStyle = (isActive) => {
     switch (variant) {
@@ -277,26 +257,26 @@ var Tabs = ({
         };
     }
   };
-  return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React3.createElement(View3, { style: [styles3.container, style] }, /* @__PURE__ */ React3.createElement(
     ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles4.scrollContent
+      contentContainerStyle: styles3.scrollContent
     },
-    /* @__PURE__ */ React4.createElement(HStack, { spacing: 8 }, tabs.map((tab) => {
+    /* @__PURE__ */ React3.createElement(HStack, { spacing: 8 }, tabs.map((tab) => {
       const isActive = currentTab === tab.id;
-      return /* @__PURE__ */ React4.createElement(
+      return /* @__PURE__ */ React3.createElement(
         TouchableOpacity3,
         {
           key: tab.id,
           onPress: () => handleTabPress(tab.id),
           style: [
-            styles4.tab,
+            styles3.tab,
             getTabStyle(isActive)
           ]
         },
-        /* @__PURE__ */ React4.createElement(HStack, { spacing: 4, align: "center" }, tab.icon, /* @__PURE__ */ React4.createElement(
+        /* @__PURE__ */ React3.createElement(HStack, { spacing: 4, align: "center" }, tab.icon, /* @__PURE__ */ React3.createElement(
           Typography,
           {
             variant: "body",
@@ -305,12 +285,12 @@ var Tabs = ({
             }
           },
           tab.label
-        ), tab.badge !== void 0 && tab.badge > 0 && /* @__PURE__ */ React4.createElement(View3, { style: [styles4.badge, { backgroundColor: theme.colors.error }] }, /* @__PURE__ */ React4.createElement(Typography, { variant: "caption", style: { color: theme.colors["error-foreground"] } }, tab.badge > 99 ? "99+" : tab.badge)))
+        ), tab.badge !== void 0 && tab.badge > 0 && /* @__PURE__ */ React3.createElement(View3, { style: [styles3.badge, { backgroundColor: theme.colors.error }] }, /* @__PURE__ */ React3.createElement(Typography, { variant: "caption", style: { color: theme.colors["error-foreground"] } }, tab.badge > 99 ? "99+" : tab.badge)))
       );
     }))
   ));
 };
-var styles4 = StyleSheet4.create({
+var styles3 = StyleSheet3.create({
   container: {
     width: "100%"
   },
@@ -334,10 +314,10 @@ var styles4 = StyleSheet4.create({
 Tabs.displayName = "Tabs";
 
 // src/components/molecules/Toast.tsx
-import React5, { useEffect } from "react";
+import React4, { useEffect } from "react";
 import {
   TouchableOpacity as TouchableOpacity4,
-  StyleSheet as StyleSheet5,
+  StyleSheet as StyleSheet4,
   Animated as Animated2
 } from "react-native";
 var Toast = ({
@@ -352,8 +332,8 @@ var Toast = ({
 }) => {
   const theme = useTheme();
   const eventBus = useEventBus();
-  const translateY = React5.useRef(new Animated2.Value(-100)).current;
-  const opacity = React5.useRef(new Animated2.Value(0)).current;
+  const translateY = React4.useRef(new Animated2.Value(-100)).current;
+  const opacity = React4.useRef(new Animated2.Value(0)).current;
   useEffect(() => {
     Animated2.parallel([
       Animated2.timing(translateY, {
@@ -401,20 +381,20 @@ var Toast = ({
   };
   const { bg } = variantStyles[variant];
   const textColor = variant === "warning" ? "#000000" : "#ffffff";
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React4.createElement(
     Animated2.View,
     {
       style: [
-        styles5.container,
+        styles4.container,
         { backgroundColor: bg },
         { transform: [{ translateY }], opacity },
         style
       ]
     },
-    /* @__PURE__ */ React5.createElement(HStack, { spacing: 12, align: "center", justify: "space-between" }, /* @__PURE__ */ React5.createElement(Typography, { variant: "body", style: { color: textColor, flex: 1 } }, message), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { onPress: handleDismiss, style: styles5.dismiss }, /* @__PURE__ */ React5.createElement(Typography, { variant: "body", style: { color: textColor } }, "\u2715")))
+    /* @__PURE__ */ React4.createElement(HStack, { spacing: 12, align: "center", justify: "space-between" }, /* @__PURE__ */ React4.createElement(Typography, { variant: "body", style: { color: textColor, flex: 1 } }, message), /* @__PURE__ */ React4.createElement(TouchableOpacity4, { onPress: handleDismiss, style: styles4.dismiss }, /* @__PURE__ */ React4.createElement(Typography, { variant: "body", style: { color: textColor } }, "\u2715")))
   );
 };
-var styles5 = StyleSheet5.create({
+var styles4 = StyleSheet4.create({
   container: {
     borderRadius: 8,
     padding: 12,
@@ -433,8 +413,8 @@ var styles5 = StyleSheet5.create({
 Toast.displayName = "Toast";
 
 // src/components/molecules/CodeBlock.tsx
-import React6 from "react";
-import { View as View4, ScrollView as ScrollView2, StyleSheet as StyleSheet6 } from "react-native";
+import React5 from "react";
+import { View as View4, ScrollView as ScrollView2, StyleSheet as StyleSheet5 } from "react-native";
 var KEYWORDS = [
   "const",
   "let",
@@ -561,21 +541,21 @@ var CodeBlock = ({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ React6.createElement(Card, { style: [styles6.container, style || {}] }, /* @__PURE__ */ React6.createElement(LoadingState, { message: "Loading code..." }));
+    return /* @__PURE__ */ React5.createElement(Card, { style: [styles5.container, style || {}] }, /* @__PURE__ */ React5.createElement(LoadingState, { message: "Loading code..." }));
   }
   if (error) {
-    return /* @__PURE__ */ React6.createElement(Card, { style: [styles6.container, style || {}] }, /* @__PURE__ */ React6.createElement(ErrorState, { message: error.message }));
+    return /* @__PURE__ */ React5.createElement(Card, { style: [styles5.container, style || {}] }, /* @__PURE__ */ React5.createElement(ErrorState, { message: error.message }));
   }
   const tokenizedLines = tokenizeCode(code);
   const lineNumberWidth = String(tokenizedLines.length).length * 10 + 16;
-  const CodeContent = /* @__PURE__ */ React6.createElement(View4, { style: styles6.codeContainer }, tokenizedLines.map((tokens, lineIndex) => /* @__PURE__ */ React6.createElement(View4, { key: lineIndex, style: styles6.line }, showLineNumbers && /* @__PURE__ */ React6.createElement(View4, { style: [styles6.lineNumber, { width: lineNumberWidth }] }, /* @__PURE__ */ React6.createElement(
+  const CodeContent = /* @__PURE__ */ React5.createElement(View4, { style: styles5.codeContainer }, tokenizedLines.map((tokens, lineIndex) => /* @__PURE__ */ React5.createElement(View4, { key: lineIndex, style: styles5.line }, showLineNumbers && /* @__PURE__ */ React5.createElement(View4, { style: [styles5.lineNumber, { width: lineNumberWidth }] }, /* @__PURE__ */ React5.createElement(
     Typography,
     {
       variant: "caption",
       style: { color: theme.colors["muted-foreground"] }
     },
     lineIndex + 1
-  )), /* @__PURE__ */ React6.createElement(View4, { style: styles6.lineContent }, tokens.length === 0 ? /* @__PURE__ */ React6.createElement(Typography, { variant: "body" }, " ") : /* @__PURE__ */ React6.createElement(Typography, { variant: "body" }, tokens.map((token, tokenIndex) => /* @__PURE__ */ React6.createElement(
+  )), /* @__PURE__ */ React5.createElement(View4, { style: styles5.lineContent }, tokens.length === 0 ? /* @__PURE__ */ React5.createElement(Typography, { variant: "body" }, " ") : /* @__PURE__ */ React5.createElement(Typography, { variant: "body" }, tokens.map((token, tokenIndex) => /* @__PURE__ */ React5.createElement(
     Typography,
     {
       key: tokenIndex,
@@ -587,18 +567,18 @@ var CodeBlock = ({
     },
     token.text
   )))))));
-  return /* @__PURE__ */ React6.createElement(Card, { style: [styles6.container, style || {}], padding: "none" }, (language || showCopyButton) && /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(Card, { style: [styles5.container, style || {}], padding: "none" }, (language || showCopyButton) && /* @__PURE__ */ React5.createElement(
     HStack,
     {
       spacing: 8,
       align: "center",
       justify: "space-between",
       style: [
-        styles6.header,
+        styles5.header,
         { backgroundColor: theme.colors.muted, borderBottomColor: theme.colors.border }
       ]
     },
-    language ? /* @__PURE__ */ React6.createElement(
+    language ? /* @__PURE__ */ React5.createElement(
       Typography,
       {
         variant: "caption",
@@ -608,11 +588,11 @@ var CodeBlock = ({
         }
       },
       language
-    ) : /* @__PURE__ */ React6.createElement(View4, null),
-    showCopyButton && /* @__PURE__ */ React6.createElement(Button, { variant: "ghost", size: "sm", onPress: handleCopy }, "Copy")
-  ), scrollable ? /* @__PURE__ */ React6.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: true }, CodeContent) : CodeContent);
+    ) : /* @__PURE__ */ React5.createElement(View4, null),
+    showCopyButton && /* @__PURE__ */ React5.createElement(Button, { variant: "ghost", size: "sm", onPress: handleCopy }, "Copy")
+  ), scrollable ? /* @__PURE__ */ React5.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: true }, CodeContent) : CodeContent);
 };
-var styles6 = StyleSheet6.create({
+var styles5 = StyleSheet5.create({
   container: {
     overflow: "hidden"
   },
@@ -638,121 +618,12 @@ var styles6 = StyleSheet6.create({
 });
 CodeBlock.displayName = "CodeBlock";
 
-// src/components/molecules/game/StatBadge.tsx
-import React7 from "react";
-import { View as View5, Text, StyleSheet as StyleSheet7 } from "react-native";
-var sizeMap = {
-  sm: { padding: 8, fontSize: 12 },
-  md: { padding: 12, fontSize: 14 },
-  lg: { padding: 16, fontSize: 16 }
-};
-var variantMap = {
-  default: { backgroundColor: "rgba(31, 41, 55, 0.8)", borderColor: "#374151" },
-  primary: { backgroundColor: "rgba(30, 58, 138, 0.8)", borderColor: "#1d4ed8" },
-  success: { backgroundColor: "rgba(20, 83, 45, 0.8)", borderColor: "#15803d" },
-  warning: { backgroundColor: "rgba(113, 63, 18, 0.8)", borderColor: "#a16207" },
-  danger: { backgroundColor: "rgba(127, 29, 29, 0.8)", borderColor: "#b91c1c" }
-};
-var StatBadge = ({
-  label,
-  value = 0,
-  max,
-  format = "number",
-  icon,
-  size = "md",
-  variant = "default",
-  style,
-  // Ignored config props (used for schema binding)
-  source: _source,
-  field: _field
-}) => {
-  const theme = useTheme();
-  const numValue = typeof value === "number" ? value : parseInt(String(value), 10) || 0;
-  const sizeStyles = sizeMap[size] ?? sizeMap.md;
-  const variantStyles = variantMap[variant] ?? variantMap.default;
-  return /* @__PURE__ */ React7.createElement(
-    View5,
-    {
-      style: [
-        styles7.container,
-        {
-          backgroundColor: variantStyles.backgroundColor,
-          borderColor: variantStyles.borderColor,
-          padding: sizeStyles.padding
-        },
-        style
-      ]
-    },
-    icon && /* @__PURE__ */ React7.createElement(Text, { style: { fontSize: 18, marginRight: 8 } }, icon),
-    /* @__PURE__ */ React7.createElement(
-      Text,
-      {
-        style: {
-          fontSize: sizeStyles.fontSize,
-          color: theme.colors["muted-foreground"],
-          fontWeight: "500",
-          marginRight: 8
-        }
-      },
-      label
-    ),
-    format === "hearts" && max && /* @__PURE__ */ React7.createElement(
-      HealthBar,
-      {
-        current: numValue,
-        max,
-        format: "hearts",
-        size: size === "lg" ? "md" : "sm"
-      }
-    ),
-    format === "bar" && max && /* @__PURE__ */ React7.createElement(
-      HealthBar,
-      {
-        current: numValue,
-        max,
-        format: "bar",
-        size: size === "lg" ? "md" : "sm"
-      }
-    ),
-    format === "number" && /* @__PURE__ */ React7.createElement(
-      ScoreDisplay,
-      {
-        value: numValue,
-        size: size === "lg" ? "md" : "sm",
-        animated: true
-      }
-    ),
-    format === "text" && /* @__PURE__ */ React7.createElement(
-      Text,
-      {
-        style: {
-          fontSize: sizeStyles.fontSize,
-          color: theme.colors["primary-foreground"],
-          fontWeight: "700"
-        }
-      },
-      value
-    )
-  );
-};
-var styles7 = StyleSheet7.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    borderRadius: 8,
-    borderWidth: 1
-  }
-});
-StatBadge.displayName = "StatBadge";
-
 export {
-  EmptyState,
   Modal,
   ConfirmModal,
   Drawer,
   Tabs,
   Toast,
-  CodeBlock,
-  StatBadge
+  CodeBlock
 };
-//# sourceMappingURL=chunk-5U5Z65ZO.js.map
+//# sourceMappingURL=chunk-DNC6CO6E.js.map

package/dist/chunk-DNC6CO6E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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"],"sourcesContent":["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';\nimport type { EventKey, EventPayload } from '../../types';\n\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?: EventKey;\n  style?: ViewStyle;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n  /** Payload for dismiss action */\n  actionPayload?: EventPayload;\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"],"mappings":"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","names":["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"]}