@almadar/mobile 1.2.6 → 1.4.0

package/dist/chunk-4GLV4XIP.js

@@ -0,0 +1,140 @@
+import {
+  HealthBar,
+  ScoreDisplay,
+  Typography,
+  VStack
+} from "./chunk-A6AK75GP.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/game/StatBadge.tsx
+import React2 from "react";
+import { View, Text, StyleSheet as StyleSheet2 } 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__ */ React2.createElement(
+    View,
+    {
+      style: [
+        styles2.container,
+        {
+          backgroundColor: variantStyles.backgroundColor,
+          borderColor: variantStyles.borderColor,
+          padding: sizeStyles.padding
+        },
+        style
+      ]
+    },
+    icon && /* @__PURE__ */ React2.createElement(Text, { style: { fontSize: 18, marginRight: 8 } }, icon),
+    /* @__PURE__ */ React2.createElement(
+      Text,
+      {
+        style: {
+          fontSize: sizeStyles.fontSize,
+          color: theme.colors["muted-foreground"],
+          fontWeight: "500",
+          marginRight: 8
+        }
+      },
+      label
+    ),
+    format === "hearts" && max && /* @__PURE__ */ React2.createElement(
+      HealthBar,
+      {
+        current: numValue,
+        max,
+        format: "hearts",
+        size: size === "lg" ? "md" : "sm"
+      }
+    ),
+    format === "bar" && max && /* @__PURE__ */ React2.createElement(
+      HealthBar,
+      {
+        current: numValue,
+        max,
+        format: "bar",
+        size: size === "lg" ? "md" : "sm"
+      }
+    ),
+    format === "number" && /* @__PURE__ */ React2.createElement(
+      ScoreDisplay,
+      {
+        value: numValue,
+        size: size === "lg" ? "md" : "sm",
+        animated: true
+      }
+    ),
+    format === "text" && /* @__PURE__ */ React2.createElement(
+      Text,
+      {
+        style: {
+          fontSize: sizeStyles.fontSize,
+          color: theme.colors["primary-foreground"],
+          fontWeight: "700"
+        }
+      },
+      value
+    )
+  );
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 8,
+    borderWidth: 1
+  }
+});
+StatBadge.displayName = "StatBadge";
+
+export {
+  EmptyState,
+  StatBadge
+};
+//# sourceMappingURL=chunk-4GLV4XIP.js.map

package/dist/chunk-4GLV4XIP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/EmptyState.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 { 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","StyleSheet","React","styles","StyleSheet"]}