react-native-games 1.0.0 → 1.2.0

package/lib/module/games/popit-fidget/components/GameBackground.js

@@ -1,177 +1 @@
-"use strict";
-
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Canvas, LinearGradient, Rect, Circle, vec } from '@shopify/react-native-skia';
-import { RAINBOW_COLORS } from "../PopitFidgetConstants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GameBackground = ({
-  width,
-  height
-}) => {
-  // Generate static colorful floating bubble decorations with subtle positioning variations
-  const generateFloatingBubbles = React.useMemo(() => {
-    const bubbles = [];
-    const bubbleCount = 15; // Reduced count for better performance
-
-    for (let i = 0; i < bubbleCount; i++) {
-      const baseX = width / bubbleCount * i;
-      const baseY = height / bubbleCount * i;
-
-      // Add subtle random offset for natural look
-      const x = baseX + Math.sin(i * 0.5) * 30 + Math.random() * 60;
-      const y = baseY + Math.cos(i * 0.7) * 40 + Math.random() * 80;
-      const radius = 8 + Math.random() * 12;
-      const colorIndex = i % RAINBOW_COLORS.length; // Cycle through colors for consistency
-      const opacity = 0.2 + Math.sin(i) * 0.1; // Subtle opacity variation
-
-      bubbles.push(/*#__PURE__*/_jsx(Circle, {
-        cx: Math.max(radius, Math.min(width - radius, x)),
-        cy: Math.max(radius, Math.min(height - radius, y)),
-        r: radius,
-        color: `${RAINBOW_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
-      }, `floating-bubble-${i}`));
-    }
-    return bubbles;
-  }, [width, height]);
-  return /*#__PURE__*/_jsx(View, {
-    style: StyleSheet.absoluteFillObject,
-    children: /*#__PURE__*/_jsxs(Canvas, {
-      style: {
-        width,
-        height
-      },
-      children: [/*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width, height),
-          colors: [`${RAINBOW_COLORS[0]}40`,
-          // Vibrant pink
-          `${RAINBOW_COLORS[2]}35`,
-          // Vibrant orange
-          `${RAINBOW_COLORS[4]}40`,
-          // Vibrant yellow
-          `${RAINBOW_COLORS[6]}35`,
-          // Vibrant lime
-          `${RAINBOW_COLORS[8]}40`,
-          // Vibrant green
-          `${RAINBOW_COLORS[10]}35`,
-          // Vibrant cyan
-          `${RAINBOW_COLORS[12]}40`,
-          // Vibrant blue
-          `${RAINBOW_COLORS[14]}35` // Vibrant purple
-          ]
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width / 2, height / 2),
-          colors: [`${RAINBOW_COLORS[1]}25`,
-          // Bright red
-          'transparent', `${RAINBOW_COLORS[5]}25`,
-          // Bright deep purple
-          'transparent', `${RAINBOW_COLORS[9]}25`,
-          // Bright teal
-          'transparent', `${RAINBOW_COLORS[13]}25`,
-          // Bright indigo
-          'transparent']
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(width, 0),
-          end: vec(0, height),
-          colors: [`${RAINBOW_COLORS[3]}20`,
-          // Bright orange
-          'transparent', `${RAINBOW_COLORS[7]}20`,
-          // Bright light green
-          'transparent', `${RAINBOW_COLORS[11]}20`,
-          // Bright light blue
-          'transparent']
-        })
-      }), generateFloatingBubbles, /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.1,
-        cy: height * 0.15,
-        r: 40,
-        color: `${RAINBOW_COLORS[0]}30` // Vibrant pink
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.9,
-        cy: height * 0.85,
-        r: 35,
-        color: `${RAINBOW_COLORS[3]}30` // Vibrant orange
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.85,
-        cy: height * 0.2,
-        r: 30,
-        color: `${RAINBOW_COLORS[8]}30` // Vibrant green
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.15,
-        cy: height * 0.8,
-        r: 45,
-        color: `${RAINBOW_COLORS[12]}30` // Vibrant blue
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.5,
-        cy: height * 0.1,
-        r: 25,
-        color: `${RAINBOW_COLORS[14]}30` // Vibrant purple
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.2,
-        cy: height * 0.5,
-        r: 32,
-        color: `${RAINBOW_COLORS[6]}30` // Vibrant lime
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.8,
-        cy: height * 0.6,
-        r: 28,
-        color: `${RAINBOW_COLORS[10]}30` // Vibrant cyan
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.6,
-        cy: height * 0.9,
-        r: 20,
-        color: `${RAINBOW_COLORS[1]}30` // Vibrant red
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.3,
-        cy: height * 0.25,
-        r: 24,
-        color: `${RAINBOW_COLORS[4]}30` // Vibrant yellow
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.7,
-        cy: height * 0.35,
-        r: 26,
-        color: `${RAINBOW_COLORS[9]}30` // Vibrant teal
-      }), Array.from({
-        length: Math.floor(width / 40)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: i * 40,
-        y: 0,
-        width: 1,
-        height: height,
-        color: "rgba(0, 0, 0, 0.02)"
-      }, `grid-v-${i}`)), Array.from({
-        length: Math.floor(height / 40)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: i * 40,
-        width: width,
-        height: 1,
-        color: "rgba(0, 0, 0, 0.02)"
-      }, `grid-h-${i}`))]
-    })
-  });
-};
-
-// Memoize GameBackground to prevent unnecessary re-renders
-const MemoizedGameBackground = /*#__PURE__*/React.memo(GameBackground);
-export default MemoizedGameBackground;
-//# sourceMappingURL=GameBackground.js.map
+"use strict";import React from 'react';import{StyleSheet,View}from 'react-native';import{Canvas,LinearGradient,Rect,Circle,vec}from '@shopify/react-native-skia';import{RAINBOW_COLORS}from "../PopitFidgetConstants.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const GameBackground =({width,height})=>{const generateFloatingBubbles = React.useMemo(()=>{const bubbles = [];const bubbleCount = 15;for(let i = 0;i < bubbleCount;i++){const baseX = width / bubbleCount * i;const baseY = height / bubbleCount * i;const x = baseX + Math.sin(i * 0.5)* 30 + Math.random()* 60;const y = baseY + Math.cos(i * 0.7)* 40 + Math.random()* 80;const radius = 8 + Math.random()* 12;const colorIndex = i % RAINBOW_COLORS.length;const opacity = 0.2 + Math.sin(i)* 0.1;bubbles.push(_jsx(Circle,{cx:Math.max(radius,Math.min(width - radius,x)),cy:Math.max(radius,Math.min(height - radius,y)),r:radius,color:`${RAINBOW_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2,'0')}`},`floating-bubble-${i}`));}return bubbles;},[width,height]);return _jsx(View,{style:StyleSheet.absoluteFillObject,children:_jsxs(Canvas,{style:{width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width,height),colors:[`${RAINBOW_COLORS[0]}40`,`${RAINBOW_COLORS[2]}35`,`${RAINBOW_COLORS[4]}40`,`${RAINBOW_COLORS[6]}35`,`${RAINBOW_COLORS[8]}40`,`${RAINBOW_COLORS[10]}35`,`${RAINBOW_COLORS[12]}40`,`${RAINBOW_COLORS[14]}35` ]})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width / 2,height / 2),colors:[`${RAINBOW_COLORS[1]}25`,'transparent',`${RAINBOW_COLORS[5]}25`,'transparent',`${RAINBOW_COLORS[9]}25`,'transparent',`${RAINBOW_COLORS[13]}25`,'transparent']})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(width,0),end:vec(0,height),colors:[`${RAINBOW_COLORS[3]}20`,'transparent',`${RAINBOW_COLORS[7]}20`,'transparent',`${RAINBOW_COLORS[11]}20`,'transparent']})}),generateFloatingBubbles,_jsx(Circle,{cx:width * 0.1,cy:height * 0.15,r:40,color:`${RAINBOW_COLORS[0]}30`}),_jsx(Circle,{cx:width * 0.9,cy:height * 0.85,r:35,color:`${RAINBOW_COLORS[3]}30`}),_jsx(Circle,{cx:width * 0.85,cy:height * 0.2,r:30,color:`${RAINBOW_COLORS[8]}30`}),_jsx(Circle,{cx:width * 0.15,cy:height * 0.8,r:45,color:`${RAINBOW_COLORS[12]}30`}),_jsx(Circle,{cx:width * 0.5,cy:height * 0.1,r:25,color:`${RAINBOW_COLORS[14]}30`}),_jsx(Circle,{cx:width * 0.2,cy:height * 0.5,r:32,color:`${RAINBOW_COLORS[6]}30`}),_jsx(Circle,{cx:width * 0.8,cy:height * 0.6,r:28,color:`${RAINBOW_COLORS[10]}30`}),_jsx(Circle,{cx:width * 0.6,cy:height * 0.9,r:20,color:`${RAINBOW_COLORS[1]}30`}),_jsx(Circle,{cx:width * 0.3,cy:height * 0.25,r:24,color:`${RAINBOW_COLORS[4]}30`}),_jsx(Circle,{cx:width * 0.7,cy:height * 0.35,r:26,color:`${RAINBOW_COLORS[9]}30`}),Array.from({length:Math.floor(width / 40)},(_,i)=> _jsx(Rect,{x:i * 40,y:0,width:1,height:height,color:"rgba(0,0,0,0.02)"},`grid-v-${i}`)),Array.from({length:Math.floor(height / 40)},(_,i)=> _jsx(Rect,{x:0,y:i * 40,width:width,height:1,color:"rgba(0,0,0,0.02)"},`grid-h-${i}`))]})});};const MemoizedGameBackground = React.memo(GameBackground);export default MemoizedGameBackground;

package/lib/module/games/popit-fidget/components/ScoreBoard.js

@@ -1,61 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { ScoreBoardContainer } from "../../../helpers/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ScoreBoard = ({
-  timeElapsed,
-  offset = 0
-}) => {
-  // Format time as MM:SS
-  const formatTime = seconds => {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-  };
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: "rgba(108, 92, 231, 0.4)",
-    borderColor: "rgba(139, 92, 246, 0.3)",
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.scoreBoard,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreSection,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Time Elapsed"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.timeValue,
-          children: formatTime(timeElapsed)
-        })]
-      })
-    })
-  });
-};
-
-// Memoize ScoreBoard to prevent unnecessary re-renders
-const MemoizedScoreBoard = /*#__PURE__*/React.memo(ScoreBoard);
-const styles = StyleSheet.create({
-  scoreBoard: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  scoreSection: {
-    alignItems: 'center'
-  },
-  scoreLabel: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#ffffff',
-    marginBottom: 4
-  },
-  timeValue: {
-    fontSize: 30,
-    fontWeight: 'bold',
-    color: '#1e1b4b' // Dark purple color for Pop It theme
-  }
-});
-export default MemoizedScoreBoard;
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React from 'react';import{View,Text,StyleSheet}from 'react-native';import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const ScoreBoard =({timeElapsed,offset = 0})=>{const formatTime = seconds =>{const mins = Math.floor(seconds / 60);const secs = seconds % 60;return `${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;};return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:"rgba(108,92,231,0.4)",borderColor:"rgba(139,92,246,0.3)",children:_jsx(View,{style:styles.scoreBoard,children:_jsxs(View,{style:styles.scoreSection,children:[_jsx(Text,{style:styles.scoreLabel,children:"Time Elapsed"}),_jsx(Text,{style:styles.timeValue,children:formatTime(timeElapsed)})]})})});};const MemoizedScoreBoard = React.memo(ScoreBoard);const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'center',alignItems:'center'},scoreSection:{alignItems:'center'},scoreLabel:{fontSize:16,fontWeight:'bold',color:'#ffffff',marginBottom:4},timeValue:{fontSize:25,fontWeight:'bold',color:'#1e1b4b'}});export default MemoizedScoreBoard;

