@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/module/ui/components/EventHistoryViewer/EventPickerModal.js

@@ -1,203 +1 @@
-"use strict";
-
-/**
- * EventPickerModal
- *
- * Modal for selecting events in any-to-any compare mode.
- * Displays a scrollable list of events with timestamps, badges, and diff previews.
- * This is a dumb component - all state is controlled externally.
- */
-
-import React, { memo } from "react";
-import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
-import { absoluteFill } from "../../../utils/absoluteFill.js";
-import { macOSColors } from "../../gameUI/constants/macOSDesignSystemColors.js";
-import { X } from "../../../icons/lucide-icons.js";
-import { monoFont } from "../../fonts.js";
-/**
- * EventPickerModal displays a modal for selecting events
- * with color-coded styling based on position (left/right).
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const EventPickerModal = /*#__PURE__*/memo(function EventPickerModal({
-  isOpen,
-  onClose,
-  title,
-  position,
-  items,
-  onSelect
-}) {
-  if (!isOpen) return null;
-  const isLeft = position === "left";
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.backdrop,
-      activeOpacity: 1,
-      onPress: onClose
-    }), /*#__PURE__*/_jsxs(View, {
-      style: [styles.card, isLeft ? styles.cardLeft : styles.cardRight],
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.header,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.title, isLeft ? styles.titleLeft : styles.titleRight],
-          children: title
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: onClose,
-          style: styles.closeBtn,
-          accessibilityLabel: "Close event picker",
-          children: /*#__PURE__*/_jsx(X, {
-            size: 16,
-            color: macOSColors.text.secondary
-          })
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.divider
-      }), /*#__PURE__*/_jsx(ScrollView, {
-        style: styles.scroll,
-        contentContainerStyle: styles.list,
-        showsVerticalScrollIndicator: true,
-        nestedScrollEnabled: true,
-        children: items.map(item => /*#__PURE__*/_jsxs(TouchableOpacity, {
-          disabled: item.disabled,
-          onPress: () => onSelect(item.index),
-          style: [styles.item, item.selected && styles.itemSelected, item.selected && isLeft && styles.itemSelectedLeft, item.selected && !isLeft && styles.itemSelectedRight, item.disabled && styles.itemDisabled],
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.itemIndex,
-            children: item.label
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.itemTime,
-            children: item.timestamp
-          }), /*#__PURE__*/_jsxs(Text, {
-            style: styles.itemRelative,
-            children: ["(", item.relativeTime, ")"]
-          }), item.badge, item.diffPreview]
-        }, item.index))
-      })]
-    })]
-  });
-});
-const styles = StyleSheet.create({
-  overlay: {
-    ...absoluteFill,
-    zIndex: 20,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  backdrop: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.65)"
-  },
-  card: {
-    width: "86%",
-    maxHeight: 320,
-    backgroundColor: macOSColors.background.card,
-    borderRadius: 16,
-    borderWidth: 2,
-    padding: 16,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 40,
-    elevation: 15
-  },
-  cardLeft: {
-    borderColor: macOSColors.semantic.debug,
-    shadowColor: macOSColors.semantic.debug
-  },
-  cardRight: {
-    borderColor: macOSColors.semantic.success,
-    shadowColor: macOSColors.semantic.success
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  title: {
-    fontSize: 13,
-    fontWeight: "700",
-    fontFamily: monoFont,
-    textTransform: "uppercase",
-    marginBottom: 8,
-    letterSpacing: 0.6
-  },
-  titleLeft: {
-    color: macOSColors.semantic.debug
-  },
-  titleRight: {
-    color: macOSColors.semantic.success
-  },
-  closeBtn: {
-    padding: 6,
-    borderRadius: 6,
-    backgroundColor: macOSColors.background.card,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default
-  },
-  divider: {
-    height: 1,
-    backgroundColor: macOSColors.background.input,
-    marginVertical: 8
-  },
-  scroll: {
-    maxHeight: 260
-  },
-  list: {
-    gap: 4
-  },
-  item: {
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    borderRadius: 10,
-    backgroundColor: macOSColors.background.base,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginBottom: 6
-  },
-  itemSelected: {
-    borderWidth: 1.5,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 12,
-    elevation: 4
-  },
-  itemSelectedLeft: {
-    backgroundColor: macOSColors.semantic.debug + "1A",
-    borderColor: macOSColors.semantic.debug,
-    shadowColor: macOSColors.semantic.debug
-  },
-  itemSelectedRight: {
-    backgroundColor: macOSColors.semantic.successBackground + "30",
-    borderColor: macOSColors.semantic.success,
-    shadowColor: macOSColors.semantic.success
-  },
-  itemDisabled: {
-    opacity: 0.4
-  },
-  itemIndex: {
-    fontSize: 10,
-    color: macOSColors.text.secondary,
-    fontFamily: monoFont,
-    width: 40
-  },
-  itemTime: {
-    fontSize: 11,
-    color: macOSColors.text.primary,
-    fontFamily: monoFont,
-    flex: 1
-  },
-  itemRelative: {
-    fontSize: 10,
-    color: macOSColors.text.secondary,
-    fontFamily: monoFont
-  }
-});
+"use strict";import k,{memo as y}from"react";import{View as a,Text as l,TouchableOpacity as c,ScrollView as p,StyleSheet as w}from"react-native";import{absoluteFill as m}from"../../../utils/absoluteFill.js";import{macOSColors as e}from"../../gameUI/constants/macOSDesignSystemColors.js";import{X as x}from"../../../icons/lucide-icons.js";import{monoFont as s}from"../../fonts.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";export const EventPickerModal=y(function C({isOpen:b,onClose:n,title:h,position:g,items:u,onSelect:f}){if(!b)return null;const d=g==="left";return i(a,{style:t.overlay,children:[r(c,{style:t.backdrop,activeOpacity:1,onPress:n}),i(a,{style:[t.card,d?t.cardLeft:t.cardRight],children:[i(a,{style:t.header,children:[r(l,{style:[t.title,d?t.titleLeft:t.titleRight],children:h}),r(c,{onPress:n,style:t.closeBtn,accessibilityLabel:"Close event picker",children:r(x,{size:16,color:e.text.secondary})})]}),r(a,{style:t.divider}),r(p,{style:t.scroll,contentContainerStyle:t.list,showsVerticalScrollIndicator:true,nestedScrollEnabled:true,children:u.map(o=>i(c,{disabled:o.disabled,onPress:()=>f(o.index),style:[t.item,o.selected&&t.itemSelected,o.selected&&d&&t.itemSelectedLeft,o.selected&&!d&&t.itemSelectedRight,o.disabled&&t.itemDisabled],children:[r(l,{style:t.itemIndex,children:o.label}),r(l,{style:t.itemTime,children:o.timestamp}),i(l,{style:t.itemRelative,children:["(",o.relativeTime,")"]}),o.badge,o.diffPreview]},o.index))})]})]})});const t=w.create({overlay:{...m,zIndex:20,justifyContent:"center",alignItems:"center"},backdrop:{...m,backgroundColor:"rgba(0,0,0,0.65)"},card:{width:"86%",maxHeight:320,backgroundColor:e.background.card,borderRadius:16,borderWidth:2,padding:16,shadowOffset:{width:0,height:0},shadowOpacity:.5,shadowRadius:40,elevation:15},cardLeft:{borderColor:e.semantic.debug,shadowColor:e.semantic.debug},cardRight:{borderColor:e.semantic.success,shadowColor:e.semantic.success},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},title:{fontSize:13,fontWeight:"700",fontFamily:s,textTransform:"uppercase",marginBottom:8,letterSpacing:.6},titleLeft:{color:e.semantic.debug},titleRight:{color:e.semantic.success},closeBtn:{padding:6,borderRadius:6,backgroundColor:e.background.card,borderWidth:1,borderColor:e.border.default},divider:{height:1,backgroundColor:e.background.input,marginVertical:8},scroll:{maxHeight:260},list:{gap:4},item:{paddingVertical:10,paddingHorizontal:12,borderRadius:10,backgroundColor:e.background.base,borderWidth:1,borderColor:e.border.default,flexDirection:"row",alignItems:"center",gap:8,marginBottom:6},itemSelected:{borderWidth:1.5,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:12,elevation:4},itemSelectedLeft:{backgroundColor:e.semantic.debug+"1A",borderColor:e.semantic.debug,shadowColor:e.semantic.debug},itemSelectedRight:{backgroundColor:e.semantic.successBackground+"30",borderColor:e.semantic.success,shadowColor:e.semantic.success},itemDisabled:{opacity:.4},itemIndex:{fontSize:10,color:e.text.secondary,fontFamily:s,width:40},itemTime:{fontSize:11,color:e.text.primary,fontFamily:s,flex:1},itemRelative:{fontSize:10,color:e.text.secondary,fontFamily:s}});

