@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/ui/floating/index.js

@@ -1,105 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ARROW_BOTTOM_OFFSET", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.ARROW_BOTTOM_OFFSET;
-  }
-});
-Object.defineProperty(exports, "ARROW_HEIGHT", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.ARROW_HEIGHT;
-  }
-});
-Object.defineProperty(exports, "FloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _FloatingTool.FloatingTool;
-  }
-});
-Object.defineProperty(exports, "FloatingToolDivider", {
-  enumerable: true,
-  get: function () {
-    return _FloatingTool.Divider;
-  }
-});
-Object.defineProperty(exports, "FloatingToolHost", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolHost.FloatingToolHost;
-  }
-});
-Object.defineProperty(exports, "FloatingToolUserStatus", {
-  enumerable: true,
-  get: function () {
-    return _FloatingTool.UserStatus;
-  }
-});
-Object.defineProperty(exports, "SPACING_GAP", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.SPACING_GAP;
-  }
-});
-Object.defineProperty(exports, "calculateTargetPosition", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.calculateTargetPosition;
-  }
-});
-Object.defineProperty(exports, "calculateTooltipPosition", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.calculateTooltipPosition;
-  }
-});
-Object.defineProperty(exports, "dismissFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.dismissFloatingTool;
-  }
-});
-Object.defineProperty(exports, "getBubbleAnchorPosition", {
-  enumerable: true,
-  get: function () {
-    return _FloatingTool.getBubbleAnchorPosition;
-  }
-});
-Object.defineProperty(exports, "getFloatingTools", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.getFloatingTools;
-  }
-});
-Object.defineProperty(exports, "getScreenCenterY", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstants.getScreenCenterY;
-  }
-});
-Object.defineProperty(exports, "openFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.openFloatingTool;
-  }
-});
-Object.defineProperty(exports, "registerPersistentFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.registerPersistentFloatingTool;
-  }
-});
-Object.defineProperty(exports, "subscribeFloatingTools", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.subscribeFloatingTools;
-  }
-});
-var _FloatingTool = require("./FloatingTool");
-var _FloatingToolHost = require("./FloatingToolHost");
-var _floatingToolStore = require("../../stores/floatingToolStore.js");
-var _onboardingConstants = require("./onboardingConstants");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ARROW_BOTTOM_OFFSET",{enumerable:true,get:function(){return _onboardingConstants.ARROW_BOTTOM_OFFSET}});Object.defineProperty(exports,"ARROW_HEIGHT",{enumerable:true,get:function(){return _onboardingConstants.ARROW_HEIGHT}});Object.defineProperty(exports,"FloatingTool",{enumerable:true,get:function(){return _FloatingTool.FloatingTool}});Object.defineProperty(exports,"FloatingToolDivider",{enumerable:true,get:function(){return _FloatingTool.Divider}});Object.defineProperty(exports,"FloatingToolHost",{enumerable:true,get:function(){return _FloatingToolHost.FloatingToolHost}});Object.defineProperty(exports,"FloatingToolUserStatus",{enumerable:true,get:function(){return _FloatingTool.UserStatus}});Object.defineProperty(exports,"SPACING_GAP",{enumerable:true,get:function(){return _onboardingConstants.SPACING_GAP}});Object.defineProperty(exports,"calculateTargetPosition",{enumerable:true,get:function(){return _onboardingConstants.calculateTargetPosition}});Object.defineProperty(exports,"calculateTooltipPosition",{enumerable:true,get:function(){return _onboardingConstants.calculateTooltipPosition}});Object.defineProperty(exports,"dismissFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.dismissFloatingTool}});Object.defineProperty(exports,"getBubbleAnchorPosition",{enumerable:true,get:function(){return _FloatingTool.getBubbleAnchorPosition}});Object.defineProperty(exports,"getFloatingTools",{enumerable:true,get:function(){return _floatingToolStore.getFloatingTools}});Object.defineProperty(exports,"getScreenCenterY",{enumerable:true,get:function(){return _onboardingConstants.getScreenCenterY}});Object.defineProperty(exports,"openFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.openFloatingTool}});Object.defineProperty(exports,"registerPersistentFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.registerPersistentFloatingTool}});Object.defineProperty(exports,"subscribeFloatingTools",{enumerable:true,get:function(){return _floatingToolStore.subscribeFloatingTools}});var _FloatingTool=require("./FloatingTool");var _FloatingToolHost=require("./FloatingToolHost");var _floatingToolStore=require("../../stores/floatingToolStore.js");var _onboardingConstants=require("./onboardingConstants");

package/lib/commonjs/ui/floating/index.web.js

