@almadar/mobile 1.2.6 → 1.4.0

package/dist/chunk-UIU7NWN2.js

@@ -0,0 +1,924 @@
+import {
+  BattleBoard,
+  CastleBoard,
+  GameHud,
+  GameMenu,
+  Header,
+  WorldMapBoard
+} from "./chunk-I6UYSB5R.js";
+import {
+  EmptyState
+} from "./chunk-4GLV4XIP.js";
+import {
+  Button,
+  Card,
+  ErrorState,
+  HStack,
+  LoadingState,
+  Typography,
+  VStack
+} from "./chunk-A6AK75GP.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+import {
+  useTheme
+} from "./chunk-CUAWHLEK.js";
+
+// src/components/templates/DashboardLayout.tsx
+import React from "react";
+import {
+  View,
+  StyleSheet,
+  ScrollView,
+  SafeAreaView
+} from "react-native";
+var DashboardLayout = ({
+  children,
+  headerTitle,
+  headerActions = [],
+  showHeader = true,
+  style,
+  contentStyle,
+  scrollable = true,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const Content = scrollable ? ScrollView : View;
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(ErrorState, { message: error.message }));
+  }
+  return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(
+    Content,
+    {
+      style: [styles.content, contentStyle],
+      contentContainerStyle: scrollable ? styles.scrollContent : void 0
+    },
+    children
+  ));
+};
+var styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1,
+    padding: 16
+  }
+});
+DashboardLayout.displayName = "DashboardLayout";
+
+// src/components/templates/AuthLayout.tsx
+import React2 from "react";
+import {
+  View as View2,
+  StyleSheet as StyleSheet2,
+  ScrollView as ScrollView2,
+  SafeAreaView as SafeAreaView2,
+  KeyboardAvoidingView,
+  Platform,
+  TouchableOpacity
+} from "react-native";
+var AuthLayout = ({
+  children,
+  title,
+  subtitle,
+  footer,
+  showBackButton = false,
+  onBack,
+  backAction,
+  style,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleBack = () => {
+    if (backAction) {
+      eventBus.emit(`UI:${backAction}`);
+    }
+    onBack?.();
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(LoadingState, { message: "Loading..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(ErrorState, { message: error.message }));
+  }
+  return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles2.keyboardView
+    },
+    /* @__PURE__ */ React2.createElement(
+      ScrollView2,
+      {
+        contentContainerStyle: styles2.scrollContent,
+        keyboardShouldPersistTaps: "handled"
+      },
+      /* @__PURE__ */ React2.createElement(VStack, { spacing: 24, style: styles2.content }, showBackButton && /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleBack, style: styles2.backButton }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h4", style: { color: theme.colors.primary } }, "\u2190 Back")), /* @__PURE__ */ React2.createElement(VStack, { spacing: 8, align: "center" }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h1", style: { color: theme.colors.foreground, textAlign: "center" } }, title), subtitle && /* @__PURE__ */ React2.createElement(Typography, { variant: "body", style: { color: theme.colors["muted-foreground"], textAlign: "center" } }, subtitle)), /* @__PURE__ */ React2.createElement(View2, { style: styles2.form }, children), footer && /* @__PURE__ */ React2.createElement(View2, { style: styles2.footer }, footer))
+    )
+  ));
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    flex: 1
+  },
+  keyboardView: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1,
+    justifyContent: "center"
+  },
+  content: {
+    padding: 24,
+    paddingTop: 40,
+    paddingBottom: 40
+  },
+  backButton: {
+    alignSelf: "flex-start"
+  },
+  form: {
+    width: "100%"
+  },
+  footer: {
+    marginTop: 16
+  }
+});
+AuthLayout.displayName = "AuthLayout";
+
+// src/components/templates/GameShell.tsx
+import React3 from "react";
+import {
+  View as View3,
+  StyleSheet as StyleSheet3,
+  SafeAreaView as SafeAreaView3,
+  StatusBar
+} from "react-native";
+var GameShell = ({
+  children,
+  hud,
+  showHud = true,
+  header,
+  footer,
+  style,
+  gameAreaStyle,
+  backgroundColor,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  if (isLoading) {
+    return /* @__PURE__ */ React3.createElement(
+      SafeAreaView3,
+      {
+        style: [
+          styles3.container,
+          { backgroundColor: backgroundColor || theme.colors.background },
+          style
+        ]
+      },
+      /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
+      header,
+      /* @__PURE__ */ React3.createElement(View3, { style: styles3.loadingContainer }, /* @__PURE__ */ React3.createElement(LoadingState, { message: "Loading game..." }))
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ React3.createElement(
+      SafeAreaView3,
+      {
+        style: [
+          styles3.container,
+          { backgroundColor: backgroundColor || theme.colors.background },
+          style
+        ]
+      },
+      /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
+      header,
+      /* @__PURE__ */ React3.createElement(View3, { style: styles3.loadingContainer }, /* @__PURE__ */ React3.createElement(
+        ErrorState,
+        {
+          message: error.message,
+          onRetry: () => eventBus.emit("UI:GAME_RETRY", {})
+        }
+      ))
+    );
+  }
+  return /* @__PURE__ */ React3.createElement(
+    SafeAreaView3,
+    {
+      style: [
+        styles3.container,
+        { backgroundColor: backgroundColor || theme.colors.background },
+        style
+      ]
+    },
+    /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
+    header && /* @__PURE__ */ React3.createElement(View3, { style: styles3.header }, header),
+    /* @__PURE__ */ React3.createElement(View3, { style: [styles3.gameArea, gameAreaStyle] }, children, showHud && hud && /* @__PURE__ */ React3.createElement(View3, { style: styles3.hudContainer }, /* @__PURE__ */ React3.createElement(
+      GameHud,
+      {
+        ...hud,
+        style: { ...styles3.hud, ...hud.style }
+      }
+    ))),
+    footer && /* @__PURE__ */ React3.createElement(View3, { style: styles3.footer }, footer)
+  );
+};
+var styles3 = StyleSheet3.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    zIndex: 20
+  },
+  gameArea: {
+    flex: 1,
+    position: "relative"
+  },
+  hudContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "box-none"
+  },
+  hud: {
+    pointerEvents: "auto"
+  },
+  footer: {
+    zIndex: 20
+  },
+  loadingContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+GameShell.displayName = "GameShell";
+
+// src/components/templates/BattleTemplate.tsx
+import React4 from "react";
+import {
+  View as View4,
+  StyleSheet as StyleSheet4
+} from "react-native";
+var BattleTemplate = ({
+  battleBoard,
+  hudStats,
+  menuOptions,
+  title,
+  showMenu = false,
+  style,
+  isLoading,
+  error,
+  entity,
+  onBattleAction,
+  onBattleEnd
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleBattleAction = (action) => {
+    eventBus.emit("UI:BATTLE_ACTION", { action, entity });
+    onBattleAction?.(action);
+  };
+  const handleBattleEnd = (result) => {
+    eventBus.emit("UI:BATTLE_END", { result, entity });
+    onBattleEnd?.(result);
+  };
+  const handleMenuSelect = (option) => {
+    if (option.event) {
+      eventBus.emit(`UI:${option.event}`, { option, entity });
+    }
+    if (option.navigatesTo) {
+      eventBus.emit("UI:navigate", { to: option.navigatesTo });
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React4.createElement(LoadingState, { message: "Loading battle..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React4.createElement(
+      ErrorState,
+      {
+        message: error.message,
+        onRetry: () => eventBus.emit("UI:BATTLE_RETRY", { entity })
+      }
+    ));
+  }
+  const hasUnits = battleBoard.units && battleBoard.units.length > 0;
+  return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: "#0f172a" }, style] }, title && /* @__PURE__ */ React4.createElement(View4, { style: styles4.header }, /* @__PURE__ */ React4.createElement(Typography, { variant: "h2", style: { color: "#fff" } }, title)), hudStats && hudStats.length > 0 && /* @__PURE__ */ React4.createElement(View4, { style: styles4.hudContainer }, /* @__PURE__ */ React4.createElement(GameHud, { stats: hudStats, position: "corners", transparent: true })), /* @__PURE__ */ React4.createElement(View4, { style: styles4.boardContainer }, hasUnits ? /* @__PURE__ */ React4.createElement(
+    BattleBoard,
+    {
+      ...battleBoard,
+      onAction: handleBattleAction
+    }
+  ) : /* @__PURE__ */ React4.createElement(
+    EmptyState,
+    {
+      message: "No battle units available",
+      icon: /* @__PURE__ */ React4.createElement(Typography, { variant: "h1" }, "\u2694\uFE0F")
+    }
+  )), /* @__PURE__ */ React4.createElement(View4, { style: styles4.controls }, /* @__PURE__ */ React4.createElement(HStack, { spacing: 8, justify: "center" }, /* @__PURE__ */ React4.createElement(
+    Button,
+    {
+      variant: "primary",
+      action: "BATTLE_ATTACK",
+      actionPayload: { entity },
+      onPress: () => handleBattleAction("attack")
+    },
+    "Attack"
+  ), /* @__PURE__ */ React4.createElement(
+    Button,
+    {
+      variant: "secondary",
+      action: "BATTLE_DEFEND",
+      actionPayload: { entity },
+      onPress: () => handleBattleAction("defend")
+    },
+    "Defend"
+  ), /* @__PURE__ */ React4.createElement(
+    Button,
+    {
+      variant: "ghost",
+      action: "BATTLE_FLEE",
+      actionPayload: { entity },
+      onPress: () => handleBattleEnd("flee")
+    },
+    "Flee"
+  ))), showMenu && menuOptions && /* @__PURE__ */ React4.createElement(View4, { style: styles4.menuOverlay }, /* @__PURE__ */ React4.createElement(
+    GameMenu,
+    {
+      title: "Battle Menu",
+      options: menuOptions,
+      onSelect: handleMenuSelect
+    }
+  )));
+};
+var styles4 = StyleSheet4.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    padding: 16,
+    alignItems: "center"
+  },
+  hudContainer: {
+    position: "absolute",
+    top: 60,
+    left: 0,
+    right: 0,
+    height: 80,
+    zIndex: 10,
+    pointerEvents: "none"
+  },
+  boardContainer: {
+    flex: 1,
+    padding: 16,
+    justifyContent: "center"
+  },
+  controls: {
+    padding: 16,
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  menuOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 100
+  }
+});
+BattleTemplate.displayName = "BattleTemplate";
+
+// src/components/templates/CastleTemplate.tsx
+import React5 from "react";
+import {
+  View as View5,
+  StyleSheet as StyleSheet5,
+  ScrollView as ScrollView3
+} from "react-native";
+var CastleTemplate = ({
+  castleBoard,
+  hudStats,
+  actions,
+  title,
+  style,
+  isLoading,
+  error,
+  entity,
+  onEnterRoom,
+  onCastleAction
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleEnterRoom = (roomId) => {
+    eventBus.emit("UI:CASTLE_ENTER_ROOM", { roomId, entity });
+    onEnterRoom?.(roomId);
+  };
+  const handleAction = (action) => {
+    eventBus.emit("UI:CASTLE_ACTION", { action, entity });
+    onCastleAction?.(action);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React5.createElement(LoadingState, { message: "Loading castle..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React5.createElement(
+      ErrorState,
+      {
+        message: error.message,
+        onRetry: () => eventBus.emit("UI:CASTLE_RETRY", { entity })
+      }
+    ));
+  }
+  const hasRooms = castleBoard.rooms && castleBoard.rooms.length > 0;
+  return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: "#1e293b" }, style] }, hudStats && hudStats.length > 0 && /* @__PURE__ */ React5.createElement(View5, { style: styles5.hudContainer }, /* @__PURE__ */ React5.createElement(GameHud, { stats: hudStats, position: "top", transparent: true })), /* @__PURE__ */ React5.createElement(
+    ScrollView3,
+    {
+      style: styles5.scrollView,
+      contentContainerStyle: styles5.scrollContent,
+      showsVerticalScrollIndicator: false
+    },
+    title && /* @__PURE__ */ React5.createElement(View5, { style: styles5.header }, /* @__PURE__ */ React5.createElement(Typography, { variant: "h2", style: { color: "#fbbf24" } }, title)),
+    /* @__PURE__ */ React5.createElement(View5, { style: styles5.boardContainer }, hasRooms ? /* @__PURE__ */ React5.createElement(
+      CastleBoard,
+      {
+        ...castleBoard,
+        onSelectRoom: handleEnterRoom
+      }
+    ) : /* @__PURE__ */ React5.createElement(
+      EmptyState,
+      {
+        message: "No castle rooms available",
+        icon: /* @__PURE__ */ React5.createElement(Typography, { variant: "h1" }, "\u{1F3F0}")
+      }
+    )),
+    actions && actions.length > 0 && /* @__PURE__ */ React5.createElement(View5, { style: styles5.actionsContainer }, /* @__PURE__ */ React5.createElement(HStack, { spacing: 8, justify: "center", style: styles5.actions }, actions.map((action, index) => /* @__PURE__ */ React5.createElement(
+      Button,
+      {
+        key: index,
+        variant: action.variant || "default",
+        action: action.event,
+        actionPayload: { entity },
+        onPress: () => handleAction(action.event)
+      },
+      action.label
+    ))))
+  ));
+};
+var styles5 = StyleSheet5.create({
+  container: {
+    flex: 1
+  },
+  hudContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 10
+  },
+  scrollView: {
+    flex: 1
+  },
+  scrollContent: {
+    paddingTop: 80,
+    paddingBottom: 24
+  },
+  header: {
+    padding: 16,
+    alignItems: "center"
+  },
+  boardContainer: {
+    padding: 16
+  },
+  actionsContainer: {
+    padding: 16
+  },
+  actions: {
+    flexWrap: "wrap"
+  }
+});
+CastleTemplate.displayName = "CastleTemplate";
+
+// src/components/templates/WorldMapTemplate.tsx
+import React6 from "react";
+import {
+  View as View6,
+  StyleSheet as StyleSheet6
+} from "react-native";
+var WorldMapTemplate = ({
+  worldMapBoard,
+  hudStats,
+  navigationActions,
+  title,
+  act,
+  style,
+  isLoading,
+  error,
+  entity,
+  onSelectNode,
+  onMapAction
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleSelectNode = (nodeId) => {
+    eventBus.emit("UI:MAP_SELECT_NODE", { nodeId, entity });
+    onSelectNode?.(nodeId);
+  };
+  const handleMapAction = (action, targetNodeId) => {
+    eventBus.emit("UI:MAP_ACTION", { action, targetNodeId, entity });
+    onMapAction?.(action, targetNodeId);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React6.createElement(LoadingState, { message: "Loading world map..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React6.createElement(
+      ErrorState,
+      {
+        message: error.message,
+        onRetry: () => eventBus.emit("UI:MAP_RETRY", { entity })
+      }
+    ));
+  }
+  const hasNodes = worldMapBoard.nodes && worldMapBoard.nodes.length > 0;
+  return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: "#0f172a" }, style] }, hudStats && hudStats.length > 0 && /* @__PURE__ */ React6.createElement(View6, { style: styles6.hudContainer }, /* @__PURE__ */ React6.createElement(GameHud, { stats: hudStats, position: "corners", transparent: true })), (title || act) && /* @__PURE__ */ React6.createElement(View6, { style: styles6.header }, title && /* @__PURE__ */ React6.createElement(Typography, { variant: "h2", style: { color: "#fff" } }, title), act && /* @__PURE__ */ React6.createElement(Typography, { variant: "caption", style: { color: "#9ca3af" } }, act)), /* @__PURE__ */ React6.createElement(View6, { style: styles6.mapContainer }, hasNodes ? /* @__PURE__ */ React6.createElement(
+    WorldMapBoard,
+    {
+      ...worldMapBoard,
+      title: worldMapBoard.title || title,
+      act: worldMapBoard.act || act,
+      onSelectNode: handleSelectNode
+    }
+  ) : /* @__PURE__ */ React6.createElement(
+    EmptyState,
+    {
+      message: "No map locations available",
+      icon: /* @__PURE__ */ React6.createElement(Typography, { variant: "h1" }, "\u{1F5FA}\uFE0F")
+    }
+  )), navigationActions && navigationActions.length > 0 && /* @__PURE__ */ React6.createElement(View6, { style: styles6.actionsContainer }, /* @__PURE__ */ React6.createElement(HStack, { spacing: 8, justify: "center", style: styles6.actions }, navigationActions.map((action, index) => /* @__PURE__ */ React6.createElement(
+    Button,
+    {
+      key: index,
+      variant: action.variant || "default",
+      action: action.event,
+      actionPayload: { entity, targetNodeId: action.targetNodeId },
+      onPress: () => handleMapAction(action.event, action.targetNodeId)
+    },
+    action.label
+  )))));
+};
+var styles6 = StyleSheet6.create({
+  container: {
+    flex: 1
+  },
+  hudContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none",
+    zIndex: 10
+  },
+  header: {
+    padding: 16,
+    alignItems: "center",
+    zIndex: 20
+  },
+  mapContainer: {
+    flex: 1,
+    padding: 16
+  },
+  actionsContainer: {
+    padding: 16,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    zIndex: 20
+  },
+  actions: {
+    flexWrap: "wrap"
+  }
+});
+WorldMapTemplate.displayName = "WorldMapTemplate";
+
+// src/components/templates/CounterTemplate.tsx
+import React7, { useState, useCallback } from "react";
+import {
+  View as View7,
+  StyleSheet as StyleSheet7
+} from "react-native";
+var CounterTemplate = ({
+  initialCount = 0,
+  step = 1,
+  min = Number.MIN_SAFE_INTEGER,
+  max = Number.MAX_SAFE_INTEGER,
+  title = "Counter",
+  showReset = true,
+  style,
+  cardStyle,
+  isLoading,
+  error,
+  entity,
+  onCountChange,
+  onReset
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const [count, setCount] = useState(initialCount);
+  const handleIncrement = useCallback(() => {
+    setCount((prev) => {
+      const newCount = Math.min(prev + step, max);
+      eventBus.emit("UI:COUNTER_INCREMENT", { count: newCount, entity });
+      onCountChange?.(newCount);
+      return newCount;
+    });
+  }, [step, max, entity, onCountChange, eventBus]);
+  const handleDecrement = useCallback(() => {
+    setCount((prev) => {
+      const newCount = Math.max(prev - step, min);
+      eventBus.emit("UI:COUNTER_DECREMENT", { count: newCount, entity });
+      onCountChange?.(newCount);
+      return newCount;
+    });
+  }, [step, min, entity, onCountChange, eventBus]);
+  const handleReset = useCallback(() => {
+    setCount(initialCount);
+    eventBus.emit("UI:COUNTER_RESET", { count: initialCount, entity });
+    onReset?.();
+    onCountChange?.(initialCount);
+  }, [initialCount, entity, onReset, onCountChange, eventBus]);
+  if (isLoading) {
+    return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(LoadingState, { message: "Loading counter..." }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(
+      ErrorState,
+      {
+        message: error.message,
+        onRetry: () => eventBus.emit("UI:COUNTER_RETRY", { entity })
+      }
+    ));
+  }
+  const isAtMin = count <= min;
+  const isAtMax = count >= max;
+  return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React7.createElement(Card, { style: [styles7.card, cardStyle || {}] }, /* @__PURE__ */ React7.createElement(VStack, { spacing: 24, align: "center" }, /* @__PURE__ */ React7.createElement(Typography, { variant: "h3" }, title), /* @__PURE__ */ React7.createElement(View7, { style: styles7.countDisplay }, /* @__PURE__ */ React7.createElement(
+    Typography,
+    {
+      variant: "h1",
+      style: [
+        styles7.countText,
+        { color: count > 0 ? theme.colors.success : count < 0 ? theme.colors.error : theme.colors.foreground }
+      ]
+    },
+    count
+  )), /* @__PURE__ */ React7.createElement(HStack, { spacing: 16, align: "center" }, /* @__PURE__ */ React7.createElement(
+    Button,
+    {
+      variant: "secondary",
+      action: "COUNTER_DECREMENT",
+      actionPayload: { entity, step },
+      onPress: handleDecrement,
+      disabled: isAtMin
+    },
+    "-",
+    step
+  ), showReset && /* @__PURE__ */ React7.createElement(
+    Button,
+    {
+      variant: "ghost",
+      action: "COUNTER_RESET",
+      actionPayload: { entity },
+      onPress: handleReset,
+      disabled: count === initialCount
+    },
+    "Reset"
+  ), /* @__PURE__ */ React7.createElement(
+    Button,
+    {
+      variant: "primary",
+      action: "COUNTER_INCREMENT",
+      actionPayload: { entity, step },
+      onPress: handleIncrement,
+      disabled: isAtMax
+    },
+    "+",
+    step
+  )), /* @__PURE__ */ React7.createElement(Typography, { variant: "caption", color: theme.colors["muted-foreground"] }, "Min: ", min, " | Max: ", max, " | Step: ", step))));
+};
+var styles7 = StyleSheet7.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 16
+  },
+  card: {
+    padding: 32,
+    minWidth: 280,
+    maxWidth: 400,
+    width: "100%"
+  },
+  countDisplay: {
+    paddingVertical: 24,
+    paddingHorizontal: 48,
+    backgroundColor: "rgba(0,0,0,0.05)",
+    borderRadius: 12
+  },
+  countText: {
+    fontSize: 64,
+    fontWeight: "700"
+  }
+});
+CounterTemplate.displayName = "CounterTemplate";
+
+// src/components/templates/GameTemplate.tsx
+import React8 from "react";
+import {
+  View as View8,
+  StyleSheet as StyleSheet8,
+  SafeAreaView as SafeAreaView4
+} from "react-native";
+var GameTemplate = ({
+  children,
+  title,
+  subtitle,
+  hud,
+  showHud = true,
+  menu,
+  showMenu = false,
+  actions,
+  style,
+  contentStyle,
+  backgroundColor,
+  isLoading,
+  error,
+  entity,
+  emptyMessage = "No game content available",
+  onAction
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handleAction = (action, payload) => {
+    eventBus.emit(`UI:${action}`, { ...payload, entity });
+    onAction?.(action, payload);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React8.createElement(
+      SafeAreaView4,
+      {
+        style: [
+          styles8.container,
+          { backgroundColor: backgroundColor || theme.colors.background },
+          style
+        ]
+      },
+      /* @__PURE__ */ React8.createElement(LoadingState, { message: "Loading game..." })
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ React8.createElement(
+      SafeAreaView4,
+      {
+        style: [
+          styles8.container,
+          { backgroundColor: backgroundColor || theme.colors.background },
+          style
+        ]
+      },
+      /* @__PURE__ */ React8.createElement(
+        ErrorState,
+        {
+          message: error.message,
+          onRetry: () => handleAction("GAME_RETRY")
+        }
+      )
+    );
+  }
+  const shouldShowMenu = showMenu || !children && menu;
+  if (shouldShowMenu && menu) {
+    return /* @__PURE__ */ React8.createElement(
+      SafeAreaView4,
+      {
+        style: [
+          styles8.container,
+          { backgroundColor: backgroundColor || "#0f172a" },
+          style
+        ]
+      },
+      /* @__PURE__ */ React8.createElement(
+        GameMenu,
+        {
+          title: menu.title || title || "Game Menu",
+          subtitle: menu.subtitle || subtitle,
+          options: menu.options || menu.menuItems || [],
+          onSelect: (option) => {
+            if (option.event) {
+              handleAction(option.event, { option });
+            }
+            if (option.navigatesTo) {
+              handleAction("navigate", { to: option.navigatesTo });
+            }
+            menu.onSelect?.(option);
+          },
+          background: menu.background,
+          logo: menu.logo,
+          style: menu.style
+        }
+      )
+    );
+  }
+  const hasContent = React8.Children.count(children) > 0;
+  return /* @__PURE__ */ React8.createElement(
+    SafeAreaView4,
+    {
+      style: [
+        styles8.container,
+        { backgroundColor: backgroundColor || theme.colors.background },
+        style
+      ]
+    },
+    showHud && hud && /* @__PURE__ */ React8.createElement(View8, { style: styles8.hudOverlay }, /* @__PURE__ */ React8.createElement(GameHud, { ...hud })),
+    (title || subtitle) && /* @__PURE__ */ React8.createElement(View8, { style: styles8.header }, title && /* @__PURE__ */ React8.createElement(Typography, { variant: "h2", style: styles8.title }, title), subtitle && /* @__PURE__ */ React8.createElement(Typography, { variant: "body", color: theme.colors["muted-foreground"] }, subtitle)),
+    /* @__PURE__ */ React8.createElement(View8, { style: [styles8.content, contentStyle] }, hasContent ? children : /* @__PURE__ */ React8.createElement(
+      EmptyState,
+      {
+        message: emptyMessage,
+        icon: /* @__PURE__ */ React8.createElement(Typography, { variant: "h1" }, "\u{1F3AE}")
+      }
+    )),
+    actions && actions.length > 0 && /* @__PURE__ */ React8.createElement(View8, { style: styles8.actionBar }, /* @__PURE__ */ React8.createElement(Card, { variant: "elevated", style: styles8.actionCard }, /* @__PURE__ */ React8.createElement(HStack, { spacing: 8, justify: "center", style: styles8.actions }, actions.map((action, index) => /* @__PURE__ */ React8.createElement(
+      Button,
+      {
+        key: index,
+        variant: action.variant || "default",
+        action: action.event,
+        actionPayload: { ...action.payload, entity },
+        onPress: () => handleAction(action.event, action.payload),
+        disabled: action.disabled
+      },
+      action.label
+    )))))
+  );
+};
+var styles8 = StyleSheet8.create({
+  container: {
+    flex: 1
+  },
+  hudOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "box-none",
+    zIndex: 10
+  },
+  header: {
+    padding: 16,
+    alignItems: "center",
+    zIndex: 20
+  },
+  title: {
+    fontWeight: "700"
+  },
+  content: {
+    flex: 1,
+    padding: 16
+  },
+  actionBar: {
+    padding: 16,
+    zIndex: 20
+  },
+  actionCard: {
+    padding: 12
+  },
+  actions: {
+    flexWrap: "wrap"
+  }
+});
+GameTemplate.displayName = "GameTemplate";
+
+export {
+  DashboardLayout,
+  AuthLayout,
+  GameShell,
+  BattleTemplate,
+  CastleTemplate,
+  WorldMapTemplate,
+  CounterTemplate,
+  GameTemplate
+};
+//# sourceMappingURL=chunk-UIU7NWN2.js.map