package/lib/module/ui/components/EventHistoryViewer/ViewToggleCards.js

@@ -1,132 +1 @@
-"use strict";
-
-/**
- * ViewToggleCards
- *
- * Two side-by-side cards for switching between current and diff views.
- * This is a dumb component - all state is controlled externally.
- */
-
-import React, { memo } from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { macOSColors } from "../../gameUI/constants/macOSDesignSystemColors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * ViewToggleCards displays two cards for switching between
- * "current" view and "diff" view modes.
- */
-export const ViewToggleCards = /*#__PURE__*/memo(function ViewToggleCards({
-  activeView,
-  onViewChange,
-  currentLabel,
-  currentDescription,
-  currentIcon: CurrentIcon,
-  diffLabel,
-  diffDescription,
-  diffIcon: DiffIcon,
-  diffDisabled = false
-}) {
-  const isCurrentActive = activeView === "current";
-  const isDiffActive = activeView === "diff";
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-      style: [styles.card, isCurrentActive && styles.cardActive],
-      onPress: () => onViewChange("current"),
-      activeOpacity: 0.8,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.cardContent,
-        children: [/*#__PURE__*/_jsx(CurrentIcon, {
-          size: 16,
-          color: isCurrentActive ? macOSColors.semantic.info : macOSColors.text.secondary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.cardLabel, isCurrentActive && styles.cardLabelActive],
-          children: currentLabel
-        })]
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.cardDescription, isCurrentActive && styles.cardDescriptionActive],
-        children: currentDescription
-      })]
-    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-      style: [styles.card, isDiffActive && styles.cardActive, diffDisabled && styles.cardDisabled],
-      onPress: () => !diffDisabled && onViewChange("diff"),
-      activeOpacity: diffDisabled ? 1 : 0.8,
-      disabled: diffDisabled,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.cardContent,
-        children: [/*#__PURE__*/_jsx(DiffIcon, {
-          size: 16,
-          color: isDiffActive ? macOSColors.semantic.success : diffDisabled ? macOSColors.text.muted : macOSColors.text.secondary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.cardLabel, isDiffActive && styles.cardLabelActive, diffDisabled && styles.cardLabelDisabled],
-          children: diffLabel
-        })]
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.cardDescription, isDiffActive && styles.cardDescriptionActive, diffDisabled && styles.cardDescriptionDisabled],
-        children: diffDescription
-      })]
-    })]
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    gap: 12,
-    padding: 14,
-    backgroundColor: macOSColors.background.base
-  },
-  card: {
-    flex: 1,
-    backgroundColor: macOSColors.background.card,
-    borderRadius: 14,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    padding: 14,
-    gap: 8
-  },
-  cardActive: {
-    borderWidth: 1.5,
-    borderColor: macOSColors.semantic.info,
-    backgroundColor: macOSColors.semantic.infoBackground + "30",
-    shadowColor: macOSColors.semantic.info,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 3
-  },
-  cardDisabled: {
-    opacity: 0.5
-  },
-  cardContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  cardLabel: {
-    fontSize: 12,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: macOSColors.text.secondary,
-    textTransform: "uppercase"
-  },
-  cardLabelActive: {
-    color: macOSColors.text.primary
-  },
-  cardLabelDisabled: {
-    color: macOSColors.text.muted
-  },
-  cardDescription: {
-    fontSize: 11,
-    color: macOSColors.text.muted,
-    lineHeight: 16
-  },
-  cardDescriptionActive: {
-    color: macOSColors.text.primary
-  },
-  cardDescriptionDisabled: {
-    color: macOSColors.text.muted
-  }
-});
+"use strict";import A,{memo as x}from"react";import{View as n,Text as d,TouchableOpacity as p,StyleSheet as f}from"react-native";import{macOSColors as r}from"../../gameUI/constants/macOSDesignSystemColors.js";import{jsx as c,jsxs as o}from"react/jsx-runtime";export const ViewToggleCards=x(function v({activeView:s,onViewChange:l,currentLabel:m,currentDescription:u,currentIcon:b,diffLabel:h,diffDescription:y,diffIcon:g,diffDisabled:t=false}){const a=s==="current";const i=s==="diff";return o(n,{style:e.container,children:[o(p,{style:[e.card,a&&e.cardActive],onPress:()=>l("current"),activeOpacity:.8,children:[o(n,{style:e.cardContent,children:[c(b,{size:16,color:a?r.semantic.info:r.text.secondary}),c(d,{style:[e.cardLabel,a&&e.cardLabelActive],children:m})]}),c(d,{style:[e.cardDescription,a&&e.cardDescriptionActive],children:u})]}),o(p,{style:[e.card,i&&e.cardActive,t&&e.cardDisabled],onPress:()=>!t&&l("diff"),activeOpacity:t?1:.8,disabled:t,children:[o(n,{style:e.cardContent,children:[c(g,{size:16,color:i?r.semantic.success:t?r.text.muted:r.text.secondary}),c(d,{style:[e.cardLabel,i&&e.cardLabelActive,t&&e.cardLabelDisabled],children:h})]}),c(d,{style:[e.cardDescription,i&&e.cardDescriptionActive,t&&e.cardDescriptionDisabled],children:y})]})]})});const e=f.create({container:{flexDirection:"row",gap:12,padding:14,backgroundColor:r.background.base},card:{flex:1,backgroundColor:r.background.card,borderRadius:14,borderWidth:1,borderColor:r.border.default,padding:14,gap:8},cardActive:{borderWidth:1.5,borderColor:r.semantic.info,backgroundColor:r.semantic.infoBackground+"30",shadowColor:r.semantic.info,shadowOffset:{width:0,height:2},shadowOpacity:.1,shadowRadius:8,elevation:3},cardDisabled:{opacity:.5},cardContent:{flexDirection:"row",alignItems:"center",gap:8},cardLabel:{fontSize:12,fontWeight:"700",letterSpacing:.5,color:r.text.secondary,textTransform:"uppercase"},cardLabelActive:{color:r.text.primary},cardLabelDisabled:{color:r.text.muted},cardDescription:{fontSize:11,color:r.text.muted,lineHeight:16},cardDescriptionActive:{color:r.text.primary},cardDescriptionDisabled:{color:r.text.muted}});

