@almadar/mobile 1.2.4 → 1.4.0

package/dist/chunk-I6UYSB5R.js

@@ -0,0 +1,935 @@
+import {
+  StatBadge
+} from "./chunk-4GLV4XIP.js";
+import {
+  Card,
+  ErrorState,
+  HStack,
+  LoadingState,
+  Typography,
+  VStack
+} from "./chunk-A6AK75GP.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+import {
+  useTheme
+} from "./chunk-CUAWHLEK.js";
+
+// src/components/organisms/Header.tsx
+import React from "react";
+import {
+  TouchableOpacity,
+  StyleSheet,
+  StatusBar,
+  SafeAreaView
+} from "react-native";
+var Header = ({
+  title,
+  showBackButton = false,
+  onBack,
+  backAction,
+  rightActions = [],
+  leftElement,
+  style,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleBack = () => {
+    if (backAction) {
+      eventBus.emit(`UI:${backAction}`);
+    }
+    onBack?.();
+  };
+  const handleAction = (action) => {
+    if (action.action) {
+      eventBus.emit(`UI:${action.action}`, action.actionPayload);
+    }
+    action.onPress?.();
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.card }, style] }, /* @__PURE__ */ React.createElement(StatusBar, { barStyle: "dark-content", backgroundColor: theme.colors.card }), /* @__PURE__ */ React.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.card }, style] }, /* @__PURE__ */ React.createElement(StatusBar, { barStyle: "dark-content", backgroundColor: theme.colors.card }), /* @__PURE__ */ React.createElement(ErrorState, { message: error.message }));
+  }
+  return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.card }, style] }, /* @__PURE__ */ React.createElement(StatusBar, { barStyle: "dark-content", backgroundColor: theme.colors.card }), /* @__PURE__ */ React.createElement(HStack, { align: "center", justify: "space-between", style: styles.content }, /* @__PURE__ */ React.createElement(HStack, { align: "center", spacing: 8, style: styles.left }, showBackButton && /* @__PURE__ */ React.createElement(
+    TouchableOpacity,
+    {
+      onPress: handleBack,
+      style: styles.backButton
+    },
+    /* @__PURE__ */ React.createElement(Typography, { variant: "h4", style: { color: theme.colors.primary } }, "\u2190")
+  ), leftElement, title && /* @__PURE__ */ React.createElement(Typography, { variant: "h4", style: { color: theme.colors.foreground } }, title)), rightActions.length > 0 && /* @__PURE__ */ React.createElement(HStack, { align: "center", spacing: 12 }, rightActions.map((action, index) => /* @__PURE__ */ React.createElement(
+    TouchableOpacity,
+    {
+      key: index,
+      onPress: () => handleAction(action),
+      style: styles.actionButton
+    },
+    action.icon || action.label && /* @__PURE__ */ React.createElement(Typography, { variant: "body", style: { color: theme.colors.primary } }, action.label)
+  )))));
+};
+var styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+    elevation: 3,
+    zIndex: 100
+  },
+  content: {
+    height: 56,
+    paddingHorizontal: 16
+  },
+  left: {
+    flex: 1
+  },
+  backButton: {
+    padding: 8,
+    marginLeft: -8
+  },
+  actionButton: {
+    padding: 8
+  }
+});
+Header.displayName = "Header";
+
+// src/components/organisms/game/BattleBoard.tsx
+import React2 from "react";
+import {
+  View,
+  Text,
+  TouchableOpacity as TouchableOpacity2,
+  StyleSheet as StyleSheet2
+} from "react-native";
+var BattleBoard = ({
+  units,
+  activeUnitId,
+  selectedUnitId,
+  turn = 1,
+  actions = [],
+  onSelectUnit,
+  onAction,
+  selectUnitEvent,
+  actionEvent,
+  style
+}) => {
+  useTheme();
+  const eventBus = useEventBus();
+  const handleSelectUnit = (unitId) => {
+    if (selectUnitEvent) eventBus.emit(`UI:${selectUnitEvent}`, { unitId });
+    onSelectUnit?.(unitId);
+  };
+  const handleAction = (action) => {
+    if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { action });
+    onAction?.(action);
+  };
+  const playerUnits = units.filter((u) => u.isPlayer);
+  const enemyUnits = units.filter((u) => !u.isPlayer);
+  const renderUnit = (unit) => {
+    const isActive = unit.id === activeUnitId;
+    const isSelected = unit.id === selectedUnitId;
+    const hpPercent = unit.hp / unit.maxHp * 100;
+    return /* @__PURE__ */ React2.createElement(
+      TouchableOpacity2,
+      {
+        key: unit.id,
+        onPress: () => handleSelectUnit(unit.id),
+        style: [
+          styles2.unitCard,
+          {
+            backgroundColor: unit.isDead ? "#374151" : "#1f2937",
+            borderColor: isActive ? "#fbbf24" : isSelected ? "#3b82f6" : "#4b5563",
+            borderWidth: isActive ? 2 : isSelected ? 2 : 1,
+            opacity: unit.isDead ? 0.6 : 1
+          }
+        ]
+      },
+      /* @__PURE__ */ React2.createElement(View, { style: styles2.avatar }, /* @__PURE__ */ React2.createElement(Text, { style: styles2.avatarText }, unit.avatar || (unit.isPlayer ? "\u{1F9D9}" : "\u{1F479}"))),
+      /* @__PURE__ */ React2.createElement(VStack, { spacing: 4, style: styles2.unitInfo }, /* @__PURE__ */ React2.createElement(Text, { style: styles2.unitName, numberOfLines: 1 }, unit.name), /* @__PURE__ */ React2.createElement(View, { style: styles2.barContainer }, /* @__PURE__ */ React2.createElement(View, { style: [styles2.hpBar, { width: `${hpPercent}%` }] })), /* @__PURE__ */ React2.createElement(Text, { style: styles2.hpText }, unit.hp, "/", unit.maxHp, " HP"), unit.mp !== void 0 && unit.maxMp !== void 0 && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View, { style: styles2.barContainer }, /* @__PURE__ */ React2.createElement(
+        View,
+        {
+          style: [
+            styles2.mpBar,
+            { width: `${unit.mp / unit.maxMp * 100}%` }
+          ]
+        }
+      )), /* @__PURE__ */ React2.createElement(Text, { style: styles2.mpText }, unit.mp, "/", unit.maxMp, " MP")), unit.status && unit.status.length > 0 && /* @__PURE__ */ React2.createElement(HStack, { spacing: 4, style: styles2.statusContainer }, unit.status.map((s, i) => /* @__PURE__ */ React2.createElement(Text, { key: i, style: styles2.statusBadge }, s))))
+    );
+  };
+  return /* @__PURE__ */ React2.createElement(Card, { style: [styles2.container, ...style ? [style] : []] }, /* @__PURE__ */ React2.createElement(VStack, { spacing: 16 }, /* @__PURE__ */ React2.createElement(View, { style: styles2.turnBar }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h4", style: { color: "#fbbf24" } }, "TURN ", turn), activeUnitId && /* @__PURE__ */ React2.createElement(Text, { style: styles2.activeText }, "Active: ", units.find((u) => u.id === activeUnitId)?.name)), /* @__PURE__ */ React2.createElement(View, { style: styles2.battlefield }, /* @__PURE__ */ React2.createElement(VStack, { spacing: 8, style: styles2.side }, /* @__PURE__ */ React2.createElement(Text, { style: styles2.sideLabel }, "ALLIES"), playerUnits.map(renderUnit)), /* @__PURE__ */ React2.createElement(View, { style: styles2.vsDivider }, /* @__PURE__ */ React2.createElement(Text, { style: styles2.vsText }, "VS")), /* @__PURE__ */ React2.createElement(VStack, { spacing: 8, style: styles2.side }, /* @__PURE__ */ React2.createElement(Text, { style: styles2.sideLabel }, "ENEMIES"), enemyUnits.map(renderUnit))), actions.length > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles2.actionBar }, /* @__PURE__ */ React2.createElement(HStack, { spacing: 8, style: styles2.actionContainer }, actions.map((action) => /* @__PURE__ */ React2.createElement(
+    TouchableOpacity2,
+    {
+      key: action,
+      onPress: () => handleAction(action),
+      style: styles2.actionButton
+    },
+    /* @__PURE__ */ React2.createElement(Text, { style: styles2.actionText }, action.toUpperCase())
+  ))))));
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    padding: 16
+  },
+  turnBar: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: "#111827",
+    borderRadius: 8
+  },
+  activeText: {
+    color: "#9ca3af",
+    fontSize: 14
+  },
+  battlefield: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: 16
+  },
+  side: {
+    flex: 1
+  },
+  sideLabel: {
+    color: "#6b7280",
+    fontSize: 12,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  vsDivider: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  vsText: {
+    color: "#ef4444",
+    fontSize: 20,
+    fontWeight: "800"
+  },
+  unitCard: {
+    flexDirection: "row",
+    padding: 12,
+    borderRadius: 8,
+    borderWidth: 1,
+    gap: 12
+  },
+  avatar: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    backgroundColor: "#374151",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  avatarText: {
+    fontSize: 24
+  },
+  unitInfo: {
+    flex: 1
+  },
+  unitName: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  barContainer: {
+    height: 6,
+    backgroundColor: "#374151",
+    borderRadius: 3,
+    overflow: "hidden"
+  },
+  hpBar: {
+    height: "100%",
+    backgroundColor: "#22c55e"
+  },
+  mpBar: {
+    height: "100%",
+    backgroundColor: "#3b82f6"
+  },
+  hpText: {
+    color: "#9ca3af",
+    fontSize: 10
+  },
+  mpText: {
+    color: "#6b7280",
+    fontSize: 10
+  },
+  statusContainer: {
+    flexWrap: "wrap"
+  },
+  statusBadge: {
+    backgroundColor: "#6b7280",
+    color: "#fff",
+    fontSize: 10,
+    paddingHorizontal: 4,
+    paddingVertical: 2,
+    borderRadius: 4
+  },
+  actionBar: {
+    padding: 12,
+    backgroundColor: "#111827",
+    borderRadius: 8
+  },
+  actionContainer: {
+    justifyContent: "center",
+    flexWrap: "wrap"
+  },
+  actionButton: {
+    backgroundColor: "#374151",
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderRadius: 6
+  },
+  actionText: {
+    color: "#fff",
+    fontWeight: "600",
+    fontSize: 14
+  }
+});
+BattleBoard.displayName = "BattleBoard";
+
+// src/components/organisms/game/CastleBoard.tsx
+import React3 from "react";
+import {
+  View as View2,
+  Text as Text2,
+  TouchableOpacity as TouchableOpacity3,
+  StyleSheet as StyleSheet3,
+  ScrollView
+} from "react-native";
+var CastleBoard = ({
+  rooms,
+  currentRoomId,
+  onSelectRoom,
+  selectRoomEvent,
+  title,
+  style
+}) => {
+  useTheme();
+  const eventBus = useEventBus();
+  const handleSelectRoom = (roomId) => {
+    if (selectRoomEvent) eventBus.emit(`UI:${selectRoomEvent}`, { roomId });
+    onSelectRoom?.(roomId);
+  };
+  const roomsByLevel = rooms.reduce((acc, room) => {
+    const level = room.level || 1;
+    if (!acc[level]) acc[level] = [];
+    acc[level].push(room);
+    return acc;
+  }, {});
+  const sortedLevels = Object.keys(roomsByLevel).map(Number).sort((a, b) => b - a);
+  const renderRoom = (room) => {
+    const isCurrent = room.id === currentRoomId;
+    const isUnlocked = room.unlocked !== false;
+    const isVisited = room.visited;
+    return /* @__PURE__ */ React3.createElement(
+      TouchableOpacity3,
+      {
+        key: room.id,
+        onPress: () => isUnlocked && handleSelectRoom(room.id),
+        disabled: !isUnlocked,
+        style: [
+          styles3.room,
+          {
+            backgroundColor: isCurrent ? "#fbbf24" : isVisited ? "#374151" : "#1f2937",
+            borderColor: isCurrent ? "#f59e0b" : isUnlocked ? "#4b5563" : "#1f2937",
+            borderWidth: 2,
+            opacity: isUnlocked ? 1 : 0.4
+          }
+        ]
+      },
+      /* @__PURE__ */ React3.createElement(Text2, { style: { fontSize: 24 } }, isUnlocked ? room.icon || "\u{1F6AA}" : "\u{1F512}"),
+      /* @__PURE__ */ React3.createElement(
+        Text2,
+        {
+          style: [
+            styles3.roomName,
+            { color: isCurrent ? "#000" : "#fff" }
+          ],
+          numberOfLines: 1
+        },
+        isUnlocked ? room.name : "???"
+      )
+    );
+  };
+  const currentRoom = rooms.find((r) => r.id === currentRoomId);
+  return /* @__PURE__ */ React3.createElement(Card, { style: [styles3.container, ...style ? [style] : []] }, /* @__PURE__ */ React3.createElement(VStack, { spacing: 16 }, /* @__PURE__ */ React3.createElement(View2, { style: styles3.header }, /* @__PURE__ */ React3.createElement(Typography, { variant: "h3", style: { color: "#fff" } }, title || "\u{1F3F0} Castle"), currentRoom && /* @__PURE__ */ React3.createElement(Text2, { style: styles3.currentRoom }, "Location: ", currentRoom.name)), /* @__PURE__ */ React3.createElement(
+    ScrollView,
+    {
+      style: styles3.mapContainer,
+      contentContainerStyle: styles3.mapContent,
+      showsVerticalScrollIndicator: false
+    },
+    sortedLevels.map((level) => /* @__PURE__ */ React3.createElement(View2, { key: level, style: styles3.floor }, /* @__PURE__ */ React3.createElement(Text2, { style: styles3.floorLabel }, "F", level), /* @__PURE__ */ React3.createElement(HStack, { spacing: 12, style: styles3.floorRooms }, roomsByLevel[level].map(renderRoom))))
+  ), currentRoom && /* @__PURE__ */ React3.createElement(View2, { style: styles3.roomInfo }, /* @__PURE__ */ React3.createElement(Typography, { variant: "h4", style: { color: "#fbbf24" } }, currentRoom.icon, " ", currentRoom.name), currentRoom.description && /* @__PURE__ */ React3.createElement(Text2, { style: styles3.description }, currentRoom.description), /* @__PURE__ */ React3.createElement(Text2, { style: styles3.connections }, "Connections: ", currentRoom.connections?.length || 0))));
+};
+var styles3 = StyleSheet3.create({
+  container: {
+    padding: 16
+  },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingBottom: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#374151"
+  },
+  currentRoom: {
+    color: "#9ca3af",
+    fontSize: 12
+  },
+  mapContainer: {
+    maxHeight: 300
+  },
+  mapContent: {
+    paddingVertical: 8
+  },
+  floor: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    marginBottom: 16
+  },
+  floorLabel: {
+    color: "#6b7280",
+    fontSize: 12,
+    fontWeight: "700",
+    width: 24
+  },
+  floorRooms: {
+    flexWrap: "wrap"
+  },
+  room: {
+    width: 80,
+    height: 80,
+    borderRadius: 8,
+    justifyContent: "center",
+    alignItems: "center",
+    gap: 4
+  },
+  roomName: {
+    fontSize: 10,
+    fontWeight: "600",
+    textAlign: "center",
+    maxWidth: 70
+  },
+  roomInfo: {
+    padding: 12,
+    backgroundColor: "#111827",
+    borderRadius: 8,
+    gap: 8
+  },
+  description: {
+    color: "#9ca3af",
+    fontSize: 14,
+    lineHeight: 20
+  },
+  connections: {
+    color: "#6b7280",
+    fontSize: 12
+  }
+});
+CastleBoard.displayName = "CastleBoard";
+
+// src/components/organisms/game/GameHud.tsx
+import React4 from "react";
+import { View as View3, StyleSheet as StyleSheet4 } from "react-native";
+function convertElementsToStats(elements) {
+  return elements.map((el) => {
+    const [source, field] = el.bind?.split(".") ?? [];
+    const labelMap = {
+      "health-bar": "Health",
+      "score-display": "Score",
+      lives: "Lives",
+      timer: "Time"
+    };
+    return {
+      label: el.label || labelMap[el.type] || el.type,
+      source,
+      field
+    };
+  });
+}
+var GameHud = ({
+  position: propPosition,
+  stats: propStats,
+  items,
+  elements,
+  size = "md",
+  style,
+  transparent = true
+}) => {
+  const stats = propStats ?? items ?? (elements ? convertElementsToStats(elements) : []);
+  const position = propPosition ?? "corners";
+  if (position === "corners") {
+    const leftStats = stats.slice(0, Math.ceil(stats.length / 2));
+    const rightStats = stats.slice(Math.ceil(stats.length / 2));
+    return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.cornersContainer, ...style ? [style] : []] }, /* @__PURE__ */ React4.createElement(View3, { style: styles4.topLeft }, leftStats.map((stat, i) => /* @__PURE__ */ React4.createElement(StatBadge, { key: i, ...stat, size }))), /* @__PURE__ */ React4.createElement(View3, { style: styles4.topRight }, rightStats.map((stat, i) => /* @__PURE__ */ React4.createElement(StatBadge, { key: i, ...stat, size }))));
+  }
+  const positionStyle = position === "bottom" ? styles4.bottomPosition : styles4.topPosition;
+  return /* @__PURE__ */ React4.createElement(
+    View3,
+    {
+      style: [
+        styles4.container,
+        positionStyle,
+        transparent && styles4.transparent,
+        ...style ? [style] : []
+      ]
+    },
+    /* @__PURE__ */ React4.createElement(View3, { style: styles4.statsRow }, stats.map((stat, i) => /* @__PURE__ */ React4.createElement(StatBadge, { key: i, ...stat, size })))
+  );
+};
+var styles4 = StyleSheet4.create({
+  container: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    zIndex: 10,
+    padding: 16
+  },
+  topPosition: {
+    top: 0
+  },
+  bottomPosition: {
+    bottom: 0
+  },
+  transparent: {
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  cornersContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none"
+  },
+  topLeft: {
+    position: "absolute",
+    top: 16,
+    left: 16,
+    gap: 8,
+    pointerEvents: "auto"
+  },
+  topRight: {
+    position: "absolute",
+    top: 16,
+    right: 16,
+    gap: 8,
+    alignItems: "flex-end",
+    pointerEvents: "auto"
+  },
+  statsRow: {
+    flexDirection: "row",
+    gap: 16
+  }
+});
+GameHud.displayName = "GameHud";
+
+// src/components/organisms/game/GameMenu.tsx
+import React5 from "react";
+import {
+  View as View4,
+  Text as Text3,
+  TouchableOpacity as TouchableOpacity4,
+  StyleSheet as StyleSheet5,
+  Image,
+  ImageBackground,
+  Dimensions
+} from "react-native";
+var { width, height } = Dimensions.get("window");
+var GameMenu = ({
+  title,
+  subtitle,
+  options = [],
+  menuItems,
+  onSelect,
+  eventBus,
+  background,
+  logo,
+  style
+}) => {
+  const theme = useTheme();
+  const defaultEventBus = useEventBus();
+  const bus = eventBus || defaultEventBus;
+  const items = menuItems || options;
+  const handleOptionPress = React5.useCallback((option) => {
+    if (option.disabled) return;
+    if (option.event) {
+      bus.emit(`UI:${option.event}`, option);
+    }
+    if (option.navigatesTo) {
+      bus.emit("UI:navigate", { to: option.navigatesTo });
+    }
+    onSelect?.(option);
+  }, [onSelect, bus]);
+  const getVariantStyle = (variant) => {
+    switch (variant) {
+      case "primary":
+        return {
+          backgroundColor: theme.colors.primary,
+          borderColor: theme.colors.primary
+        };
+      case "secondary":
+        return {
+          backgroundColor: "transparent",
+          borderColor: theme.colors.primary
+        };
+      case "ghost":
+        return {
+          backgroundColor: "transparent",
+          borderColor: "transparent"
+        };
+      default:
+        return {
+          backgroundColor: "#374151",
+          borderColor: "#4b5563"
+        };
+    }
+  };
+  const content = /* @__PURE__ */ React5.createElement(
+    VStack,
+    {
+      spacing: 24,
+      align: "center",
+      justify: "center",
+      style: [styles5.container, ...style ? [style] : []]
+    },
+    logo && /* @__PURE__ */ React5.createElement(
+      Image,
+      {
+        source: { uri: logo },
+        style: styles5.logo,
+        resizeMode: "contain"
+      }
+    ),
+    /* @__PURE__ */ React5.createElement(VStack, { spacing: 8, align: "center" }, /* @__PURE__ */ React5.createElement(
+      Typography,
+      {
+        variant: "h1",
+        style: {
+          fontSize: 36,
+          color: "#fff",
+          textShadowColor: "rgba(0,0,0,0.5)",
+          textShadowOffset: { width: 0, height: 2 },
+          textShadowRadius: 4
+        }
+      },
+      title
+    ), subtitle && /* @__PURE__ */ React5.createElement(
+      Typography,
+      {
+        variant: "h4",
+        style: { color: "#9ca3af" }
+      },
+      subtitle
+    )),
+    /* @__PURE__ */ React5.createElement(VStack, { spacing: 12, style: styles5.optionsContainer }, items.map((option, index) => /* @__PURE__ */ React5.createElement(
+      TouchableOpacity4,
+      {
+        key: option.id || index,
+        onPress: () => handleOptionPress(option),
+        disabled: option.disabled,
+        style: [
+          styles5.optionButton,
+          getVariantStyle(option.variant),
+          option.disabled && styles5.optionDisabled
+        ]
+      },
+      /* @__PURE__ */ React5.createElement(VStack, { spacing: 2, align: "center" }, /* @__PURE__ */ React5.createElement(Text3, { style: [
+        styles5.optionLabel,
+        option.variant === "primary" && styles5.optionLabelPrimary
+      ] }, option.label), option.subLabel && /* @__PURE__ */ React5.createElement(Text3, { style: styles5.optionSubLabel }, option.subLabel))
+    )))
+  );
+  if (background) {
+    return /* @__PURE__ */ React5.createElement(
+      ImageBackground,
+      {
+        source: { uri: background },
+        style: styles5.background,
+        resizeMode: "cover"
+      },
+      /* @__PURE__ */ React5.createElement(View4, { style: styles5.overlay }, content)
+    );
+  }
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.background, { backgroundColor: "#0f172a" }] }, content);
+};
+var styles5 = StyleSheet5.create({
+  background: {
+    flex: 1,
+    width,
+    height
+  },
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.4)",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  container: {
+    padding: 24
+  },
+  logo: {
+    width: 120,
+    height: 120
+  },
+  optionsContainer: {
+    width: "100%",
+    maxWidth: 320
+  },
+  optionButton: {
+    paddingVertical: 16,
+    paddingHorizontal: 32,
+    borderRadius: 8,
+    borderWidth: 2,
+    alignItems: "center"
+  },
+  optionDisabled: {
+    opacity: 0.5
+  },
+  optionLabel: {
+    color: "#fff",
+    fontSize: 18,
+    fontWeight: "600"
+  },
+  optionLabelPrimary: {
+    fontWeight: "700"
+  },
+  optionSubLabel: {
+    color: "#9ca3af",
+    fontSize: 12
+  }
+});
+GameMenu.displayName = "GameMenu";
+
+// src/components/organisms/game/WorldMapBoard.tsx
+import React6 from "react";
+import {
+  View as View5,
+  Text as Text4,
+  TouchableOpacity as TouchableOpacity5,
+  StyleSheet as StyleSheet6,
+  ScrollView as ScrollView2
+} from "react-native";
+var WorldMapBoard = ({
+  nodes,
+  connections = [],
+  currentNodeId,
+  playerNodeId,
+  title,
+  act,
+  onSelectNode,
+  selectNodeEvent,
+  style
+}) => {
+  useTheme();
+  const eventBus = useEventBus();
+  const handleSelectNode = (nodeId) => {
+    if (selectNodeEvent) eventBus.emit(`UI:${selectNodeEvent}`, { nodeId });
+    onSelectNode?.(nodeId);
+  };
+  const getNodeIcon = (type) => {
+    switch (type) {
+      case "start":
+        return "\u{1F3C1}";
+      case "boss":
+        return "\u{1F479}";
+      case "shop":
+        return "\u{1F3EA}";
+      case "event":
+        return "\u2753";
+      case "rest":
+        return "\u{1F525}";
+      case "combat":
+      default:
+        return "\u2694\uFE0F";
+    }
+  };
+  const getNodeColor = (node) => {
+    if (node.id === playerNodeId) return "#22c55e";
+    if (node.locked) return "#374151";
+    if (node.visited) return "#6b7280";
+    if (node.available) return "#fbbf24";
+    return "#4b5563";
+  };
+  const currentNode = nodes.find((n) => n.id === currentNodeId);
+  const playerNode = nodes.find((n) => n.id === playerNodeId);
+  return /* @__PURE__ */ React6.createElement(Card, { style: [styles6.container, ...style ? [style] : []] }, /* @__PURE__ */ React6.createElement(VStack, { spacing: 12 }, /* @__PURE__ */ React6.createElement(View5, { style: styles6.header }, /* @__PURE__ */ React6.createElement(View5, null, /* @__PURE__ */ React6.createElement(Typography, { variant: "h3", style: { color: "#fff" } }, title || "\u{1F5FA}\uFE0F World Map"), act && /* @__PURE__ */ React6.createElement(Text4, { style: styles6.actLabel }, act)), playerNode && /* @__PURE__ */ React6.createElement(View5, { style: styles6.playerBadge }, /* @__PURE__ */ React6.createElement(Text4, { style: styles6.playerText }, "You are here"))), /* @__PURE__ */ React6.createElement(
+    ScrollView2,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles6.mapScrollContent
+    },
+    /* @__PURE__ */ React6.createElement(View5, { style: styles6.mapArea }, connections.map((conn, idx) => {
+      const fromNode = nodes.find((n) => n.id === conn.from);
+      const toNode = nodes.find((n) => n.id === conn.to);
+      if (!fromNode || !toNode) return null;
+      return /* @__PURE__ */ React6.createElement(
+        View5,
+        {
+          key: idx,
+          style: [
+            styles6.connection,
+            {
+              left: `${Math.min(fromNode.x, toNode.x)}%`,
+              top: `${Math.min(fromNode.y, toNode.y)}%`,
+              width: `${Math.abs(toNode.x - fromNode.x)}%`,
+              height: `${Math.abs(toNode.y - fromNode.y)}%`
+            }
+          ]
+        }
+      );
+    }), nodes.map((node) => /* @__PURE__ */ React6.createElement(
+      TouchableOpacity5,
+      {
+        key: node.id,
+        onPress: () => !node.locked && handleSelectNode(node.id),
+        disabled: node.locked,
+        style: [
+          styles6.node,
+          {
+            left: `${node.x}%`,
+            top: `${node.y}%`,
+            backgroundColor: getNodeColor(node),
+            opacity: node.locked ? 0.3 : 1,
+            borderWidth: node.id === currentNodeId ? 3 : 0,
+            borderColor: "#fff"
+          }
+        ]
+      },
+      /* @__PURE__ */ React6.createElement(Text4, { style: styles6.nodeIcon }, node.icon || getNodeIcon(node.type)),
+      node.id === playerNodeId && /* @__PURE__ */ React6.createElement(View5, { style: styles6.playerIndicator }, /* @__PURE__ */ React6.createElement(Text4, null, "\u{1F9D9}"))
+    )))
+  ), /* @__PURE__ */ React6.createElement(View5, { style: styles6.legend }, /* @__PURE__ */ React6.createElement(Text4, { style: styles6.legendTitle }, "Legend"), /* @__PURE__ */ React6.createElement(View5, { style: styles6.legendItems }, [
+    { type: "combat", label: "Combat", icon: "\u2694\uFE0F" },
+    { type: "shop", label: "Shop", icon: "\u{1F3EA}" },
+    { type: "event", label: "Event", icon: "\u2753" },
+    { type: "rest", label: "Rest", icon: "\u{1F525}" },
+    { type: "boss", label: "Boss", icon: "\u{1F479}" }
+  ].map((item) => /* @__PURE__ */ React6.createElement(View5, { key: item.type, style: styles6.legendItem }, /* @__PURE__ */ React6.createElement(Text4, null, item.icon), /* @__PURE__ */ React6.createElement(Text4, { style: styles6.legendText }, item.label))))), currentNode && /* @__PURE__ */ React6.createElement(View5, { style: styles6.nodeInfo }, /* @__PURE__ */ React6.createElement(Typography, { variant: "h4" }, currentNode.icon || getNodeIcon(currentNode.type), " ", currentNode.name), currentNode.tooltip && /* @__PURE__ */ React6.createElement(Text4, { style: styles6.tooltip }, currentNode.tooltip), !currentNode.available && !currentNode.visited && /* @__PURE__ */ React6.createElement(Text4, { style: styles6.lockedText }, "\u{1F512} Locked"))));
+};
+var styles6 = StyleSheet6.create({
+  container: {
+    padding: 16
+  },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  actLabel: {
+    color: "#6b7280",
+    fontSize: 12,
+    marginTop: 4
+  },
+  playerBadge: {
+    backgroundColor: "#22c55e",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 12
+  },
+  playerText: {
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  mapScrollContent: {
+    paddingHorizontal: 8
+  },
+  mapArea: {
+    width: 600,
+    height: 400,
+    backgroundColor: "#111827",
+    borderRadius: 12,
+    position: "relative"
+  },
+  connection: {
+    position: "absolute",
+    borderWidth: 1,
+    borderColor: "#4b5563",
+    borderStyle: "dashed"
+  },
+  node: {
+    position: "absolute",
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    justifyContent: "center",
+    alignItems: "center",
+    transform: [{ translateX: -24 }, { translateY: -24 }],
+    marginLeft: 24,
+    marginTop: 24
+  },
+  nodeIcon: {
+    fontSize: 20
+  },
+  playerIndicator: {
+    position: "absolute",
+    top: -12,
+    backgroundColor: "#22c55e",
+    padding: 4,
+    borderRadius: 12
+  },
+  legend: {
+    padding: 12,
+    backgroundColor: "#1f2937",
+    borderRadius: 8
+  },
+  legendTitle: {
+    color: "#9ca3af",
+    fontSize: 12,
+    fontWeight: "700",
+    marginBottom: 8
+  },
+  legendItems: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 16
+  },
+  legendItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  legendText: {
+    color: "#fff",
+    fontSize: 12
+  },
+  nodeInfo: {
+    padding: 12,
+    backgroundColor: "#1f2937",
+    borderRadius: 8
+  },
+  tooltip: {
+    color: "#9ca3af",
+    fontSize: 14,
+    marginTop: 4
+  },
+  lockedText: {
+    color: "#ef4444",
+    fontSize: 12,
+    marginTop: 4
+  }
+});
+WorldMapBoard.displayName = "WorldMapBoard";
+
+export {
+  Header,
+  BattleBoard,
+  CastleBoard,
+  GameHud,
+  GameMenu,
+  WorldMapBoard
+};
+//# sourceMappingURL=chunk-I6UYSB5R.js.map