@@ -1,105 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ARROW_BOTTOM_OFFSET", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.ARROW_BOTTOM_OFFSET;
-  }
-});
-Object.defineProperty(exports, "ARROW_HEIGHT", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.ARROW_HEIGHT;
-  }
-});
-Object.defineProperty(exports, "FloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolWeb.FloatingTool;
-  }
-});
-Object.defineProperty(exports, "FloatingToolDivider", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolWeb.Divider;
-  }
-});
-Object.defineProperty(exports, "FloatingToolHost", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolHostWeb.FloatingToolHost;
-  }
-});
-Object.defineProperty(exports, "FloatingToolUserStatus", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolWeb.UserStatus;
-  }
-});
-Object.defineProperty(exports, "SPACING_GAP", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.SPACING_GAP;
-  }
-});
-Object.defineProperty(exports, "calculateTargetPosition", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.calculateTargetPosition;
-  }
-});
-Object.defineProperty(exports, "calculateTooltipPosition", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.calculateTooltipPosition;
-  }
-});
-Object.defineProperty(exports, "dismissFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.dismissFloatingTool;
-  }
-});
-Object.defineProperty(exports, "getBubbleAnchorPosition", {
-  enumerable: true,
-  get: function () {
-    return _FloatingToolWeb.getBubbleAnchorPosition;
-  }
-});
-Object.defineProperty(exports, "getFloatingTools", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.getFloatingTools;
-  }
-});
-Object.defineProperty(exports, "getScreenCenterY", {
-  enumerable: true,
-  get: function () {
-    return _onboardingConstantsWeb.getScreenCenterY;
-  }
-});
-Object.defineProperty(exports, "openFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.openFloatingTool;
-  }
-});
-Object.defineProperty(exports, "registerPersistentFloatingTool", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.registerPersistentFloatingTool;
-  }
-});
-Object.defineProperty(exports, "subscribeFloatingTools", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolStore.subscribeFloatingTools;
-  }
-});
-var _FloatingToolWeb = require("./FloatingTool.web.js");
-var _FloatingToolHostWeb = require("./FloatingToolHost.web.js");
-var _floatingToolStore = require("../../stores/floatingToolStore.js");
-var _onboardingConstantsWeb = require("./onboardingConstants.web.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ARROW_BOTTOM_OFFSET",{enumerable:true,get:function(){return _onboardingConstantsWeb.ARROW_BOTTOM_OFFSET}});Object.defineProperty(exports,"ARROW_HEIGHT",{enumerable:true,get:function(){return _onboardingConstantsWeb.ARROW_HEIGHT}});Object.defineProperty(exports,"FloatingTool",{enumerable:true,get:function(){return _FloatingToolWeb.FloatingTool}});Object.defineProperty(exports,"FloatingToolDivider",{enumerable:true,get:function(){return _FloatingToolWeb.Divider}});Object.defineProperty(exports,"FloatingToolHost",{enumerable:true,get:function(){return _FloatingToolHostWeb.FloatingToolHost}});Object.defineProperty(exports,"FloatingToolUserStatus",{enumerable:true,get:function(){return _FloatingToolWeb.UserStatus}});Object.defineProperty(exports,"SPACING_GAP",{enumerable:true,get:function(){return _onboardingConstantsWeb.SPACING_GAP}});Object.defineProperty(exports,"calculateTargetPosition",{enumerable:true,get:function(){return _onboardingConstantsWeb.calculateTargetPosition}});Object.defineProperty(exports,"calculateTooltipPosition",{enumerable:true,get:function(){return _onboardingConstantsWeb.calculateTooltipPosition}});Object.defineProperty(exports,"dismissFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.dismissFloatingTool}});Object.defineProperty(exports,"getBubbleAnchorPosition",{enumerable:true,get:function(){return _FloatingToolWeb.getBubbleAnchorPosition}});Object.defineProperty(exports,"getFloatingTools",{enumerable:true,get:function(){return _floatingToolStore.getFloatingTools}});Object.defineProperty(exports,"getScreenCenterY",{enumerable:true,get:function(){return _onboardingConstantsWeb.getScreenCenterY}});Object.defineProperty(exports,"openFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.openFloatingTool}});Object.defineProperty(exports,"registerPersistentFloatingTool",{enumerable:true,get:function(){return _floatingToolStore.registerPersistentFloatingTool}});Object.defineProperty(exports,"subscribeFloatingTools",{enumerable:true,get:function(){return _floatingToolStore.subscribeFloatingTools}});var _FloatingToolWeb=require("./FloatingTool.web.js");var _FloatingToolHostWeb=require("./FloatingToolHost.web.js");var _floatingToolStore=require("../../stores/floatingToolStore.js");var _onboardingConstantsWeb=require("./onboardingConstants.web.js");

package/lib/commonjs/ui/floating/onboardingConstants.js

