@almadar/mobile 1.2.4 → 1.4.0

package/dist/{chunk-QUFLYKWA.js → chunk-A6AK75GP.js}

@@ -377,255 +377,9 @@ var styles5 = StyleSheet5.create({
 });
 LoadingState.displayName = "LoadingState";
 
-// src/components/atoms/Input.tsx
-import React6 from "react";
-import {
-  TextInput,
-  StyleSheet as StyleSheet6,
-  View as View2,
-  Text as Text3
-} from "react-native";
-var Input = ({
-  label,
-  errorMessage,
-  helperText,
-  containerStyle,
-  style,
-  isLoading,
-  error,
-  changeEvent,
-  focusEvent,
-  onChangeText,
-  onFocus,
-  onBlur,
-  ...textInputProps
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleChangeText = (text) => {
-    if (changeEvent) {
-      eventBus.emit(`UI:${changeEvent}`, { value: text });
-    }
-    onChangeText?.(text);
-  };
-  const handleFocus = () => {
-    if (focusEvent) {
-      eventBus.emit(`UI:${focusEvent}`);
-    }
-    onFocus?.({});
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React6.createElement(View2, { style: [styles6.container, containerStyle] }, label && /* @__PURE__ */ React6.createElement(Text3, { style: [styles6.label, { color: theme.colors.foreground }] }, label), /* @__PURE__ */ React6.createElement(LoadingState, { message: "Loading..." }));
-  }
-  const errorText = error?.message || errorMessage;
-  return /* @__PURE__ */ React6.createElement(View2, { style: [styles6.container, containerStyle] }, label && /* @__PURE__ */ React6.createElement(Text3, { style: [styles6.label, { color: theme.colors.foreground }] }, label), /* @__PURE__ */ React6.createElement(
-    TextInput,
-    {
-      style: [
-        styles6.input,
-        {
-          borderColor: errorText ? theme.colors.error : theme.colors.border,
-          backgroundColor: theme.colors.card,
-          color: theme.colors.foreground
-        },
-        style
-      ],
-      placeholderTextColor: theme.colors["muted-foreground"],
-      onChangeText: handleChangeText,
-      onFocus: handleFocus,
-      onBlur,
-      ...textInputProps
-    }
-  ), errorText ? /* @__PURE__ */ React6.createElement(Text3, { style: [styles6.errorText, { color: theme.colors.error }] }, errorText) : helperText ? /* @__PURE__ */ React6.createElement(Text3, { style: [styles6.helperText, { color: theme.colors["muted-foreground"] }] }, helperText) : null);
-};
-var styles6 = StyleSheet6.create({
-  container: {
-    width: "100%"
-  },
-  label: {
-    fontSize: 14,
-    fontWeight: "500",
-    marginBottom: 6
-  },
-  input: {
-    borderWidth: 1,
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 16
-  },
-  errorText: {
-    fontSize: 12,
-    marginTop: 4
-  },
-  helperText: {
-    fontSize: 12,
-    marginTop: 4
-  }
-});
-Input.displayName = "Input";
-
-// src/components/atoms/Select.tsx
-import React7, { useState } from "react";
-import {
-  TouchableOpacity as TouchableOpacity2,
-  View as View3,
-  Text as Text4,
-  StyleSheet as StyleSheet7,
-  Modal,
-  FlatList,
-  SafeAreaView
-} from "react-native";
-var Select = ({
-  options,
-  value,
-  onChange,
-  placeholder = "Select...",
-  disabled = false,
-  style,
-  textStyle,
-  isLoading,
-  error,
-  changeEvent,
-  actionPayload
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const [isOpen, setIsOpen] = useState(false);
-  const selectedOption = options.find((opt) => opt.value === value);
-  const handleSelect = (selectedValue) => {
-    if (changeEvent) {
-      eventBus.emit(`UI:${changeEvent}`, { ...actionPayload, value: selectedValue });
-    }
-    onChange?.(selectedValue);
-    setIsOpen(false);
-  };
-  const handleOpen = () => {
-    if (!disabled && !isLoading) {
-      setIsOpen(true);
-    }
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React7.createElement(View3, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(LoadingState, { message: "Loading..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React7.createElement(View3, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(ErrorState, { message: error.message }));
-  }
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
-    TouchableOpacity2,
-    {
-      onPress: handleOpen,
-      disabled,
-      activeOpacity: 0.8,
-      style: [
-        styles7.button,
-        {
-          borderColor: theme.colors.border,
-          backgroundColor: theme.colors.card,
-          opacity: disabled ? 0.5 : 1
-        },
-        style
-      ]
-    },
-    /* @__PURE__ */ React7.createElement(
-      Text4,
-      {
-        style: [
-          styles7.buttonText,
-          {
-            color: selectedOption ? theme.colors.foreground : theme.colors["muted-foreground"]
-          },
-          textStyle
-        ],
-        numberOfLines: 1
-      },
-      selectedOption?.label || placeholder
-    ),
-    /* @__PURE__ */ React7.createElement(Text4, { style: [styles7.chevron, { color: theme.colors["muted-foreground"] }] }, "\u25BC")
-  ), /* @__PURE__ */ React7.createElement(
-    Modal,
-    {
-      visible: isOpen,
-      transparent: true,
-      animationType: "slide",
-      onRequestClose: () => setIsOpen(false)
-    },
-    /* @__PURE__ */ React7.createElement(SafeAreaView, { style: [styles7.modalContainer, { backgroundColor: theme.colors.background }] }, /* @__PURE__ */ React7.createElement(View3, { style: styles7.modalHeader }, /* @__PURE__ */ React7.createElement(TouchableOpacity2, { onPress: () => setIsOpen(false) }, /* @__PURE__ */ React7.createElement(Text4, { style: [styles7.closeButton, { color: theme.colors.primary }] }, "Close"))), /* @__PURE__ */ React7.createElement(
-      FlatList,
-      {
-        data: options,
-        keyExtractor: (item) => item.value,
-        renderItem: ({ item }) => /* @__PURE__ */ React7.createElement(
-          TouchableOpacity2,
-          {
-            style: [
-              styles7.option,
-              {
-                backgroundColor: item.value === value ? theme.colors.primary : theme.colors.card,
-                borderBottomColor: theme.colors.border
-              }
-            ],
-            onPress: () => handleSelect(item.value)
-          },
-          /* @__PURE__ */ React7.createElement(
-            Text4,
-            {
-              style: {
-                color: item.value === value ? theme.colors["primary-foreground"] : theme.colors.foreground
-              }
-            },
-            item.label
-          )
-        )
-      }
-    ))
-  ));
-};
-var styles7 = StyleSheet7.create({
-  container: {
-    width: "100%"
-  },
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    borderWidth: 1,
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10
-  },
-  buttonText: {
-    fontSize: 16,
-    flex: 1
-  },
-  chevron: {
-    fontSize: 12,
-    marginLeft: 8
-  },
-  modalContainer: {
-    flex: 1
-  },
-  modalHeader: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: "#e2e8f0"
-  },
-  closeButton: {
-    fontSize: 16,
-    fontWeight: "500"
-  },
-  option: {
-    padding: 16,
-    borderBottomWidth: 1
-  }
-});
-Select.displayName = "Select";
-
 // src/components/atoms/Card.tsx
-import React8 from "react";
-import { View as View4, StyleSheet as StyleSheet8, TouchableOpacity as TouchableOpacity3 } from "react-native";
+import React6 from "react";
+import { View as View2, StyleSheet as StyleSheet6, TouchableOpacity as TouchableOpacity2 } from "react-native";
 var Card = ({
   children,
   onPress,
@@ -646,10 +400,10 @@ var Card = ({
     onPress?.();
   };
   if (isLoading) {
-    return /* @__PURE__ */ React8.createElement(View4, { style: [styles8.card, style] }, /* @__PURE__ */ React8.createElement(LoadingState, null));
+    return /* @__PURE__ */ React6.createElement(View2, { style: [styles6.card, style] }, /* @__PURE__ */ React6.createElement(LoadingState, null));
   }
   if (error) {
-    return /* @__PURE__ */ React8.createElement(View4, { style: [styles8.card, style] }, /* @__PURE__ */ React8.createElement(ErrorState, { message: error.message }));
+    return /* @__PURE__ */ React6.createElement(View2, { style: [styles6.card, style] }, /* @__PURE__ */ React6.createElement(ErrorState, { message: error.message }));
   }
   const paddingStyles = {
     none: { padding: 0 },
@@ -674,7 +428,7 @@ var Card = ({
     }
   };
   const cardStyles = [
-    styles8.card,
+    styles6.card,
     variantStyles[variant],
     paddingStyles[padding]
   ];
@@ -683,281 +437,22 @@ var Card = ({
   } else if (style) {
     cardStyles.push(style);
   }
-  const content = /* @__PURE__ */ React8.createElement(View4, { style: cardStyles }, children);
+  const content = /* @__PURE__ */ React6.createElement(View2, { style: cardStyles }, children);
   if (onPress || action) {
-    return /* @__PURE__ */ React8.createElement(TouchableOpacity3, { onPress: handlePress, activeOpacity: 0.9 }, content);
+    return /* @__PURE__ */ React6.createElement(TouchableOpacity2, { onPress: handlePress, activeOpacity: 0.9 }, content);
   }
   return content;
 };
-var styles8 = StyleSheet8.create({
+var styles6 = StyleSheet6.create({
   card: {
     borderRadius: 12
   }
 });
 Card.displayName = "Card";
 
-// src/components/atoms/Badge.tsx
-import React9 from "react";
-import { View as View5, Text as Text5, StyleSheet as StyleSheet9 } from "react-native";
-var Badge = ({
-  children,
-  variant = "default",
-  size = "md",
-  style,
-  isLoading,
-  error
-}) => {
-  const theme = useTheme();
-  if (isLoading) {
-    return /* @__PURE__ */ React9.createElement(View5, { style: [styles9.badge, style] }, /* @__PURE__ */ React9.createElement(LoadingState, { message: "Loading..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React9.createElement(View5, { style: [styles9.badge, style] }, /* @__PURE__ */ React9.createElement(ErrorState, { message: error.message }));
-  }
-  const variantStyles = {
-    default: {
-      container: {
-        backgroundColor: theme.colors.secondary
-      },
-      text: {
-        color: theme.colors["secondary-foreground"]
-      }
-    },
-    primary: {
-      container: {
-        backgroundColor: theme.colors.primary
-      },
-      text: {
-        color: theme.colors["primary-foreground"]
-      }
-    },
-    secondary: {
-      container: {
-        backgroundColor: theme.colors["secondary-hover"]
-      },
-      text: {
-        color: theme.colors["secondary-foreground"]
-      }
-    },
-    success: {
-      container: {
-        backgroundColor: theme.colors.success
-      },
-      text: {
-        color: theme.colors["success-foreground"]
-      }
-    },
-    warning: {
-      container: {
-        backgroundColor: theme.colors.warning
-      },
-      text: {
-        color: theme.colors["warning-foreground"]
-      }
-    },
-    error: {
-      container: {
-        backgroundColor: theme.colors.error
-      },
-      text: {
-        color: theme.colors["error-foreground"]
-      }
-    }
-  };
-  const sizeStyles = {
-    sm: {
-      container: {
-        paddingHorizontal: theme.spacing[2],
-        paddingVertical: 2,
-        borderRadius: theme.borderRadius.full
-      },
-      text: {
-        fontSize: theme.typography.sizes.xs
-      }
-    },
-    md: {
-      container: {
-        paddingHorizontal: theme.spacing[3],
-        paddingVertical: theme.spacing[1],
-        borderRadius: theme.borderRadius.full
-      },
-      text: {
-        fontSize: theme.typography.sizes.sm
-      }
-    }
-  };
-  const variantStyle = variantStyles[variant];
-  const sizeStyle = sizeStyles[size];
-  return /* @__PURE__ */ React9.createElement(View5, { style: [styles9.badge, variantStyle.container, sizeStyle.container, style] }, /* @__PURE__ */ React9.createElement(Text5, { style: [styles9.text, variantStyle.text, sizeStyle.text] }, children));
-};
-var styles9 = StyleSheet9.create({
-  badge: {
-    alignSelf: "flex-start"
-  },
-  text: {
-    fontWeight: "500"
-  }
-});
-Badge.displayName = "Badge";
-
-// src/components/atoms/Icon.tsx
-import React10 from "react";
-import { View as View6, Text as Text6, StyleSheet as StyleSheet10 } from "react-native";
-var iconMap = {
-  home: "\u{1F3E0}",
-  user: "\u{1F464}",
-  settings: "\u2699\uFE0F",
-  "arrow-right": "\u2192",
-  "arrow-left": "\u2190",
-  check: "\u2713",
-  x: "\u2715",
-  plus: "+",
-  minus: "\u2212",
-  search: "\u{1F50D}",
-  menu: "\u2630",
-  "more-vertical": "\u22EE",
-  "chevron-right": "\u203A",
-  "chevron-left": "\u2039",
-  "chevron-down": "\u2304",
-  "chevron-up": "\u2303"
-};
-var Icon = ({
-  name,
-  size = 24,
-  color = "#374151",
-  style
-}) => {
-  return /* @__PURE__ */ React10.createElement(View6, { style: [styles10.container, { width: size, height: size }, style] }, /* @__PURE__ */ React10.createElement(Text6, { style: [
-    styles10.icon,
-    { fontSize: size * 0.7, color, lineHeight: size }
-  ] }, iconMap[name] || "?"));
-};
-var styles10 = StyleSheet10.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    textAlign: "center"
-  }
-});
-Icon.displayName = "Icon";
-
-// src/components/atoms/ProgressBar.tsx
-import React11 from "react";
-import { View as View7, StyleSheet as StyleSheet11, Text as Text7 } from "react-native";
-var ProgressBar = ({
-  progress,
-  showLabel = false,
-  size = "md",
-  style,
-  trackStyle,
-  fillStyle,
-  isLoading,
-  error
-}) => {
-  const theme = useTheme();
-  const clampedProgress = Math.max(0, Math.min(100, progress));
-  if (isLoading) {
-    return /* @__PURE__ */ React11.createElement(View7, { style: [styles11.container, style] }, /* @__PURE__ */ React11.createElement(LoadingState, { message: "Loading..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React11.createElement(View7, { style: [styles11.container, style] }, /* @__PURE__ */ React11.createElement(ErrorState, { message: error.message }));
-  }
-  const heightMap = {
-    sm: 4,
-    md: 8,
-    lg: 12
-  };
-  const height = heightMap[size];
-  return /* @__PURE__ */ React11.createElement(View7, { style: [styles11.container, style] }, /* @__PURE__ */ React11.createElement(
-    View7,
-    {
-      style: [
-        styles11.track,
-        {
-          height,
-          backgroundColor: theme.colors.muted,
-          borderRadius: height / 2
-        },
-        trackStyle
-      ]
-    },
-    /* @__PURE__ */ React11.createElement(
-      View7,
-      {
-        style: [
-          styles11.fill,
-          {
-            width: `${clampedProgress}%`,
-            height: "100%",
-            backgroundColor: theme.colors.primary,
-            borderRadius: height / 2
-          },
-          fillStyle
-        ]
-      }
-    )
-  ), showLabel && /* @__PURE__ */ React11.createElement(Text7, { style: [styles11.label, { color: theme.colors.foreground }] }, Math.round(clampedProgress), "%"));
-};
-var styles11 = StyleSheet11.create({
-  container: {
-    width: "100%"
-  },
-  track: {
-    width: "100%",
-    overflow: "hidden"
-  },
-  fill: {
-    // Animated fill
-  },
-  label: {
-    marginTop: 4,
-    fontSize: 12,
-    fontWeight: "500",
-    textAlign: "right"
-  }
-});
-ProgressBar.displayName = "ProgressBar";
-
-// src/components/atoms/Divider.tsx
-import React12 from "react";
-import { View as View8, StyleSheet as StyleSheet12 } from "react-native";
-var Divider = ({
-  orientation = "horizontal",
-  thickness = 1,
-  style
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React12.createElement(
-    View8,
-    {
-      style: [
-        orientation === "horizontal" ? styles12.horizontal : styles12.vertical,
-        {
-          backgroundColor: theme.colors.border,
-          ...orientation === "horizontal" ? { height: thickness } : { width: thickness }
-        },
-        style
-      ]
-    }
-  );
-};
-var styles12 = StyleSheet12.create({
-  horizontal: {
-    width: "100%",
-    marginVertical: 8
-  },
-  vertical: {
-    height: "100%",
-    marginHorizontal: 8
-  }
-});
-Divider.displayName = "Divider";
-
 // src/components/atoms/game/HealthBar.tsx
-import React13 from "react";
-import { View as View9, Text as Text8, StyleSheet as StyleSheet13 } from "react-native";
+import React7 from "react";
+import { View as View3, Text as Text3, StyleSheet as StyleSheet7 } from "react-native";
 var sizeMap = {
   sm: { heart: 16, bar: 8, text: 12 },
   md: { heart: 24, bar: 12, text: 16 },
@@ -968,8 +463,8 @@ var HeartIcon = ({
   size,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   color
-}) => /* @__PURE__ */ React13.createElement(
-  View9,
+}) => /* @__PURE__ */ React7.createElement(
+  View3,
   {
     style: {
       width: size,
@@ -978,8 +473,8 @@ var HeartIcon = ({
       alignItems: "center"
     }
   },
-  /* @__PURE__ */ React13.createElement(
-    Text8,
+  /* @__PURE__ */ React7.createElement(
+    Text3,
     {
       style: {
         fontSize: size * 0.8,
@@ -1001,15 +496,15 @@ var HealthBar = ({
   const sizes = sizeMap[size];
   const percentage = Math.max(0, Math.min(100, current / max * 100));
   if (format === "hearts") {
-    return /* @__PURE__ */ React13.createElement(View9, { style: [styles13.heartsContainer, style] }, Array.from({ length: max }).map((_, i) => /* @__PURE__ */ React13.createElement(
-      View9,
+    return /* @__PURE__ */ React7.createElement(View3, { style: [styles7.heartsContainer, style] }, Array.from({ length: max }).map((_, i) => /* @__PURE__ */ React7.createElement(
+      View3,
       {
         key: i,
         style: [
-          animated && styles13.animatedHeart
+          animated && styles7.animatedHeart
         ]
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React7.createElement(
         HeartIcon,
         {
           filled: i < current,
@@ -1021,11 +516,11 @@ var HealthBar = ({
   }
   if (format === "bar") {
     const barColor = percentage > 66 ? "#22c55e" : percentage > 33 ? "#eab308" : "#ef4444";
-    return /* @__PURE__ */ React13.createElement(
-      View9,
+    return /* @__PURE__ */ React7.createElement(
+      View3,
       {
         style: [
-          styles13.barContainer,
+          styles7.barContainer,
           {
             height: sizes.bar,
             backgroundColor: theme.colors.muted
@@ -1033,26 +528,26 @@ var HealthBar = ({
           style
         ]
       },
-      /* @__PURE__ */ React13.createElement(
-        View9,
+      /* @__PURE__ */ React7.createElement(
+        View3,
         {
           style: [
-            styles13.barFill,
+            styles7.barFill,
             {
               width: `${percentage}%`,
               backgroundColor: barColor
             },
-            animated && styles13.animatedBar
+            animated && styles7.animatedBar
           ]
         }
       )
     );
   }
-  return /* @__PURE__ */ React13.createElement(
-    Text8,
+  return /* @__PURE__ */ React7.createElement(
+    Text3,
     {
       style: [
-        styles13.numericText,
+        styles7.numericText,
         {
           fontSize: sizes.text,
           color: theme.colors.foreground
@@ -1065,7 +560,7 @@ var HealthBar = ({
     max
   );
 };
-var styles13 = StyleSheet13.create({
+var styles7 = StyleSheet7.create({
   heartsContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -1094,8 +589,8 @@ var styles13 = StyleSheet13.create({
 HealthBar.displayName = "HealthBar";
 
 // src/components/atoms/game/ScoreDisplay.tsx
-import React14, { useState as useState2, useEffect } from "react";
-import { View as View10, Text as Text9, StyleSheet as StyleSheet14 } from "react-native";
+import React8, { useState, useEffect } from "react";
+import { View as View4, Text as Text4, StyleSheet as StyleSheet8 } from "react-native";
 var sizeMap2 = {
   sm: { fontSize: 14 },
   md: { fontSize: 18 },
@@ -1112,8 +607,8 @@ var ScoreDisplay = ({
   locale = "en-US"
 }) => {
   const theme = useTheme();
-  const [displayValue, setDisplayValue] = useState2(value);
-  const [isAnimating, setIsAnimating] = useState2(false);
+  const [displayValue, setDisplayValue] = useState(value);
+  const [isAnimating, setIsAnimating] = useState(false);
   const sizeConfig = sizeMap2[size] ?? sizeMap2.md;
   useEffect(() => {
     if (!animated || displayValue === value) {
@@ -1139,20 +634,20 @@ var ScoreDisplay = ({
     return () => clearInterval(timer);
   }, [value, animated]);
   const formattedValue = new Intl.NumberFormat(locale).format(displayValue);
-  return /* @__PURE__ */ React14.createElement(
-    View10,
+  return /* @__PURE__ */ React8.createElement(
+    View4,
     {
       style: [
-        styles14.container,
+        styles8.container,
         {
           opacity: isAnimating ? 0.7 : 1
         },
         style
       ]
     },
-    icon && /* @__PURE__ */ React14.createElement(Text9, { style: { fontSize: sizeConfig.fontSize, marginRight: 8 } }, icon),
-    label && /* @__PURE__ */ React14.createElement(
-      Text9,
+    icon && /* @__PURE__ */ React8.createElement(Text4, { style: { fontSize: sizeConfig.fontSize, marginRight: 8 } }, icon),
+    label && /* @__PURE__ */ React8.createElement(
+      Text4,
       {
         style: {
           fontSize: sizeConfig.fontSize,
@@ -1162,8 +657,8 @@ var ScoreDisplay = ({
       },
       label
     ),
-    /* @__PURE__ */ React14.createElement(
-      Text9,
+    /* @__PURE__ */ React8.createElement(
+      Text4,
       {
         style: {
           fontSize: sizeConfig.fontSize,
@@ -1176,7 +671,7 @@ var ScoreDisplay = ({
     )
   );
 };
-var styles14 = StyleSheet14.create({
+var styles8 = StyleSheet8.create({
   container: {
     flexDirection: "row",
     alignItems: "center"
@@ -1192,14 +687,8 @@ export {
   VStack,
   HStack,
   Box,
-  Input,
-  Select,
   Card,
-  Badge,
-  Icon,
-  ProgressBar,
-  Divider,
   HealthBar,
   ScoreDisplay
 };
-//# sourceMappingURL=chunk-QUFLYKWA.js.map
+//# sourceMappingURL=chunk-A6AK75GP.js.map