package/lib/module/games/popit-fidget/components/index.js

@@ -1,7 +1 @@
-"use strict";
-
-export { default as BubbleComponent } from "./BubbleComponent.js";
-export { default as FidgetGrid } from "./FidgetGrid.js";
-export { default as ScoreBoard } from "./ScoreBoard.js";
-export { default as GameBackground } from "./GameBackground.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default as BubbleComponent}from "./BubbleComponent.js";export{default as FidgetGrid}from "./FidgetGrid.js";export{default as ScoreBoard}from "./ScoreBoard.js";export{default as GameBackground}from "./GameBackground.js";

package/lib/module/games/sliding-numbers/SlidingNumbers.js

@@ -1,159 +1 @@
-"use strict";
-
-import React, { useEffect, useMemo, useCallback } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useSlidingNumbersStore } from "./SlidingNumbersStore.js";
-import { SlidingNumbersService } from "./SlidingNumbersService.js";
-import { GameBackground, NumbersGrid, ScoreBoard } from "./components/index.js";
-import { GameControlButton, GameOverModal } from "../../helpers/index.js";
-import { GameSettingsModal } from "../../helpers/index.js";
-import { SLIDING_NUMBERS_COLORS } from "./SlidingNumbersConstants.js";
-import { GAME_IDS, DEFAULT_GAME_SETTINGS } from "../../services/UtilsService.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const SlidingNumbers = /*#__PURE__*/React.memo(({
-  settings = DEFAULT_GAME_SETTINGS,
-  onSettingsChange
-}) => {
-  // Read UI-critical state independently to minimize re-renders
-  const isPlaying = useSlidingNumbersStore(state => state.isPlaying);
-  const isCompleted = useSlidingNumbersStore(state => state.isCompleted);
-  const score = useSlidingNumbersStore(state => state.score);
-
-  // Get store actions independently (these don't cause re-renders)
-  const initializePuzzle = useSlidingNumbersStore(state => state.initializePuzzle);
-  const shufflePuzzle = useSlidingNumbersStore(state => state.shufflePuzzle);
-  const startGame = useSlidingNumbersStore(state => state.startGame);
-  const stopGame = useSlidingNumbersStore(state => state.stopGame);
-  const resetGame = useSlidingNumbersStore(state => state.resetGame);
-  const decrementTime = useSlidingNumbersStore(state => state.decrementTime);
-
-  // Get difficulty from external settings
-  const difficulty = settings?.difficulty || 'easy';
-
-  // Memoized game service creation to prevent recreation
-  const gameService = useMemo(() => new SlidingNumbersService(), []);
-
-  // Memoized difficulty settings
-  const difficultySettings = useMemo(() => gameService.getDifficultySettings(difficulty), [gameService, difficulty]);
-
-  // Initialize puzzle when difficulty changes
-  useEffect(() => {
-    initializePuzzle(difficultySettings.gridSize);
-  }, [difficulty, difficultySettings.gridSize, initializePuzzle]);
-
-  // Game timer effect
-  useEffect(() => {
-    if (isPlaying) {
-      gameService.startTimer(() => {
-        decrementTime();
-      });
-    } else {
-      gameService.stopTimer();
-    }
-    return () => {
-      gameService.stopTimer();
-    };
-  }, [isPlaying, gameService, decrementTime]);
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      gameService.cleanup();
-    };
-  }, [gameService]);
-
-  // Memoized game control handlers
-  const handleStartGame = useCallback(() => {
-    shufflePuzzle();
-    startGame();
-  }, [shufflePuzzle, startGame]);
-  const handleStopGame = useCallback(() => {
-    stopGame();
-  }, [stopGame]);
-  const handleResetGame = useCallback(() => {
-    resetGame();
-    // Re-initialize with current difficulty from settings
-    initializePuzzle(difficultySettings.gridSize);
-  }, [resetGame, initializePuzzle, difficultySettings.gridSize]);
-
-  // Memoize GameControlButton props to prevent re-renders (CRITICAL)
-  const gameControlButtonProps = useMemo(() => ({
-    isPlaying,
-    gameOver: isCompleted,
-    onStartGame: handleStartGame,
-    onStopGame: handleStopGame,
-    startButtonText: "START GAME",
-    stopButtonText: "STOP GAME",
-    startButtonSubtext: "Shuffle and begin solving!",
-    stopButtonSubtext: "End current game",
-    startButtonColor: SLIDING_NUMBERS_COLORS.START_BUTTON,
-    stopButtonColor: "#dc2626",
-    startButtonBorderColor: SLIDING_NUMBERS_COLORS.BUTTON_BORDER,
-    stopButtonBorderColor: "#f87171"
-  }), [isPlaying, isCompleted, handleStartGame, handleStopGame]);
-
-  // Memoize GameOverModal props
-  const gameOverModalProps = useMemo(() => ({
-    isVisible: isCompleted,
-    score,
-    onPlayAgain: handleResetGame,
-    buttonText: "Play Again!",
-    primaryColor: SLIDING_NUMBERS_COLORS.COMPLETION_OVERLAY,
-    borderColor: "rgba(245, 158, 11, 0.9)",
-    buttonColor: SLIDING_NUMBERS_COLORS.START_BUTTON,
-    buttonBorderColor: SLIDING_NUMBERS_COLORS.BUTTON_BORDER
-  }), [isCompleted, score, handleResetGame]);
-
-  // Memoize GameSettingsModal props
-  const gameSettingsModalProps = useMemo(() => ({
-    gameId: GAME_IDS.SLIDING_NUMBERS,
-    settings: settings || DEFAULT_GAME_SETTINGS,
-    onSettingsChange
-  }), [settings, onSettingsChange]);
-
-  // Get offset from settings
-  const offset = settings?.offset ?? 0;
-
-  // Memoized dynamic styles based on offset
-  const dynamicStyles = useMemo(() => ({
-    gameArea: {
-      ...styles.gameArea,
-      marginTop: offset // Add margin to shift grid down while maintaining centering
-    }
-  }), [offset]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
-      children: /*#__PURE__*/_jsxs(GameBackground, {
-        children: [/*#__PURE__*/_jsx(View, {
-          style: dynamicStyles.gameArea,
-          children: /*#__PURE__*/_jsx(NumbersGrid, {
-            difficulty: difficulty
-          })
-        }), /*#__PURE__*/_jsx(ScoreBoard, {
-          offset: offset
-        }), /*#__PURE__*/_jsx(GameControlButton, {
-          ...gameControlButtonProps
-        }), /*#__PURE__*/_jsx(GameOverModal, {
-          ...gameOverModalProps
-        }), /*#__PURE__*/_jsx(GameSettingsModal, {
-          ...gameSettingsModalProps
-        })]
-      })
-    })
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: SLIDING_NUMBERS_COLORS.BACKGROUND
-  },
-  gameArea: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-});
-SlidingNumbers.displayName = 'SlidingNumbers';
-//# sourceMappingURL=SlidingNumbers.js.map
+"use strict";import React,{useEffect,useMemo,useCallback}from 'react';import{View,StyleSheet}from 'react-native';import{GestureHandlerRootView}from 'react-native-gesture-handler';import{useSlidingNumbersStore}from "./SlidingNumbersStore.js";import{SlidingNumbersService}from "./SlidingNumbersService.js";import{GameBackground,NumbersGrid,ScoreBoard}from "./components/index.js";import{GameControlButton,GameOverModal}from "../../helpers/index.js";import{GameSettingsModal}from "../../helpers/index.js";import{SLIDING_NUMBERS_COLORS}from "./SlidingNumbersConstants.js";import{GAME_IDS,DEFAULT_GAME_SETTINGS}from "../../services/UtilsService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const SlidingNumbers = React.memo(({settings = DEFAULT_GAME_SETTINGS,onSettingsChange})=>{const isPlaying = useSlidingNumbersStore(state => state.isPlaying);const isCompleted = useSlidingNumbersStore(state => state.isCompleted);const score = useSlidingNumbersStore(state => state.score);const initializePuzzle = useSlidingNumbersStore(state => state.initializePuzzle);const shufflePuzzle = useSlidingNumbersStore(state => state.shufflePuzzle);const startGame = useSlidingNumbersStore(state => state.startGame);const stopGame = useSlidingNumbersStore(state => state.stopGame);const resetGame = useSlidingNumbersStore(state => state.resetGame);const decrementTime = useSlidingNumbersStore(state => state.decrementTime);const difficulty = settings?.difficulty || 'easy';const gameService = useMemo(()=> new SlidingNumbersService(),[]);const difficultySettings = useMemo(()=> gameService.getDifficultySettings(difficulty),[gameService,difficulty]);useEffect(()=>{initializePuzzle(difficultySettings.gridSize);},[difficulty,difficultySettings.gridSize,initializePuzzle]);useEffect(()=>{if(isPlaying){gameService.startTimer(()=>{decrementTime();});}else{gameService.stopTimer();}return()=>{gameService.stopTimer();};},[isPlaying,gameService,decrementTime]);useEffect(()=>{return()=>{gameService.cleanup();};},[gameService]);const handleStartGame = useCallback(()=>{shufflePuzzle();startGame();},[shufflePuzzle,startGame]);const handleStopGame = useCallback(()=>{stopGame();},[stopGame]);const handleResetGame = useCallback(()=>{resetGame();initializePuzzle(difficultySettings.gridSize);},[resetGame,initializePuzzle,difficultySettings.gridSize]);const gameControlButtonProps = useMemo(()=>({isPlaying,gameOver:isCompleted,onStartGame:handleStartGame,onStopGame:handleStopGame,startButtonText:"START GAME",stopButtonText:"STOP GAME",startButtonSubtext:"Shuffle and begin solving!",stopButtonSubtext:"End current game",startButtonColor:SLIDING_NUMBERS_COLORS.START_BUTTON,stopButtonColor:"#dc2626",startButtonBorderColor:SLIDING_NUMBERS_COLORS.BUTTON_BORDER,stopButtonBorderColor:"#f87171"}),[isPlaying,isCompleted,handleStartGame,handleStopGame]);const gameOverModalProps = useMemo(()=>({isVisible:isCompleted,score,onPlayAgain:handleResetGame,buttonText:"Play Again!",primaryColor:"rgba(245,158,11,0.5)",borderColor:"rgba(245,158,11,0.5)",buttonColor:"#ffffff",buttonBorderColor:"#ffffff",buttonTextColor:"#f59e0b"}),[isCompleted,score,handleResetGame]);const gameSettingsModalProps = useMemo(()=>({gameId:GAME_IDS.SLIDING_NUMBERS,settings:settings || DEFAULT_GAME_SETTINGS,onSettingsChange}),[settings,onSettingsChange]);const offset = settings?.offset ?? 0;const dynamicStyles = useMemo(()=>({gameArea:{...styles.gameArea,marginTop:offset}}),[offset]);return _jsx(View,{style:styles.container,children:_jsx(GestureHandlerRootView,{children:_jsxs(GameBackground,{children:[_jsx(View,{style:dynamicStyles.gameArea,children:_jsx(NumbersGrid,{difficulty:difficulty})}),_jsx(ScoreBoard,{offset:offset}),_jsx(GameControlButton,{...gameControlButtonProps}),_jsx(GameOverModal,{...gameOverModalProps}),_jsx(GameSettingsModal,{...gameSettingsModalProps})]})})});});const styles = StyleSheet.create({container:{flex:1,backgroundColor:SLIDING_NUMBERS_COLORS.BACKGROUND},gameArea:{flex:1,justifyContent:'center',alignItems:'center'}});SlidingNumbers.displayName = 'SlidingNumbers';