@@ -1,70 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING_GAP = exports.ARROW_HEIGHT = exports.ARROW_BOTTOM_OFFSET = void 0;
-exports.calculateTargetPosition = calculateTargetPosition;
-exports.calculateTooltipPosition = calculateTooltipPosition;
-exports.getScreenCenterY = getScreenCenterY;
-var _reactNative = require("react-native");
-/**
- * Shared constants for onboarding tooltip positioning
- * These ensure the floating menu aligns perfectly under the tooltip arrow
- * All positions are calculated dynamically based on screen size
- */
-
-// Arrow dimensions (relative positioning)
-const ARROW_BOTTOM_OFFSET = exports.ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-const ARROW_HEIGHT = exports.ARROW_HEIGHT = 20; // borderTopWidth of arrow
-const SPACING_GAP = exports.SPACING_GAP = 10; // Gap between arrow tip and target element
-
-/**
- * Calculate the center Y position of the screen
- * This is used to vertically center the onboarding UI
- *
- * @returns Y coordinate at the center of the screen
- */
-function getScreenCenterY() {
-  const {
-    height: screenHeight
-  } = _reactNative.Dimensions.get("window");
-  return screenHeight / 2;
-}
-
-/**
- * Calculate the tooltip position to center it vertically on screen
- * Uses flexbox-style centering - tooltip will center itself with its actual size
- *
- * @returns Distance from screen bottom for tooltip positioning
- */
-function calculateTooltipPosition() {
-  // Position from center - tooltip will be centered with transform or flex
-  // We return a value that's slightly above center to account for the arrow below
-  const centerY = getScreenCenterY();
-
-  // Approximate offset to center the tooltip+arrow combo
-  // This is a reasonable estimate that works for most tooltip sizes
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-
-  return centerY - estimatedHalfHeight;
-}
-
-/**
- * Calculate the position where a target element should be placed
- * to align directly under the tooltip arrow
- *
- * @returns Distance from screen bottom where element should be positioned
- */
-function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-
-  // Arrow tip position = tooltip bottom + arrow offset (arrow extends below, so negative)
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-
-  // Subtract arrow height to get to the actual tip
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-
-  // Subtract spacing gap to position element below arrow
-  return actualArrowTip - SPACING_GAP;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SPACING_GAP=exports.ARROW_HEIGHT=exports.ARROW_BOTTOM_OFFSET=void 0;exports.calculateTargetPosition=calculateTargetPosition;exports.calculateTooltipPosition=calculateTooltipPosition;exports.getScreenCenterY=getScreenCenterY;var _reactNative=require("react-native");const ARROW_BOTTOM_OFFSET=exports.ARROW_BOTTOM_OFFSET=-40;const ARROW_HEIGHT=exports.ARROW_HEIGHT=20;const SPACING_GAP=exports.SPACING_GAP=10;function getScreenCenterY(){const{height:t}=_reactNative.Dimensions.get("window");return t/2}function calculateTooltipPosition(){const t=getScreenCenterY();const e=130;return t-e}function calculateTargetPosition(){const t=calculateTooltipPosition();const e=t+ARROW_BOTTOM_OFFSET;const o=e-ARROW_HEIGHT;return o-SPACING_GAP}

package/lib/commonjs/ui/floating/onboardingConstants.web.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING_GAP = exports.ARROW_HEIGHT = exports.ARROW_BOTTOM_OFFSET = void 0;
-exports.calculateTargetPosition = calculateTargetPosition;
-exports.calculateTooltipPosition = calculateTooltipPosition;
-exports.getScreenCenterY = getScreenCenterY;
-/**
- * Web twin of onboardingConstants.ts — same math, window.innerHeight instead
- * of RN Dimensions.
- */
-const ARROW_BOTTOM_OFFSET = exports.ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-const ARROW_HEIGHT = exports.ARROW_HEIGHT = 20; // borderTopWidth of arrow
-const SPACING_GAP = exports.SPACING_GAP = 10; // Gap between arrow tip and target element
-
-function getScreenCenterY() {
-  return window.innerHeight / 2;
-}
-
-/** Distance from screen bottom for tooltip positioning (centered-ish). */
-function calculateTooltipPosition() {
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-  return getScreenCenterY() - estimatedHalfHeight;
-}
-
-/** Distance from screen bottom where the bubble should sit (under the arrow). */
-function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-  return actualArrowTip - SPACING_GAP;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SPACING_GAP=exports.ARROW_HEIGHT=exports.ARROW_BOTTOM_OFFSET=void 0;exports.calculateTargetPosition=calculateTargetPosition;exports.calculateTooltipPosition=calculateTooltipPosition;exports.getScreenCenterY=getScreenCenterY;const ARROW_BOTTOM_OFFSET=exports.ARROW_BOTTOM_OFFSET=-40;const ARROW_HEIGHT=exports.ARROW_HEIGHT=20;const SPACING_GAP=exports.SPACING_GAP=10;function getScreenCenterY(){return window.innerHeight/2}function calculateTooltipPosition(){const t=130;return getScreenCenterY()-t}function calculateTargetPosition(){const t=calculateTooltipPosition();const o=t+ARROW_BOTTOM_OFFSET;const e=o-ARROW_HEIGHT;return e-SPACING_GAP}

