react-native-games 0.3.0

package/lib/module/games/maze-runner/components/GameBackground.js

@@ -0,0 +1,216 @@
+"use strict";
+
+import React from 'react';
+import { Canvas, LinearGradient, vec, Circle, Path, Shadow } from '@shopify/react-native-skia';
+import { useSharedValue, useAnimatedStyle, withRepeat, withTiming, withSequence } from 'react-native-reanimated';
+import Animated from 'react-native-reanimated';
+import { Dimensions } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  width: screenWidth,
+  height: screenHeight
+} = Dimensions.get('window');
+export const GameBackground = ({
+  children
+}) => {
+  // Animation values
+  const mazeFloat = useSharedValue(0);
+  const particleFloat = useSharedValue(0);
+  const glowPulse = useSharedValue(0);
+  React.useEffect(() => {
+    // Maze pattern floating animation
+    mazeFloat.value = withRepeat(withSequence(withTiming(1, {
+      duration: 4000
+    }), withTiming(0, {
+      duration: 4000
+    })), -1, true);
+
+    // Particle floating animation
+    particleFloat.value = withRepeat(withTiming(1, {
+      duration: 6000
+    }), -1, true);
+
+    // Glow pulse animation
+    glowPulse.value = withRepeat(withSequence(withTiming(1, {
+      duration: 2000
+    }), withTiming(0.3, {
+      duration: 2000
+    })), -1, true);
+  }, []);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: -1
+    };
+  });
+  const renderMazePattern = React.useMemo(() => {
+    const gridSize = 20;
+    const cellSize = screenWidth / gridSize;
+    const elements = [];
+
+    // Create maze-like grid pattern with deterministic values
+    for (let i = 0; i < gridSize; i++) {
+      for (let j = 0; j < gridSize; j++) {
+        const x = i * cellSize;
+        const y = j * cellSize;
+        // Use deterministic values based on position instead of Math.random()
+        const seed = (i * 31 + j * 17) % 100;
+        const opacity = seed > 70 ? 0.1 : 0.05;
+
+        // Vertical lines - deterministic based on position
+        if ((i + j * 2) % 5 > 2) {
+          elements.push(/*#__PURE__*/_jsx(Path, {
+            path: `M ${x} ${y} L ${x} ${y + cellSize}`,
+            style: "stroke",
+            strokeWidth: 1,
+            color: `rgba(139, 69, 19, ${opacity})`
+          }, `v-${i}-${j}`));
+        }
+
+        // Horizontal lines - deterministic based on position
+        if ((i * 2 + j) % 5 > 2) {
+          elements.push(/*#__PURE__*/_jsx(Path, {
+            path: `M ${x} ${y} L ${x + cellSize} ${y}`,
+            style: "stroke",
+            strokeWidth: 1,
+            color: `rgba(139, 69, 19, ${opacity})`
+          }, `h-${i}-${j}`));
+        }
+      }
+    }
+    return elements;
+  }, []);
+  const renderFloatingElements = React.useMemo(() => {
+    const elements = [];
+
+    // Floating maze pieces with deterministic positioning
+    for (let i = 0; i < 8; i++) {
+      const seed = i * 37; // Use index-based seed for consistent positioning
+      const x = screenWidth / 8 * i + seed % 50;
+      const y = screenHeight / 4 * (i % 4) + seed * 2 % 100;
+      const size = 15 + seed * 3 % 10;
+      elements.push(/*#__PURE__*/_jsx(Circle, {
+        cx: x,
+        cy: y,
+        r: size,
+        opacity: 0.15,
+        color: "rgba(139, 69, 19, 0.3)",
+        children: /*#__PURE__*/_jsx(Shadow, {
+          dx: 1,
+          dy: 1,
+          blur: 3,
+          color: "rgba(0,0,0,0.2)"
+        })
+      }, `maze-piece-${i}`));
+    }
+
+    // Corner accent pieces
+    const cornerSize = 40;
+    elements.push(
+    /*#__PURE__*/
+    // Top-left corner
+    _jsx(Path, {
+      path: `M 20 20 L ${cornerSize + 20} 20 L ${cornerSize + 20} 40 L 40 40 L 40 ${cornerSize + 20} L 20 ${cornerSize + 20} Z`,
+      color: "rgba(139, 69, 19, 0.2)",
+      opacity: 0.6,
+      children: /*#__PURE__*/_jsx(Shadow, {
+        dx: 2,
+        dy: 2,
+        blur: 4,
+        color: "rgba(0,0,0,0.1)"
+      })
+    }, "corner-tl"),
+    /*#__PURE__*/
+    // Top-right corner
+    _jsx(Path, {
+      path: `M ${screenWidth - cornerSize - 20} 20 L ${screenWidth - 20} 20 L ${screenWidth - 20} ${cornerSize + 20} L ${screenWidth - 40} ${cornerSize + 20} L ${screenWidth - 40} 40 L ${screenWidth - cornerSize - 20} 40 Z`,
+      color: "rgba(139, 69, 19, 0.2)",
+      opacity: 0.6,
+      children: /*#__PURE__*/_jsx(Shadow, {
+        dx: -2,
+        dy: 2,
+        blur: 4,
+        color: "rgba(0,0,0,0.1)"
+      })
+    }, "corner-tr"),
+    /*#__PURE__*/
+    // Bottom-left corner
+    _jsx(Path, {
+      path: `M 20 ${screenHeight - cornerSize - 20} L 40 ${screenHeight - cornerSize - 20} L 40 ${screenHeight - 40} L ${cornerSize + 20} ${screenHeight - 40} L ${cornerSize + 20} ${screenHeight - 20} L 20 ${screenHeight - 20} Z`,
+      color: "rgba(139, 69, 19, 0.2)",
+      opacity: 0.6,
+      children: /*#__PURE__*/_jsx(Shadow, {
+        dx: 2,
+        dy: -2,
+        blur: 4,
+        color: "rgba(0,0,0,0.1)"
+      })
+    }, "corner-bl"),
+    /*#__PURE__*/
+    // Bottom-right corner
+    _jsx(Path, {
+      path: `M ${screenWidth - 40} ${screenHeight - cornerSize - 20} L ${screenWidth - 20} ${screenHeight - cornerSize - 20} L ${screenWidth - 20} ${screenHeight - 20} L ${screenWidth - cornerSize - 20} ${screenHeight - 20} L ${screenWidth - cornerSize - 20} ${screenHeight - 40} L ${screenWidth - 40} ${screenHeight - 40} Z`,
+      color: "rgba(139, 69, 19, 0.2)",
+      opacity: 0.6,
+      children: /*#__PURE__*/_jsx(Shadow, {
+        dx: -2,
+        dy: -2,
+        blur: 4,
+        color: "rgba(0,0,0,0.1)"
+      })
+    }, "corner-br"));
+    return elements;
+  }, []);
+  const renderParticles = React.useMemo(() => {
+    const particles = [];
+    for (let i = 0; i < 20; i++) {
+      // Use deterministic values based on index
+      const seed = i * 43;
+      const x = seed % screenWidth;
+      const y = seed * 7 % screenHeight;
+      const size = 2 + seed * 3 % 3;
+      const opacity = 0.1 + seed * 5 % 20 / 100;
+      particles.push(/*#__PURE__*/_jsx(Circle, {
+        cx: x,
+        cy: y,
+        r: size,
+        color: `rgba(160, 82, 45, ${opacity})`
+      }, `particle-${i}`));
+    }
+    return particles;
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: animatedStyle,
+      children: /*#__PURE__*/_jsxs(Canvas, {
+        style: {
+          width: screenWidth,
+          height: screenHeight
+        },
+        children: [/*#__PURE__*/_jsx(Path, {
+          path: `M 0 0 L ${screenWidth} 0 L ${screenWidth} ${screenHeight} L 0 ${screenHeight} Z`,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(0, screenHeight),
+            colors: ['#f8f4e6',
+            // Light cream
+            '#f0e6d2',
+            // Warm beige
+            '#e8d5b7',
+            // Light brown
+            '#d4c4a8' // Medium beige
+            ]
+          })
+        }), renderMazePattern, renderFloatingElements, renderParticles, /*#__PURE__*/_jsx(Path, {
+          path: `M 0 0 L ${screenWidth} 0 L ${screenWidth} ${screenHeight} L 0 ${screenHeight} Z`,
+          color: "rgba(139, 69, 19, 0.03)"
+        })]
+      })
+    }), children]
+  });
+};
+//# sourceMappingURL=GameBackground.js.map