package/lib/module/games/sliding-numbers/SlidingNumbers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useCallback","View","StyleSheet","GestureHandlerRootView","useSlidingNumbersStore","SlidingNumbersService","GameBackground","NumbersGrid","ScoreBoard","GameControlButton","GameOverModal","GameSettingsModal","SLIDING_NUMBERS_COLORS","GAME_IDS","DEFAULT_GAME_SETTINGS","jsx","_jsx","jsxs","_jsxs","SlidingNumbers","memo","settings","onSettingsChange","isPlaying","state","isCompleted","score","initializePuzzle","shufflePuzzle","startGame","stopGame","resetGame","decrementTime","difficulty","gameService","difficultySettings","getDifficultySettings","gridSize","startTimer","stopTimer","cleanup","handleStartGame","handleStopGame","handleResetGame","gameControlButtonProps","gameOver","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","stopButtonSubtext","startButtonColor","START_BUTTON","stopButtonColor","startButtonBorderColor","BUTTON_BORDER","stopButtonBorderColor","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","COMPLETION_OVERLAY","borderColor","buttonColor","buttonBorderColor","gameSettingsModalProps","gameId","SLIDING_NUMBERS","offset","dynamicStyles","gameArea","styles","marginTop","style","container","children","create","flex","backgroundColor","BACKGROUND","justifyContent","alignItems","displayName"],"sourceRoot":"../../../../src","sources":["games/sliding-numbers/SlidingNumbers.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useCallback","View","StyleSheet","GestureHandlerRootView","useSlidingNumbersStore","SlidingNumbersService","GameBackground","NumbersGrid","ScoreBoard","GameControlButton","GameOverModal","GameSettingsModal","SLIDING_NUMBERS_COLORS","GAME_IDS","DEFAULT_GAME_SETTINGS","jsx","_jsx","jsxs","_jsxs","SlidingNumbers","memo","settings","onSettingsChange","isPlaying","state","isCompleted","score","initializePuzzle","shufflePuzzle","startGame","stopGame","resetGame","decrementTime","difficulty","gameService","difficultySettings","getDifficultySettings","gridSize","startTimer","stopTimer","cleanup","handleStartGame","handleStopGame","handleResetGame","gameControlButtonProps","gameOver","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","stopButtonSubtext","startButtonColor","START_BUTTON","stopButtonColor","startButtonBorderColor","BUTTON_BORDER","stopButtonBorderColor","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","borderColor","buttonColor","buttonBorderColor","buttonTextColor","gameSettingsModalProps","gameId","SLIDING_NUMBERS","offset","dynamicStyles","gameArea","styles","marginTop","style","container","children","create","flex","backgroundColor","BACKGROUND","justifyContent","alignItems","displayName"],"sourceRoot":"../../../../src","sources":["games/sliding-numbers/SlidingNumbers.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC9D,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,sBAAsB,QAAQ,0BAAuB;AAC9D,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,cAAc,EAAEC,WAAW,EAAEC,UAAU,QAAQ,uBAAc;AACtE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,wBAAe;AAChE,SAASC,iBAAiB,QAAQ,wBAAe;AACjD,SAASC,sBAAsB,QAAQ,8BAA2B;AAClE,SAASC,QAAQ,EAAkBC,qBAAqB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9F,OAAO,MAAMC,cAAmC,gBAAGtB,KAAK,CAACuB,IAAI,CAAC,CAAC;EAC7DC,QAAQ,GAAGP,qBAAqB;EAChCQ;AACF,CAAC,KAAK;EACJ;EACA,MAAMC,SAAS,GAAGnB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACD,SAAS,CAAC;EAClE,MAAME,WAAW,GAAGrB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACC,WAAW,CAAC;EACtE,MAAMC,KAAK,GAAGtB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACE,KAAK,CAAC;;EAE1D;EACA,MAAMC,gBAAgB,GAAGvB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACG,gBAAgB,CAAC;EAChF,MAAMC,aAAa,GAAGxB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACI,aAAa,CAAC;EAC1E,MAAMC,SAAS,GAAGzB,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACK,SAAS,CAAC;EAClE,MAAMC,QAAQ,GAAG1B,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACM,QAAQ,CAAC;EAChE,MAAMC,SAAS,GAAG3B,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACO,SAAS,CAAC;EAClE,MAAMC,aAAa,GAAG5B,sBAAsB,CAACoB,KAAK,IAAIA,KAAK,CAACQ,aAAa,CAAC;;EAE1E;EACA,MAAMC,UAAU,GAAGZ,QAAQ,EAAEY,UAAU,IAAI,MAAM;;EAEjD;EACA,MAAMC,WAAW,GAAGnC,OAAO,CAAC,MAAM,IAAIM,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC;;EAElE;EACA,MAAM8B,kBAAkB,GAAGpC,OAAO,CAAC,MACjCmC,WAAW,CAACE,qBAAqB,CAACH,UAAU,CAAC,EAC7C,CAACC,WAAW,EAAED,UAAU,CAC1B,CAAC;;EAED;EACAnC,SAAS,CAAC,MAAM;IACd6B,gBAAgB,CAACQ,kBAAkB,CAACE,QAAQ,CAAC;EAC/C,CAAC,EAAE,CAACJ,UAAU,EAAEE,kBAAkB,CAACE,QAAQ,EAAEV,gBAAgB,CAAC,CAAC;;EAE/D;EACA7B,SAAS,CAAC,MAAM;IACd,IAAIyB,SAAS,EAAE;MACbW,WAAW,CAACI,UAAU,CAAC,MAAM;QAC3BN,aAAa,CAAC,CAAC;MACjB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLE,WAAW,CAACK,SAAS,CAAC,CAAC;IACzB;IAEA,OAAO,MAAM;MACXL,WAAW,CAACK,SAAS,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAAChB,SAAS,EAAEW,WAAW,EAAEF,aAAa,CAAC,CAAC;;EAE3C;EACAlC,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXoC,WAAW,CAACM,OAAO,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACN,WAAW,CAAC,CAAC;;EAEjB;EACA,MAAMO,eAAe,GAAGzC,WAAW,CAAC,MAAM;IACxC4B,aAAa,CAAC,CAAC;IACfC,SAAS,CAAC,CAAC;EACb,CAAC,EAAE,CAACD,aAAa,EAAEC,SAAS,CAAC,CAAC;EAE9B,MAAMa,cAAc,GAAG1C,WAAW,CAAC,MAAM;IACvC8B,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMa,eAAe,GAAG3C,WAAW,CAAC,MAAM;IACxC+B,SAAS,CAAC,CAAC;IACX;IACAJ,gBAAgB,CAACQ,kBAAkB,CAACE,QAAQ,CAAC;EAC/C,CAAC,EAAE,CAACN,SAAS,EAAEJ,gBAAgB,EAAEQ,kBAAkB,CAACE,QAAQ,CAAC,CAAC;;EAE9D;EACA,MAAMO,sBAAsB,GAAG7C,OAAO,CAAC,OAAO;IAC5CwB,SAAS;IACTsB,QAAQ,EAAEpB,WAAW;IACrBqB,WAAW,EAAEL,eAAe;IAC5BM,UAAU,EAAEL,cAAc;IAC1BM,eAAe,EAAE,YAAY;IAC7BC,cAAc,EAAE,WAAW;IAC3BC,kBAAkB,EAAE,4BAA4B;IAChDC,iBAAiB,EAAE,kBAAkB;IACrCC,gBAAgB,EAAExC,sBAAsB,CAACyC,YAAY;IACrDC,eAAe,EAAE,SAAS;IAC1BC,sBAAsB,EAAE3C,sBAAsB,CAAC4C,aAAa;IAC5DC,qBAAqB,EAAE;EACzB,CAAC,CAAC,EAAE,CAAClC,SAAS,EAAEE,WAAW,EAAEgB,eAAe,EAAEC,cAAc,CAAC,CAAC;;EAE9D;EACA,MAAMgB,kBAAkB,GAAG3D,OAAO,CAAC,OAAO;IACxC4D,SAAS,EAAElC,WAAW;IACtBC,KAAK;IACLkC,WAAW,EAAEjB,eAAe;IAC5BkB,UAAU,EAAE,aAAa;IACzBC,YAAY,EAAE,yBAAyB;IAAE;IACzCC,WAAW,EAAE,yBAAyB;IAAE;IACxCC,WAAW,EAAE,SAAS;IAAE;IACxBC,iBAAiB,EAAE,SAAS;IAAE;IAC9BC,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC,CAAC,EAAE,CAACzC,WAAW,EAAEC,KAAK,EAAEiB,eAAe,CAAC,CAAC;;EAE1C;EACA,MAAMwB,sBAAsB,GAAGpE,OAAO,CAAC,OAAO;IAC5CqE,MAAM,EAAEvD,QAAQ,CAACwD,eAAe;IAChChD,QAAQ,EAAEA,QAAQ,IAAIP,qBAAqB;IAC3CQ;EACF,CAAC,CAAC,EAAE,CAACD,QAAQ,EAAEC,gBAAgB,CAAC,CAAC;;EAEjC;EACA,MAAMgD,MAAM,GAAGjD,QAAQ,EAAEiD,MAAM,IAAI,CAAC;;EAEpC;EACA,MAAMC,aAAa,GAAGxE,OAAO,CAAC,OAAO;IACnCyE,QAAQ,EAAE;MACR,GAAGC,MAAM,CAACD,QAAQ;MAClBE,SAAS,EAAEJ,MAAM,CAAC;IACpB;EACF,CAAC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEb,oBACEtD,IAAA,CAACf,IAAI;IAAC0E,KAAK,EAAEF,MAAM,CAACG,SAAU;IAAAC,QAAA,eAC5B7D,IAAA,CAACb,sBAAsB;MAAA0E,QAAA,eACrB3D,KAAA,CAACZ,cAAc;QAAAuE,QAAA,gBAEb7D,IAAA,CAACf,IAAI;UAAC0E,KAAK,EAAEJ,aAAa,CAACC,QAAS;UAAAK,QAAA,eAClC7D,IAAA,CAACT,WAAW;YAAC0B,UAAU,EAAEA;UAAW,CAAE;QAAC,CACnC,CAAC,eAGPjB,IAAA,CAACR,UAAU;UAAC8D,MAAM,EAAEA;QAAO,CAAE,CAAC,eAG9BtD,IAAA,CAACP,iBAAiB;UAAA,GAAKmC;QAAsB,CAAG,CAAC,eAEjD5B,IAAA,CAACN,aAAa;UAAA,GAAKgD;QAAkB,CAAG,CAAC,eAEzC1C,IAAA,CAACL,iBAAiB;UAAA,GAAKwD;QAAsB,CAAG,CAAC;MAAA,CACnC;IAAC,CACK;EAAC,CACrB,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMM,MAAM,GAAGvE,UAAU,CAAC4E,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEpE,sBAAsB,CAACqE;EAC1C,CAAC;EACDT,QAAQ,EAAE;IACRO,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEFhE,cAAc,CAACiE,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/games/sliding-numbers/SlidingNumbersConstants.js

