@almadar/mobile 1.1.0

package/dist/chunk-DY52O4T3.js

@@ -0,0 +1,795 @@
+import {
+  Button,
+  Card,
+  ErrorState,
+  HStack,
+  HealthBar,
+  LoadingState,
+  ScoreDisplay,
+  Typography,
+  VStack
+} from "./chunk-7C5JCLLY.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+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/List.tsx
+import React2 from "react";
+import {
+  FlatList
+} from "react-native";
+function List({
+  data,
+  renderItem,
+  keyExtractor,
+  isLoading,
+  isError,
+  onRetry,
+  emptyMessage = "No items found",
+  ...flatListProps
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ React2.createElement(LoadingState, null);
+  }
+  if (isError) {
+    return /* @__PURE__ */ React2.createElement(ErrorState, { onRetry });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ React2.createElement(EmptyState, { message: emptyMessage });
+  }
+  return /* @__PURE__ */ React2.createElement(
+    FlatList,
+    {
+      data,
+      renderItem: ({ item }) => renderItem(item),
+      keyExtractor,
+      ...flatListProps
+    }
+  );
+}
+List.displayName = "List";
+
+// src/components/molecules/Modal.tsx
+import React3, { useCallback } from "react";
+import {
+  Modal as RNModal,
+  View,
+  TouchableOpacity,
+  StyleSheet as StyleSheet2
+} from "react-native";
+var Modal = ({
+  isOpen,
+  onClose,
+  title,
+  children,
+  footer,
+  size = "md",
+  showCloseButton = true,
+  closeOnBackdrop = true,
+  animationType = "fade",
+  ...modalProps
+}) => {
+  const handleBackdropPress = useCallback(() => {
+    if (closeOnBackdrop) {
+      onClose();
+    }
+  }, [closeOnBackdrop, onClose]);
+  const transparent = animationType !== "slide";
+  return /* @__PURE__ */ React3.createElement(
+    RNModal,
+    {
+      visible: isOpen,
+      animationType,
+      transparent,
+      onRequestClose: onClose,
+      ...modalProps
+    },
+    /* @__PURE__ */ React3.createElement(
+      TouchableOpacity,
+      {
+        style: styles2.overlay,
+        activeOpacity: 1,
+        onPress: handleBackdropPress
+      },
+      /* @__PURE__ */ React3.createElement(View, { style: styles2.centeredView }, /* @__PURE__ */ React3.createElement(TouchableOpacity, { activeOpacity: 1, onPress: (e) => e.stopPropagation() }, /* @__PURE__ */ React3.createElement(Card, { style: [styles2.modalCard, styles2[size]] }, /* @__PURE__ */ React3.createElement(VStack, { spacing: 16 }, title && /* @__PURE__ */ React3.createElement(HStack, { justify: "space-between", align: "center" }, /* @__PURE__ */ React3.createElement(Typography, { variant: "h4" }, title), showCloseButton && /* @__PURE__ */ React3.createElement(TouchableOpacity, { onPress: onClose }, /* @__PURE__ */ React3.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715"))), /* @__PURE__ */ React3.createElement(View, null, children), footer && /* @__PURE__ */ React3.createElement(HStack, { justify: "flex-end", spacing: 12 }, footer)))))
+    )
+  );
+};
+var styles2 = StyleSheet2.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)"
+  },
+  centeredView: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20
+  },
+  modalCard: {
+    width: "100%",
+    maxWidth: 400
+  },
+  sm: {
+    maxWidth: 300
+  },
+  md: {
+    maxWidth: 400
+  },
+  lg: {
+    maxWidth: 600
+  }
+});
+Modal.displayName = "Modal";
+var ConfirmModal = ({
+  isOpen,
+  onClose,
+  onConfirm,
+  title = "Confirm",
+  message = "Are you sure you want to proceed?",
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel"
+}) => {
+  return /* @__PURE__ */ React3.createElement(
+    Modal,
+    {
+      isOpen,
+      onClose,
+      title,
+      footer: /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Typography, { variant: "body", color: "#6b7280", onPress: onClose }, cancelLabel), /* @__PURE__ */ React3.createElement(Typography, { variant: "body", color: "#ef4444", onPress: onConfirm }, confirmLabel))
+    },
+    /* @__PURE__ */ React3.createElement(Typography, { variant: "body" }, message)
+  );
+};
+ConfirmModal.displayName = "ConfirmModal";
+
+// src/components/molecules/Drawer.tsx
+import React4 from "react";
+import {
+  View as View2,
+  StyleSheet as StyleSheet3,
+  TouchableOpacity as TouchableOpacity2,
+  Animated,
+  Dimensions
+} from "react-native";
+var { width: SCREEN_WIDTH } = Dimensions.get("window");
+var Drawer = ({
+  isOpen,
+  onClose,
+  children,
+  title,
+  placement = "right",
+  width = SCREEN_WIDTH * 0.8
+}) => {
+  const translateX = React4.useRef(
+    new Animated.Value(placement === "right" ? SCREEN_WIDTH : -SCREEN_WIDTH)
+  ).current;
+  React4.useEffect(() => {
+    Animated.timing(translateX, {
+      toValue: isOpen ? 0 : placement === "right" ? width : -width,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [isOpen, placement, translateX, width]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React4.createElement(View2, { style: styles3.overlay }, /* @__PURE__ */ React4.createElement(
+    TouchableOpacity2,
+    {
+      style: styles3.backdrop,
+      activeOpacity: 1,
+      onPress: onClose
+    }
+  ), /* @__PURE__ */ React4.createElement(
+    Animated.View,
+    {
+      style: [
+        styles3.drawer,
+        {
+          width,
+          [placement]: 0,
+          transform: [{ translateX }]
+        }
+      ]
+    },
+    /* @__PURE__ */ React4.createElement(View2, { style: styles3.content }, (title || true) && /* @__PURE__ */ React4.createElement(View2, { style: styles3.header }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: onClose, style: styles3.closeButton }, /* @__PURE__ */ React4.createElement(Typography, { variant: "body", color: "#6b7280" }, "\u2715")), title && /* @__PURE__ */ React4.createElement(Typography, { variant: "h4" }, title)), /* @__PURE__ */ React4.createElement(VStack, { spacing: 0, style: styles3.children }, children))
+  ));
+};
+var styles3 = StyleSheet3.create({
+  overlay: {
+    ...StyleSheet3.absoluteFillObject,
+    zIndex: 1e3,
+    flexDirection: "row"
+  },
+  backdrop: {
+    ...StyleSheet3.absoluteFillObject,
+    backgroundColor: "rgba(0, 0, 0, 0.5)"
+  },
+  drawer: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    backgroundColor: "#ffffff",
+    shadowColor: "#000",
+    shadowOffset: { width: -2, height: 0 },
+    shadowOpacity: 0.25,
+    shadowRadius: 5,
+    elevation: 5
+  },
+  content: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb",
+    gap: 12
+  },
+  closeButton: {
+    padding: 4
+  },
+  children: {
+    flex: 1,
+    padding: 16
+  }
+});
+Drawer.displayName = "Drawer";
+
+// src/components/molecules/Tabs.tsx
+import React5, { useState } from "react";
+import {
+  View as View3,
+  TouchableOpacity as TouchableOpacity3,
+  StyleSheet as StyleSheet4,
+  ScrollView
+} from "react-native";
+var Tabs = ({
+  tabs,
+  activeTab,
+  onChange,
+  style,
+  variant = "default",
+  isLoading,
+  error,
+  changeEvent
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const [internalActiveTab, setInternalActiveTab] = useState(tabs[0]?.id);
+  const currentTab = activeTab ?? internalActiveTab;
+  const handleTabPress = (tabId) => {
+    setInternalActiveTab(tabId);
+    if (changeEvent) {
+      eventBus.emit(`UI:${changeEvent}`, { tabId });
+    }
+    onChange?.(tabId);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React5.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React5.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React5.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React5.createElement(ErrorState, { message: error.message }));
+  }
+  const getTabStyle = (isActive) => {
+    switch (variant) {
+      case "pills":
+        return {
+          backgroundColor: isActive ? theme.colors.primary : "transparent",
+          borderRadius: theme.borderRadius.full
+        };
+      case "underlined":
+        return {
+          borderBottomWidth: 2,
+          borderBottomColor: isActive ? theme.colors.primary : "transparent",
+          backgroundColor: "transparent"
+        };
+      default:
+        return {
+          backgroundColor: isActive ? theme.colors.card : "transparent",
+          borderRadius: theme.borderRadius.md,
+          ...theme.shadows.sm
+        };
+    }
+  };
+  return /* @__PURE__ */ React5.createElement(View3, { style: [styles4.container, style] }, /* @__PURE__ */ React5.createElement(
+    ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles4.scrollContent
+    },
+    /* @__PURE__ */ React5.createElement(HStack, { spacing: 8 }, tabs.map((tab) => {
+      const isActive = currentTab === tab.id;
+      return /* @__PURE__ */ React5.createElement(
+        TouchableOpacity3,
+        {
+          key: tab.id,
+          onPress: () => handleTabPress(tab.id),
+          style: [
+            styles4.tab,
+            getTabStyle(isActive)
+          ]
+        },
+        /* @__PURE__ */ React5.createElement(HStack, { spacing: 4, align: "center" }, tab.icon, /* @__PURE__ */ React5.createElement(
+          Typography,
+          {
+            variant: "body",
+            style: {
+              color: isActive && variant === "pills" ? theme.colors["primary-foreground"] : theme.colors.foreground
+            }
+          },
+          tab.label
+        ), tab.badge !== void 0 && tab.badge > 0 && /* @__PURE__ */ React5.createElement(View3, { style: [styles4.badge, { backgroundColor: theme.colors.error }] }, /* @__PURE__ */ React5.createElement(Typography, { variant: "caption", style: { color: theme.colors["error-foreground"] } }, tab.badge > 99 ? "99+" : tab.badge)))
+      );
+    }))
+  ));
+};
+var styles4 = StyleSheet4.create({
+  container: {
+    width: "100%"
+  },
+  scrollContent: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  tab: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  badge: {
+    minWidth: 18,
+    height: 18,
+    borderRadius: 9,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 4
+  }
+});
+Tabs.displayName = "Tabs";
+
+// src/components/molecules/Toast.tsx
+import React6, { useEffect } from "react";
+import {
+  TouchableOpacity as TouchableOpacity4,
+  StyleSheet as StyleSheet5,
+  Animated as Animated2
+} from "react-native";
+var Toast = ({
+  id,
+  message,
+  variant = "info",
+  duration = 5e3,
+  onDismiss,
+  dismissAction,
+  style,
+  actionPayload
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const translateY = React6.useRef(new Animated2.Value(-100)).current;
+  const opacity = React6.useRef(new Animated2.Value(0)).current;
+  useEffect(() => {
+    Animated2.parallel([
+      Animated2.timing(translateY, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }),
+      Animated2.timing(opacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      })
+    ]).start();
+    if (duration > 0) {
+      const timer = setTimeout(() => {
+        handleDismiss();
+      }, duration);
+      return () => clearTimeout(timer);
+    }
+  }, [duration]);
+  const handleDismiss = () => {
+    Animated2.parallel([
+      Animated2.timing(translateY, {
+        toValue: -100,
+        duration: 200,
+        useNativeDriver: true
+      }),
+      Animated2.timing(opacity, {
+        toValue: 0,
+        duration: 200,
+        useNativeDriver: true
+      })
+    ]).start(() => {
+      if (dismissAction) {
+        eventBus.emit(`UI:${dismissAction}`, { ...actionPayload, toastId: id });
+      }
+      onDismiss?.(id);
+    });
+  };
+  const variantStyles = {
+    info: { bg: theme.colors.info },
+    success: { bg: theme.colors.success },
+    warning: { bg: theme.colors.warning },
+    error: { bg: theme.colors.error }
+  };
+  const { bg } = variantStyles[variant];
+  const textColor = variant === "warning" ? "#000000" : "#ffffff";
+  return /* @__PURE__ */ React6.createElement(
+    Animated2.View,
+    {
+      style: [
+        styles5.container,
+        { backgroundColor: bg },
+        { transform: [{ translateY }], opacity },
+        style
+      ]
+    },
+    /* @__PURE__ */ React6.createElement(HStack, { spacing: 12, align: "center", justify: "space-between" }, /* @__PURE__ */ React6.createElement(Typography, { variant: "body", style: { color: textColor, flex: 1 } }, message), /* @__PURE__ */ React6.createElement(TouchableOpacity4, { onPress: handleDismiss, style: styles5.dismiss }, /* @__PURE__ */ React6.createElement(Typography, { variant: "body", style: { color: textColor } }, "\u2715")))
+  );
+};
+var styles5 = StyleSheet5.create({
+  container: {
+    borderRadius: 8,
+    padding: 12,
+    marginHorizontal: 16,
+    marginVertical: 4,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.2,
+    shadowRadius: 4,
+    elevation: 4
+  },
+  dismiss: {
+    padding: 4
+  }
+});
+Toast.displayName = "Toast";
+
+// src/components/molecules/CodeBlock.tsx
+import React7 from "react";
+import { View as View4, ScrollView as ScrollView2, StyleSheet as StyleSheet6 } from "react-native";
+var KEYWORDS = [
+  "const",
+  "let",
+  "var",
+  "function",
+  "return",
+  "if",
+  "else",
+  "for",
+  "while",
+  "import",
+  "export",
+  "from",
+  "class",
+  "interface",
+  "type",
+  "async",
+  "await",
+  "try",
+  "catch",
+  "throw",
+  "new",
+  "this",
+  "true",
+  "false",
+  "null",
+  "undefined"
+];
+var TOKEN_COLORS = {
+  keyword: "#c678dd",
+  string: "#98c379",
+  comment: "#5c6370",
+  number: "#d19a66",
+  function: "#61afef",
+  default: "#abb2bf"
+};
+var tokenizeCode = (code) => {
+  const lines = code.split("\n");
+  return lines.map((line) => {
+    const tokens = [];
+    let remaining = line;
+    while (remaining.length > 0) {
+      let matched = false;
+      if (remaining.startsWith("//")) {
+        tokens.push({ text: remaining, style: "comment" });
+        break;
+      }
+      if (remaining.startsWith('"')) {
+        const endIndex = remaining.indexOf('"', 1);
+        if (endIndex > 0) {
+          tokens.push({ text: remaining.slice(0, endIndex + 1), style: "string" });
+          remaining = remaining.slice(endIndex + 1);
+          matched = true;
+          continue;
+        }
+      }
+      if (remaining.startsWith("'")) {
+        const endIndex = remaining.indexOf("'", 1);
+        if (endIndex > 0) {
+          tokens.push({ text: remaining.slice(0, endIndex + 1), style: "string" });
+          remaining = remaining.slice(endIndex + 1);
+          matched = true;
+          continue;
+        }
+      }
+      if (remaining.startsWith("`")) {
+        const endIndex = remaining.indexOf("`", 1);
+        if (endIndex > 0) {
+          tokens.push({ text: remaining.slice(0, endIndex + 1), style: "string" });
+          remaining = remaining.slice(endIndex + 1);
+          matched = true;
+          continue;
+        }
+      }
+      const numberMatch = remaining.match(/^\d+(\.\d+)?/);
+      if (numberMatch) {
+        tokens.push({ text: numberMatch[0], style: "number" });
+        remaining = remaining.slice(numberMatch[0].length);
+        matched = true;
+        continue;
+      }
+      const wordMatch = remaining.match(/^[a-zA-Z_][a-zA-Z0-9_]*/);
+      if (wordMatch) {
+        const word = wordMatch[0];
+        const style = KEYWORDS.includes(word) ? "keyword" : "default";
+        tokens.push({ text: word, style });
+        remaining = remaining.slice(word.length);
+        matched = true;
+        continue;
+      }
+      const funcMatch = remaining.match(/^([a-zA-Z_][a-zA-Z0-9_]*)\s*\(/);
+      if (funcMatch && !KEYWORDS.includes(funcMatch[1])) {
+        tokens.pop();
+        tokens.push({ text: funcMatch[1], style: "function" });
+        tokens.push({ text: "(", style: "default" });
+        remaining = remaining.slice(funcMatch[0].length - 1);
+        matched = true;
+        continue;
+      }
+      if (!matched) {
+        tokens.push({ text: remaining[0], style: "default" });
+        remaining = remaining.slice(1);
+      }
+    }
+    return tokens;
+  });
+};
+var CodeBlock = ({
+  code,
+  language,
+  showLineNumbers = true,
+  showCopyButton = true,
+  scrollable = true,
+  style,
+  isLoading,
+  error,
+  copyEvent
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleCopy = () => {
+    if (copyEvent) {
+      eventBus.emit(`UI:${copyEvent}`, { code, language });
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React7.createElement(Card, { style: [styles6.container, style || {}] }, /* @__PURE__ */ React7.createElement(LoadingState, { message: "Loading code..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React7.createElement(Card, { style: [styles6.container, style || {}] }, /* @__PURE__ */ React7.createElement(ErrorState, { message: error.message }));
+  }
+  const tokenizedLines = tokenizeCode(code);
+  const lineNumberWidth = String(tokenizedLines.length).length * 10 + 16;
+  const CodeContent = /* @__PURE__ */ React7.createElement(View4, { style: styles6.codeContainer }, tokenizedLines.map((tokens, lineIndex) => /* @__PURE__ */ React7.createElement(View4, { key: lineIndex, style: styles6.line }, showLineNumbers && /* @__PURE__ */ React7.createElement(View4, { style: [styles6.lineNumber, { width: lineNumberWidth }] }, /* @__PURE__ */ React7.createElement(
+    Typography,
+    {
+      variant: "caption",
+      style: { color: theme.colors["muted-foreground"] }
+    },
+    lineIndex + 1
+  )), /* @__PURE__ */ React7.createElement(View4, { style: styles6.lineContent }, tokens.length === 0 ? /* @__PURE__ */ React7.createElement(Typography, { variant: "body" }, " ") : /* @__PURE__ */ React7.createElement(Typography, { variant: "body" }, tokens.map((token, tokenIndex) => /* @__PURE__ */ React7.createElement(
+    Typography,
+    {
+      key: tokenIndex,
+      variant: "body",
+      style: {
+        color: TOKEN_COLORS[token.style],
+        fontFamily: "monospace"
+      }
+    },
+    token.text
+  )))))));
+  return /* @__PURE__ */ React7.createElement(Card, { style: [styles6.container, style || {}], padding: "none" }, (language || showCopyButton) && /* @__PURE__ */ React7.createElement(
+    HStack,
+    {
+      spacing: 8,
+      align: "center",
+      justify: "space-between",
+      style: [
+        styles6.header,
+        { backgroundColor: theme.colors.muted, borderBottomColor: theme.colors.border }
+      ]
+    },
+    language ? /* @__PURE__ */ React7.createElement(
+      Typography,
+      {
+        variant: "caption",
+        style: {
+          color: theme.colors["muted-foreground"],
+          textTransform: "uppercase"
+        }
+      },
+      language
+    ) : /* @__PURE__ */ React7.createElement(View4, null),
+    showCopyButton && /* @__PURE__ */ React7.createElement(Button, { variant: "ghost", size: "sm", onPress: handleCopy }, "Copy")
+  ), scrollable ? /* @__PURE__ */ React7.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: true }, CodeContent) : CodeContent);
+};
+var styles6 = StyleSheet6.create({
+  container: {
+    overflow: "hidden"
+  },
+  header: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderBottomWidth: 1
+  },
+  codeContainer: {
+    padding: 16
+  },
+  line: {
+    flexDirection: "row"
+  },
+  lineNumber: {
+    alignItems: "flex-end",
+    paddingRight: 16,
+    opacity: 0.5
+  },
+  lineContent: {
+    flex: 1
+  }
+});
+CodeBlock.displayName = "CodeBlock";
+
+// src/components/molecules/game/StatBadge.tsx
+import React8 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__ */ React8.createElement(
+    View5,
+    {
+      style: [
+        styles7.container,
+        {
+          backgroundColor: variantStyles.backgroundColor,
+          borderColor: variantStyles.borderColor,
+          padding: sizeStyles.padding
+        },
+        style
+      ]
+    },
+    icon && /* @__PURE__ */ React8.createElement(Text, { style: { fontSize: 18, marginRight: 8 } }, icon),
+    /* @__PURE__ */ React8.createElement(
+      Text,
+      {
+        style: {
+          fontSize: sizeStyles.fontSize,
+          color: theme.colors["muted-foreground"],
+          fontWeight: "500",
+          marginRight: 8
+        }
+      },
+      label
+    ),
+    format === "hearts" && max && /* @__PURE__ */ React8.createElement(
+      HealthBar,
+      {
+        current: numValue,
+        max,
+        format: "hearts",
+        size: size === "lg" ? "md" : "sm"
+      }
+    ),
+    format === "bar" && max && /* @__PURE__ */ React8.createElement(
+      HealthBar,
+      {
+        current: numValue,
+        max,
+        format: "bar",
+        size: size === "lg" ? "md" : "sm"
+      }
+    ),
+    format === "number" && /* @__PURE__ */ React8.createElement(
+      ScoreDisplay,
+      {
+        value: numValue,
+        size: size === "lg" ? "md" : "sm",
+        animated: true
+      }
+    ),
+    format === "text" && /* @__PURE__ */ React8.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,
+  List,
+  Modal,
+  ConfirmModal,
+  Drawer,
+  Tabs,
+  Toast,
+  CodeBlock,
+  StatBadge
+};
+//# sourceMappingURL=chunk-DY52O4T3.js.map