@buoy-gg/shared-ui 7.0.41 → 7.0.43

package/lib/commonjs/ui/console/CyberpunkButtonOutline.js

@@ -1,261 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CyberpunkButtonOutline = CyberpunkButtonOutline;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function CyberpunkButtonOutline({
-  children,
-  onPress,
-  style,
-  accentColor = "#00ffff"
-}) {
-  const [isPressed, setIsPressed] = (0, _react.useState)(false);
-  const animatedScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const animatedOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    setIsPressed(true);
-    _reactNative.Animated.parallel([_reactNative.Animated.spring(animatedScale, {
-      toValue: 0.98,
-      useNativeDriver: true,
-      tension: 100,
-      friction: 10
-    }), _reactNative.Animated.timing(animatedOpacity, {
-      toValue: 1.2,
-      duration: 100,
-      useNativeDriver: true
-    })]).start();
-  };
-  const handlePressOut = () => {
-    setIsPressed(false);
-    _reactNative.Animated.parallel([_reactNative.Animated.spring(animatedScale, {
-      toValue: 1,
-      useNativeDriver: true,
-      tension: 100,
-      friction: 10
-    }), _reactNative.Animated.timing(animatedOpacity, {
-      toValue: 1,
-      duration: 100,
-      useNativeDriver: true
-    })]).start();
-  };
-  const cornerCutSize = 15;
-  const borderWidth = isPressed ? 3 : 2.5;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-      style: {
-        position: "relative",
-        height: 80,
-        marginBottom: 12,
-        transform: [{
-          scale: animatedScale
-        }],
-        opacity: animatedOpacity
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.mainFrame, {
-          borderColor: accentColor,
-          borderWidth: borderWidth,
-          opacity: isPressed ? 1 : 0.95,
-          shadowColor: accentColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.6,
-          shadowRadius: 8
-        }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.cornerCut, {
-            top: -borderWidth,
-            left: -borderWidth,
-            width: cornerCutSize,
-            height: cornerCutSize,
-            borderRightWidth: borderWidth,
-            borderBottomWidth: borderWidth,
-            borderRightColor: accentColor,
-            borderBottomColor: accentColor,
-            backgroundColor: style?.backgroundColor || "transparent",
-            transform: [{
-              rotate: "0deg"
-            }]
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.cornerCut, {
-            top: -borderWidth,
-            right: -borderWidth,
-            width: cornerCutSize,
-            height: cornerCutSize,
-            borderLeftWidth: borderWidth,
-            borderBottomWidth: borderWidth,
-            borderLeftColor: accentColor,
-            borderBottomColor: accentColor,
-            backgroundColor: style?.backgroundColor || "transparent",
-            transform: [{
-              rotate: "0deg"
-            }]
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.cornerCut, {
-            bottom: -borderWidth,
-            left: -borderWidth,
-            width: cornerCutSize,
-            height: cornerCutSize,
-            borderRightWidth: borderWidth,
-            borderTopWidth: borderWidth,
-            borderRightColor: accentColor,
-            borderTopColor: accentColor,
-            backgroundColor: style?.backgroundColor || "transparent",
-            transform: [{
-              rotate: "0deg"
-            }]
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.cornerCut, {
-            bottom: -borderWidth,
-            right: -borderWidth,
-            width: cornerCutSize,
-            height: cornerCutSize,
-            borderLeftWidth: borderWidth,
-            borderTopWidth: borderWidth,
-            borderLeftColor: accentColor,
-            borderTopColor: accentColor,
-            backgroundColor: style?.backgroundColor || "transparent",
-            transform: [{
-              rotate: "0deg"
-            }]
-          }]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.innerFrame, {
-          top: 3,
-          left: 3,
-          right: 3,
-          bottom: 3,
-          borderColor: accentColor,
-          borderWidth: 1.5,
-          opacity: 0.6,
-          shadowColor: accentColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.4,
-          shadowRadius: 4
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          top: 5,
-          left: cornerCutSize,
-          width: 10,
-          height: 1,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          top: cornerCutSize,
-          left: 5,
-          width: 1,
-          height: 10,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          top: 5,
-          right: cornerCutSize,
-          width: 10,
-          height: 1,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          top: cornerCutSize,
-          right: 5,
-          width: 1,
-          height: 10,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          bottom: 5,
-          left: cornerCutSize,
-          width: 10,
-          height: 1,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          bottom: cornerCutSize,
-          left: 5,
-          width: 1,
-          height: 10,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          bottom: 5,
-          right: cornerCutSize,
-          width: 10,
-          height: 1,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.accentLine, {
-          bottom: cornerCutSize,
-          right: 5,
-          width: 1,
-          height: 10,
-          backgroundColor: accentColor,
-          opacity: 0.6
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          paddingLeft: 35,
-          paddingRight: 25,
-          paddingVertical: 12,
-          justifyContent: "center"
-        },
-        children: children
-      })]
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  mainFrame: {
-    position: "absolute",
-    top: 0,
-    left: 10,
-    right: 10,
-    bottom: 0,
-    borderRadius: 2
-  },
-  innerFrame: {
-    position: "absolute",
-    borderRadius: 2
-  },
-  cornerCut: {
-    position: "absolute"
-  },
-  accentLine: {
-    position: "absolute"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CyberpunkButtonOutline=CyberpunkButtonOutline;var _react=require("react");var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");function CyberpunkButtonOutline({children:d,onPress:h,style:o,accentColor:t="#00ffff"}){const[a,n]=(0,_react.useState)(false);const i=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;const s=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;const u=()=>{n(true);_reactNative.Animated.parallel([_reactNative.Animated.spring(i,{toValue:.98,useNativeDriver:true,tension:100,friction:10}),_reactNative.Animated.timing(s,{toValue:1.2,duration:100,useNativeDriver:true})]).start()};const l=()=>{n(false);_reactNative.Animated.parallel([_reactNative.Animated.spring(i,{toValue:1,useNativeDriver:true,tension:100,friction:10}),_reactNative.Animated.timing(s,{toValue:1,duration:100,useNativeDriver:true})]).start()};const r=15;const e=a?3:2.5;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:h,onPressIn:u,onPressOut:l,style:o,children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:{position:"relative",height:80,marginBottom:12,transform:[{scale:i}],opacity:s},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.mainFrame,{borderColor:t,borderWidth:e,opacity:a?1:.95,shadowColor:t,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:8}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerCut,{top:-e,left:-e,width:r,height:r,borderRightWidth:e,borderBottomWidth:e,borderRightColor:t,borderBottomColor:t,backgroundColor:o?.backgroundColor||"transparent",transform:[{rotate:"0deg"}]}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerCut,{top:-e,right:-e,width:r,height:r,borderLeftWidth:e,borderBottomWidth:e,borderLeftColor:t,borderBottomColor:t,backgroundColor:o?.backgroundColor||"transparent",transform:[{rotate:"0deg"}]}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerCut,{bottom:-e,left:-e,width:r,height:r,borderRightWidth:e,borderTopWidth:e,borderRightColor:t,borderTopColor:t,backgroundColor:o?.backgroundColor||"transparent",transform:[{rotate:"0deg"}]}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerCut,{bottom:-e,right:-e,width:r,height:r,borderLeftWidth:e,borderTopWidth:e,borderLeftColor:t,borderTopColor:t,backgroundColor:o?.backgroundColor||"transparent",transform:[{rotate:"0deg"}]}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.innerFrame,{top:3,left:3,right:3,bottom:3,borderColor:t,borderWidth:1.5,opacity:.6,shadowColor:t,shadowOffset:{width:0,height:0},shadowOpacity:.4,shadowRadius:4}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{top:5,left:r,width:10,height:1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{top:r,left:5,width:1,height:10,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{top:5,right:r,width:10,height:1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{top:r,right:5,width:1,height:10,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{bottom:5,left:r,width:10,height:1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{bottom:r,left:5,width:1,height:10,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{bottom:5,right:r,width:10,height:1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.accentLine,{bottom:r,right:5,width:1,height:10,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:0,left:0,right:0,bottom:0,paddingLeft:35,paddingRight:25,paddingVertical:12,justifyContent:"center"},children:d})]})})}const styles=_reactNative.StyleSheet.create({mainFrame:{position:"absolute",top:0,left:10,right:10,bottom:0,borderRadius:2},innerFrame:{position:"absolute",borderRadius:2},cornerCut:{position:"absolute"},accentLine:{position:"absolute"}});

package/lib/commonjs/ui/console/CyberpunkIconContainer.js

@@ -1,186 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CyberpunkIconContainer = CyberpunkIconContainer;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function CyberpunkIconContainer({
-  children,
-  color,
-  size = 42
-}) {
-  const borderWidth = 1.5;
-  const cornerSize = 4;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: {
-      width: size,
-      height: size,
-      position: "relative"
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.mainFrame, {
-        width: size,
-        height: size,
-        backgroundColor: "rgba(0, 0, 0, 0.6)",
-        borderColor: color,
-        borderWidth: borderWidth,
-        shadowColor: color,
-        shadowOffset: {
-          width: 0,
-          height: 0
-        },
-        shadowOpacity: 0.6,
-        shadowRadius: 4
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.innerFrame, {
-        top: 2,
-        left: 2,
-        right: 2,
-        bottom: 2,
-        borderColor: color,
-        borderWidth: 0.5,
-        opacity: 0.4
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        top: 0,
-        left: 0,
-        width: cornerSize,
-        height: borderWidth,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        top: 0,
-        left: 0,
-        width: borderWidth,
-        height: cornerSize,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        top: 0,
-        right: 0,
-        width: cornerSize,
-        height: borderWidth,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        top: 0,
-        right: 0,
-        width: borderWidth,
-        height: cornerSize,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        bottom: 0,
-        left: 0,
-        width: cornerSize,
-        height: borderWidth,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        bottom: 0,
-        left: 0,
-        width: borderWidth,
-        height: cornerSize,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        bottom: 0,
-        right: 0,
-        width: cornerSize,
-        height: borderWidth,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.cornerAccent, {
-        bottom: 0,
-        right: 0,
-        width: borderWidth,
-        height: cornerSize,
-        backgroundColor: color,
-        opacity: 0.8
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.techDot, {
-        top: -1,
-        left: size / 2 - 1,
-        backgroundColor: color,
-        opacity: 0.6
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.techDot, {
-        bottom: -1,
-        left: size / 2 - 1,
-        backgroundColor: color,
-        opacity: 0.6
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.techDot, {
-        left: -1,
-        top: size / 2 - 1,
-        backgroundColor: color,
-        opacity: 0.6
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.techDot, {
-        right: -1,
-        top: size / 2 - 1,
-        backgroundColor: color,
-        opacity: 0.6
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        justifyContent: "center",
-        alignItems: "center",
-        shadowColor: color,
-        shadowOffset: {
-          width: 0,
-          height: 0
-        },
-        shadowOpacity: 0.8,
-        shadowRadius: 4
-      },
-      children: children
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  mainFrame: {
-    position: "absolute",
-    borderRadius: 2
-  },
-  innerFrame: {
-    position: "absolute",
-    borderRadius: 2
-  },
-  cornerAccent: {
-    position: "absolute"
-  },
-  techDot: {
-    position: "absolute",
-    width: 2,
-    height: 2,
-    borderRadius: 1
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CyberpunkIconContainer=CyberpunkIconContainer;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");function CyberpunkIconContainer({children:r,color:t,size:o=42}){const e=1.5;const i=4;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:o,height:o,position:"relative"},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.mainFrame,{width:o,height:o,backgroundColor:"rgba(0, 0, 0, 0.6)",borderColor:t,borderWidth:e,shadowColor:t,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:4}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.innerFrame,{top:2,left:2,right:2,bottom:2,borderColor:t,borderWidth:.5,opacity:.4}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{top:0,left:0,width:i,height:e,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{top:0,left:0,width:e,height:i,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{top:0,right:0,width:i,height:e,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{top:0,right:0,width:e,height:i,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{bottom:0,left:0,width:i,height:e,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{bottom:0,left:0,width:e,height:i,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{bottom:0,right:0,width:i,height:e,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.cornerAccent,{bottom:0,right:0,width:e,height:i,backgroundColor:t,opacity:.8}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.techDot,{top:-1,left:o/2-1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.techDot,{bottom:-1,left:o/2-1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.techDot,{left:-1,top:o/2-1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.techDot,{right:-1,top:o/2-1,backgroundColor:t,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center",shadowColor:t,shadowOffset:{width:0,height:0},shadowOpacity:.8,shadowRadius:4},children:r})]})}const styles=_reactNative.StyleSheet.create({mainFrame:{position:"absolute",borderRadius:2},innerFrame:{position:"absolute",borderRadius:2},cornerAccent:{position:"absolute"},techDot:{position:"absolute",width:2,height:2,borderRadius:1}});

package/lib/commonjs/ui/console/CyberpunkSectionButton.js

@@ -1,123 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CyberpunkSectionButton = CyberpunkSectionButton;
-var _reactNative = require("react-native");
-var _index = require("../../icons/index.js");
-var _CyberpunkButtonOutline = require("./CyberpunkButtonOutline.js");
-var _CyberpunkIconContainer = require("./CyberpunkIconContainer.js");
-var _index2 = require("../gameUI/index.js");
-var _fonts = require("../fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function CyberpunkSectionButton({
-  id: _id,
-  title,
-  subtitle,
-  icon: Icon,
-  iconColor,
-  iconBackgroundColor,
-  onPress,
-  index = 0
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CyberpunkButtonOutline.CyberpunkButtonOutline, {
-    onPress: onPress,
-    accentColor: iconColor,
-    index: index,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.iconWrapper,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CyberpunkIconContainer.CyberpunkIconContainer, {
-          color: iconColor,
-          size: 36,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-            size: 20,
-            color: iconColor,
-            strokeWidth: 2.5
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.textContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.title, {
-            color: _index2.gameUIColors.text
-          }],
-          children: title
-        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.subtitle, {
-            color: iconColor
-          }],
-          children: subtitle
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.dataDots,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.dot, {
-            backgroundColor: iconColor,
-            opacity: 0.9
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.dot, {
-            backgroundColor: iconColor,
-            opacity: 0.6
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.dot, {
-            backgroundColor: iconColor,
-            opacity: 0.3
-          }]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.arrowContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronRight, {
-          size: 20,
-          color: `${iconColor}CC`
-        })
-      })]
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    height: "100%"
-  },
-  iconWrapper: {
-    marginRight: 12
-  },
-  textContainer: {
-    flex: 1,
-    marginRight: 10
-  },
-  title: {
-    fontSize: 14,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    fontFamily: _fonts.monoFont
-  },
-  subtitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    marginTop: 1,
-    letterSpacing: 0.5,
-    fontFamily: _fonts.monoFont,
-    opacity: 0.85
-  },
-  arrowContainer: {
-    marginLeft: 8
-  },
-  dataDots: {
-    flexDirection: "row",
-    gap: 3,
-    alignItems: "center",
-    marginRight: 12
-  },
-  dot: {
-    width: 5,
-    height: 5,
-    borderRadius: 2.5
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CyberpunkSectionButton=CyberpunkSectionButton;var _reactNative=require("react-native");var _index=require("../../icons/index.js");var _CyberpunkButtonOutline=require("./CyberpunkButtonOutline.js");var _CyberpunkIconContainer=require("./CyberpunkIconContainer.js");var _index2=require("../gameUI/index.js");var _fonts=require("../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function CyberpunkSectionButton({id:s,title:r,subtitle:t,icon:n,iconColor:e,iconBackgroundColor:a,onPress:i,index:o=0}){return(0,_jsxRuntime.jsx)(_CyberpunkButtonOutline.CyberpunkButtonOutline,{onPress:i,accentColor:e,index:o,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.iconWrapper,children:(0,_jsxRuntime.jsx)(_CyberpunkIconContainer.CyberpunkIconContainer,{color:e,size:36,children:(0,_jsxRuntime.jsx)(n,{size:20,color:e,strokeWidth:2.5})})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.textContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.title,{color:_index2.gameUIColors.text}],children:r}),t&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.subtitle,{color:e}],children:t})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.dataDots,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:e,opacity:.9}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:e,opacity:.6}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:e,opacity:.3}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.arrowContainer,children:(0,_jsxRuntime.jsx)(_index.ChevronRight,{size:20,color:`${e}CC`})})]})})}const styles=_reactNative.StyleSheet.create({content:{flexDirection:"row",alignItems:"center",height:"100%"},iconWrapper:{marginRight:12},textContainer:{flex:1,marginRight:10},title:{fontSize:14,fontWeight:"700",letterSpacing:.5,fontFamily:_fonts.monoFont},subtitle:{fontSize:12,fontWeight:"600",marginTop:1,letterSpacing:.5,fontFamily:_fonts.monoFont,opacity:.85},arrowContainer:{marginLeft:8},dataDots:{flexDirection:"row",gap:3,alignItems:"center",marginRight:12},dot:{width:5,height:5,borderRadius:2.5}});