package/lib/module/games/maze-runner/components/GameBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Canvas","LinearGradient","vec","Circle","Path","Shadow","useSharedValue","useAnimatedStyle","withRepeat","withTiming","withSequence","Animated","Dimensions","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","width","screenWidth","height","screenHeight","get","GameBackground","children","mazeFloat","particleFloat","glowPulse","useEffect","value","duration","animatedStyle","position","top","left","right","bottom","zIndex","renderMazePattern","useMemo","gridSize","cellSize","elements","i","j","x","y","seed","opacity","push","path","style","strokeWidth","color","renderFloatingElements","size","cx","cy","r","dx","dy","blur","cornerSize","renderParticles","particles","View","start","end","colors"],"sourceRoot":"../../../../../src","sources":["games/maze-runner/components/GameBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/maze-runner/components/GameControls.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GameControls = ({
+  gameState,
+  onStartGame,
+  onStopGame
+}) => {
+  const buttonScale = useSharedValue(1);
+  const pulseAnimation = useSharedValue(1);
+  React.useEffect(() => {
+    if (!gameState.isPlaying) {
+      // Pulse animation for start button when not playing
+      pulseAnimation.value = withRepeat(withSequence(withTiming(1.05, {
+        duration: 1000
+      }), withTiming(1, {
+        duration: 1000
+      })), -1, true);
+    } else {
+      pulseAnimation.value = withTiming(1, {
+        duration: 300
+      });
+    }
+  }, [gameState.isPlaying]);
+  const handleButtonPress = action => {
+    buttonScale.value = withSequence(withSpring(0.95, {
+      duration: 100
+    }), withSpring(1, {
+      duration: 100
+    }));
+    action();
+  };
+  const animatedButtonStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: buttonScale.value * (!gameState.isPlaying ? pulseAnimation.value : 1)
+    }]
+  }));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: animatedButtonStyle,
+      children: !gameState.isPlaying ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: [styles.button, styles.startButton],
+        onPress: () => handleButtonPress(onStartGame),
+        activeOpacity: 0.8,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.buttonText,
+          children: "\uD83C\uDFC1 START MAZE"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonSubtext,
+          children: "Navigate through the maze!"
+        })]
+      }) : /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: [styles.button, styles.stopButton],
+        onPress: () => handleButtonPress(onStopGame),
+        activeOpacity: 0.8,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.buttonText,
+          children: "\uD83D\uDED1 STOP MAZE"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonSubtext,
+          children: "End current maze game"
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 20,
+    paddingVertical: 15,
+    alignItems: 'center'
+  },
+  button: {
+    minHeight: 70,
+    minWidth: 200,
+    borderRadius: 30,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 32,
+    paddingVertical: 20,
+    marginVertical: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 12,
+    elevation: 8,
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  startButton: {
+    backgroundColor: '#10b981',
+    borderWidth: 3,
+    borderColor: '#34d399'
+  },
+  stopButton: {
+    backgroundColor: '#dc2626',
+    borderWidth: 3,
+    borderColor: '#f87171'
+  },
+  buttonText: {
+    fontSize: 20,
+    fontWeight: '800',
+    color: '#ffffff',
+    textAlign: 'center',
+    letterSpacing: 1,
+    textShadowColor: 'rgba(0, 0, 0, 0.3)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2
+  },
+  buttonSubtext: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: 'rgba(255, 255, 255, 0.8)',
+    textAlign: 'center',
+    marginTop: 4,
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=GameControls.js.map

package/lib/module/games/maze-runner/components/GameControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","withRepeat","withSequence","withTiming","jsx","_jsx","jsxs","_jsxs","GameControls","gameState","onStartGame","onStopGame","buttonScale","pulseAnimation","useEffect","isPlaying","value","duration","handleButtonPress","action","animatedButtonStyle","transform","scale","style","styles","container","children","button","startButton","onPress","activeOpacity","buttonText","buttonSubtext","stopButton","create","paddingHorizontal","paddingVertical","alignItems","minHeight","minWidth","borderRadius","justifyContent","marginVertical","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","overflow","position","backgroundColor","borderWidth","borderColor","fontSize","fontWeight","color","textAlign","letterSpacing","textShadowColor","textShadowOffset","textShadowRadius","marginTop"],"sourceRoot":"../../../../../src","sources":["games/maze-runner/components/GameControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/maze-runner/components/GameOverModal.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Modal } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GameOverModal = ({
+  visible,
+  gameState,
+  onPlayAgain,
+  onClose
+}) => {
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.gameOverOverlay,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.gameOverModal,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.modalContent,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.gameOverTitle,
+            children: gameState.isCompleted ? 'Maze Completed!' : 'Game Over!'
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.finalScoreContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.finalScoreLabel,
+              children: "Final Score"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.finalScoreValue,
+              children: gameState.score
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.playAgainContainer,
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              style: styles.playAgainButton,
+              onPress: onPlayAgain,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.buttonText,
+                children: "Play Again"
+              })
+            })
+          })]
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  gameOverOverlay: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.3)' // 0.3 transparent background as requested
+  },
+  gameOverModal: {
+    backgroundColor: 'rgba(139, 69, 19, 0.8)',
+    // Sky blue background like WhackIt
+    borderRadius: 24,
+    minWidth: '80%',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 12,
+    elevation: 12,
+    borderWidth: 3,
+    borderColor: 'rgba(139, 69, 19, 0.8)' // Brown border for maze theme
+  },
+  modalContent: {
+    padding: 40,
+    alignItems: 'center'
+  },
+  gameOverTitle: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: '#ffffff',
+    marginBottom: 32,
+    textAlign: 'center'
+  },
+  finalScoreContainer: {
+    alignItems: 'center',
+    marginBottom: 32,
+    backgroundColor: '#8B4513',
+    // Brown background for maze theme
+    borderRadius: 16,
+    padding: 20,
+    minWidth: 150
+  },
+  finalScoreLabel: {
+    fontSize: 18,
+    color: '#ffffff',
+    fontWeight: 'bold',
+    marginBottom: 8
+  },
+  finalScoreValue: {
+    fontSize: 48,
+    color: '#facc15',
+    // Gold color for score
+    fontWeight: 'bold',
+    textAlign: 'center'
+  },
+  playAgainContainer: {
+    alignItems: 'center'
+  },
+  playAgainButton: {
+    backgroundColor: '#22c55e',
+    paddingHorizontal: 40,
+    paddingVertical: 20,
+    borderRadius: 24,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+    borderWidth: 2,
+    borderColor: '#4ade80'
+  },
+  buttonText: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    color: '#ffffff',
+    textAlign: 'center',
+    lineHeight: 24
+  }
+});
+//# sourceMappingURL=GameOverModal.js.map