package/lib/module/ui/components/EventHistoryViewer/index.js

@@ -1,19 +1 @@
-"use strict";
-
-/**
- * EventHistoryViewer
- *
- * A reusable component for viewing event history with current/diff views.
- * Used by Storage events, Render events, and other event-based dev tools.
- */
-
-// Main component
-export { EventHistoryViewer } from "./EventHistoryViewer.js";
-
-// Sub-components (can be used independently)
-export { ViewToggleCards } from "./ViewToggleCards.js";
-export { DiffModeTabs } from "./DiffModeTabs.js";
-export { CompareBar } from "./CompareBar.js";
-export { EventPickerModal } from "./EventPickerModal.js";
-
-// Types
+"use strict";export{EventHistoryViewer}from"./EventHistoryViewer.js";export{ViewToggleCards}from"./ViewToggleCards.js";export{DiffModeTabs}from"./DiffModeTabs.js";export{CompareBar}from"./CompareBar.js";export{EventPickerModal}from"./EventPickerModal.js";

package/lib/module/ui/components/EventHistoryViewer/types.js

@@ -1,3 +1 @@
-"use strict";
-
-export {};
+"use strict";export{};

package/lib/module/ui/components/EventListItem.js

@@ -1,243 +1 @@
-"use strict";
-
-import { createContext } from "react";
-import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { gameUIColors } from "../gameUI/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const EventListItemContext = /*#__PURE__*/createContext({});
-export function EventListItem({
-  children,
-  style,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    style: [styles.container, style],
-    activeOpacity: 0.7,
-    ...props,
-    children: /*#__PURE__*/_jsx(EventListItemContext.Provider, {
-      value: {},
-      children: children
-    })
-  });
-}
-EventListItem.Status = function Status({
-  status,
-  size = "small"
-}) {
-  const colors = {
-    success: gameUIColors.success,
-    error: gameUIColors.error,
-    warning: gameUIColors.warning,
-    pending: gameUIColors.warning,
-    info: gameUIColors.primary
-  };
-  const sizes = {
-    small: 8,
-    medium: 10,
-    large: 12
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.statusContainer,
-    children: /*#__PURE__*/_jsx(View, {
-      style: [styles.statusDot, {
-        backgroundColor: colors[status],
-        width: sizes[size],
-        height: sizes[size],
-        borderRadius: sizes[size] / 2
-      }]
-    })
-  });
-};
-EventListItem.Main = function Main({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.main, style],
-    children: children
-  });
-};
-EventListItem.Title = function Title({
-  children,
-  numberOfLines = 1,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Text, {
-    style: [styles.title, style],
-    numberOfLines: numberOfLines,
-    children: children
-  });
-};
-EventListItem.Description = function Description({
-  children,
-  numberOfLines = 2,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Text, {
-    style: [styles.description, style],
-    numberOfLines: numberOfLines,
-    children: children
-  });
-};
-EventListItem.Metadata = function Metadata({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.metadata, style],
-    children: children
-  });
-};
-EventListItem.Timestamp = function Timestamp({
-  time,
-  format = "relative",
-  style
-}) {
-  const formatTime = () => {
-    if (format === "duration" && typeof time === "number") {
-      return `${time}ms`;
-    }
-    const date = new Date(time);
-    if (format === "absolute") {
-      return date.toLocaleTimeString();
-    }
-
-    // Relative time
-    const now = Date.now();
-    const diff = now - date.getTime();
-    const seconds = Math.floor(diff / 1000);
-    if (seconds < 60) return "just now";
-    const minutes = Math.floor(seconds / 60);
-    if (minutes < 60) return `${minutes}m ago`;
-    const hours = Math.floor(minutes / 60);
-    if (hours < 24) return `${hours}h ago`;
-    const days = Math.floor(hours / 24);
-    return `${days}d ago`;
-  };
-  return /*#__PURE__*/_jsx(Text, {
-    style: [styles.timestamp, style],
-    children: formatTime()
-  });
-};
-EventListItem.Size = function Size({
-  bytes,
-  style
-}) {
-  if (!bytes) return null;
-  const formatBytes = bytes => {
-    if (bytes === 0) return "0 B";
-    const k = 1024;
-    const sizes = ["B", "KB", "MB", "GB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
-  };
-  return /*#__PURE__*/_jsx(Text, {
-    style: [styles.size, style],
-    children: formatBytes(bytes)
-  });
-};
-EventListItem.Badge = function Badge({
-  children,
-  color,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.badge, color ? {
-      backgroundColor: color
-    } : {}, style],
-    children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
-      style: styles.badgeText,
-      children: children
-    }) : children
-  });
-};
-EventListItem.Header = function Header({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.header, style],
-    children: children
-  });
-};
-EventListItem.Footer = function Footer({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.footer, style],
-    children: children
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: gameUIColors.panel,
-    borderRadius: 8,
-    padding: 12,
-    marginBottom: 8,
-    marginHorizontal: 16
-  },
-  statusContainer: {
-    marginRight: 8,
-    justifyContent: "center"
-  },
-  statusDot: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2
-  },
-  main: {
-    flex: 1,
-    marginHorizontal: 8
-  },
-  title: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: gameUIColors.text,
-    marginBottom: 2
-  },
-  description: {
-    fontSize: 12,
-    color: gameUIColors.secondary,
-    lineHeight: 16
-  },
-  metadata: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  timestamp: {
-    fontSize: 11,
-    color: gameUIColors.tertiary
-  },
-  size: {
-    fontSize: 11,
-    color: gameUIColors.tertiary
-  },
-  badge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4,
-    backgroundColor: gameUIColors.primary + "20"
-  },
-  badgeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: gameUIColors.primary,
-    textTransform: "uppercase"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 8
-  },
-  footer: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginTop: 8
-  }
-});
+"use strict";import{createContext as y}from"react";import{View as c,Text as u,StyleSheet as w,TouchableOpacity as x}from"react-native";import{gameUIColors as o}from"../gameUI/index.js";import{jsx as r}from"react/jsx-runtime";const b=y({});export function EventListItem({children:i,style:t,...e}){return r(x,{style:[n.container,t],activeOpacity:.7,...e,children:r(b.Provider,{value:{},children:i})})}EventListItem.Status=function i({status:t,size:e="small"}){const a={success:o.success,error:o.error,warning:o.warning,pending:o.warning,info:o.primary};const s={small:8,medium:10,large:12};return r(c,{style:n.statusContainer,children:r(c,{style:[n.statusDot,{backgroundColor:a[t],width:s[e],height:s[e],borderRadius:s[e]/2}]})})};EventListItem.Main=function i({children:t,style:e}){return r(c,{style:[n.main,e],children:t})};EventListItem.Title=function i({children:t,numberOfLines:e=1,style:a}){return r(u,{style:[n.title,a],numberOfLines:e,children:t})};EventListItem.Description=function i({children:t,numberOfLines:e=2,style:a}){return r(u,{style:[n.description,a],numberOfLines:e,children:t})};EventListItem.Metadata=function i({children:t,style:e}){return r(c,{style:[n.metadata,e],children:t})};EventListItem.Timestamp=function i({time:t,format:e="relative",style:a}){const s=()=>{if(e==="duration"&&typeof t==="number"){return`${t}ms`}const l=new Date(t);if(e==="absolute"){return l.toLocaleTimeString()}const f=Date.now();const d=f-l.getTime();const h=Math.floor(d/1e3);if(h<60)return"just now";const m=Math.floor(h/60);if(m<60)return`${m}m ago`;const g=Math.floor(m/60);if(g<24)return`${g}h ago`;const p=Math.floor(g/24);return`${p}d ago`};return r(u,{style:[n.timestamp,a],children:s()})};EventListItem.Size=function i({bytes:t,style:e}){if(!t)return null;const a=s=>{if(s===0)return"0 B";const l=1024;const f=["B","KB","MB","GB"];const d=Math.floor(Math.log(s)/Math.log(l));return`${parseFloat((s/Math.pow(l,d)).toFixed(1))} ${f[d]}`};return r(u,{style:[n.size,e],children:a(t)})};EventListItem.Badge=function i({children:t,color:e,style:a}){return r(c,{style:[n.badge,e?{backgroundColor:e}:{},a],children:typeof t==="string"?r(u,{style:n.badgeText,children:t}):t})};EventListItem.Header=function i({children:t,style:e}){return r(c,{style:[n.header,e],children:t})};EventListItem.Footer=function i({children:t,style:e}){return r(c,{style:[n.footer,e],children:t})};const n=w.create({container:{backgroundColor:o.panel,borderRadius:8,padding:12,marginBottom:8,marginHorizontal:16},statusContainer:{marginRight:8,justifyContent:"center"},statusDot:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2},main:{flex:1,marginHorizontal:8},title:{fontSize:14,fontWeight:"600",color:o.text,marginBottom:2},description:{fontSize:12,color:o.secondary,lineHeight:16},metadata:{flexDirection:"row",alignItems:"center",gap:8},timestamp:{fontSize:11,color:o.tertiary},size:{fontSize:11,color:o.tertiary},badge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:o.primary+"20"},badgeText:{fontSize:10,fontWeight:"600",color:o.primary,textTransform:"uppercase"},header:{flexDirection:"row",alignItems:"center",marginBottom:8},footer:{flexDirection:"row",alignItems:"center",marginTop:8}});