package/lib/commonjs/ui/fonts.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "monoFont", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolsCore.monoFont;
-  }
-});
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"monoFont",{enumerable:true,get:function(){return _floatingToolsCore.monoFont}});var _floatingToolsCore=require("@buoy-gg/floating-tools-core");

package/lib/commonjs/ui/gameUI/components/GameUICollapsibleSection.js

@@ -1,121 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GameUICollapsibleSection = GameUICollapsibleSection;
-var _reactNative = require("react-native");
-var _index = require("../../../icons/index.js");
-var _gameUIColors = require("../constants/gameUIColors.js");
-var _fonts = require("../../fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Reusable collapsible section component for Game UI
- * Follows the established design pattern with icon, title, count badge, and subtitle
- * Used across ENV, Storage, and other game-style interfaces
- */
-function GameUICollapsibleSection({
-  icon: Icon,
-  iconColor,
-  title,
-  count,
-  subtitle,
-  expanded,
-  onToggle,
-  children,
-  style,
-  titleStyle
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: onToggle,
-      activeOpacity: 0.7,
-      style: styles.headerTouchable,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.header,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.headerLeft,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-            size: 14,
-            color: iconColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.title, titleStyle],
-            children: title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.badge, {
-              backgroundColor: iconColor + "20"
-            }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.badgeText, {
-                color: iconColor
-              }],
-              children: count
-            })
-          })]
-        }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronUp, {
-          size: 14,
-          color: _gameUIColors.gameUIColors.muted
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronDown, {
-          size: 14,
-          color: _gameUIColors.gameUIColors.muted
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.subtitle,
-        children: subtitle
-      })]
-    }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: {
-        opacity: 1
-      },
-      children: children
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    marginBottom: 20
-  },
-  headerTouchable: {
-    marginBottom: 12
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4,
-    paddingHorizontal: 4
-  },
-  headerLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  title: {
-    fontSize: 11,
-    color: _gameUIColors.gameUIColors.primary,
-    fontFamily: _fonts.monoFont,
-    fontWeight: "700",
-    letterSpacing: 2,
-    opacity: 0.9
-  },
-  subtitle: {
-    fontSize: 9,
-    color: _gameUIColors.gameUIColors.secondary,
-    fontFamily: _fonts.monoFont,
-    paddingHorizontal: 4,
-    marginTop: 2,
-    opacity: 0.7
-  },
-  badge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 10
-  },
-  badgeText: {
-    fontSize: 10,
-    fontFamily: _fonts.monoFont,
-    fontWeight: "700"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.GameUICollapsibleSection=GameUICollapsibleSection;var _reactNative=require("react-native");var _index=require("../../../icons/index.js");var _gameUIColors=require("../constants/gameUIColors.js");var _fonts=require("../../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function GameUICollapsibleSection({icon:o,iconColor:e,title:r,count:i,subtitle:n,expanded:t,onToggle:a,children:s,style:l,titleStyle:c}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,l],children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:a,activeOpacity:.7,style:styles.headerTouchable,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.headerLeft,children:[(0,_jsxRuntime.jsx)(o,{size:14,color:e}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.title,c],children:r}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.badge,{backgroundColor:e+"20"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.badgeText,{color:e}],children:i})})]}),t?(0,_jsxRuntime.jsx)(_index.ChevronUp,{size:14,color:_gameUIColors.gameUIColors.muted}):(0,_jsxRuntime.jsx)(_index.ChevronDown,{size:14,color:_gameUIColors.gameUIColors.muted})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.subtitle,children:n})]}),t&&(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:1},children:s})]})}const styles=_reactNative.StyleSheet.create({container:{marginBottom:20},headerTouchable:{marginBottom:12},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4,paddingHorizontal:4},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},title:{fontSize:11,color:_gameUIColors.gameUIColors.primary,fontFamily:_fonts.monoFont,fontWeight:"700",letterSpacing:2,opacity:.9},subtitle:{fontSize:9,color:_gameUIColors.gameUIColors.secondary,fontFamily:_fonts.monoFont,paddingHorizontal:4,marginTop:2,opacity:.7},badge:{paddingHorizontal:8,paddingVertical:2,borderRadius:10},badgeText:{fontSize:10,fontFamily:_fonts.monoFont,fontWeight:"700"}});