package/lib/module/games/maze-runner/components/GameOverModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Modal","jsx","_jsx","jsxs","_jsxs","GameOverModal","visible","gameState","onPlayAgain","onClose","transparent","animationType","onRequestClose","children","style","styles","gameOverOverlay","gameOverModal","modalContent","gameOverTitle","isCompleted","finalScoreContainer","finalScoreLabel","finalScoreValue","score","playAgainContainer","playAgainButton","onPress","buttonText","create","flex","justifyContent","alignItems","backgroundColor","borderRadius","minWidth","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderColor","padding","fontSize","fontWeight","color","marginBottom","textAlign","paddingHorizontal","paddingVertical","lineHeight"],"sourceRoot":"../../../../../src","sources":["games/maze-runner/components/GameOverModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/maze-runner/components/ScoreBoard.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ScoreBoard = ({
+  gameState
+}) => {
+  const formatTime = seconds => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.scoreBoard,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.scoreSection,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.scoreLabel,
+        children: "Score"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.scoreValue,
+        children: gameState.score
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.scoreSection,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.scoreLabel,
+        children: "Time"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.timeValue,
+        children: formatTime(gameState.timeElapsed)
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  scoreBoard: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    backgroundColor: 'rgba(139, 69, 19, 0.4)',
+    // Semi-transparent brown for maze theme
+    borderRadius: 16,
+    padding: 20,
+    margin: 20,
+    borderWidth: 1,
+    borderColor: 'rgba(255, 255, 255, 0.3)',
+    // Subtle white border
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    // Reduced shadow opacity
+    shadowRadius: 3.84,
+    elevation: 3 // Reduced elevation
+  },
+  scoreSection: {
+    alignItems: 'center',
+    flex: 1
+  },
+  scoreLabel: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    color: '#ffffff',
+    marginBottom: 4
+  },
+  scoreValue: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: '#92400e' // Brown color for score value
+  },
+  timeValue: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: '#92400e' // Brown color for time value
+  }
+});
+//# sourceMappingURL=ScoreBoard.js.map