@@ -1,207 +1 @@
-"use strict";
-
-import { Dimensions } from 'react-native';
-// Memoize screen dimensions for better performance
-const {
-  width
-} = Dimensions.get('window');
-
-// Sliding Numbers Game Constants
-export const SLIDING_NUMBERS_CONSTANTS = {
-  gridSize: {
-    easy: 3,
-    // 3x3 grid (numbers 1-8 + empty)
-    medium: 4,
-    // 4x4 grid (numbers 1-15 + empty)
-    hard: 5 // 5x5 grid (numbers 1-24 + empty)
-  },
-  maxNumbers: {
-    easy: 8,
-    // 1-8 numbers
-    medium: 15,
-    // 1-15 numbers
-    hard: 24 // 1-24 numbers
-  },
-  baseScore: {
-    easy: 1000,
-    medium: 2000,
-    hard: 3000
-  },
-  // Score decreases over time - faster completion = higher score
-  scoreMultiplier: {
-    easy: 5,
-    medium: 10,
-    hard: 15
-  }
-};
-export const SLIDING_NUMBERS_GAME_CONFIG = {
-  TILE_SIZE: Math.min(width * 0.16, 70),
-  // Responsive tile size that fits all difficulties
-  TILE_GAP: 4,
-  GRID_PADDING: 20,
-  GAME_DURATION: 600,
-  // 10 minutes
-  SHUFFLE_MOVES: 100,
-  // Number of moves to shuffle the puzzle
-  ANIMATION_DURATION: 200 // ms for tile sliding animation
-};
-export const SLIDING_NUMBERS_ANIMATION_CONFIG = {
-  TILE_SLIDE: {
-    damping: 25,
-    stiffness: 400,
-    mass: 1,
-    restDisplacementThreshold: 0.01,
-    restSpeedThreshold: 0.01
-  },
-  TILE_PRESS: {
-    damping: 15,
-    stiffness: 200
-  },
-  GESTURE: {
-    activeScale: 1.05,
-    snapThreshold: 0.3,
-    // 30% of tile size to trigger snap
-    velocityThreshold: 500 // minimum velocity for gesture recognition
-  },
-  COMPLETION_CELEBRATION: {
-    duration: 500
-  }
-};
-export const SLIDING_NUMBERS_COLORS = {
-  BACKGROUND: '#F5F5DC',
-  // Beige background like the physical puzzle
-  GRID_BACKGROUND: '#FFFFFF',
-  // White grid background
-  GRID_BORDER: '#E0E0E0',
-  // Light gray border
-  TILE_COLORS: ['#FFB3D9',
-  // Soft pink (like tiles 1, 14, 11 in image)
-  '#B3E5FC',
-  // Soft light blue (like tiles 2, 13, 15 in image)  
-  '#C8E6C9',
-  // Soft light green (like tiles 6, 9 in image)
-  '#FFF9C4',
-  // Soft light yellow (like tile 3 in image)
-  '#E1BEE7',
-  // Soft lavender (like tiles 7, 10 in image)
-  '#FFCDD2',
-  // Soft coral pink
-  '#B2DFDB',
-  // Soft mint green  
-  '#F8BBD9',
-  // Soft rose pink
-  '#A5D6A7',
-  // Soft green
-  '#FFECB3',
-  // Soft cream yellow
-  '#D1C4E9',
-  // Soft purple
-  '#B3E5FC',
-  // Soft sky blue
-  '#FFE0B2',
-  // Soft peach
-  '#C8E6C9',
-  // Soft mint
-  '#F8BBD9',
-  // Soft pink
-  '#E0F2F1',
-  // Very soft mint
-  '#FCE4EC',
-  // Very soft pink
-  '#E8F5E8',
-  // Very soft green
-  '#FFF3E0',
-  // Very soft orange
-  '#F3E5F5',
-  // Very soft purple
-  '#E1F5FE',
-  // Very soft blue
-  '#F9FBE7',
-  // Very soft lime
-  '#FFF8E1',
-  // Very soft yellow
-  '#EFEBE9' // Very soft brown
-  ],
-  TILE_BORDER: '#D0D0D0',
-  TILE_SHADOW: 'rgba(0,0,0,0.1)',
-  NUMBER_TEXT: '#333333',
-  WORD_TEXT: '#666666',
-  EMPTY_TILE: '#F8F8F8',
-  SCORE_BOARD: '#f59e0b',
-  // Yellow to match scoreboard
-  SCORE_TEXT: '#FFFFFF',
-  TIMER_TEXT: '#f59e0b',
-  // Yellow for timer
-  UI: '#f59e0b',
-  // Yellow UI elements
-  BUTTON_ACTIVE: '#f59e0b',
-  // Yellow active button
-  BUTTON_INACTIVE: '#fbbf24',
-  // Lighter yellow for inactive
-  TEXT_PRIMARY: '#FFFFFF',
-  TEXT_SECONDARY: '#fef3c7',
-  // Light yellow text
-  WHITE: '#FFFFFF',
-  START_BUTTON: '#f59e0b',
-  // Yellow start button
-  COMPLETION_OVERLAY: 'rgba(245, 158, 11, 0.9)',
-  // Yellow overlay
-  BUTTON_BORDER: '#fbbf24' // Light yellow border
-};
-
-// Number word mappings for tiles
-export const NUMBER_WORDS = {
-  1: 'one',
-  2: 'two',
-  3: 'three',
-  4: 'four',
-  5: 'five',
-  6: 'six',
-  7: 'seven',
-  8: 'eight',
-  9: 'nine',
-  10: 'ten',
-  11: 'eleven',
-  12: 'twelve',
-  13: 'thirteen',
-  14: 'fourteen',
-  15: 'fifteen',
-  16: 'sixteen',
-  17: 'seventeen',
-  18: 'eighteen',
-  19: 'nineteen',
-  20: 'twenty',
-  21: 'twenty-one',
-  22: 'twenty-two',
-  23: 'twenty-three',
-  24: 'twenty-four'
-};
-
-// Sliding Numbers Game Theme - Yellow theme matching the scoreboard
-export const SLIDING_NUMBERS_THEME = {
-  backgroundColor: '#F5F5DC',
-  // Beige background like physical puzzle
-  headerBackgroundColor: 'rgba(245, 158, 11, 0.9)',
-  // Yellow header
-  headerTextColor: '#ffffff',
-  sectionBackgroundColor: 'rgba(245, 158, 11, 0.4)',
-  // Light yellow sections
-  sectionTitleColor: '#ffffff',
-  buttonSelectedColor: '#f59e0b',
-  // Yellow for selected
-  buttonUnselectedColor: 'rgba(255, 255, 255, 0.3)',
-  buttonSelectedTextColor: '#ffffff',
-  buttonUnselectedTextColor: '#1f2937',
-  switchTrackColorFalse: 'rgba(245, 158, 11, 0.5)',
-  switchTrackColorTrue: '#f59e0b',
-  switchThumbColor: '#ffffff',
-  infoTextColor: '#1f2937' // Dark text for readability
-};
-
-// Sliding Numbers Difficulty Descriptions
-export const SLIDING_NUMBERS_DIFFICULTY_DESCRIPTIONS = {
-  easy: '3x3 grid with numbers 1-8, perfect for beginners',
-  medium: '4x4 grid with numbers 1-15, moderate challenge',
-  hard: '5x5 grid with numbers 1-24, expert level puzzle'
-};
-//# sourceMappingURL=SlidingNumbersConstants.js.map
+"use strict";import{Dimensions}from 'react-native';const{width}= Dimensions.get('window');export const SLIDING_NUMBERS_CONSTANTS ={gridSize:{easy:3,medium:4,hard:5},maxNumbers:{easy:8,medium:15,hard:24},baseScore:{easy:1000,medium:2000,hard:3000},scoreMultiplier:{easy:5,medium:10,hard:15}};export const SLIDING_NUMBERS_GAME_CONFIG ={TILE_SIZE:Math.min(width * 0.16,70),TILE_GAP:4,GRID_PADDING:20,GAME_DURATION:600,SHUFFLE_MOVES:100,ANIMATION_DURATION:200};export const SLIDING_NUMBERS_ANIMATION_CONFIG ={TILE_SLIDE:{damping:25,stiffness:400,mass:1,restDisplacementThreshold:0.01,restSpeedThreshold:0.01},TILE_PRESS:{damping:15,stiffness:200},GESTURE:{activeScale:1.05,snapThreshold:0.3,velocityThreshold:500},COMPLETION_CELEBRATION:{duration:500}};export const SLIDING_NUMBERS_COLORS ={BACKGROUND:'#F5F5DC',GRID_BACKGROUND:'#FFFFFF',GRID_BORDER:'#E0E0E0',TILE_COLORS:['#FFB3D9','#B3E5FC','#C8E6C9','#FFF9C4','#E1BEE7','#FFCDD2','#B2DFDB','#F8BBD9','#A5D6A7','#FFECB3','#D1C4E9','#B3E5FC','#FFE0B2','#C8E6C9','#F8BBD9','#E0F2F1','#FCE4EC','#E8F5E8','#FFF3E0','#F3E5F5','#E1F5FE','#F9FBE7','#FFF8E1','#EFEBE9' ],TILE_BORDER:'#D0D0D0',TILE_SHADOW:'rgba(0,0,0,0.1)',NUMBER_TEXT:'#333333',WORD_TEXT:'#666666',EMPTY_TILE:'#F8F8F8',SCORE_BOARD:'#f59e0b',SCORE_TEXT:'#FFFFFF',TIMER_TEXT:'#f59e0b',UI:'#f59e0b',BUTTON_ACTIVE:'#f59e0b',BUTTON_INACTIVE:'#fbbf24',TEXT_PRIMARY:'#FFFFFF',TEXT_SECONDARY:'#fef3c7',WHITE:'#FFFFFF',START_BUTTON:'#f59e0b',COMPLETION_OVERLAY:'rgba(245,158,11,0.9)',BUTTON_BORDER:'#fbbf24'};export const NUMBER_WORDS ={1:'one',2:'two',3:'three',4:'four',5:'five',6:'six',7:'seven',8:'eight',9:'nine',10:'ten',11:'eleven',12:'twelve',13:'thirteen',14:'fourteen',15:'fifteen',16:'sixteen',17:'seventeen',18:'eighteen',19:'nineteen',20:'twenty',21:'twenty-one',22:'twenty-two',23:'twenty-three',24:'twenty-four'};export const SLIDING_NUMBERS_THEME ={backgroundColor:'rgba(0,0,0,0.7)',headerBackgroundColor:'#f59e0b',headerTextColor:'#ffffff',sectionBackgroundColor:'rgba(245,158,11,0.15)',sectionTitleColor:'#f59e0b',buttonSelectedColor:'#f59e0b',buttonUnselectedColor:'rgba(255,255,255,0.2)',buttonSelectedTextColor:'#ffffff',buttonUnselectedTextColor:'rgba(255,255,255,0.7)',switchTrackColorFalse:'rgba(245,158,11,0.3)',switchTrackColorTrue:'#f59e0b',switchThumbColor:'#ffffff',infoTextColor:'rgba(255,255,255,0.9)'};export const SLIDING_NUMBERS_DIFFICULTY_DESCRIPTIONS ={easy:'3x3 grid with numbers 1-8,perfect for beginners',medium:'4x4 grid with numbers 1-15,moderate challenge',hard:'5x5 grid with numbers 1-24,expert level puzzle'};