package/lib/module/games/maze-runner/components/ScoreBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","jsx","_jsx","jsxs","_jsxs","ScoreBoard","gameState","formatTime","seconds","mins","Math","floor","secs","toString","padStart","style","styles","scoreBoard","children","scoreSection","scoreLabel","scoreValue","score","timeValue","timeElapsed","create","flexDirection","justifyContent","alignItems","backgroundColor","borderRadius","padding","margin","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","flex","fontSize","fontWeight","color","marginBottom"],"sourceRoot":"../../../../../src","sources":["games/maze-runner/components/ScoreBoard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOtD,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAIC,OAAe,IAAa;IAC9C,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,OAAO,GAAG,EAAE,CAAC;IACrC,MAAMI,IAAI,GAAGJ,OAAO,GAAG,EAAE;IACzB,OAAO,GAAGC,IAAI,IAAIG,IAAI,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;EACtD,CAAC;EAED,oBACEV,KAAA,CAACN,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,UAAW;IAAAC,QAAA,gBAC7Bd,KAAA,CAACN,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,gBAC/BhB,IAAA,CAACH,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACI,UAAW;QAAAF,QAAA,EAAC;MAAK,CAAM,CAAC,eAC5ChB,IAAA,CAACH,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACK,UAAW;QAAAH,QAAA,EAAEZ,SAAS,CAACgB;MAAK,CAAO,CAAC;IAAA,CACpD,CAAC,eACPlB,KAAA,CAACN,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,gBAC/BhB,IAAA,CAACH,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACI,UAAW;QAAAF,QAAA,EAAC;MAAI,CAAM,CAAC,eAC3ChB,IAAA,CAACH,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACO,SAAU;QAAAL,QAAA,EAAEX,UAAU,CAACD,SAAS,CAACkB,WAAW;MAAC,CAAO,CAAC;IAAA,CACrE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGhB,UAAU,CAACyB,MAAM,CAAC;EAC/BR,UAAU,EAAE;IACVS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,wBAAwB;IAAE;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,EAAE;IACXC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,0BAA0B;IAAE;IACzCC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IAAE;IACrBC,YAAY,EAAE,IAAI;IAClBC,SAAS,EAAE,CAAC,CAAE;EAChB,CAAC;EACDtB,YAAY,EAAE;IACZS,UAAU,EAAE,QAAQ;IACpBc,IAAI,EAAE;EACR,CAAC;EACDtB,UAAU,EAAE;IACVuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,SAAS;IAChBC,YAAY,EAAE;EAChB,CAAC;EACDzB,UAAU,EAAE;IACVsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,SAAS,CAAE;EACpB,CAAC;EACDtB,SAAS,EAAE;IACToB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,SAAS,CAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}