blacktrigram 0.7.44 → 0.7.45

package/lib/components/screens/training/hooks/useTrainingActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTrainingActions.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingActions.ts"],"sourcesContent":["/**\n * useTrainingActions Hook - Training Action Handlers\n *\n * Custom hook for managing training action handlers.\n * Mirrors useCombatActions pattern for consistency.\n *\n * @korean 훈련액션훅 - 훈련 액션 핸들러 관리\n */\n\nimport { useCallback, useRef } from \"react\";\nimport {\n  AudioBodyRegion,\n  ImpactIntensity,\n} from \"../../../../audio/types\";\nimport type { AttackIntensity } from \"../../../screens/combat/hooks/useCombatAudio\";\nimport { getArchetypePhysicalAttributes } from \"../../../../data/archetypePhysicalAttributes\";\nimport {\n  AnimationState,\n  AnimationType,\n  getAnimationForTechnique,\n} from \"../../../../systems/animation\";\nimport { physicalReachCalculator } from \"../../../../systems/physics\";\nimport { getTechniquesByStance } from \"../../../../systems/trigram/techniques\";\nimport { KoreanTechniquesSystem } from \"../../../../systems/trigram/KoreanTechniques\";\nimport { TRIGRAM_STANCES_ORDER } from \"../../../../systems/trigram/types\";\nimport type { KoreanTechnique } from \"../../../../systems/vitalpoint/types\";\nimport {\n  CombatAttackType,\n  DamageType,\n  PlayerArchetype,\n  Position,\n  TrigramStance,\n} from \"../../../../types/common\";\nimport {\n  DEFAULT_BODY_RADIUS_METERS,\n  METERS_TO_TRAINING_UNITS,\n} from \"../../../../types/physicsConstants\";\nimport { calculateDistance3D } from \"../../../../utils/math\";\nimport { TrainingActions, TrainingScreenState } from \"./useTrainingState\";\n\nexport interface UseTrainingActionsConfig {\n  readonly state: TrainingScreenState;\n  readonly actions: TrainingActions;\n  readonly playerPosition: Position;\n  readonly player3DPosition: [number, number, number];\n  readonly dummyPosition: [number, number, number];\n  readonly playerArchetype: import(\"../../../../types/common\").PlayerArchetype;\n  readonly playerStance: TrigramStance;\n  /** Ref to current selected technique's animation type for distance-based hit detection */\n  readonly currentTechniqueAnimationTypeRef: React.MutableRefObject<AnimationType>;\n  readonly audio: {\n    readonly playSFX: (sound: string, volume?: number) => Promise<void>;\n  };\n  /** Attack sound function from useCombatAudio for playing attack whoosh sounds */\n  readonly playAttackSound?: (intensity: AttackIntensity) => Promise<void>;\n  /** Bone impact audio function from useCombatAudio or similar hook */\n  readonly playBoneImpactSound?: (options: {\n    region?: AudioBodyRegion;\n    intensity?: ImpactIntensity;\n    damage?: number;\n    remainingHealth?: number;\n    vitalPoint?: boolean;\n    hitPosition?: { x: number; y: number; z?: number };\n  }) => Promise<void>;\n  readonly onPlayerUpdate: (updates: {\n    currentStance?: TrigramStance;\n    lastActionTime?: number;\n    position?: Position;\n  }) => void;\n  readonly playerAnimation: {\n    readonly transitionTo: (state: AnimationState) => boolean;\n    readonly transitionToStanceGuard: (stance: TrigramStance) => boolean;\n    readonly currentState: string;\n  };\n  /** External ref to store pending attack data - shared with animation events */\n  readonly pendingAttackRef: React.MutableRefObject<{\n    accuracy: number;\n    vitalPoint: string;\n    animationType?: AnimationType;\n    startTime?: number;\n    techniqueId?: string;\n  } | null>;\n  /** Currently selected technique ID (from technique bar) */\n  readonly selectedTechniqueId?: string;\n  /** Callback to set the visual attack animation */\n  readonly setAttackAnimation?: (animationName: string | undefined) => void;\n}\n\nexport interface UseTrainingActionsReturn {\n  readonly handleStartTraining: () => void;\n  readonly handleStopTraining: () => void;\n  readonly handleDummyHit: (\n    vitalPointId: string,\n    attackContext?: {\n      animationType?: AnimationType;\n      techniqueId?: string;\n    },\n  ) => boolean;\n  readonly handleDummyDefeated: () => void;\n  readonly handleStanceChange: (stanceIndex: number) => void;\n  readonly handleAttack: () => void;\n}\n\n/**\n * Get the best default technique for an archetype based on current stance.\n *\n * Each archetype has preferred combat styles:\n * - MUSA: Direct strikes, joint techniques (BLUNT/JOINT damage)\n * - AMSALJA: Nerve strikes, pressure points (NERVE/PRESSURE damage)\n * - HACKER: Precise calculated strikes (high accuracy)\n * - JEONGBO_YOWON: Psychological pressure, submissions (PRESSURE/JOINT)\n * - JOJIK_POKRYEOKBAE: High damage brutal strikes\n *\n * @korean 원형별 기본 기술 선택 - 8개 자세에 따른 최적 기술\n */\nfunction getDefaultTechniqueForArchetype(\n  archetype: PlayerArchetype,\n  stance: TrigramStance,\n): KoreanTechnique | undefined {\n  const techniques = getTechniquesByStance(stance);\n  if (techniques.length === 0) return undefined;\n\n  // Score each technique based on archetype preference\n  const scoredTechniques = techniques.map((tech) => {\n    let score = 0;\n    const damageType = tech.damageType;\n    const attackType = tech.type;\n    const isAdvanced =\n      (tech.kiCost || 0) >= 10 || (tech.staminaCost || 0) >= 15;\n\n    switch (archetype) {\n      case PlayerArchetype.MUSA:\n        // Musa prefers: strikes, blocks, counter-attacks (BLUNT/JOINT/CRUSHING)\n        if (damageType === DamageType.JOINT) score += 30;\n        if (damageType === DamageType.CRUSHING) score += 25;\n        if (damageType === DamageType.BLUNT) score += 20;\n        if (attackType === CombatAttackType.STRIKE) score += 15;\n        if (attackType === CombatAttackType.PUNCH) score += 10;\n        if (isAdvanced) score += 10;\n        break;\n\n      case PlayerArchetype.AMSALJA:\n        // Amsalja prefers: nerve strikes, pressure points, thrusts\n        if (damageType === DamageType.NERVE) score += 35;\n        if (damageType === DamageType.PRESSURE) score += 30;\n        if (attackType === CombatAttackType.NERVE_STRIKE) score += 25;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 25;\n        if (attackType === CombatAttackType.THRUST) score += 15;\n        if ((tech.accuracy || 0) >= 0.9) score += 10;\n        break;\n\n      case PlayerArchetype.HACKER:\n        // Hacker prefers: high accuracy, calculated strikes\n        if ((tech.accuracy || 0) >= 0.9) score += 30;\n        if ((tech.accuracy || 0) >= 0.8) score += 15;\n        if (damageType === DamageType.NERVE) score += 20;\n        if (damageType === DamageType.INTERNAL) score += 20;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 15;\n        break;\n\n      case PlayerArchetype.JEONGBO_YOWON:\n        // Jeongbo prefers: psychological pressure, submissions\n        if (damageType === DamageType.PRESSURE) score += 30;\n        if (damageType === DamageType.JOINT) score += 25;\n        if (attackType === CombatAttackType.GRAPPLE) score += 20;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 15;\n        break;\n\n      case PlayerArchetype.JOJIK_POKRYEOKBAE:\n        // Jojik prefers: high damage, brutal techniques\n        if ((tech.damage || 0) >= 35) score += 35;\n        if ((tech.damage || 0) >= 30) score += 20;\n        if (damageType === DamageType.SLASHING) score += 20;\n        if (damageType === DamageType.PIERCING) score += 15;\n        if (damageType === DamageType.CRUSHING) score += 15;\n        if (attackType === CombatAttackType.KICK) score += 10;\n        break;\n    }\n\n    return { technique: tech, score };\n  });\n\n  // Sort by score descending, return highest scoring technique\n  scoredTechniques.sort((a, b) => b.score - a.score);\n  return scoredTechniques[0]?.technique;\n}\n\n/**\n * Calculate hit accuracy based on distance and effective reach.\n * Uses PhysicalReachCalculator for animation-aware reach calculation.\n *\n * Distance logic matches CombatSystem: if out of reach, guaranteed miss (accuracy 0).\n * Training scene coordinates are in meters, using METERS_TO_TRAINING_UNITS = 1.0.\n *\n * **IMPORTANT**: Distance calculation accounts for body radius.\n * Center-to-center distance is adjusted by subtracting target body radius\n * because attacks hit the body surface, not the center point.\n * The target body radius is calculated from physical attributes for archetypes,\n * or uses DEFAULT_BODY_RADIUS_METERS for training dummies.\n *\n * Example: If player center is 1.5m from dummy center, but dummy body\n * extends 0.23m from center, the effective distance to hit is 1.27m.\n *\n * @korean 거리 기반 명중률 계산 - 사정거리 밖이면 빗나감\n */\nfunction calculateHitAccuracy(\n  playerPos: [number, number, number],\n  dummyPos: [number, number, number],\n  archetype: import(\"../../../../types/common\").PlayerArchetype,\n  stance: TrigramStance,\n  animationType?: AnimationType,\n  reachConfig?: import(\"../../../../types/physics\").PhysicalReachConfig,\n): number {\n  // Calculate 3D distance between player and dummy centers (in meters)\n  const centerToCenterDistance = calculateDistance3D(playerPos, dummyPos);\n\n  // Get player's physical attributes for reach calculation\n  const playerPhysicalAttributes = getArchetypePhysicalAttributes(archetype);\n\n  // Training dummy uses default body radius since it has no archetype\n  // For combat between players, we would use calculateBodyRadius(targetPhysicalAttributes)\n  // 훈련 더미는 원형이 없으므로 기본 몸체 반경 사용\n  const targetBodyRadius = DEFAULT_BODY_RADIUS_METERS;\n\n  // Effective distance = center-to-center minus target body radius only\n  // Note: PhysicalReachCalculator already includes player body pivot/offset in reach calculation,\n  // so we only subtract the target radius to avoid double-counting.\n  // 유효 거리 = 중심간 거리 - 더미 몸체 반경 (플레이어 몸체 오프셋은 도달 거리에 포함됨)\n  const effectiveDistance = Math.max(\n    0,\n    centerToCenterDistance - targetBodyRadius,\n  );\n\n  // If animation type is available, use physics-based reach calculation\n  // We use calculateMaxReach (peak time reach) because:\n  // 1. Training hit detection happens at animation frame 6 (~100ms)\n  // 2. But technique hit timings expect longer animations (e.g., roundhouse 200-480ms)\n  // 3. Using max reach ensures the technique can hit if within peak reach range\n  // 4. This matches intuitive behavior - if you're close enough to be hit by the kick, it hits\n  // 훈련 타격 감지는 최대 도달 거리 사용 (애니메이션 타이밍과 기술 타이밍 불일치 보정)\n  if (animationType !== undefined) {\n    const maxReachMeters = physicalReachCalculator.calculateMaxReach(\n      playerPhysicalAttributes,\n      animationType,\n      stance,\n      reachConfig, // Use technique's designed reach if provided\n    );\n\n    // Convert reach from meters to training scene units.\n    // Training scenes are authored in real-world meters, so we intentionally\n    // use a 1:1 conversion here (METERS_TO_TRAINING_UNITS = 1.0).\n    // Combat AI works in pixel coordinates with a dynamic px/m ratio.\n    const reachInUnits = maxReachMeters * METERS_TO_TRAINING_UNITS;\n\n    // STRICT DISTANCE CHECK (matches CombatSystem behavior):\n    // Out of reach = guaranteed miss with accuracy 0\n    if (effectiveDistance > reachInUnits) {\n      return 0;\n    }\n\n    // Within reach: accuracy based on how centered the hit is\n    // Closer = higher accuracy (0.7 to 1.0 range)\n    return Math.max(0.7, 1.0 - (effectiveDistance / reachInUnits) * 0.3);\n  }\n\n  // Fallback: use default punch reach (0.7 meters) when no reach config is supplied.\n  const defaultReach = 0.7 * METERS_TO_TRAINING_UNITS;\n  if (effectiveDistance > defaultReach) {\n    return 0; // Out of reach = miss\n  }\n  // Within default reach: linear accuracy based on distance\n  return Math.max(0.5, 1.0 - (effectiveDistance / defaultReach) * 0.5);\n}\n\n/**\n * useTrainingActions hook\n * Provides training action handlers with proper memoization\n */\nexport function useTrainingActions(\n  config: UseTrainingActionsConfig,\n): UseTrainingActionsReturn {\n  const {\n    state,\n    actions,\n    player3DPosition,\n    dummyPosition,\n    playerArchetype,\n    playerStance,\n    currentTechniqueAnimationTypeRef,\n    audio,\n    playBoneImpactSound,\n    playAttackSound,\n    onPlayerUpdate,\n    playerAnimation,\n    pendingAttackRef,\n    selectedTechniqueId,\n    setAttackAnimation,\n  } = config;\n\n  // Ref to store timeout for dummy reset\n  const dummyResetTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleStartTraining = useCallback(() => {\n    actions.startTraining();\n    audio.playSFX(\"menu_select\");\n  }, [actions, audio]);\n\n  const handleStopTraining = useCallback(() => {\n    // Clear any pending dummy reset timeout\n    if (dummyResetTimeoutRef.current) {\n      clearTimeout(dummyResetTimeoutRef.current);\n      dummyResetTimeoutRef.current = null;\n    }\n    actions.stopTraining();\n    audio.playSFX(\"menu_back\");\n  }, [actions, audio]);\n\n  const handleDummyDefeated = useCallback(() => {\n    actions.setFeedback(\"훈련 더미 무력화! | Dummy Defeated!\");\n    audio.playSFX(\"ki_release\");\n\n    // Clear any existing timeout\n    if (dummyResetTimeoutRef.current) {\n      clearTimeout(dummyResetTimeoutRef.current);\n    }\n\n    // Reset dummy health after delay\n    dummyResetTimeoutRef.current = setTimeout(() => {\n      actions.resetDummy();\n    }, 2000);\n  }, [actions, audio]);\n\n  const handleDummyHit = useCallback(\n    (\n      _vitalPointId: string,\n      attackContext?: {\n        animationType?: AnimationType;\n        techniqueId?: string;\n      },\n    ): boolean => {\n      // Get animation context from the passed attackContext parameter\n      // (TrainingScreen3D.tsx should pass the attackData before clearing the ref)\n      const animationType = attackContext?.animationType;\n\n      // Get technique's reachConfig for accurate reach calculation\n      // Priority: attackContext.techniqueId (resolved in handleAttack) > selectedTechniqueId\n      // This ensures default techniques (chosen when no explicit selection) also get their reachConfig\n      let reachConfig: import(\"../../../../types/physics\").PhysicalReachConfig | undefined;\n      const resolvedTechniqueId =\n        attackContext?.techniqueId ?? selectedTechniqueId;\n      if (resolvedTechniqueId) {\n        const technique = KoreanTechniquesSystem.getTechniqueById(resolvedTechniqueId);\n        reachConfig = technique?.reachConfig;\n      }\n\n      const accuracy = calculateHitAccuracy(\n        player3DPosition,\n        dummyPosition,\n        playerArchetype,\n        playerStance,\n        animationType,\n        reachConfig,\n      );\n\n      // Determine hit position (dummy center)\n      const hitPosition: [number, number, number] = [\n        dummyPosition[0],\n        1.5,\n        dummyPosition[2],\n      ];\n\n      if (accuracy > 0.5) {\n        const points = Math.round(accuracy * 100);\n        const damage = Math.round(accuracy * 15); // 0-15 damage based on accuracy\n        const isPerfect = accuracy > 0.9;\n\n        // Register hit with state (only counts if training)\n        if (state.isTraining) {\n          actions.registerHit(points, damage, isPerfect);\n        }\n\n        // Play bone impact audio with anatomical feedback using proper audio system\n        if (playBoneImpactSound) {\n          void playBoneImpactSound({\n            damage,\n            remainingHealth: 100, // Dummy has 100 health\n            vitalPoint: false,\n            hitPosition: { x: hitPosition[0], y: hitPosition[1], z: hitPosition[2] },\n          });\n        }\n\n        // Determine feedback and sound\n        let effectType: \"success\" | \"perfect\";\n        if (isPerfect) {\n          actions.setFeedback(\"완벽한 타격! | Perfect Strike!\");\n          audio.playSFX(\"ki_release\");\n          effectType = \"perfect\";\n        } else if (accuracy > 0.7) {\n          actions.setFeedback(\"좋은 타격! | Good Strike!\");\n          audio.playSFX(\"ki_charge\");\n          effectType = \"success\";\n        } else {\n          actions.setFeedback(\"타격 성공 | Strike Success\");\n          audio.playSFX(\"menu_click\");\n          effectType = \"success\";\n        }\n\n        // Add hit effect\n        actions.addHitEffect({\n          position: hitPosition,\n          type: effectType,\n          visible: true,\n          damage,\n        });\n\n        return true;\n      } else {\n        // Register miss (only counts if training)\n        if (state.isTraining) {\n          actions.registerMiss();\n        }\n        actions.setFeedback(\"빗나감 | Miss - Out of reach!\");\n        audio.playSFX(\"menu_navigate\");\n\n        // Add miss effect\n        actions.addHitEffect({\n          position: hitPosition,\n          type: \"miss\",\n          visible: true,\n        });\n\n        return false;\n      }\n    },\n    [\n      state.isTraining,\n      player3DPosition,\n      dummyPosition,\n      playerArchetype,\n      playerStance,\n      actions,\n      audio,\n      playBoneImpactSound,\n      selectedTechniqueId,\n    ],\n  );\n\n  const handleStanceChange = useCallback(\n    (stanceIndex: number) => {\n      actions.setStanceIndex(stanceIndex);\n      const stance = TRIGRAM_STANCES_ORDER[stanceIndex];\n      if (stance) {\n        // Directly transition to stance guard animation (skips transitional animation)\n        // 자세 가드 애니메이션으로 직접 전환 (전환 애니메이션 생략)\n        playerAnimation.transitionToStanceGuard(stance);\n        onPlayerUpdate({ currentStance: stance });\n        audio.playSFX(\"stance_change\");\n      }\n    },\n    [actions, onPlayerUpdate, audio, playerAnimation],\n  );\n\n  const handleAttack = useCallback(() => {\n    // Determine which technique to use:\n    // 1. If a technique is explicitly selected from the TechniqueBar, use that\n    // 2. Otherwise, use the best default technique for the archetype + stance\n    // 사용할 기술 결정: 명시적 선택 또는 원형+자세 기반 기본 기술\n    let techniqueToUse: KoreanTechnique | undefined;\n    let techniqueId = selectedTechniqueId;\n\n    if (!techniqueId) {\n      // No technique explicitly selected - get default for archetype + stance\n      // 명시적 선택 없음 - 원형과 자세에 맞는 기본 기술 사용\n      const defaultTechnique = getDefaultTechniqueForArchetype(\n        playerArchetype,\n        playerStance,\n      );\n      if (defaultTechnique) {\n        techniqueToUse = defaultTechnique;\n        techniqueId = defaultTechnique.id;\n      }\n    }\n\n    // Get the animation type from the technique\n    // 기술에서 애니메이션 타입 가져오기\n    let animationType = currentTechniqueAnimationTypeRef.current;\n    if (techniqueToUse?.animationType) {\n      animationType = techniqueToUse.animationType;\n      currentTechniqueAnimationTypeRef.current = animationType;\n    }\n\n    const startTime = performance.now() / 1000; // Current time in seconds\n\n    const accuracy = calculateHitAccuracy(\n      player3DPosition,\n      dummyPosition,\n      playerArchetype,\n      playerStance,\n      animationType,\n      techniqueToUse?.reachConfig, // Pass technique's reachConfig for accurate reach\n    );\n\n    pendingAttackRef.current = {\n      accuracy,\n      vitalPoint: state.selectedVitalPoint ?? \"generic\",\n      animationType,\n      startTime,\n      techniqueId, // Store resolved technique ID for handleDummyHit\n    };\n\n    // Set visual attack animation based on technique (AnimationRegistry lookup)\n    // This ensures the 3D model plays the correct technique animation (kick vs punch vs elbow)\n    // 기술에 따른 시각적 공격 애니메이션 설정 (발차기 vs 주먹 vs 팔꿈치)\n    if (setAttackAnimation && techniqueId) {\n      const animationName = getAnimationForTechnique(techniqueId);\n      setAttackAnimation(animationName);\n    }\n\n    // Trigger attack animation - this will fire onFrame event at frame 6\n    playerAnimation.transitionTo(AnimationState.ATTACK);\n\n    // Play attack sound based on technique damage/intensity\n    // Resolve technique data if we only have an ID (from TechniqueBar selection)\n    if (!techniqueToUse && selectedTechniqueId) {\n      // Technique selected from TechniqueBar but not yet resolved\n      techniqueToUse = KoreanTechniquesSystem.getTechniqueById(selectedTechniqueId);\n    }\n\n    if (playAttackSound) {\n      // Prefer explicit technique damage when available\n      const damage = techniqueToUse?.damage ?? 10;\n      const intensity: AttackIntensity =\n        damage >= 40\n          ? \"critical\"\n          : damage >= 25\n            ? \"heavy\"\n            : damage >= 10\n              ? \"medium\"\n              : \"light\";\n      void playAttackSound(intensity);\n    } else {\n      // Fallback to generic whoosh if playAttackSound not available\n      audio.playSFX(\"whoosh\");\n    }\n  }, [\n    state.selectedVitalPoint,\n    player3DPosition,\n    dummyPosition,\n    playerArchetype,\n    playerStance,\n    currentTechniqueAnimationTypeRef,\n    playerAnimation,\n    audio,\n    playAttackSound,\n    pendingAttackRef,\n    selectedTechniqueId,\n    setAttackAnimation,\n  ]);\n\n  return {\n    handleStartTraining,\n    handleStopTraining,\n    handleDummyHit,\n    handleDummyDefeated,\n    handleStanceChange,\n    handleAttack,\n  };\n}\n\nexport default useTrainingActions;\n"],"mappings":"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"}
+{"version":3,"file":"useTrainingActions.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingActions.ts"],"sourcesContent":["/**\n * useTrainingActions Hook - Training Action Handlers\n *\n * Custom hook for managing training action handlers.\n * Mirrors useCombatActions pattern for consistency.\n *\n * @korean 훈련액션훅 - 훈련 액션 핸들러 관리\n */\n\nimport { useCallback, useRef } from \"react\";\nimport {\n  AudioBodyRegion,\n  ImpactIntensity,\n} from \"../../../../audio/types\";\nimport type { AttackIntensity } from \"../../../screens/combat/hooks/useCombatAudio\";\nimport { getArchetypePhysicalAttributes } from \"../../../../data/archetypePhysicalAttributes\";\nimport {\n  AnimationState,\n  AnimationType,\n  getAnimationForTechnique,\n} from \"../../../../systems/animation\";\nimport { physicalReachCalculator } from \"../../../../systems/physics\";\nimport { getTechniquesByStance } from \"../../../../systems/trigram/techniques\";\nimport { KoreanTechniquesSystem } from \"../../../../systems/trigram/KoreanTechniques\";\nimport { TRIGRAM_STANCES_ORDER } from \"../../../../systems/trigram/types\";\nimport type { KoreanTechnique } from \"../../../../systems/vitalpoint/types\";\nimport {\n  CombatAttackType,\n  DamageType,\n  PlayerArchetype,\n  Position,\n  TrigramStance,\n} from \"../../../../types/common\";\nimport {\n  DEFAULT_BODY_RADIUS_METERS,\n  METERS_TO_TRAINING_UNITS,\n} from \"../../../../types/physicsConstants\";\nimport { calculateDistance3D } from \"../../../../utils/math\";\nimport { TrainingActions, TrainingScreenState } from \"./useTrainingState\";\n\nexport interface UseTrainingActionsConfig {\n  readonly state: TrainingScreenState;\n  readonly actions: TrainingActions;\n  readonly playerPosition: Position;\n  readonly player3DPosition: [number, number, number];\n  readonly dummyPosition: [number, number, number];\n  readonly playerArchetype: import(\"../../../../types/common\").PlayerArchetype;\n  readonly playerStance: TrigramStance;\n  /** Ref to current selected technique's animation type for distance-based hit detection */\n  readonly currentTechniqueAnimationTypeRef: React.MutableRefObject<AnimationType>;\n  readonly audio: {\n    readonly playSFX: (sound: string, volume?: number) => Promise<void>;\n  };\n  /** Attack sound function from useCombatAudio for playing attack whoosh sounds */\n  readonly playAttackSound?: (intensity: AttackIntensity) => Promise<void>;\n  /** Bone impact audio function from useCombatAudio or similar hook */\n  readonly playBoneImpactSound?: (options: {\n    region?: AudioBodyRegion;\n    intensity?: ImpactIntensity;\n    damage?: number;\n    remainingHealth?: number;\n    vitalPoint?: boolean;\n    hitPosition?: { x: number; y: number; z?: number };\n  }) => Promise<void>;\n  readonly onPlayerUpdate: (updates: {\n    currentStance?: TrigramStance;\n    lastActionTime?: number;\n    position?: Position;\n  }) => void;\n  readonly playerAnimation: {\n    readonly transitionTo: (state: AnimationState) => boolean;\n    readonly transitionToStanceGuard: (stance: TrigramStance) => boolean;\n    readonly currentState: string;\n  };\n  /** External ref to store pending attack data - shared with animation events */\n  readonly pendingAttackRef: React.MutableRefObject<{\n    accuracy: number;\n    vitalPoint: string;\n    animationType?: AnimationType;\n    startTime?: number;\n    techniqueId?: string;\n  } | null>;\n  /** Currently selected technique ID (from technique bar) */\n  readonly selectedTechniqueId?: string;\n  /** Callback to set the visual attack animation */\n  readonly setAttackAnimation?: (animationName: string | undefined) => void;\n}\n\nexport interface UseTrainingActionsReturn {\n  readonly handleStartTraining: () => void;\n  readonly handleStopTraining: () => void;\n  readonly handleDummyHit: (\n    vitalPointId: string,\n    attackContext?: {\n      animationType?: AnimationType;\n      techniqueId?: string;\n    },\n  ) => boolean;\n  readonly handleDummyDefeated: () => void;\n  readonly handleStanceChange: (stanceIndex: number) => void;\n  readonly handleAttack: () => void;\n}\n\n/**\n * Get the best default technique for an archetype based on current stance.\n *\n * Each archetype has preferred combat styles:\n * - MUSA: Direct strikes, joint techniques (BLUNT/JOINT damage)\n * - AMSALJA: Nerve strikes, pressure points (NERVE/PRESSURE damage)\n * - HACKER: Precise calculated strikes (high accuracy)\n * - JEONGBO_YOWON: Psychological pressure, submissions (PRESSURE/JOINT)\n * - JOJIK_POKRYEOKBAE: High damage brutal strikes\n *\n * @korean 원형별 기본 기술 선택 - 8개 자세에 따른 최적 기술\n */\nfunction getDefaultTechniqueForArchetype(\n  archetype: PlayerArchetype,\n  stance: TrigramStance,\n): KoreanTechnique | undefined {\n  const techniques = getTechniquesByStance(stance);\n  if (techniques.length === 0) return undefined;\n\n  const scoredTechniques = techniques.map((tech) => {\n    let score = 0;\n    const damageType = tech.damageType;\n    const attackType = tech.type;\n    const isAdvanced =\n      (tech.kiCost || 0) >= 10 || (tech.staminaCost || 0) >= 15;\n\n    switch (archetype) {\n      case PlayerArchetype.MUSA:\n        if (damageType === DamageType.JOINT) score += 30;\n        if (damageType === DamageType.CRUSHING) score += 25;\n        if (damageType === DamageType.BLUNT) score += 20;\n        if (attackType === CombatAttackType.STRIKE) score += 15;\n        if (attackType === CombatAttackType.PUNCH) score += 10;\n        if (isAdvanced) score += 10;\n        break;\n\n      case PlayerArchetype.AMSALJA:\n        if (damageType === DamageType.NERVE) score += 35;\n        if (damageType === DamageType.PRESSURE) score += 30;\n        if (attackType === CombatAttackType.NERVE_STRIKE) score += 25;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 25;\n        if (attackType === CombatAttackType.THRUST) score += 15;\n        if ((tech.accuracy || 0) >= 0.9) score += 10;\n        break;\n\n      case PlayerArchetype.HACKER:\n        if ((tech.accuracy || 0) >= 0.9) score += 30;\n        if ((tech.accuracy || 0) >= 0.8) score += 15;\n        if (damageType === DamageType.NERVE) score += 20;\n        if (damageType === DamageType.INTERNAL) score += 20;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 15;\n        break;\n\n      case PlayerArchetype.JEONGBO_YOWON:\n        if (damageType === DamageType.PRESSURE) score += 30;\n        if (damageType === DamageType.JOINT) score += 25;\n        if (attackType === CombatAttackType.GRAPPLE) score += 20;\n        if (attackType === CombatAttackType.PRESSURE_POINT) score += 15;\n        break;\n\n      case PlayerArchetype.JOJIK_POKRYEOKBAE:\n        if ((tech.damage || 0) >= 35) score += 35;\n        if ((tech.damage || 0) >= 30) score += 20;\n        if (damageType === DamageType.SLASHING) score += 20;\n        if (damageType === DamageType.PIERCING) score += 15;\n        if (damageType === DamageType.CRUSHING) score += 15;\n        if (attackType === CombatAttackType.KICK) score += 10;\n        break;\n    }\n\n    return { technique: tech, score };\n  });\n\n  scoredTechniques.sort((a, b) => b.score - a.score);\n  return scoredTechniques[0]?.technique;\n}\n\n/**\n * Calculate hit accuracy based on distance and effective reach.\n * Uses PhysicalReachCalculator for animation-aware reach calculation.\n *\n * Distance logic matches CombatSystem: if out of reach, guaranteed miss (accuracy 0).\n * Training scene coordinates are in meters, using METERS_TO_TRAINING_UNITS = 1.0.\n *\n * **IMPORTANT**: Distance calculation accounts for body radius.\n * Center-to-center distance is adjusted by subtracting target body radius\n * because attacks hit the body surface, not the center point.\n * The target body radius is calculated from physical attributes for archetypes,\n * or uses DEFAULT_BODY_RADIUS_METERS for training dummies.\n *\n * Example: If player center is 1.5m from dummy center, but dummy body\n * extends 0.23m from center, the effective distance to hit is 1.27m.\n *\n * @korean 거리 기반 명중률 계산 - 사정거리 밖이면 빗나감\n */\nfunction calculateHitAccuracy(\n  playerPos: [number, number, number],\n  dummyPos: [number, number, number],\n  archetype: import(\"../../../../types/common\").PlayerArchetype,\n  stance: TrigramStance,\n  animationType?: AnimationType,\n  reachConfig?: import(\"../../../../types/physics\").PhysicalReachConfig,\n): number {\n  const centerToCenterDistance = calculateDistance3D(playerPos, dummyPos);\n\n  const playerPhysicalAttributes = getArchetypePhysicalAttributes(archetype);\n\n  const targetBodyRadius = DEFAULT_BODY_RADIUS_METERS;\n\n  const effectiveDistance = Math.max(\n    0,\n    centerToCenterDistance - targetBodyRadius,\n  );\n\n  if (animationType !== undefined) {\n    const maxReachMeters = physicalReachCalculator.calculateMaxReach(\n      playerPhysicalAttributes,\n      animationType,\n      stance,\n      reachConfig, // Use technique's designed reach if provided\n    );\n\n    const reachInUnits = maxReachMeters * METERS_TO_TRAINING_UNITS;\n\n    if (effectiveDistance > reachInUnits) {\n      return 0;\n    }\n\n    return Math.max(0.7, 1.0 - (effectiveDistance / reachInUnits) * 0.3);\n  }\n\n  const defaultReach = 0.7 * METERS_TO_TRAINING_UNITS;\n  if (effectiveDistance > defaultReach) {\n    return 0; // Out of reach = miss\n  }\n  return Math.max(0.5, 1.0 - (effectiveDistance / defaultReach) * 0.5);\n}\n\n/**\n * useTrainingActions hook\n * Provides training action handlers with proper memoization\n */\nexport function useTrainingActions(\n  config: UseTrainingActionsConfig,\n): UseTrainingActionsReturn {\n  const {\n    state,\n    actions,\n    player3DPosition,\n    dummyPosition,\n    playerArchetype,\n    playerStance,\n    currentTechniqueAnimationTypeRef,\n    audio,\n    playBoneImpactSound,\n    playAttackSound,\n    onPlayerUpdate,\n    playerAnimation,\n    pendingAttackRef,\n    selectedTechniqueId,\n    setAttackAnimation,\n  } = config;\n\n  const dummyResetTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleStartTraining = useCallback(() => {\n    actions.startTraining();\n    audio.playSFX(\"menu_select\");\n  }, [actions, audio]);\n\n  const handleStopTraining = useCallback(() => {\n    if (dummyResetTimeoutRef.current) {\n      clearTimeout(dummyResetTimeoutRef.current);\n      dummyResetTimeoutRef.current = null;\n    }\n    actions.stopTraining();\n    audio.playSFX(\"menu_back\");\n  }, [actions, audio]);\n\n  const handleDummyDefeated = useCallback(() => {\n    actions.setFeedback(\"훈련 더미 무력화! | Dummy Defeated!\");\n    audio.playSFX(\"ki_release\");\n\n    if (dummyResetTimeoutRef.current) {\n      clearTimeout(dummyResetTimeoutRef.current);\n    }\n\n    dummyResetTimeoutRef.current = setTimeout(() => {\n      actions.resetDummy();\n    }, 2000);\n  }, [actions, audio]);\n\n  const handleDummyHit = useCallback(\n    (\n      _vitalPointId: string,\n      attackContext?: {\n        animationType?: AnimationType;\n        techniqueId?: string;\n      },\n    ): boolean => {\n      const animationType = attackContext?.animationType;\n\n      let reachConfig: import(\"../../../../types/physics\").PhysicalReachConfig | undefined;\n      const resolvedTechniqueId =\n        attackContext?.techniqueId ?? selectedTechniqueId;\n      if (resolvedTechniqueId) {\n        const technique = KoreanTechniquesSystem.getTechniqueById(resolvedTechniqueId);\n        reachConfig = technique?.reachConfig;\n      }\n\n      const accuracy = calculateHitAccuracy(\n        player3DPosition,\n        dummyPosition,\n        playerArchetype,\n        playerStance,\n        animationType,\n        reachConfig,\n      );\n\n      const hitPosition: [number, number, number] = [\n        dummyPosition[0],\n        1.5,\n        dummyPosition[2],\n      ];\n\n      if (accuracy > 0.5) {\n        const points = Math.round(accuracy * 100);\n        const damage = Math.round(accuracy * 15); // 0-15 damage based on accuracy\n        const isPerfect = accuracy > 0.9;\n\n        if (state.isTraining) {\n          actions.registerHit(points, damage, isPerfect);\n        }\n\n        if (playBoneImpactSound) {\n          void playBoneImpactSound({\n            damage,\n            remainingHealth: 100, // Dummy has 100 health\n            vitalPoint: false,\n            hitPosition: { x: hitPosition[0], y: hitPosition[1], z: hitPosition[2] },\n          });\n        }\n\n        let effectType: \"success\" | \"perfect\";\n        if (isPerfect) {\n          actions.setFeedback(\"완벽한 타격! | Perfect Strike!\");\n          audio.playSFX(\"ki_release\");\n          effectType = \"perfect\";\n        } else if (accuracy > 0.7) {\n          actions.setFeedback(\"좋은 타격! | Good Strike!\");\n          audio.playSFX(\"ki_charge\");\n          effectType = \"success\";\n        } else {\n          actions.setFeedback(\"타격 성공 | Strike Success\");\n          audio.playSFX(\"menu_click\");\n          effectType = \"success\";\n        }\n\n        actions.addHitEffect({\n          position: hitPosition,\n          type: effectType,\n          visible: true,\n          damage,\n        });\n\n        return true;\n      } else {\n        if (state.isTraining) {\n          actions.registerMiss();\n        }\n        actions.setFeedback(\"빗나감 | Miss - Out of reach!\");\n        audio.playSFX(\"menu_navigate\");\n\n        actions.addHitEffect({\n          position: hitPosition,\n          type: \"miss\",\n          visible: true,\n        });\n\n        return false;\n      }\n    },\n    [\n      state.isTraining,\n      player3DPosition,\n      dummyPosition,\n      playerArchetype,\n      playerStance,\n      actions,\n      audio,\n      playBoneImpactSound,\n      selectedTechniqueId,\n    ],\n  );\n\n  const handleStanceChange = useCallback(\n    (stanceIndex: number) => {\n      actions.setStanceIndex(stanceIndex);\n      const stance = TRIGRAM_STANCES_ORDER[stanceIndex];\n      if (stance) {\n        playerAnimation.transitionToStanceGuard(stance);\n        onPlayerUpdate({ currentStance: stance });\n        audio.playSFX(\"stance_change\");\n      }\n    },\n    [actions, onPlayerUpdate, audio, playerAnimation],\n  );\n\n  const handleAttack = useCallback(() => {\n    let techniqueToUse: KoreanTechnique | undefined;\n    let techniqueId = selectedTechniqueId;\n\n    if (!techniqueId) {\n      const defaultTechnique = getDefaultTechniqueForArchetype(\n        playerArchetype,\n        playerStance,\n      );\n      if (defaultTechnique) {\n        techniqueToUse = defaultTechnique;\n        techniqueId = defaultTechnique.id;\n      }\n    }\n\n    let animationType = currentTechniqueAnimationTypeRef.current;\n    if (techniqueToUse?.animationType) {\n      animationType = techniqueToUse.animationType;\n      currentTechniqueAnimationTypeRef.current = animationType;\n    }\n\n    const startTime = performance.now() / 1000; // Current time in seconds\n\n    const accuracy = calculateHitAccuracy(\n      player3DPosition,\n      dummyPosition,\n      playerArchetype,\n      playerStance,\n      animationType,\n      techniqueToUse?.reachConfig, // Pass technique's reachConfig for accurate reach\n    );\n\n    pendingAttackRef.current = {\n      accuracy,\n      vitalPoint: state.selectedVitalPoint ?? \"generic\",\n      animationType,\n      startTime,\n      techniqueId, // Store resolved technique ID for handleDummyHit\n    };\n\n    if (setAttackAnimation && techniqueId) {\n      const animationName = getAnimationForTechnique(techniqueId);\n      setAttackAnimation(animationName);\n    }\n\n    playerAnimation.transitionTo(AnimationState.ATTACK);\n\n    if (!techniqueToUse && selectedTechniqueId) {\n      techniqueToUse = KoreanTechniquesSystem.getTechniqueById(selectedTechniqueId);\n    }\n\n    if (playAttackSound) {\n      const damage = techniqueToUse?.damage ?? 10;\n      const intensity: AttackIntensity =\n        damage >= 40\n          ? \"critical\"\n          : damage >= 25\n            ? \"heavy\"\n            : damage >= 10\n              ? \"medium\"\n              : \"light\";\n      void playAttackSound(intensity);\n    } else {\n      audio.playSFX(\"whoosh\");\n    }\n  }, [\n    state.selectedVitalPoint,\n    player3DPosition,\n    dummyPosition,\n    playerArchetype,\n    playerStance,\n    currentTechniqueAnimationTypeRef,\n    playerAnimation,\n    audio,\n    playAttackSound,\n    pendingAttackRef,\n    selectedTechniqueId,\n    setAttackAnimation,\n  ]);\n\n  return {\n    handleStartTraining,\n    handleStopTraining,\n    handleDummyHit,\n    handleDummyDefeated,\n    handleStanceChange,\n    handleAttack,\n  };\n}\n\nexport default useTrainingActions;\n"],"mappings":"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"}

package/lib/components/screens/training/hooks/useTrainingLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTrainingLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useTrainingLayout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAcH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,eAAe,EAAE,uBAAuB,CAAC;IAClD,QAAQ,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAChD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;CACjC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,cAAc,CAoHhB"}
+{"version":3,"file":"useTrainingLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useTrainingLayout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAcH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;CACnC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,eAAe,EAAE,uBAAuB,CAAC;IAClD,QAAQ,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAChD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;CACjC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,cAAc,CA6FhB"}

package/lib/components/screens/training/hooks/useTrainingLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTrainingLayout.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingLayout.ts"],"sourcesContent":["/**\n * useTrainingLayout Hook - Enhanced Responsive Training Layout\n *\n * Custom hook for managing responsive training screen layout calculations with\n * comprehensive support for all screen sizes from mobile to ultra-wide displays.\n *\n * Enhanced Features:\n * - Five screen size categories (mobile, tablet, desktop, large, xlarge)\n * - Proportional scaling for consistent sizing across devices\n * - Optimized layout sizing for each device category\n * - Smooth transitions for resize operations\n * - 60fps performance maintained\n *\n * Uses robust device detection combining user-agent and screen size to ensure\n * mobile controls are shown on all mobile devices, including high-resolution phones.\n *\n * Performance:\n * - Reduces recalculations by checking only breakpoint changes, not exact dimensions\n * - Memoizes layout constants to prevent cascading re-renders\n * - Targets <1ms execution time for layout calculations\n *\n * @param width - Screen width\n * @param height - Screen height\n *\n * @returns Layout constants and training area bounds\n *\n * @example\n * ```typescript\n * const { layoutConstants, trainingAreaBounds, isMobile, screenSize } = useTrainingLayout(1200, 800);\n * ```\n */\n\nimport { useMemo } from \"react\";\nimport { getScreenSize } from \"../../../../systems/ResponsiveScaling\";\nimport { calculateArenaWorldDimensions } from \"../../../../utils/arenaWorldDimensions\";\nimport { shouldUseMobileControls } from \"../../../../utils/deviceDetection\";\nimport { calculateMobileAreaBounds } from \"../../../../utils/mobileLayoutHelpers\";\nimport {\n  mobileControlsBottomClearance,\n  PORTRAIT_FORCE_MAX_WIDTH_PX,\n  PORTRAIT_HYSTERESIS_FACTOR,\n} from \"../../../../utils/responsiveOrientationConstants\";\nimport { getDesktopArenaWidthBudget } from \"../../../../utils/responsiveLayoutHelpers\";\n\nimport type { ScreenSize } from \"../../../../systems/ResponsiveScaling\";\n\nexport interface TrainingLayoutConstants {\n  readonly padding: number;\n  readonly headerHeight: number;\n  readonly buttonHeight: number;\n  readonly sectionSpacing: number;\n  readonly controlsHeight: number;\n  readonly footerHeight: number;\n}\n\nexport interface TrainingAreaBounds {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n  readonly scale: number; // 3D scale factor for training area (1.0 = desktop, <1.0 = mobile)\n  readonly worldWidthMeters: number; // Physical training area width in meters\n  readonly worldDepthMeters: number; // Physical training area depth in meters\n}\n\nexport interface TrainingLayout {\n  readonly layoutConstants: TrainingLayoutConstants;\n  readonly trainingAreaBounds: TrainingAreaBounds;\n  readonly isMobile: boolean;\n  readonly isPortrait: boolean;\n  readonly screenSize: ScreenSize;\n}\n\n/**\n * Custom hook for training screen layout calculations\n * Enhanced with centralized responsive scaling system\n * Optimized to reduce recalculations and improve 60fps performance\n */\nexport function useTrainingLayout(\n  width: number,\n  height: number,\n): TrainingLayout {\n  // Determine screen size category using centralized scaling system\n  const screenSize = useMemo(() => getScreenSize(width), [width]);\n\n  // Portrait orientation with hysteresis (see responsiveOrientationConstants)\n  // 세로 모드 감지 (히스테리시스 적용)\n  const isPortrait = height > width * PORTRAIT_HYSTERESIS_FACTOR;\n\n  // Force mobile branch on narrow portrait viewports even if the user-agent\n  // says we're on desktop (devtools emulation + real rotated phones).\n  // 좁은 세로 화면에서는 모바일 레이아웃 강제\n  const isMobile =\n    shouldUseMobileControls() ||\n    (isPortrait && width < PORTRAIT_FORCE_MAX_WIDTH_PX);\n\n  // Centralized layout constants for easier tweaking\n  // Enhanced with tablet-specific values for better responsive support\n  const layoutConstants = useMemo<TrainingLayoutConstants>(() => {\n    // Determine if large desktop\n    const isLargeDesktop = screenSize === \"xlarge\";\n    const isTablet = screenSize === \"tablet\";\n\n    return {\n      padding: isMobile ? 20 : isTablet ? 25 : isLargeDesktop ? 35 : 30,\n      headerHeight: isMobile ? 80 : isTablet ? 90 : isLargeDesktop ? 110 : 100,\n      buttonHeight: isMobile ? 45 : isTablet ? 50 : isLargeDesktop ? 60 : 55,\n      sectionSpacing: isMobile ? 15 : isTablet ? 18 : isLargeDesktop ? 25 : 20,\n      controlsHeight: isMobile\n        ? 120\n        : isTablet\n          ? 110\n          : isLargeDesktop\n            ? 150\n            : 130,\n      footerHeight: isMobile ? 60 : isTablet ? 70 : isLargeDesktop ? 90 : 80,\n    };\n  }, [isMobile, screenSize]);\n\n  // Training area bounds using orientation-aware aspect-ratio sizing\n  // Landscape mobile: 4:3 — horizontal dummy + analysis overlay\n  // Portrait mobile : 3:4 — vertical dummy + bottom training controls fit\n  const trainingAreaBounds = useMemo<TrainingAreaBounds>(() => {\n    const areaY = layoutConstants.headerHeight + layoutConstants.padding;\n\n    // Calculate world dimensions based on screen resolution (not device type)\n    const worldDimensions = calculateArenaWorldDimensions(width);\n\n    // Mobile-specific training area sizing for better screen fit\n    if (isMobile) {\n      const isExtraSmall = width < 380;\n      const topClearance = isExtraSmall ? 75 : 80;\n      // Portrait needs the full bottom band reserved (training controls +\n      // footer + virtual controls) so the arena doesn't end up behind them.\n      // Training's virtual-controls band is lighter than Combat's, so the\n      // shared helper picks the \"training\" variant.\n      const bottomClearance = mobileControlsBottomClearance(\n        layoutConstants.controlsHeight,\n        layoutConstants.footerHeight,\n        isExtraSmall,\n        isPortrait,\n        \"training\",\n      );\n\n      return calculateMobileAreaBounds(\n        width,\n        height,\n        topClearance,\n        bottomClearance,\n        areaY,\n        isPortrait ? \"portrait\" : \"landscape\",\n      );\n    }\n\n    // Desktop training area sizing - create 4:3 aspect ratio arena\n    const totalReservedHeight =\n      layoutConstants.headerHeight +\n      layoutConstants.controlsHeight +\n      layoutConstants.footerHeight;\n    const totalPadding = layoutConstants.padding * 3;\n    const availableHeight = height - totalReservedHeight - totalPadding;\n    const availableWidth = getDesktopArenaWidthBudget(width);\n\n    // Calculate arena dimensions with 4:3 aspect ratio (width > height)\n    // Start with available width, constrain by height if needed\n    let arenaWidth = availableWidth;\n    let arenaHeight = arenaWidth * (3 / 4); // 4:3 aspect ratio\n\n    // If height is constrained, recalculate from height\n    if (arenaHeight > availableHeight) {\n      arenaHeight = availableHeight;\n      arenaWidth = arenaHeight * (4 / 3);\n    }\n\n    // Calculate pixels-per-meter and scale\n    const pixelsPerMeter = arenaWidth / worldDimensions.widthMeters;\n    const referencePixelsPerMeter = 100;\n    const scale = pixelsPerMeter / referencePixelsPerMeter;\n\n    return {\n      x: (width - arenaWidth) / 2, // Center horizontally\n      y: areaY,\n      width: arenaWidth,\n      height: arenaHeight, // 4:3 aspect ratio\n      scale,\n      worldWidthMeters: worldDimensions.widthMeters,\n      worldDepthMeters: worldDimensions.depthMeters,\n    };\n  }, [width, height, layoutConstants, isMobile, isPortrait]);\n\n  return {\n    layoutConstants,\n    trainingAreaBounds,\n    isMobile,\n    isPortrait,\n    screenSize,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,kBACd,OACA,QACgB;CAEhB,MAAM,aAAa,cAAc,cAAc,MAAM,EAAE,CAAC,MAAM,CAAC;CAI/D,MAAM,aAAa,SAAS,QAAQ;CAKpC,MAAM,WACJ,yBAAyB,IACxB,cAAc,QAAA;CAIjB,MAAM,kBAAkB,cAAuC;EAE7D,MAAM,iBAAiB,eAAe;EACtC,MAAM,WAAW,eAAe;EAEhC,OAAO;GACL,SAAS,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GAC/D,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,MAAM;GACrE,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACpE,gBAAgB,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACtE,gBAAgB,WACZ,MACA,WACE,MACA,iBACE,MACA;GACR,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACrE;IACA,CAAC,UAAU,WAAW,CAAC;CAyE1B,OAAO;EACL;EACA,oBAtEyB,cAAkC;GAC3D,MAAM,QAAQ,gBAAgB,eAAe,gBAAgB;GAG7D,MAAM,kBAAkB,8BAA8B,MAAM;GAG5D,IAAI,UAAU;IACZ,MAAM,eAAe,QAAQ;IAc7B,OAAO,0BACL,OACA,QAfmB,eAAe,KAAK,IAKjB,8BACtB,gBAAgB,gBAChB,gBAAgB,cAChB,cACA,YACA,WAOA,EACA,OACA,aAAa,aAAa,YAC3B;;GAIH,MAAM,sBACJ,gBAAgB,eAChB,gBAAgB,iBAChB,gBAAgB;GAClB,MAAM,eAAe,gBAAgB,UAAU;GAC/C,MAAM,kBAAkB,SAAS,sBAAsB;GAKvD,IAAI,aAJmB,2BAA2B,MAIjC;GACjB,IAAI,cAAc,cAAc,IAAI;GAGpC,IAAI,cAAc,iBAAiB;IACjC,cAAc;IACd,aAAa,eAAe,IAAI;;GAMlC,MAAM,QAFiB,aAAa,gBAAgB,cAErB;GAE/B,OAAO;IACL,IAAI,QAAQ,cAAc;IAC1B,GAAG;IACH,OAAO;IACP,QAAQ;IACR;IACA,kBAAkB,gBAAgB;IAClC,kBAAkB,gBAAgB;IACnC;KACA;GAAC;GAAO;GAAQ;GAAiB;GAAU;GAAW,CAIvD;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useTrainingLayout.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingLayout.ts"],"sourcesContent":["/**\n * useTrainingLayout Hook - Enhanced Responsive Training Layout\n *\n * Custom hook for managing responsive training screen layout calculations with\n * comprehensive support for all screen sizes from mobile to ultra-wide displays.\n *\n * Enhanced Features:\n * - Five screen size categories (mobile, tablet, desktop, large, xlarge)\n * - Proportional scaling for consistent sizing across devices\n * - Optimized layout sizing for each device category\n * - Smooth transitions for resize operations\n * - 60fps performance maintained\n *\n * Uses robust device detection combining user-agent and screen size to ensure\n * mobile controls are shown on all mobile devices, including high-resolution phones.\n *\n * Performance:\n * - Reduces recalculations by checking only breakpoint changes, not exact dimensions\n * - Memoizes layout constants to prevent cascading re-renders\n * - Targets <1ms execution time for layout calculations\n *\n * @param width - Screen width\n * @param height - Screen height\n *\n * @returns Layout constants and training area bounds\n *\n * @example\n * ```typescript\n * const { layoutConstants, trainingAreaBounds, isMobile, screenSize } = useTrainingLayout(1200, 800);\n * ```\n */\n\nimport { useMemo } from \"react\";\nimport { getScreenSize } from \"../../../../systems/ResponsiveScaling\";\nimport { calculateArenaWorldDimensions } from \"../../../../utils/arenaWorldDimensions\";\nimport { shouldUseMobileControls } from \"../../../../utils/deviceDetection\";\nimport { calculateMobileAreaBounds } from \"../../../../utils/mobileLayoutHelpers\";\nimport {\n  mobileControlsBottomClearance,\n  PORTRAIT_FORCE_MAX_WIDTH_PX,\n  PORTRAIT_HYSTERESIS_FACTOR,\n} from \"../../../../utils/responsiveOrientationConstants\";\nimport { getDesktopArenaWidthBudget } from \"../../../../utils/responsiveLayoutHelpers\";\n\nimport type { ScreenSize } from \"../../../../systems/ResponsiveScaling\";\n\nexport interface TrainingLayoutConstants {\n  readonly padding: number;\n  readonly headerHeight: number;\n  readonly buttonHeight: number;\n  readonly sectionSpacing: number;\n  readonly controlsHeight: number;\n  readonly footerHeight: number;\n}\n\nexport interface TrainingAreaBounds {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n  readonly scale: number; // 3D scale factor for training area (1.0 = desktop, <1.0 = mobile)\n  readonly worldWidthMeters: number; // Physical training area width in meters\n  readonly worldDepthMeters: number; // Physical training area depth in meters\n}\n\nexport interface TrainingLayout {\n  readonly layoutConstants: TrainingLayoutConstants;\n  readonly trainingAreaBounds: TrainingAreaBounds;\n  readonly isMobile: boolean;\n  readonly isPortrait: boolean;\n  readonly screenSize: ScreenSize;\n}\n\n/**\n * Custom hook for training screen layout calculations\n * Enhanced with centralized responsive scaling system\n * Optimized to reduce recalculations and improve 60fps performance\n */\nexport function useTrainingLayout(\n  width: number,\n  height: number,\n): TrainingLayout {\n  const screenSize = useMemo(() => getScreenSize(width), [width]);\n\n  const isPortrait = height > width * PORTRAIT_HYSTERESIS_FACTOR;\n\n  const isMobile =\n    shouldUseMobileControls() ||\n    (isPortrait && width < PORTRAIT_FORCE_MAX_WIDTH_PX);\n\n  const layoutConstants = useMemo<TrainingLayoutConstants>(() => {\n    const isLargeDesktop = screenSize === \"xlarge\";\n    const isTablet = screenSize === \"tablet\";\n\n    return {\n      padding: isMobile ? 20 : isTablet ? 25 : isLargeDesktop ? 35 : 30,\n      headerHeight: isMobile ? 80 : isTablet ? 90 : isLargeDesktop ? 110 : 100,\n      buttonHeight: isMobile ? 45 : isTablet ? 50 : isLargeDesktop ? 60 : 55,\n      sectionSpacing: isMobile ? 15 : isTablet ? 18 : isLargeDesktop ? 25 : 20,\n      controlsHeight: isMobile\n        ? 120\n        : isTablet\n          ? 110\n          : isLargeDesktop\n            ? 150\n            : 130,\n      footerHeight: isMobile ? 60 : isTablet ? 70 : isLargeDesktop ? 90 : 80,\n    };\n  }, [isMobile, screenSize]);\n\n  const trainingAreaBounds = useMemo<TrainingAreaBounds>(() => {\n    const areaY = layoutConstants.headerHeight + layoutConstants.padding;\n\n    const worldDimensions = calculateArenaWorldDimensions(width);\n\n    if (isMobile) {\n      const isExtraSmall = width < 380;\n      const topClearance = isExtraSmall ? 75 : 80;\n      const bottomClearance = mobileControlsBottomClearance(\n        layoutConstants.controlsHeight,\n        layoutConstants.footerHeight,\n        isExtraSmall,\n        isPortrait,\n        \"training\",\n      );\n\n      return calculateMobileAreaBounds(\n        width,\n        height,\n        topClearance,\n        bottomClearance,\n        areaY,\n        isPortrait ? \"portrait\" : \"landscape\",\n      );\n    }\n\n    const totalReservedHeight =\n      layoutConstants.headerHeight +\n      layoutConstants.controlsHeight +\n      layoutConstants.footerHeight;\n    const totalPadding = layoutConstants.padding * 3;\n    const availableHeight = height - totalReservedHeight - totalPadding;\n    const availableWidth = getDesktopArenaWidthBudget(width);\n\n    let arenaWidth = availableWidth;\n    let arenaHeight = arenaWidth * (3 / 4); // 4:3 aspect ratio\n\n    if (arenaHeight > availableHeight) {\n      arenaHeight = availableHeight;\n      arenaWidth = arenaHeight * (4 / 3);\n    }\n\n    const pixelsPerMeter = arenaWidth / worldDimensions.widthMeters;\n    const referencePixelsPerMeter = 100;\n    const scale = pixelsPerMeter / referencePixelsPerMeter;\n\n    return {\n      x: (width - arenaWidth) / 2, // Center horizontally\n      y: areaY,\n      width: arenaWidth,\n      height: arenaHeight, // 4:3 aspect ratio\n      scale,\n      worldWidthMeters: worldDimensions.widthMeters,\n      worldDepthMeters: worldDimensions.depthMeters,\n    };\n  }, [width, height, layoutConstants, isMobile, isPortrait]);\n\n  return {\n    layoutConstants,\n    trainingAreaBounds,\n    isMobile,\n    isPortrait,\n    screenSize,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,kBACd,OACA,QACgB;CAChB,MAAM,aAAa,cAAc,cAAc,MAAM,EAAE,CAAC,MAAM,CAAC;CAE/D,MAAM,aAAa,SAAS,QAAQ;CAEpC,MAAM,WACJ,yBAAyB,IACxB,cAAc,QAAA;CAEjB,MAAM,kBAAkB,cAAuC;EAC7D,MAAM,iBAAiB,eAAe;EACtC,MAAM,WAAW,eAAe;EAEhC,OAAO;GACL,SAAS,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GAC/D,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,MAAM;GACrE,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACpE,gBAAgB,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACtE,gBAAgB,WACZ,MACA,WACE,MACA,iBACE,MACA;GACR,cAAc,WAAW,KAAK,WAAW,KAAK,iBAAiB,KAAK;GACrE;IACA,CAAC,UAAU,WAAW,CAAC;CA2D1B,OAAO;EACL;EACA,oBA3DyB,cAAkC;GAC3D,MAAM,QAAQ,gBAAgB,eAAe,gBAAgB;GAE7D,MAAM,kBAAkB,8BAA8B,MAAM;GAE5D,IAAI,UAAU;IACZ,MAAM,eAAe,QAAQ;IAU7B,OAAO,0BACL,OACA,QAXmB,eAAe,KAAK,IACjB,8BACtB,gBAAgB,gBAChB,gBAAgB,cAChB,cACA,YACA,WAOA,EACA,OACA,aAAa,aAAa,YAC3B;;GAGH,MAAM,sBACJ,gBAAgB,eAChB,gBAAgB,iBAChB,gBAAgB;GAClB,MAAM,eAAe,gBAAgB,UAAU;GAC/C,MAAM,kBAAkB,SAAS,sBAAsB;GAGvD,IAAI,aAFmB,2BAA2B,MAEjC;GACjB,IAAI,cAAc,cAAc,IAAI;GAEpC,IAAI,cAAc,iBAAiB;IACjC,cAAc;IACd,aAAa,eAAe,IAAI;;GAKlC,MAAM,QAFiB,aAAa,gBAAgB,cAErB;GAE/B,OAAO;IACL,IAAI,QAAQ,cAAc;IAC1B,GAAG;IACH,OAAO;IACP,QAAQ;IACR;IACA,kBAAkB,gBAAgB;IAClC,kBAAkB,gBAAgB;IACnC;KACA;GAAC;GAAO;GAAQ;GAAiB;GAAU;GAAW,CAIvD;EACA;EACA;EACA;EACD"}

package/lib/components/screens/training/hooks/useTrainingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTrainingState.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useTrainingState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAGlF,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,UAAU,EAAE,iBAAiB,EAAE,CAAC;IACzC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,oBAAoB,EAAE,YAAY,EAAE,CAAC;IAE9C,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,iBAAiB,EAAE,aAAa,CAAC;IAC1C,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;CACpC;AA6PD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,qBAAqB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,WAAW,EAAE,CACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,KACf,IAAI,CAAC;IACV,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,kBAAkB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;CACnC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CAuJzD;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useTrainingState.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useTrainingState.ts"],"names":[],"mappings":"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"}

package/lib/components/screens/training/hooks/useTrainingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTrainingState.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingState.ts"],"sourcesContent":["/**\n * useTrainingState Hook - Consolidated Training State Management\n *\n * Custom hook for managing training state using useReducer.\n * Mirrors useCombatState pattern for consistency.\n *\n * @korean 훈련상태관리훅 - useReducer를 사용한 통합 훈련 상태 관리\n */\n\nimport { useCallback, useMemo, useReducer } from \"react\";\n// Re-export types from components for consistency\nimport type { AnatomyLayer } from \"../components/AnatomyOverlay3D\";\nimport type { FootworkDrill } from \"../components/FootworkDrillsOverlayHtml\";\nimport type { TrainingMode } from \"../components/TrainingModeSelectorOverlayHtml\";\n\n// Re-export for convenience\nexport type { AnatomyLayer, FootworkDrill, TrainingMode };\n\n/**\n * Training statistics\n */\nexport interface TrainingStats {\n  readonly score: number;\n  readonly combo: number;\n  readonly hits: number;\n  readonly misses: number;\n  readonly accuracy: number;\n  readonly sessionDuration?: number;\n  readonly bestCombo?: number;\n  readonly perfectStrikes?: number;\n}\n\n/**\n * Hit effect for training\n */\nexport interface TrainingHitEffect {\n  readonly id: number;\n  readonly position: [number, number, number];\n  readonly type: \"success\" | \"perfect\" | \"miss\";\n  readonly visible: boolean;\n  readonly damage?: number;\n}\n\n/**\n * Training screen state managed by the reducer\n */\nexport interface TrainingScreenState {\n  readonly trainingMode: TrainingMode;\n  readonly isTraining: boolean;\n  readonly selectedVitalPoint: string | null;\n  readonly feedback: string;\n  readonly showFeedback: boolean;\n  readonly hitEffects: TrainingHitEffect[];\n  readonly nextEffectId: number;\n  readonly dummyHealth: number;\n  readonly sessionStartTime: number | null;\n  readonly sessionDuration: number;\n  readonly perfectStrikes: number;\n  readonly bestCombo: number;\n  readonly stats: TrainingStats;\n  readonly currentStanceIndex: number;\n  readonly stanceWheelExpanded: boolean;\n  readonly visibleAnatomyLayers: AnatomyLayer[];\n  // Footwork drill state\n  readonly footworkDrillActive: boolean;\n  readonly footworkDrillType: FootworkDrill;\n  readonly footworkDrillStep: number;\n}\n\n/**\n * Training state actions\n */\ntype TrainingAction =\n  | { type: \"SET_TRAINING_MODE\"; payload: TrainingMode }\n  | { type: \"START_TRAINING\" }\n  | { type: \"STOP_TRAINING\" }\n  | { type: \"SET_SELECTED_VITAL_POINT\"; payload: string | null }\n  | { type: \"SET_FEEDBACK\"; payload: { feedback: string; show: boolean } }\n  | { type: \"HIDE_FEEDBACK\" }\n  | { type: \"ADD_HIT_EFFECT\"; payload: Omit<TrainingHitEffect, \"id\"> }\n  | { type: \"REMOVE_HIT_EFFECT\"; payload: number }\n  | { type: \"SET_DUMMY_HEALTH\"; payload: number }\n  | { type: \"RESET_DUMMY\" }\n  | { type: \"UPDATE_SESSION_DURATION\"; payload: number }\n  | { type: \"INCREMENT_PERFECT_STRIKES\" }\n  | { type: \"UPDATE_STATS\"; payload: Partial<TrainingStats> }\n  | {\n      type: \"REGISTER_HIT\";\n      payload: { points: number; damage: number; isPerfect: boolean };\n    }\n  | { type: \"REGISTER_MISS\" }\n  | { type: \"SET_STANCE_INDEX\"; payload: number }\n  | { type: \"TOGGLE_STANCE_WHEEL\" }\n  | { type: \"UPDATE_BEST_COMBO\"; payload: number }\n  | { type: \"TOGGLE_ANATOMY_LAYER\"; payload: AnatomyLayer }\n  | { type: \"SET_ANATOMY_LAYERS\"; payload: AnatomyLayer[] }\n  | { type: \"START_FOOTWORK_DRILL\"; payload: FootworkDrill }\n  | { type: \"STOP_FOOTWORK_DRILL\" }\n  | { type: \"ADVANCE_FOOTWORK_STEP\" }\n  | { type: \"RESET_FOOTWORK_DRILL\" };\n\n/**\n * Initial training state\n */\nconst initialState: TrainingScreenState = {\n  trainingMode: \"basics\",\n  isTraining: false,\n  selectedVitalPoint: null,\n  feedback: \"\",\n  showFeedback: false,\n  hitEffects: [],\n  nextEffectId: 0,\n  dummyHealth: 100,\n  sessionStartTime: null,\n  sessionDuration: 0,\n  perfectStrikes: 0,\n  bestCombo: 0,\n  stats: {\n    score: 0,\n    combo: 0,\n    hits: 0,\n    misses: 0,\n    accuracy: 0,\n  },\n  currentStanceIndex: 0,\n  stanceWheelExpanded: false,\n  visibleAnatomyLayers: [],\n  footworkDrillActive: false,\n  footworkDrillType: \"circular_left\",\n  footworkDrillStep: 0,\n};\n\n/**\n * Training state reducer\n */\nfunction trainingReducer(\n  state: TrainingScreenState,\n  action: TrainingAction\n): TrainingScreenState {\n  switch (action.type) {\n    case \"SET_TRAINING_MODE\":\n      return { ...state, trainingMode: action.payload };\n\n    case \"START_TRAINING\":\n      return {\n        ...state,\n        isTraining: true,\n        sessionStartTime: Date.now(),\n        dummyHealth: 100,\n        perfectStrikes: 0,\n        bestCombo: 0,\n        stats: {\n          score: 0,\n          combo: 0,\n          hits: 0,\n          misses: 0,\n          accuracy: 0,\n        },\n        feedback: \"훈련 시작! | Training Start!\",\n        showFeedback: true,\n      };\n\n    case \"STOP_TRAINING\":\n      return {\n        ...state,\n        isTraining: false,\n        sessionStartTime: null,\n        sessionDuration: 0,\n        feedback: \"훈련 종료 | Training End\",\n        showFeedback: true,\n      };\n\n    case \"SET_SELECTED_VITAL_POINT\":\n      return { ...state, selectedVitalPoint: action.payload };\n\n    case \"SET_FEEDBACK\":\n      return {\n        ...state,\n        feedback: action.payload.feedback,\n        showFeedback: action.payload.show,\n      };\n\n    case \"HIDE_FEEDBACK\":\n      return { ...state, showFeedback: false };\n\n    case \"ADD_HIT_EFFECT\":\n      return {\n        ...state,\n        hitEffects: [\n          ...state.hitEffects,\n          { ...action.payload, id: state.nextEffectId },\n        ],\n        nextEffectId: state.nextEffectId + 1,\n      };\n\n    case \"REMOVE_HIT_EFFECT\":\n      return {\n        ...state,\n        hitEffects: state.hitEffects.filter((e) => e.id !== action.payload),\n      };\n\n    case \"SET_DUMMY_HEALTH\":\n      return { ...state, dummyHealth: action.payload };\n\n    case \"RESET_DUMMY\":\n      return {\n        ...state,\n        dummyHealth: 100,\n        feedback: \"더미 재설정 | Dummy Reset\",\n        showFeedback: true,\n      };\n\n    case \"UPDATE_SESSION_DURATION\":\n      return { ...state, sessionDuration: action.payload };\n\n    case \"INCREMENT_PERFECT_STRIKES\":\n      return { ...state, perfectStrikes: state.perfectStrikes + 1 };\n\n    case \"UPDATE_STATS\":\n      return { ...state, stats: { ...state.stats, ...action.payload } };\n\n    case \"REGISTER_HIT\": {\n      const newHits = state.stats.hits + 1;\n      const totalAttempts = newHits + state.stats.misses;\n      const newCombo = state.stats.combo + 1;\n      const newBestCombo = Math.max(state.bestCombo, newCombo);\n\n      return {\n        ...state,\n        perfectStrikes: action.payload.isPerfect\n          ? state.perfectStrikes + 1\n          : state.perfectStrikes,\n        bestCombo: newBestCombo,\n        dummyHealth: Math.max(0, state.dummyHealth - action.payload.damage),\n        stats: {\n          ...state.stats,\n          score: state.stats.score + action.payload.points,\n          combo: newCombo,\n          hits: newHits,\n          accuracy: totalAttempts > 0 ? (newHits / totalAttempts) * 100 : 0,\n        },\n      };\n    }\n\n    case \"REGISTER_MISS\": {\n      const newMisses = state.stats.misses + 1;\n      const totalAttempts = state.stats.hits + newMisses;\n\n      return {\n        ...state,\n        stats: {\n          ...state.stats,\n          combo: 0,\n          misses: newMisses,\n          accuracy:\n            totalAttempts > 0 ? (state.stats.hits / totalAttempts) * 100 : 0,\n        },\n      };\n    }\n\n    case \"SET_STANCE_INDEX\":\n      return { ...state, currentStanceIndex: action.payload };\n\n    case \"TOGGLE_STANCE_WHEEL\":\n      return { ...state, stanceWheelExpanded: !state.stanceWheelExpanded };\n\n    case \"UPDATE_BEST_COMBO\":\n      return {\n        ...state,\n        bestCombo: Math.max(state.bestCombo, action.payload),\n      };\n\n    case \"TOGGLE_ANATOMY_LAYER\": {\n      const layer = action.payload;\n      const currentLayers = state.visibleAnatomyLayers;\n      const newLayers = currentLayers.includes(layer)\n        ? currentLayers.filter((l) => l !== layer)\n        : [...currentLayers, layer];\n      return { ...state, visibleAnatomyLayers: newLayers };\n    }\n\n    case \"SET_ANATOMY_LAYERS\":\n      return { ...state, visibleAnatomyLayers: action.payload };\n\n    case \"START_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillActive: true,\n        footworkDrillType: action.payload,\n        footworkDrillStep: 0,\n        feedback: \"보법 훈련 시작! | Footwork drill started!\",\n        showFeedback: true,\n      };\n\n    case \"STOP_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillActive: false,\n        footworkDrillStep: 0,\n        feedback: \"보법 훈련 종료! | Footwork drill stopped!\",\n        showFeedback: true,\n      };\n\n    case \"ADVANCE_FOOTWORK_STEP\":\n      return {\n        ...state,\n        footworkDrillStep: state.footworkDrillStep + 1,\n      };\n\n    case \"RESET_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillStep: 0,\n      };\n\n    default:\n      return state;\n  }\n}\n\n/**\n * Training state actions interface\n */\nexport interface TrainingActions {\n  readonly setTrainingMode: (mode: TrainingMode) => void;\n  readonly startTraining: () => void;\n  readonly stopTraining: () => void;\n  readonly setSelectedVitalPoint: (point: string | null) => void;\n  readonly setFeedback: (feedback: string, show?: boolean) => void;\n  readonly hideFeedback: () => void;\n  readonly addHitEffect: (effect: Omit<TrainingHitEffect, \"id\">) => void;\n  readonly removeHitEffect: (id: number) => void;\n  readonly setDummyHealth: (health: number) => void;\n  readonly resetDummy: () => void;\n  readonly updateSessionDuration: (duration: number) => void;\n  readonly registerHit: (\n    points: number,\n    damage: number,\n    isPerfect: boolean\n  ) => void;\n  readonly registerMiss: () => void;\n  readonly setStanceIndex: (index: number) => void;\n  readonly toggleStanceWheel: () => void;\n  readonly updateBestCombo: (combo: number) => void;\n  readonly toggleAnatomyLayer: (layer: AnatomyLayer) => void;\n  readonly setAnatomyLayers: (layers: AnatomyLayer[]) => void;\n  readonly startFootworkDrill: (drillType: FootworkDrill) => void;\n  readonly stopFootworkDrill: () => void;\n  readonly advanceFootworkStep: () => void;\n  readonly resetFootworkDrill: () => void;\n}\n\n/**\n * Hook return type\n */\nexport interface UseTrainingStateReturn {\n  readonly state: TrainingScreenState;\n  readonly actions: TrainingActions;\n}\n\n/**\n * useTrainingState hook\n * Provides consolidated training state management using useReducer\n */\nexport function useTrainingState(): UseTrainingStateReturn {\n  const [state, dispatch] = useReducer(trainingReducer, initialState);\n\n  // Memoize individual callbacks to prevent recreating on every render\n  const setTrainingMode = useCallback(\n    (mode: TrainingMode) =>\n      dispatch({ type: \"SET_TRAINING_MODE\", payload: mode }),\n    []\n  );\n  const startTraining = useCallback(\n    () => dispatch({ type: \"START_TRAINING\" }),\n    []\n  );\n  const stopTraining = useCallback(\n    () => dispatch({ type: \"STOP_TRAINING\" }),\n    []\n  );\n  const setSelectedVitalPoint = useCallback(\n    (point: string | null) =>\n      dispatch({ type: \"SET_SELECTED_VITAL_POINT\", payload: point }),\n    []\n  );\n  const setFeedback = useCallback(\n    (feedback: string, show = true) =>\n      dispatch({ type: \"SET_FEEDBACK\", payload: { feedback, show } }),\n    []\n  );\n  const hideFeedback = useCallback(\n    () => dispatch({ type: \"HIDE_FEEDBACK\" }),\n    []\n  );\n  const addHitEffect = useCallback(\n    (effect: Omit<TrainingHitEffect, \"id\">) =>\n      dispatch({ type: \"ADD_HIT_EFFECT\", payload: effect }),\n    []\n  );\n  const removeHitEffect = useCallback(\n    (id: number) => dispatch({ type: \"REMOVE_HIT_EFFECT\", payload: id }),\n    []\n  );\n  const setDummyHealth = useCallback(\n    (health: number) => dispatch({ type: \"SET_DUMMY_HEALTH\", payload: health }),\n    []\n  );\n  const resetDummy = useCallback(() => dispatch({ type: \"RESET_DUMMY\" }), []);\n  const updateSessionDuration = useCallback(\n    (duration: number) =>\n      dispatch({ type: \"UPDATE_SESSION_DURATION\", payload: duration }),\n    []\n  );\n  const registerHit = useCallback(\n    (points: number, damage: number, isPerfect: boolean) =>\n      dispatch({\n        type: \"REGISTER_HIT\",\n        payload: { points, damage, isPerfect },\n      }),\n    []\n  );\n  const registerMiss = useCallback(\n    () => dispatch({ type: \"REGISTER_MISS\" }),\n    []\n  );\n  const setStanceIndex = useCallback(\n    (index: number) => dispatch({ type: \"SET_STANCE_INDEX\", payload: index }),\n    []\n  );\n  const toggleStanceWheel = useCallback(\n    () => dispatch({ type: \"TOGGLE_STANCE_WHEEL\" }),\n    []\n  );\n  const updateBestCombo = useCallback(\n    (combo: number) => dispatch({ type: \"UPDATE_BEST_COMBO\", payload: combo }),\n    []\n  );\n  const toggleAnatomyLayer = useCallback(\n    (layer: AnatomyLayer) =>\n      dispatch({ type: \"TOGGLE_ANATOMY_LAYER\", payload: layer }),\n    []\n  );\n  const setAnatomyLayers = useCallback(\n    (layers: AnatomyLayer[]) =>\n      dispatch({ type: \"SET_ANATOMY_LAYERS\", payload: layers }),\n    []\n  );\n  const startFootworkDrill = useCallback((drillType: FootworkDrill) => {\n    dispatch({ type: \"START_FOOTWORK_DRILL\", payload: drillType });\n  }, []);\n  const stopFootworkDrill = useCallback(() => {\n    dispatch({ type: \"STOP_FOOTWORK_DRILL\" });\n  }, []);\n  const advanceFootworkStep = useCallback(() => {\n    dispatch({ type: \"ADVANCE_FOOTWORK_STEP\" });\n  }, []);\n  const resetFootworkDrill = useCallback(() => {\n    dispatch({ type: \"RESET_FOOTWORK_DRILL\" });\n  }, []);\n\n  // Memoize the actions object to prevent unnecessary re-renders\n  // All callbacks are stable since they have empty dependency arrays\n  const actions: TrainingActions = useMemo(\n    () => ({\n      setTrainingMode,\n      startTraining,\n      stopTraining,\n      setSelectedVitalPoint,\n      setFeedback,\n      hideFeedback,\n      addHitEffect,\n      removeHitEffect,\n      setDummyHealth,\n      resetDummy,\n      updateSessionDuration,\n      registerHit,\n      registerMiss,\n      setStanceIndex,\n      toggleStanceWheel,\n      updateBestCombo,\n      toggleAnatomyLayer,\n      setAnatomyLayers,\n      startFootworkDrill,\n      stopFootworkDrill,\n      advanceFootworkStep,\n      resetFootworkDrill,\n    }),\n    [\n      setTrainingMode,\n      startTraining,\n      stopTraining,\n      setSelectedVitalPoint,\n      setFeedback,\n      hideFeedback,\n      addHitEffect,\n      removeHitEffect,\n      setDummyHealth,\n      resetDummy,\n      updateSessionDuration,\n      registerHit,\n      registerMiss,\n      setStanceIndex,\n      toggleStanceWheel,\n      updateBestCombo,\n      toggleAnatomyLayer,\n      setAnatomyLayers,\n      startFootworkDrill,\n      stopFootworkDrill,\n      advanceFootworkStep,\n      resetFootworkDrill,\n    ]\n  );\n\n  return { state, actions };\n}\n\nexport default useTrainingState;\n"],"mappings":"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"}
+{"version":3,"file":"useTrainingState.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useTrainingState.ts"],"sourcesContent":["/**\n * useTrainingState Hook - Consolidated Training State Management\n *\n * Custom hook for managing training state using useReducer.\n * Mirrors useCombatState pattern for consistency.\n *\n * @korean 훈련상태관리훅 - useReducer를 사용한 통합 훈련 상태 관리\n */\n\nimport { useCallback, useMemo, useReducer } from \"react\";\nimport type { AnatomyLayer } from \"../components/AnatomyOverlay3D\";\nimport type { FootworkDrill } from \"../components/FootworkDrillsOverlayHtml\";\nimport type { TrainingMode } from \"../components/TrainingModeSelectorOverlayHtml\";\n\nexport type { AnatomyLayer, FootworkDrill, TrainingMode };\n\n/**\n * Training statistics\n */\nexport interface TrainingStats {\n  readonly score: number;\n  readonly combo: number;\n  readonly hits: number;\n  readonly misses: number;\n  readonly accuracy: number;\n  readonly sessionDuration?: number;\n  readonly bestCombo?: number;\n  readonly perfectStrikes?: number;\n}\n\n/**\n * Hit effect for training\n */\nexport interface TrainingHitEffect {\n  readonly id: number;\n  readonly position: [number, number, number];\n  readonly type: \"success\" | \"perfect\" | \"miss\";\n  readonly visible: boolean;\n  readonly damage?: number;\n}\n\n/**\n * Training screen state managed by the reducer\n */\nexport interface TrainingScreenState {\n  readonly trainingMode: TrainingMode;\n  readonly isTraining: boolean;\n  readonly selectedVitalPoint: string | null;\n  readonly feedback: string;\n  readonly showFeedback: boolean;\n  readonly hitEffects: TrainingHitEffect[];\n  readonly nextEffectId: number;\n  readonly dummyHealth: number;\n  readonly sessionStartTime: number | null;\n  readonly sessionDuration: number;\n  readonly perfectStrikes: number;\n  readonly bestCombo: number;\n  readonly stats: TrainingStats;\n  readonly currentStanceIndex: number;\n  readonly stanceWheelExpanded: boolean;\n  readonly visibleAnatomyLayers: AnatomyLayer[];\n  readonly footworkDrillActive: boolean;\n  readonly footworkDrillType: FootworkDrill;\n  readonly footworkDrillStep: number;\n}\n\n/**\n * Training state actions\n */\ntype TrainingAction =\n  | { type: \"SET_TRAINING_MODE\"; payload: TrainingMode }\n  | { type: \"START_TRAINING\" }\n  | { type: \"STOP_TRAINING\" }\n  | { type: \"SET_SELECTED_VITAL_POINT\"; payload: string | null }\n  | { type: \"SET_FEEDBACK\"; payload: { feedback: string; show: boolean } }\n  | { type: \"HIDE_FEEDBACK\" }\n  | { type: \"ADD_HIT_EFFECT\"; payload: Omit<TrainingHitEffect, \"id\"> }\n  | { type: \"REMOVE_HIT_EFFECT\"; payload: number }\n  | { type: \"SET_DUMMY_HEALTH\"; payload: number }\n  | { type: \"RESET_DUMMY\" }\n  | { type: \"UPDATE_SESSION_DURATION\"; payload: number }\n  | { type: \"INCREMENT_PERFECT_STRIKES\" }\n  | { type: \"UPDATE_STATS\"; payload: Partial<TrainingStats> }\n  | {\n      type: \"REGISTER_HIT\";\n      payload: { points: number; damage: number; isPerfect: boolean };\n    }\n  | { type: \"REGISTER_MISS\" }\n  | { type: \"SET_STANCE_INDEX\"; payload: number }\n  | { type: \"TOGGLE_STANCE_WHEEL\" }\n  | { type: \"UPDATE_BEST_COMBO\"; payload: number }\n  | { type: \"TOGGLE_ANATOMY_LAYER\"; payload: AnatomyLayer }\n  | { type: \"SET_ANATOMY_LAYERS\"; payload: AnatomyLayer[] }\n  | { type: \"START_FOOTWORK_DRILL\"; payload: FootworkDrill }\n  | { type: \"STOP_FOOTWORK_DRILL\" }\n  | { type: \"ADVANCE_FOOTWORK_STEP\" }\n  | { type: \"RESET_FOOTWORK_DRILL\" };\n\n/**\n * Initial training state\n */\nconst initialState: TrainingScreenState = {\n  trainingMode: \"basics\",\n  isTraining: false,\n  selectedVitalPoint: null,\n  feedback: \"\",\n  showFeedback: false,\n  hitEffects: [],\n  nextEffectId: 0,\n  dummyHealth: 100,\n  sessionStartTime: null,\n  sessionDuration: 0,\n  perfectStrikes: 0,\n  bestCombo: 0,\n  stats: {\n    score: 0,\n    combo: 0,\n    hits: 0,\n    misses: 0,\n    accuracy: 0,\n  },\n  currentStanceIndex: 0,\n  stanceWheelExpanded: false,\n  visibleAnatomyLayers: [],\n  footworkDrillActive: false,\n  footworkDrillType: \"circular_left\",\n  footworkDrillStep: 0,\n};\n\n/**\n * Training state reducer\n */\nfunction trainingReducer(\n  state: TrainingScreenState,\n  action: TrainingAction\n): TrainingScreenState {\n  switch (action.type) {\n    case \"SET_TRAINING_MODE\":\n      return { ...state, trainingMode: action.payload };\n\n    case \"START_TRAINING\":\n      return {\n        ...state,\n        isTraining: true,\n        sessionStartTime: Date.now(),\n        dummyHealth: 100,\n        perfectStrikes: 0,\n        bestCombo: 0,\n        stats: {\n          score: 0,\n          combo: 0,\n          hits: 0,\n          misses: 0,\n          accuracy: 0,\n        },\n        feedback: \"훈련 시작! | Training Start!\",\n        showFeedback: true,\n      };\n\n    case \"STOP_TRAINING\":\n      return {\n        ...state,\n        isTraining: false,\n        sessionStartTime: null,\n        sessionDuration: 0,\n        feedback: \"훈련 종료 | Training End\",\n        showFeedback: true,\n      };\n\n    case \"SET_SELECTED_VITAL_POINT\":\n      return { ...state, selectedVitalPoint: action.payload };\n\n    case \"SET_FEEDBACK\":\n      return {\n        ...state,\n        feedback: action.payload.feedback,\n        showFeedback: action.payload.show,\n      };\n\n    case \"HIDE_FEEDBACK\":\n      return { ...state, showFeedback: false };\n\n    case \"ADD_HIT_EFFECT\":\n      return {\n        ...state,\n        hitEffects: [\n          ...state.hitEffects,\n          { ...action.payload, id: state.nextEffectId },\n        ],\n        nextEffectId: state.nextEffectId + 1,\n      };\n\n    case \"REMOVE_HIT_EFFECT\":\n      return {\n        ...state,\n        hitEffects: state.hitEffects.filter((e) => e.id !== action.payload),\n      };\n\n    case \"SET_DUMMY_HEALTH\":\n      return { ...state, dummyHealth: action.payload };\n\n    case \"RESET_DUMMY\":\n      return {\n        ...state,\n        dummyHealth: 100,\n        feedback: \"더미 재설정 | Dummy Reset\",\n        showFeedback: true,\n      };\n\n    case \"UPDATE_SESSION_DURATION\":\n      return { ...state, sessionDuration: action.payload };\n\n    case \"INCREMENT_PERFECT_STRIKES\":\n      return { ...state, perfectStrikes: state.perfectStrikes + 1 };\n\n    case \"UPDATE_STATS\":\n      return { ...state, stats: { ...state.stats, ...action.payload } };\n\n    case \"REGISTER_HIT\": {\n      const newHits = state.stats.hits + 1;\n      const totalAttempts = newHits + state.stats.misses;\n      const newCombo = state.stats.combo + 1;\n      const newBestCombo = Math.max(state.bestCombo, newCombo);\n\n      return {\n        ...state,\n        perfectStrikes: action.payload.isPerfect\n          ? state.perfectStrikes + 1\n          : state.perfectStrikes,\n        bestCombo: newBestCombo,\n        dummyHealth: Math.max(0, state.dummyHealth - action.payload.damage),\n        stats: {\n          ...state.stats,\n          score: state.stats.score + action.payload.points,\n          combo: newCombo,\n          hits: newHits,\n          accuracy: totalAttempts > 0 ? (newHits / totalAttempts) * 100 : 0,\n        },\n      };\n    }\n\n    case \"REGISTER_MISS\": {\n      const newMisses = state.stats.misses + 1;\n      const totalAttempts = state.stats.hits + newMisses;\n\n      return {\n        ...state,\n        stats: {\n          ...state.stats,\n          combo: 0,\n          misses: newMisses,\n          accuracy:\n            totalAttempts > 0 ? (state.stats.hits / totalAttempts) * 100 : 0,\n        },\n      };\n    }\n\n    case \"SET_STANCE_INDEX\":\n      return { ...state, currentStanceIndex: action.payload };\n\n    case \"TOGGLE_STANCE_WHEEL\":\n      return { ...state, stanceWheelExpanded: !state.stanceWheelExpanded };\n\n    case \"UPDATE_BEST_COMBO\":\n      return {\n        ...state,\n        bestCombo: Math.max(state.bestCombo, action.payload),\n      };\n\n    case \"TOGGLE_ANATOMY_LAYER\": {\n      const layer = action.payload;\n      const currentLayers = state.visibleAnatomyLayers;\n      const newLayers = currentLayers.includes(layer)\n        ? currentLayers.filter((l) => l !== layer)\n        : [...currentLayers, layer];\n      return { ...state, visibleAnatomyLayers: newLayers };\n    }\n\n    case \"SET_ANATOMY_LAYERS\":\n      return { ...state, visibleAnatomyLayers: action.payload };\n\n    case \"START_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillActive: true,\n        footworkDrillType: action.payload,\n        footworkDrillStep: 0,\n        feedback: \"보법 훈련 시작! | Footwork drill started!\",\n        showFeedback: true,\n      };\n\n    case \"STOP_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillActive: false,\n        footworkDrillStep: 0,\n        feedback: \"보법 훈련 종료! | Footwork drill stopped!\",\n        showFeedback: true,\n      };\n\n    case \"ADVANCE_FOOTWORK_STEP\":\n      return {\n        ...state,\n        footworkDrillStep: state.footworkDrillStep + 1,\n      };\n\n    case \"RESET_FOOTWORK_DRILL\":\n      return {\n        ...state,\n        footworkDrillStep: 0,\n      };\n\n    default:\n      return state;\n  }\n}\n\n/**\n * Training state actions interface\n */\nexport interface TrainingActions {\n  readonly setTrainingMode: (mode: TrainingMode) => void;\n  readonly startTraining: () => void;\n  readonly stopTraining: () => void;\n  readonly setSelectedVitalPoint: (point: string | null) => void;\n  readonly setFeedback: (feedback: string, show?: boolean) => void;\n  readonly hideFeedback: () => void;\n  readonly addHitEffect: (effect: Omit<TrainingHitEffect, \"id\">) => void;\n  readonly removeHitEffect: (id: number) => void;\n  readonly setDummyHealth: (health: number) => void;\n  readonly resetDummy: () => void;\n  readonly updateSessionDuration: (duration: number) => void;\n  readonly registerHit: (\n    points: number,\n    damage: number,\n    isPerfect: boolean\n  ) => void;\n  readonly registerMiss: () => void;\n  readonly setStanceIndex: (index: number) => void;\n  readonly toggleStanceWheel: () => void;\n  readonly updateBestCombo: (combo: number) => void;\n  readonly toggleAnatomyLayer: (layer: AnatomyLayer) => void;\n  readonly setAnatomyLayers: (layers: AnatomyLayer[]) => void;\n  readonly startFootworkDrill: (drillType: FootworkDrill) => void;\n  readonly stopFootworkDrill: () => void;\n  readonly advanceFootworkStep: () => void;\n  readonly resetFootworkDrill: () => void;\n}\n\n/**\n * Hook return type\n */\nexport interface UseTrainingStateReturn {\n  readonly state: TrainingScreenState;\n  readonly actions: TrainingActions;\n}\n\n/**\n * useTrainingState hook\n * Provides consolidated training state management using useReducer\n */\nexport function useTrainingState(): UseTrainingStateReturn {\n  const [state, dispatch] = useReducer(trainingReducer, initialState);\n\n  const setTrainingMode = useCallback(\n    (mode: TrainingMode) =>\n      dispatch({ type: \"SET_TRAINING_MODE\", payload: mode }),\n    []\n  );\n  const startTraining = useCallback(\n    () => dispatch({ type: \"START_TRAINING\" }),\n    []\n  );\n  const stopTraining = useCallback(\n    () => dispatch({ type: \"STOP_TRAINING\" }),\n    []\n  );\n  const setSelectedVitalPoint = useCallback(\n    (point: string | null) =>\n      dispatch({ type: \"SET_SELECTED_VITAL_POINT\", payload: point }),\n    []\n  );\n  const setFeedback = useCallback(\n    (feedback: string, show = true) =>\n      dispatch({ type: \"SET_FEEDBACK\", payload: { feedback, show } }),\n    []\n  );\n  const hideFeedback = useCallback(\n    () => dispatch({ type: \"HIDE_FEEDBACK\" }),\n    []\n  );\n  const addHitEffect = useCallback(\n    (effect: Omit<TrainingHitEffect, \"id\">) =>\n      dispatch({ type: \"ADD_HIT_EFFECT\", payload: effect }),\n    []\n  );\n  const removeHitEffect = useCallback(\n    (id: number) => dispatch({ type: \"REMOVE_HIT_EFFECT\", payload: id }),\n    []\n  );\n  const setDummyHealth = useCallback(\n    (health: number) => dispatch({ type: \"SET_DUMMY_HEALTH\", payload: health }),\n    []\n  );\n  const resetDummy = useCallback(() => dispatch({ type: \"RESET_DUMMY\" }), []);\n  const updateSessionDuration = useCallback(\n    (duration: number) =>\n      dispatch({ type: \"UPDATE_SESSION_DURATION\", payload: duration }),\n    []\n  );\n  const registerHit = useCallback(\n    (points: number, damage: number, isPerfect: boolean) =>\n      dispatch({\n        type: \"REGISTER_HIT\",\n        payload: { points, damage, isPerfect },\n      }),\n    []\n  );\n  const registerMiss = useCallback(\n    () => dispatch({ type: \"REGISTER_MISS\" }),\n    []\n  );\n  const setStanceIndex = useCallback(\n    (index: number) => dispatch({ type: \"SET_STANCE_INDEX\", payload: index }),\n    []\n  );\n  const toggleStanceWheel = useCallback(\n    () => dispatch({ type: \"TOGGLE_STANCE_WHEEL\" }),\n    []\n  );\n  const updateBestCombo = useCallback(\n    (combo: number) => dispatch({ type: \"UPDATE_BEST_COMBO\", payload: combo }),\n    []\n  );\n  const toggleAnatomyLayer = useCallback(\n    (layer: AnatomyLayer) =>\n      dispatch({ type: \"TOGGLE_ANATOMY_LAYER\", payload: layer }),\n    []\n  );\n  const setAnatomyLayers = useCallback(\n    (layers: AnatomyLayer[]) =>\n      dispatch({ type: \"SET_ANATOMY_LAYERS\", payload: layers }),\n    []\n  );\n  const startFootworkDrill = useCallback((drillType: FootworkDrill) => {\n    dispatch({ type: \"START_FOOTWORK_DRILL\", payload: drillType });\n  }, []);\n  const stopFootworkDrill = useCallback(() => {\n    dispatch({ type: \"STOP_FOOTWORK_DRILL\" });\n  }, []);\n  const advanceFootworkStep = useCallback(() => {\n    dispatch({ type: \"ADVANCE_FOOTWORK_STEP\" });\n  }, []);\n  const resetFootworkDrill = useCallback(() => {\n    dispatch({ type: \"RESET_FOOTWORK_DRILL\" });\n  }, []);\n\n  const actions: TrainingActions = useMemo(\n    () => ({\n      setTrainingMode,\n      startTraining,\n      stopTraining,\n      setSelectedVitalPoint,\n      setFeedback,\n      hideFeedback,\n      addHitEffect,\n      removeHitEffect,\n      setDummyHealth,\n      resetDummy,\n      updateSessionDuration,\n      registerHit,\n      registerMiss,\n      setStanceIndex,\n      toggleStanceWheel,\n      updateBestCombo,\n      toggleAnatomyLayer,\n      setAnatomyLayers,\n      startFootworkDrill,\n      stopFootworkDrill,\n      advanceFootworkStep,\n      resetFootworkDrill,\n    }),\n    [\n      setTrainingMode,\n      startTraining,\n      stopTraining,\n      setSelectedVitalPoint,\n      setFeedback,\n      hideFeedback,\n      addHitEffect,\n      removeHitEffect,\n      setDummyHealth,\n      resetDummy,\n      updateSessionDuration,\n      registerHit,\n      registerMiss,\n      setStanceIndex,\n      toggleStanceWheel,\n      updateBestCombo,\n      toggleAnatomyLayer,\n      setAnatomyLayers,\n      startFootworkDrill,\n      stopFootworkDrill,\n      advanceFootworkStep,\n      resetFootworkDrill,\n    ]\n  );\n\n  return { state, actions };\n}\n\nexport default useTrainingState;\n"],"mappings":"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"}

package/lib/components/shared/base/AccessibilityProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessibilityProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/AccessibilityProvider.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,kBAAkB,EAAE,MAAM,IAAI,CAAC;CACzC;AASD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyDtE,CAAC;AAIF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,CAU5D"}
+{"version":3,"file":"AccessibilityProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/AccessibilityProvider.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,kBAAkB,EAAE,MAAM,IAAI,CAAC;CACzC;AASD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAoDtE,CAAC;AAIF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,CAU5D"}

package/lib/components/shared/base/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AAwQD,eAAO,MAAM,UAAU,6CAAkC,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AA4PD,eAAO,MAAM,UAAU,6CAAkC,CAAC"}

package/lib/components/shared/base/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","names":[],"sources":["../../../../src/components/shared/base/BaseButton.tsx"],"sourcesContent":["/**\n * BaseButton - Enhanced button component with Korean theming\n *\n * Builds on existing KoreanButton with extracted common logic\n * Provides consistent button styling across the application\n *\n * Now with Html overlay positioning helpers for:\n * - Consistent z-index management\n * - Performance optimization with distanceFactor\n * - GPU acceleration\n *\n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, {\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { KOREAN_COLORS, UI_DIMENSIONS } from \"@/types/constants\";\nimport { hexToRgbaString } from \"../../../utils/colorUtils\";\nimport {\n  applyHtmlOverlayStyles,\n  calculateDistanceFactor,\n} from \"../../../utils/htmlOverlayHelpers\";\nimport type { HtmlOverlayLayer } from \"../../../types/HtmlOverlayTypes\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BaseButton component\n */\nexport interface BaseButtonProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly onClick: () => void;\n  readonly disabled?: boolean;\n  readonly variant?: \"primary\" | \"secondary\" | \"danger\";\n  readonly size?: \"sm\" | \"md\" | \"lg\";\n  readonly position?: [number, number, number];\n  readonly fullWidth?: boolean;\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** Html overlay layer for z-index (default: 'hud') */\n  readonly layer?: HtmlOverlayLayer;\n  /** Whether button should occlude behind 3D objects (default: false) */\n  readonly occlude?: boolean;\n  /** ARIA label for accessibility (optional, defaults to korean text) */\n  readonly ariaLabel?: string;\n  /** ARIA described by ID for additional context */\n  readonly ariaDescribedBy?: string;\n  /** Auto-focus on mount (default: false) */\n  readonly autoFocus?: boolean;\n}\n\n/**\n * BaseButton Component\n *\n * Enhanced Korean-themed button with common functionality extracted.\n * Uses useKoreanTheme hook for consistent styling.\n * Now includes Html overlay positioning helpers for proper z-index and performance.\n *\n * WCAG 2.1 AA Accessibility Features:\n * - Proper ARIA labels and semantic HTML\n * - Keyboard navigation support (Enter and Space keys)\n * - Visible focus indicators with high contrast\n * - Disabled state properly communicated\n * - Minimum 44x44px touch targets on mobile\n *\n * Optimized with React.memo for performance\n *\n * @example\n * ```tsx\n * <BaseButton\n *   korean=\"공격\"\n *   english=\"Attack\"\n *   onClick={() => console.log(\"Attack\")}\n *   variant=\"primary\"\n *   size=\"md\"\n *   layer=\"hud\"\n *   ariaLabel=\"Attack button\"\n * />\n * ```\n */\nconst BaseButtonComponent: React.FC<BaseButtonProps> = ({\n  korean,\n  english,\n  onClick,\n  disabled = false,\n  variant = \"primary\",\n  size = \"md\",\n  position = [0, 0, 0],\n  fullWidth = false,\n  testId,\n  isMobile = false,\n  layer = \"hud\",\n  occlude = false,\n  ariaLabel,\n  ariaDescribedBy,\n  autoFocus = false,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Use Korean theme hook for consistent styling\n  const { buttonVariant, buttonSize, fontFamily, accessibility } =\n    useKoreanTheme({\n      variant,\n      size,\n      disabled,\n      isMobile,\n    });\n\n  // Auto-focus on mount if requested\n  useEffect(() => {\n    if (autoFocus && buttonRef.current) {\n      buttonRef.current.focus();\n    }\n  }, [autoFocus]);\n\n  // Track screen width for responsive distance factor updates on resize\n  const [screenWidth, setScreenWidth] = useState(() =>\n    typeof window !== \"undefined\"\n      ? window.innerWidth\n      : UI_DIMENSIONS.DEFAULT_SCREEN_WIDTH,\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const handleResize = () => {\n      setScreenWidth(window.innerWidth);\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  // Calculate optimal distance factor for button\n  const distanceFactor = useMemo(() => {\n    return calculateDistanceFactor(screenWidth, \"button\", isMobile);\n  }, [screenWidth, isMobile]);\n\n  // Apply Html overlay styles with proper z-index\n  const overlayStyle = useMemo(() => {\n    return applyHtmlOverlayStyles(layer, true, distanceFactor, true, occlude);\n  }, [layer, distanceFactor, occlude]);\n\n  const handleClick = useCallback(() => {\n    if (!disabled) {\n      onClick();\n    }\n  }, [onClick, disabled]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!disabled) {\n      setIsHovered(true);\n    }\n  }, [disabled]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    setIsPressed(false);\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (!disabled) {\n      setIsPressed(true);\n    }\n  }, [disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // Set pressed state for visual feedback on keyboard activation\n      if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyUp = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // Clear pressed state - native button behavior will trigger onClick\n      if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  // Memoize button styles for performance\n  const buttonStyle = useMemo<React.CSSProperties>(() => {\n    let background = hexToRgbaString(buttonVariant.background, 0.9);\n\n    if (isPressed) {\n      background = buttonVariant.activeBg;\n    } else if (isHovered) {\n      background = buttonVariant.hoverBg;\n    }\n\n    return {\n      background,\n      border: `${buttonSize.borderWidth} solid ${hexToRgbaString(buttonVariant.border)}`,\n      color: hexToRgbaString(buttonVariant.text),\n      padding: buttonSize.padding,\n      fontSize: buttonSize.fontSize,\n      fontFamily: fontFamily.KOREAN,\n      fontWeight: \"bold\",\n      cursor: disabled ? \"not-allowed\" : \"pointer\",\n      opacity: disabled ? 0.5 : 1,\n      borderRadius: \"4px\",\n      transition: \"all 0.2s ease\",\n      textAlign: \"center\",\n      userSelect: \"none\",\n      WebkitUserSelect: \"none\",\n      width: fullWidth ? \"100%\" : \"auto\",\n      // Ensure minimum touch target size on mobile (WCAG 2.1 AA)\n      minWidth: isMobile ? accessibility.minTouchTarget : \"auto\",\n      minHeight: isMobile ? accessibility.minTouchTarget : \"auto\",\n      boxShadow:\n        isHovered && !disabled\n          ? `0 0 10px ${hexToRgbaString(buttonVariant.border, 0.5)}`\n          : \"none\",\n      transform: isPressed && !disabled ? \"scale(0.98)\" : \"scale(1)\",\n      textShadow: `0 2px 4px ${hexToRgbaString(KOREAN_COLORS.BLACK_SOLID, 0.5)}`,\n      // Apply GPU acceleration from overlay style\n      WebkitTransform: overlayStyle.transform,\n      zIndex: overlayStyle.zIndex,\n      // WCAG 2.1 AA compliant focus indicator\n      outline: isFocused && !disabled ? accessibility.focusOutline : \"none\",\n      outlineOffset:\n        isFocused && !disabled ? accessibility.focusOutlineOffset : \"0\",\n    };\n  }, [\n    buttonVariant,\n    buttonSize,\n    fontFamily,\n    disabled,\n    fullWidth,\n    isHovered,\n    isPressed,\n    isFocused,\n    overlayStyle,\n    isMobile,\n    accessibility,\n  ]);\n\n  return (\n    <Html\n      position={position}\n      center={overlayStyle.center}\n      distanceFactor={overlayStyle.distanceFactor}\n      occlude={overlayStyle.occlude}\n      style={{ pointerEvents: overlayStyle.pointerEvents }}\n    >\n      <button\n        ref={buttonRef}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onMouseDown={handleMouseDown}\n        onMouseUp={handleMouseUp}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        disabled={disabled}\n        type=\"button\"\n        aria-label={ariaLabel ?? `${korean} ${english}`}\n        aria-describedby={ariaDescribedBy}\n        aria-disabled={disabled}\n        style={buttonStyle}\n        data-testid={testId ?? \"base-button\"}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            gap: \"2px\",\n          }}\n        >\n          <span lang=\"ko\" style={{ fontSize: \"1em\" }}>\n            {korean}\n          </span>\n          <span\n            lang=\"en\"\n            style={{\n              fontSize: \"0.75em\",\n              opacity: 0.8,\n              fontStyle: \"italic\",\n            }}\n          >\n            {english}\n          </span>\n        </div>\n      </button>\n    </Html>\n  );\n};\n\n// Export memoized component for performance optimization\nexport const BaseButton = React.memo(BaseButtonComponent);\n\nBaseButton.displayName = \"BaseButton\";\n"],"mappings":"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"}
+{"version":3,"file":"BaseButton.js","names":[],"sources":["../../../../src/components/shared/base/BaseButton.tsx"],"sourcesContent":["/**\n * BaseButton - Enhanced button component with Korean theming\n *\n * Builds on existing KoreanButton with extracted common logic\n * Provides consistent button styling across the application\n *\n * Now with Html overlay positioning helpers for:\n * - Consistent z-index management\n * - Performance optimization with distanceFactor\n * - GPU acceleration\n *\n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, {\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { KOREAN_COLORS, UI_DIMENSIONS } from \"@/types/constants\";\nimport { hexToRgbaString } from \"../../../utils/colorUtils\";\nimport {\n  applyHtmlOverlayStyles,\n  calculateDistanceFactor,\n} from \"../../../utils/htmlOverlayHelpers\";\nimport type { HtmlOverlayLayer } from \"../../../types/HtmlOverlayTypes\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BaseButton component\n */\nexport interface BaseButtonProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly onClick: () => void;\n  readonly disabled?: boolean;\n  readonly variant?: \"primary\" | \"secondary\" | \"danger\";\n  readonly size?: \"sm\" | \"md\" | \"lg\";\n  readonly position?: [number, number, number];\n  readonly fullWidth?: boolean;\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** Html overlay layer for z-index (default: 'hud') */\n  readonly layer?: HtmlOverlayLayer;\n  /** Whether button should occlude behind 3D objects (default: false) */\n  readonly occlude?: boolean;\n  /** ARIA label for accessibility (optional, defaults to korean text) */\n  readonly ariaLabel?: string;\n  /** ARIA described by ID for additional context */\n  readonly ariaDescribedBy?: string;\n  /** Auto-focus on mount (default: false) */\n  readonly autoFocus?: boolean;\n}\n\n/**\n * BaseButton Component\n *\n * Enhanced Korean-themed button with common functionality extracted.\n * Uses useKoreanTheme hook for consistent styling.\n * Now includes Html overlay positioning helpers for proper z-index and performance.\n *\n * WCAG 2.1 AA Accessibility Features:\n * - Proper ARIA labels and semantic HTML\n * - Keyboard navigation support (Enter and Space keys)\n * - Visible focus indicators with high contrast\n * - Disabled state properly communicated\n * - Minimum 44x44px touch targets on mobile\n *\n * Optimized with React.memo for performance\n *\n * @example\n * ```tsx\n * <BaseButton\n *   korean=\"공격\"\n *   english=\"Attack\"\n *   onClick={() => console.log(\"Attack\")}\n *   variant=\"primary\"\n *   size=\"md\"\n *   layer=\"hud\"\n *   ariaLabel=\"Attack button\"\n * />\n * ```\n */\nconst BaseButtonComponent: React.FC<BaseButtonProps> = ({\n  korean,\n  english,\n  onClick,\n  disabled = false,\n  variant = \"primary\",\n  size = \"md\",\n  position = [0, 0, 0],\n  fullWidth = false,\n  testId,\n  isMobile = false,\n  layer = \"hud\",\n  occlude = false,\n  ariaLabel,\n  ariaDescribedBy,\n  autoFocus = false,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const { buttonVariant, buttonSize, fontFamily, accessibility } =\n    useKoreanTheme({\n      variant,\n      size,\n      disabled,\n      isMobile,\n    });\n\n  useEffect(() => {\n    if (autoFocus && buttonRef.current) {\n      buttonRef.current.focus();\n    }\n  }, [autoFocus]);\n\n  const [screenWidth, setScreenWidth] = useState(() =>\n    typeof window !== \"undefined\"\n      ? window.innerWidth\n      : UI_DIMENSIONS.DEFAULT_SCREEN_WIDTH,\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const handleResize = () => {\n      setScreenWidth(window.innerWidth);\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const distanceFactor = useMemo(() => {\n    return calculateDistanceFactor(screenWidth, \"button\", isMobile);\n  }, [screenWidth, isMobile]);\n\n  const overlayStyle = useMemo(() => {\n    return applyHtmlOverlayStyles(layer, true, distanceFactor, true, occlude);\n  }, [layer, distanceFactor, occlude]);\n\n  const handleClick = useCallback(() => {\n    if (!disabled) {\n      onClick();\n    }\n  }, [onClick, disabled]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!disabled) {\n      setIsHovered(true);\n    }\n  }, [disabled]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    setIsPressed(false);\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (!disabled) {\n      setIsPressed(true);\n    }\n  }, [disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyUp = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  const buttonStyle = useMemo<React.CSSProperties>(() => {\n    let background = hexToRgbaString(buttonVariant.background, 0.9);\n\n    if (isPressed) {\n      background = buttonVariant.activeBg;\n    } else if (isHovered) {\n      background = buttonVariant.hoverBg;\n    }\n\n    return {\n      background,\n      border: `${buttonSize.borderWidth} solid ${hexToRgbaString(buttonVariant.border)}`,\n      color: hexToRgbaString(buttonVariant.text),\n      padding: buttonSize.padding,\n      fontSize: buttonSize.fontSize,\n      fontFamily: fontFamily.KOREAN,\n      fontWeight: \"bold\",\n      cursor: disabled ? \"not-allowed\" : \"pointer\",\n      opacity: disabled ? 0.5 : 1,\n      borderRadius: \"4px\",\n      transition: \"all 0.2s ease\",\n      textAlign: \"center\",\n      userSelect: \"none\",\n      WebkitUserSelect: \"none\",\n      width: fullWidth ? \"100%\" : \"auto\",\n      minWidth: isMobile ? accessibility.minTouchTarget : \"auto\",\n      minHeight: isMobile ? accessibility.minTouchTarget : \"auto\",\n      boxShadow:\n        isHovered && !disabled\n          ? `0 0 10px ${hexToRgbaString(buttonVariant.border, 0.5)}`\n          : \"none\",\n      transform: isPressed && !disabled ? \"scale(0.98)\" : \"scale(1)\",\n      textShadow: `0 2px 4px ${hexToRgbaString(KOREAN_COLORS.BLACK_SOLID, 0.5)}`,\n      WebkitTransform: overlayStyle.transform,\n      zIndex: overlayStyle.zIndex,\n      outline: isFocused && !disabled ? accessibility.focusOutline : \"none\",\n      outlineOffset:\n        isFocused && !disabled ? accessibility.focusOutlineOffset : \"0\",\n    };\n  }, [\n    buttonVariant,\n    buttonSize,\n    fontFamily,\n    disabled,\n    fullWidth,\n    isHovered,\n    isPressed,\n    isFocused,\n    overlayStyle,\n    isMobile,\n    accessibility,\n  ]);\n\n  return (\n    <Html\n      position={position}\n      center={overlayStyle.center}\n      distanceFactor={overlayStyle.distanceFactor}\n      occlude={overlayStyle.occlude}\n      style={{ pointerEvents: overlayStyle.pointerEvents }}\n    >\n      <button\n        ref={buttonRef}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onMouseDown={handleMouseDown}\n        onMouseUp={handleMouseUp}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        disabled={disabled}\n        type=\"button\"\n        aria-label={ariaLabel ?? `${korean} ${english}`}\n        aria-describedby={ariaDescribedBy}\n        aria-disabled={disabled}\n        style={buttonStyle}\n        data-testid={testId ?? \"base-button\"}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            gap: \"2px\",\n          }}\n        >\n          <span lang=\"ko\" style={{ fontSize: \"1em\" }}>\n            {korean}\n          </span>\n          <span\n            lang=\"en\"\n            style={{\n              fontSize: \"0.75em\",\n              opacity: 0.8,\n              fontStyle: \"italic\",\n            }}\n          >\n            {english}\n          </span>\n        </div>\n      </button>\n    </Html>\n  );\n};\n\nexport const BaseButton = React.memo(BaseButtonComponent);\n\nBaseButton.displayName = \"BaseButton\";\n"],"mappings":"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"}

package/lib/components/shared/base/BaseButtonOverlayHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButtonOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseButtonOverlayHtml.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qBAAqB,wDAkIhC,CAAC"}
+{"version":3,"file":"BaseButtonOverlayHtml.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseButtonOverlayHtml.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qBAAqB,wDA2HhC,CAAC"}

package/lib/components/shared/base/BaseButtonOverlayHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButtonOverlayHtml.js","names":[],"sources":["../../../../src/components/shared/base/BaseButtonOverlayHtml.tsx"],"sourcesContent":["/**\n * BaseButtonOverlayHtml - HTML button component with Korean theming (non-Three.js)\n * \n * A version of BaseButton that doesn't require Three.js/Canvas context\n * Can be used in regular DOM components\n * \n * @module components/base\n */\n\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { getKoreanButtonWithGlow } from \"../../../utils/koreanThemeHelpers\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\nimport { UIHaptics } from \"../../../utils/hapticFeedback\";\n\n/**\n * Props for BaseButtonOverlayHtml component\n */\nexport interface BaseButtonOverlayHtmlProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly onClick: () => void;\n  readonly onMouseEnter?: () => void;\n  readonly disabled?: boolean;\n  readonly variant?: \"primary\" | \"secondary\" | \"danger\";\n  readonly size?: \"sm\" | \"md\" | \"lg\";\n  readonly fullWidth?: boolean;\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  readonly className?: string;\n  readonly style?: React.CSSProperties;\n  readonly autoFocus?: boolean;\n  readonly ariaLabel?: string;\n  readonly ariaCurrent?: React.AriaAttributes[\"aria-current\"];\n}\n\n/**\n * BaseButtonOverlayHtml Component\n * \n * HTML button with Korean theming (no Three.js dependency).\n * Uses useKoreanTheme hook for consistent styling.\n *\n * Optimized with React.memo for 60fps performance:\n * - Prevents re-renders when props haven't changed\n * - Event handlers already use useCallback internally\n * \n * @example\n * ```tsx\n * <BaseButtonOverlayHtml\n *   korean=\"확인\"\n *   english=\"Confirm\"\n *   onClick={() => handleConfirm()}\n *   variant=\"primary\"\n *   size=\"md\"\n * />\n * ```\n */\nexport const BaseButtonOverlayHtml = React.memo<BaseButtonOverlayHtmlProps>(\n  ({\n    korean,\n    english,\n    onClick,\n    onMouseEnter,\n    disabled = false,\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth = false,\n  testId,\n  isMobile = false,\n  className,\n  style: customStyle,\n  autoFocus = false,\n  ariaLabel,\n  ariaCurrent,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n\n  // Use Korean theme hook for size and font info only\n  const { buttonSize } = useKoreanTheme({\n    variant,\n    size,\n    disabled,\n    isMobile,\n  });\n\n  const handleClick = useCallback(() => {\n    if (!disabled) {\n      UIHaptics.buttonTap(); // Add haptic feedback\n      onClick();\n    }\n  }, [onClick, disabled]);\n\n  const handleMouseEnterInternal = useCallback(() => {\n    if (!disabled) {\n      UIHaptics.menuHover(); // Add haptic feedback\n      setIsHovered(true);\n      onMouseEnter?.();\n    }\n  }, [disabled, onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    setIsPressed(false);\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (!disabled) {\n      setIsPressed(true);\n    }\n  }, [disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  // Memoize button styles for performance - now using enhanced visual effects\n  const buttonStyle = useMemo<React.CSSProperties>(() => {\n    // Get enhanced button styles with neon glow\n    const enhancedStyles = getKoreanButtonWithGlow({\n      variant,\n      isHovered: isHovered && !disabled,\n      isPressed: isPressed && !disabled,\n      isFocused: false,\n      glowIntensity: \"medium\",\n      hoverAnimation: \"combined\",\n    });\n\n    // Merge with size-specific styles\n    // Note: fontSize from enhancedStyles is intentionally overridden by buttonSize.fontSize\n    // to ensure consistent sizing across button size variants (small/medium/large).\n    // The Korean font optimization (anti-aliasing, letter-spacing) is preserved.\n    return {\n      ...enhancedStyles,\n      padding: buttonSize.padding,\n      fontSize: buttonSize.fontSize, // Override for size consistency\n      cursor: disabled ? \"not-allowed\" : \"pointer\",\n      opacity: disabled ? 0.5 : 1,\n      borderRadius: \"4px\",\n      textAlign: \"center\" as const,\n      userSelect: \"none\" as const,\n      WebkitUserSelect: \"none\" as const,\n      width: fullWidth ? \"100%\" : \"auto\",\n      ...customStyle,\n    };\n  }, [\n    variant,\n    buttonSize,\n    disabled,\n    fullWidth,\n    isHovered,\n    isPressed,\n    customStyle,\n  ]);\n\n  return (\n    <button\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnterInternal}\n      onMouseLeave={handleMouseLeave}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      disabled={disabled}\n      style={buttonStyle}\n      className={className}\n      data-testid={testId ?? \"base-button-html\"}\n      autoFocus={autoFocus}\n      aria-label={ariaLabel ?? `${korean} | ${english}`}\n      aria-current={ariaCurrent}\n    >\n      <div style={{ \n        display: \"flex\", \n        flexDirection: \"column\", \n        alignItems: \"center\",\n        gap: \"2px\"\n      }}>\n        <span style={{ fontSize: \"1em\" }}>{korean}</span>\n        <span style={{ \n          fontSize: \"0.75em\", \n          opacity: 0.8,\n          fontStyle: \"italic\"\n        }}>\n          {english}\n        </span>\n      </div>\n    </button>\n  );\n});\n\nBaseButtonOverlayHtml.displayName = \"BaseButtonOverlayHtml\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAa,wBAAwB,MAAM,MACxC,EACC,QACA,SACA,SACA,cACA,WAAW,OACb,UAAU,WACV,OAAO,MACP,YAAY,OACZ,QACA,WAAW,OACX,WACA,OAAO,aACP,YAAY,OACZ,WACA,kBACI;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAGjD,MAAM,EAAE,eAAe,eAAe;EACpC;EACA;EACA;EACA;EACD,CAAC;CAuEF,OACE,oBAAC,UAAD;EACE,SAvEgB,kBAAkB;GACpC,IAAI,CAAC,UAAU;IACb,UAAU,WAAW;IACrB,SAAS;;KAEV,CAAC,SAAS,SAAS,CAkET;EACT,cAjE6B,kBAAkB;GACjD,IAAI,CAAC,UAAU;IACb,UAAU,WAAW;IACrB,aAAa,KAAK;IAClB,gBAAgB;;KAEjB,CAAC,UAAU,aAAa,CA2DT;EACd,cA1DqB,kBAAkB;GACzC,aAAa,MAAM;GACnB,aAAa,MAAM;KAClB,EAAE,CAuDa;EACd,aAtDoB,kBAAkB;GACxC,IAAI,CAAC,UACH,aAAa,KAAK;KAEnB,CAAC,SAAS,CAkDI;EACb,WAjDkB,kBAAkB;GACtC,aAAa,MAAM;KAClB,EAAE,CA+CU;EACD;EACV,OA9CgB,cAAmC;GAerD,OAAO;IACL,GAdqB,wBAAwB;KAC7C;KACA,WAAW,aAAa,CAAC;KACzB,WAAW,aAAa,CAAC;KACzB,WAAW;KACX,eAAe;KACf,gBAAgB;KACjB,CAOI;IACH,SAAS,WAAW;IACpB,UAAU,WAAW;IACrB,QAAQ,WAAW,gBAAgB;IACnC,SAAS,WAAW,KAAM;IAC1B,cAAc;IACd,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,OAAO,YAAY,SAAS;IAC5B,GAAG;IACJ;KACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAUU;EACI;EACX,eAAa,UAAU;EACZ;EACX,cAAY,aAAa,GAAG,OAAO,KAAK;EACxC,gBAAc;YAEd,qBAAC,OAAD;GAAK,OAAO;IACV,SAAS;IACT,eAAe;IACf,YAAY;IACZ,KAAK;IACN;aALD,CAME,oBAAC,QAAD;IAAM,OAAO,EAAE,UAAU,OAAO;cAAG;IAAc,CAAA,EACjD,oBAAC,QAAD;IAAM,OAAO;KACX,UAAU;KACV,SAAS;KACT,WAAW;KACZ;cACE;IACI,CAAA,CACH;;EACC,CAAA;EAEX;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"BaseButtonOverlayHtml.js","names":[],"sources":["../../../../src/components/shared/base/BaseButtonOverlayHtml.tsx"],"sourcesContent":["/**\n * BaseButtonOverlayHtml - HTML button component with Korean theming (non-Three.js)\n * \n * A version of BaseButton that doesn't require Three.js/Canvas context\n * Can be used in regular DOM components\n * \n * @module components/base\n */\n\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { getKoreanButtonWithGlow } from \"../../../utils/koreanThemeHelpers\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\nimport { UIHaptics } from \"../../../utils/hapticFeedback\";\n\n/**\n * Props for BaseButtonOverlayHtml component\n */\nexport interface BaseButtonOverlayHtmlProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly onClick: () => void;\n  readonly onMouseEnter?: () => void;\n  readonly disabled?: boolean;\n  readonly variant?: \"primary\" | \"secondary\" | \"danger\";\n  readonly size?: \"sm\" | \"md\" | \"lg\";\n  readonly fullWidth?: boolean;\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  readonly className?: string;\n  readonly style?: React.CSSProperties;\n  readonly autoFocus?: boolean;\n  readonly ariaLabel?: string;\n  readonly ariaCurrent?: React.AriaAttributes[\"aria-current\"];\n}\n\n/**\n * BaseButtonOverlayHtml Component\n * \n * HTML button with Korean theming (no Three.js dependency).\n * Uses useKoreanTheme hook for consistent styling.\n *\n * Optimized with React.memo for 60fps performance:\n * - Prevents re-renders when props haven't changed\n * - Event handlers already use useCallback internally\n * \n * @example\n * ```tsx\n * <BaseButtonOverlayHtml\n *   korean=\"확인\"\n *   english=\"Confirm\"\n *   onClick={() => handleConfirm()}\n *   variant=\"primary\"\n *   size=\"md\"\n * />\n * ```\n */\nexport const BaseButtonOverlayHtml = React.memo<BaseButtonOverlayHtmlProps>(\n  ({\n    korean,\n    english,\n    onClick,\n    onMouseEnter,\n    disabled = false,\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth = false,\n  testId,\n  isMobile = false,\n  className,\n  style: customStyle,\n  autoFocus = false,\n  ariaLabel,\n  ariaCurrent,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n\n  const { buttonSize } = useKoreanTheme({\n    variant,\n    size,\n    disabled,\n    isMobile,\n  });\n\n  const handleClick = useCallback(() => {\n    if (!disabled) {\n      UIHaptics.buttonTap(); // Add haptic feedback\n      onClick();\n    }\n  }, [onClick, disabled]);\n\n  const handleMouseEnterInternal = useCallback(() => {\n    if (!disabled) {\n      UIHaptics.menuHover(); // Add haptic feedback\n      setIsHovered(true);\n      onMouseEnter?.();\n    }\n  }, [disabled, onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    setIsPressed(false);\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (!disabled) {\n      setIsPressed(true);\n    }\n  }, [disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  const buttonStyle = useMemo<React.CSSProperties>(() => {\n    const enhancedStyles = getKoreanButtonWithGlow({\n      variant,\n      isHovered: isHovered && !disabled,\n      isPressed: isPressed && !disabled,\n      isFocused: false,\n      glowIntensity: \"medium\",\n      hoverAnimation: \"combined\",\n    });\n\n    return {\n      ...enhancedStyles,\n      padding: buttonSize.padding,\n      fontSize: buttonSize.fontSize, // Override for size consistency\n      cursor: disabled ? \"not-allowed\" : \"pointer\",\n      opacity: disabled ? 0.5 : 1,\n      borderRadius: \"4px\",\n      textAlign: \"center\" as const,\n      userSelect: \"none\" as const,\n      WebkitUserSelect: \"none\" as const,\n      width: fullWidth ? \"100%\" : \"auto\",\n      ...customStyle,\n    };\n  }, [\n    variant,\n    buttonSize,\n    disabled,\n    fullWidth,\n    isHovered,\n    isPressed,\n    customStyle,\n  ]);\n\n  return (\n    <button\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnterInternal}\n      onMouseLeave={handleMouseLeave}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      disabled={disabled}\n      style={buttonStyle}\n      className={className}\n      data-testid={testId ?? \"base-button-html\"}\n      autoFocus={autoFocus}\n      aria-label={ariaLabel ?? `${korean} | ${english}`}\n      aria-current={ariaCurrent}\n    >\n      <div style={{ \n        display: \"flex\", \n        flexDirection: \"column\", \n        alignItems: \"center\",\n        gap: \"2px\"\n      }}>\n        <span style={{ fontSize: \"1em\" }}>{korean}</span>\n        <span style={{ \n          fontSize: \"0.75em\", \n          opacity: 0.8,\n          fontStyle: \"italic\"\n        }}>\n          {english}\n        </span>\n      </div>\n    </button>\n  );\n});\n\nBaseButtonOverlayHtml.displayName = \"BaseButtonOverlayHtml\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAa,wBAAwB,MAAM,MACxC,EACC,QACA,SACA,SACA,cACA,WAAW,OACb,UAAU,WACV,OAAO,MACP,YAAY,OACZ,QACA,WAAW,OACX,WACA,OAAO,aACP,YAAY,OACZ,WACA,kBACI;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,EAAE,eAAe,eAAe;EACpC;EACA;EACA;EACA;EACD,CAAC;CAiEF,OACE,oBAAC,UAAD;EACE,SAjEgB,kBAAkB;GACpC,IAAI,CAAC,UAAU;IACb,UAAU,WAAW;IACrB,SAAS;;KAEV,CAAC,SAAS,SAAS,CA4DT;EACT,cA3D6B,kBAAkB;GACjD,IAAI,CAAC,UAAU;IACb,UAAU,WAAW;IACrB,aAAa,KAAK;IAClB,gBAAgB;;KAEjB,CAAC,UAAU,aAAa,CAqDT;EACd,cApDqB,kBAAkB;GACzC,aAAa,MAAM;GACnB,aAAa,MAAM;KAClB,EAAE,CAiDa;EACd,aAhDoB,kBAAkB;GACxC,IAAI,CAAC,UACH,aAAa,KAAK;KAEnB,CAAC,SAAS,CA4CI;EACb,WA3CkB,kBAAkB;GACtC,aAAa,MAAM;KAClB,EAAE,CAyCU;EACD;EACV,OAzCgB,cAAmC;GAUrD,OAAO;IACL,GAVqB,wBAAwB;KAC7C;KACA,WAAW,aAAa,CAAC;KACzB,WAAW,aAAa,CAAC;KACzB,WAAW;KACX,eAAe;KACf,gBAAgB;KACjB,CAGI;IACH,SAAS,WAAW;IACpB,UAAU,WAAW;IACrB,QAAQ,WAAW,gBAAgB;IACnC,SAAS,WAAW,KAAM;IAC1B,cAAc;IACd,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,OAAO,YAAY,SAAS;IAC5B,GAAG;IACJ;KACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAUU;EACI;EACX,eAAa,UAAU;EACZ;EACX,cAAY,aAAa,GAAG,OAAO,KAAK;EACxC,gBAAc;YAEd,qBAAC,OAAD;GAAK,OAAO;IACV,SAAS;IACT,eAAe;IACf,YAAY;IACZ,KAAK;IACN;aALD,CAME,oBAAC,QAAD;IAAM,OAAO,EAAE,UAAU,OAAO;cAAG;IAAc,CAAA,EACjD,oBAAC,QAAD;IAAM,OAAO;KACX,UAAU;KACV,SAAS;KACT,WAAW;KACZ;cACE;IACI,CAAA,CACH;;EACC,CAAA;EAEX;AAEF,sBAAsB,cAAc"}

package/lib/components/shared/base/BasePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BasePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,MAAM,CAAC;IACnF,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;CACnC;AA4ED,eAAO,MAAM,SAAS,4CAAiC,CAAC"}
+{"version":3,"file":"BasePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BasePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,MAAM,CAAC;IACnF,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;CACnC;AAyED,eAAO,MAAM,SAAS,4CAAiC,CAAC"}

package/lib/components/shared/base/BasePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasePanel.js","names":[],"sources":["../../../../src/components/shared/base/BasePanel.tsx"],"sourcesContent":["/**\n * BasePanel - Enhanced panel component with Korean theming\n * \n * Builds on existing KoreanPanel with extracted common logic\n * Provides consistent panel styling across the application\n * \n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo } from \"react\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BasePanel component\n */\nexport interface BasePanelProps {\n  readonly children: React.ReactNode;\n  readonly position?: [number, number, number];\n  readonly width?: number | string;\n  readonly height?: number | string;\n  readonly padding?: number;\n  readonly variant?: \"default\" | \"bordered\" | \"elevated\";\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** ARIA role for semantic HTML (default: \"region\") */\n  readonly ariaRole?: \"region\" | \"article\" | \"complementary\" | \"navigation\" | \"main\";\n  /** ARIA label for accessibility */\n  readonly ariaLabel?: string;\n  /** ARIA described by ID for additional context */\n  readonly ariaDescribedBy?: string;\n}\n\n/**\n * BasePanel Component\n * \n * Enhanced Korean-themed panel with common functionality extracted.\n * Uses useKoreanTheme hook for consistent styling.\n * \n * WCAG 2.1 AA Accessibility Features:\n * - Proper ARIA roles for semantic HTML\n * - ARIA labels for screen reader context\n * - Responsive padding for touch targets\n * \n * Optimized with React.memo for performance\n * \n * @example\n * ```tsx\n * <BasePanel \n *   variant=\"bordered\" \n *   padding={20}\n *   ariaRole=\"region\"\n *   ariaLabel=\"Combat statistics panel\"\n * >\n *   <h1>Panel Content</h1>\n * </BasePanel>\n * ```\n */\nconst BasePanelComponent: React.FC<BasePanelProps> = ({\n  children,\n  position = [0, 0, 0],\n  width = \"auto\",\n  height = \"auto\",\n  padding = 16,\n  variant = \"default\",\n  testId,\n  isMobile = false,\n  ariaRole = \"region\",\n  ariaLabel,\n  ariaDescribedBy,\n}) => {\n  // Use Korean theme hook for consistent styling\n  const { panelVariant, fontFamily } = useKoreanTheme({\n    variant,\n    isMobile,\n  });\n\n  // Memoize panel styles for performance\n  const panelStyle = useMemo<React.CSSProperties>(() => {\n    return {\n      width,\n      height,\n      padding: `${padding}px`,\n      borderRadius: \"8px\",\n      fontFamily: fontFamily.KOREAN,\n      background: panelVariant.background,\n      border: panelVariant.border,\n      boxShadow: panelVariant.boxShadow,\n    };\n  }, [width, height, padding, panelVariant, fontFamily]);\n\n  return (\n    <Html position={position} center>\n      <div \n        style={panelStyle} \n        data-testid={testId ?? \"base-panel\"}\n        role={ariaRole}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </div>\n    </Html>\n  );\n};\n\n// Export memoized component for performance optimization\nexport const BasePanel = React.memo(BasePanelComponent);\n\nBasePanel.displayName = \"BasePanel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,IAAM,sBAAgD,EACpD,UACA,WAAW;CAAC;CAAG;CAAG;CAAE,EACpB,QAAQ,QACR,SAAS,QACT,UAAU,IACV,UAAU,WACV,QACA,WAAW,OACX,WAAW,UACX,WACA,sBACI;CAEJ,MAAM,EAAE,cAAc,eAAe,eAAe;EAClD;EACA;EACD,CAAC;CAgBF,OACE,oBAAC,MAAD;EAAgB;EAAU,QAAA;YACxB,oBAAC,OAAD;GACE,OAhBa,cAAmC;IACpD,OAAO;KACL;KACA;KACA,SAAS,GAAG,QAAQ;KACpB,cAAc;KACd,YAAY,WAAW;KACvB,YAAY,aAAa;KACzB,QAAQ,aAAa;KACrB,WAAW,aAAa;KACzB;MACA;IAAC;IAAO;IAAQ;IAAS;IAAc;IAAW,CAKxC;GACP,eAAa,UAAU;GACvB,MAAM;GACN,cAAY;GACZ,oBAAkB;GAEjB;GACG,CAAA;EACD,CAAA;;AAKX,IAAa,YAAY,MAAM,KAAK,mBAAmB;AAEvD,UAAU,cAAc"}
+{"version":3,"file":"BasePanel.js","names":[],"sources":["../../../../src/components/shared/base/BasePanel.tsx"],"sourcesContent":["/**\n * BasePanel - Enhanced panel component with Korean theming\n * \n * Builds on existing KoreanPanel with extracted common logic\n * Provides consistent panel styling across the application\n * \n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo } from \"react\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BasePanel component\n */\nexport interface BasePanelProps {\n  readonly children: React.ReactNode;\n  readonly position?: [number, number, number];\n  readonly width?: number | string;\n  readonly height?: number | string;\n  readonly padding?: number;\n  readonly variant?: \"default\" | \"bordered\" | \"elevated\";\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** ARIA role for semantic HTML (default: \"region\") */\n  readonly ariaRole?: \"region\" | \"article\" | \"complementary\" | \"navigation\" | \"main\";\n  /** ARIA label for accessibility */\n  readonly ariaLabel?: string;\n  /** ARIA described by ID for additional context */\n  readonly ariaDescribedBy?: string;\n}\n\n/**\n * BasePanel Component\n * \n * Enhanced Korean-themed panel with common functionality extracted.\n * Uses useKoreanTheme hook for consistent styling.\n * \n * WCAG 2.1 AA Accessibility Features:\n * - Proper ARIA roles for semantic HTML\n * - ARIA labels for screen reader context\n * - Responsive padding for touch targets\n * \n * Optimized with React.memo for performance\n * \n * @example\n * ```tsx\n * <BasePanel \n *   variant=\"bordered\" \n *   padding={20}\n *   ariaRole=\"region\"\n *   ariaLabel=\"Combat statistics panel\"\n * >\n *   <h1>Panel Content</h1>\n * </BasePanel>\n * ```\n */\nconst BasePanelComponent: React.FC<BasePanelProps> = ({\n  children,\n  position = [0, 0, 0],\n  width = \"auto\",\n  height = \"auto\",\n  padding = 16,\n  variant = \"default\",\n  testId,\n  isMobile = false,\n  ariaRole = \"region\",\n  ariaLabel,\n  ariaDescribedBy,\n}) => {\n  const { panelVariant, fontFamily } = useKoreanTheme({\n    variant,\n    isMobile,\n  });\n\n  const panelStyle = useMemo<React.CSSProperties>(() => {\n    return {\n      width,\n      height,\n      padding: `${padding}px`,\n      borderRadius: \"8px\",\n      fontFamily: fontFamily.KOREAN,\n      background: panelVariant.background,\n      border: panelVariant.border,\n      boxShadow: panelVariant.boxShadow,\n    };\n  }, [width, height, padding, panelVariant, fontFamily]);\n\n  return (\n    <Html position={position} center>\n      <div \n        style={panelStyle} \n        data-testid={testId ?? \"base-panel\"}\n        role={ariaRole}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </div>\n    </Html>\n  );\n};\n\nexport const BasePanel = React.memo(BasePanelComponent);\n\nBasePanel.displayName = \"BasePanel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,IAAM,sBAAgD,EACpD,UACA,WAAW;CAAC;CAAG;CAAG;CAAE,EACpB,QAAQ,QACR,SAAS,QACT,UAAU,IACV,UAAU,WACV,QACA,WAAW,OACX,WAAW,UACX,WACA,sBACI;CACJ,MAAM,EAAE,cAAc,eAAe,eAAe;EAClD;EACA;EACD,CAAC;CAeF,OACE,oBAAC,MAAD;EAAgB;EAAU,QAAA;YACxB,oBAAC,OAAD;GACE,OAhBa,cAAmC;IACpD,OAAO;KACL;KACA;KACA,SAAS,GAAG,QAAQ;KACpB,cAAc;KACd,YAAY,WAAW;KACvB,YAAY,aAAa;KACzB,QAAQ,aAAa;KACrB,WAAW,aAAa;KACzB;MACA;IAAC;IAAO;IAAQ;IAAS;IAAc;IAAW,CAKxC;GACP,eAAa,UAAU;GACvB,MAAM;GACN,cAAY;GACZ,oBAAkB;GAEjB;GACG,CAAA;EACD,CAAA;;AAIX,IAAa,YAAY,MAAM,KAAK,mBAAmB;AAEvD,UAAU,cAAc"}

package/lib/components/shared/base/BaseText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseText.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,qEAAqE;IACrE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;CACpD;AAwKD,eAAO,MAAM,QAAQ,2CAAgC,CAAC"}
+{"version":3,"file":"BaseText.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/BaseText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,qEAAqE;IACrE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;CACpD;AAgKD,eAAO,MAAM,QAAQ,2CAAgC,CAAC"}

package/lib/components/shared/base/BaseText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseText.js","names":[],"sources":["../../../../src/components/shared/base/BaseText.tsx"],"sourcesContent":["/**\n * BaseText - Enhanced bilingual text component with Korean theming\n *\n * Builds on existing KoreanText with extracted common logic\n * Provides consistent text styling across the application\n *\n * Now with Html overlay positioning helpers for:\n * - Consistent z-index management\n * - Performance optimization with distanceFactor\n * - GPU acceleration\n *\n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo, useState, useEffect } from \"react\";\nimport { KOREAN_COLORS, UI_DIMENSIONS } from \"@/types/constants\";\nimport { hexToRgbaString } from \"../../../utils/colorUtils\";\nimport {\n  applyHtmlOverlayStyles,\n  calculateDistanceFactor,\n} from \"../../../utils/htmlOverlayHelpers\";\nimport type { HtmlOverlayLayer } from \"../../../types/HtmlOverlayTypes\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BaseText component\n */\nexport interface BaseTextProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly position?: [number, number, number];\n  readonly size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n  readonly color?: number;\n  readonly align?: \"left\" | \"center\" | \"right\";\n  readonly weight?: \"normal\" | \"bold\";\n  readonly layout?: \"vertical\" | \"horizontal\";\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** Html overlay layer for z-index (default: 'hud') */\n  readonly layer?: HtmlOverlayLayer;\n  /** Whether text should occlude behind 3D objects (default: false) */\n  readonly occlude?: boolean;\n  /** ARIA label for accessibility (optional) */\n  readonly ariaLabel?: string;\n  /** ARIA live region for dynamic content (optional) */\n  readonly ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\n/**\n * BaseText Component\n *\n * Enhanced bilingual text component with Korean cyberpunk styling.\n * Uses useKoreanTheme hook for consistent text sizing and styling.\n * Now includes Html overlay positioning helpers for proper z-index and performance.\n *\n * Korean Typography Features:\n * - Optimized line height (1.6) for Korean character readability\n * - Letter spacing (-0.01em) for tighter Korean text\n * - Word break (keep-all) to prevent breaking Korean words mid-syllable\n * - Proper language attributes (lang=\"ko\" / lang=\"en\")\n *\n * WCAG 2.1 AA Accessibility Features:\n * - Proper language attributes for screen readers\n * - Optional ARIA labels for additional context\n * - ARIA live regions for dynamic content\n *\n * Optimized with React.memo for performance\n *\n * @example\n * ```tsx\n * <BaseText\n *   korean=\"공격\"\n *   english=\"Attack\"\n *   size=\"large\"\n *   layout=\"vertical\"\n *   layer=\"hud\"\n *   ariaLive=\"polite\"\n * />\n * ```\n */\nconst BaseTextComponent: React.FC<BaseTextProps> = ({\n  korean,\n  english,\n  position = [0, 0, 0],\n  size = \"medium\",\n  color = KOREAN_COLORS.TEXT_PRIMARY,\n  align = \"center\",\n  weight = \"normal\",\n  layout = \"vertical\",\n  testId,\n  isMobile = false,\n  layer = \"hud\",\n  occlude = false,\n  ariaLabel,\n  ariaLive = \"off\",\n}) => {\n  // Use Korean theme hook for consistent text sizing\n  const { textSize, koreanTypography } = useKoreanTheme({\n    size,\n    isMobile,\n  });\n\n  // Track screen width for responsive distance factor updates on resize\n  const [screenWidth, setScreenWidth] = useState(() =>\n    typeof window !== \"undefined\"\n      ? window.innerWidth\n      : UI_DIMENSIONS.DEFAULT_SCREEN_WIDTH,\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const handleResize = () => {\n      setScreenWidth(window.innerWidth);\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  // Calculate optimal distance factor for text\n  const distanceFactor = useMemo(() => {\n    return calculateDistanceFactor(screenWidth, \"text\", isMobile);\n  }, [screenWidth, isMobile]);\n\n  // Apply Html overlay styles with proper z-index\n  const overlayStyle = useMemo(() => {\n    return applyHtmlOverlayStyles(layer, false, distanceFactor, true, occlude);\n  }, [layer, distanceFactor, occlude]);\n\n  // Memoize text styles for performance with Korean typography optimization\n  const textStyle = useMemo<React.CSSProperties>(\n    () => ({\n      color: hexToRgbaString(color),\n      fontFamily: koreanTypography.fontFamily,\n      textAlign: align,\n      fontWeight: weight === \"bold\" ? \"bold\" : \"normal\",\n      textShadow: `0 2px 4px ${hexToRgbaString(KOREAN_COLORS.BLACK_SOLID, 0.5)}`,\n      userSelect: \"none\",\n      WebkitUserSelect: \"none\",\n      // Korean typography optimization\n      lineHeight: koreanTypography.lineHeight,\n      letterSpacing: koreanTypography.letterSpacing,\n      wordBreak: koreanTypography.wordBreak,\n      wordWrap: koreanTypography.wordWrap,\n    }),\n    [color, align, weight, koreanTypography],\n  );\n\n  const containerStyle = useMemo<React.CSSProperties>(\n    () => ({\n      display: \"flex\",\n      flexDirection: layout === \"vertical\" ? \"column\" : \"row\",\n      alignItems: \"center\",\n      gap: layout === \"vertical\" ? \"4px\" : \"8px\",\n      // Apply GPU acceleration from overlay style\n      transform: overlayStyle.transform,\n      pointerEvents: overlayStyle.pointerEvents,\n      zIndex: overlayStyle.zIndex,\n    }),\n    [layout, overlayStyle],\n  );\n\n  const koreanStyle = useMemo<React.CSSProperties>(\n    () => ({\n      ...textStyle,\n      fontSize: textSize.korean,\n    }),\n    [textStyle, textSize.korean],\n  );\n\n  const englishStyle = useMemo<React.CSSProperties>(\n    () => ({\n      ...textStyle,\n      fontSize: textSize.english,\n      opacity: 0.8,\n      fontStyle: \"italic\",\n    }),\n    [textStyle, textSize.english],\n  );\n\n  return (\n    <Html\n      position={position}\n      center={overlayStyle.center}\n      distanceFactor={overlayStyle.distanceFactor}\n      occlude={overlayStyle.occlude}\n      style={{ pointerEvents: overlayStyle.pointerEvents }}\n    >\n      <div\n        style={containerStyle}\n        data-testid={testId ?? \"base-text\"}\n        aria-label={ariaLabel}\n        aria-live={ariaLive}\n      >\n        <span lang=\"ko\" style={koreanStyle}>\n          {korean}\n        </span>\n        {layout === \"vertical\" && (\n          <span lang=\"en\" style={englishStyle}>\n            {english}\n          </span>\n        )}\n        {layout === \"horizontal\" && (\n          <span lang=\"en\" style={englishStyle}>\n            | {english}\n          </span>\n        )}\n      </div>\n    </Html>\n  );\n};\n\n// Export memoized component for performance optimization\nexport const BaseText = React.memo(BaseTextComponent);\n\nBaseText.displayName = \"BaseText\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,IAAM,qBAA8C,EAClD,QACA,SACA,WAAW;CAAC;CAAG;CAAG;CAAE,EACpB,OAAO,UACP,QAAQ,cAAc,cACtB,QAAQ,UACR,SAAS,UACT,SAAS,YACT,QACA,WAAW,OACX,QAAQ,OACR,UAAU,OACV,WACA,WAAW,YACP;CAEJ,MAAM,EAAE,UAAU,qBAAqB,eAAe;EACpD;EACA;EACD,CAAC;CAGF,MAAM,CAAC,aAAa,kBAAkB,eACpC,OAAO,WAAW,cACd,OAAO,aACP,cAAc,qBACnB;CAED,gBAAgB;EACd,IAAI,OAAO,WAAW,aAAa;EAEnC,MAAM,qBAAqB;GACzB,eAAe,OAAO,WAAW;;EAGnC,OAAO,iBAAiB,UAAU,aAAa;EAC/C,aAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,EAAE,CAAC;CAGN,MAAM,iBAAiB,cAAc;EACnC,OAAO,wBAAwB,aAAa,QAAQ,SAAS;IAC5D,CAAC,aAAa,SAAS,CAAC;CAG3B,MAAM,eAAe,cAAc;EACjC,OAAO,uBAAuB,OAAO,OAAO,gBAAgB,MAAM,QAAQ;IACzE;EAAC;EAAO;EAAgB;EAAQ,CAAC;CAGpC,MAAM,YAAY,eACT;EACL,OAAO,gBAAgB,MAAM;EAC7B,YAAY,iBAAiB;EAC7B,WAAW;EACX,YAAY,WAAW,SAAS,SAAS;EACzC,YAAY,aAAa,gBAAgB,cAAc,aAAa,GAAI;EACxE,YAAY;EACZ,kBAAkB;EAElB,YAAY,iBAAiB;EAC7B,eAAe,iBAAiB;EAChC,WAAW,iBAAiB;EAC5B,UAAU,iBAAiB;EAC5B,GACD;EAAC;EAAO;EAAO;EAAQ;EAAiB,CACzC;CAED,MAAM,iBAAiB,eACd;EACL,SAAS;EACT,eAAe,WAAW,aAAa,WAAW;EAClD,YAAY;EACZ,KAAK,WAAW,aAAa,QAAQ;EAErC,WAAW,aAAa;EACxB,eAAe,aAAa;EAC5B,QAAQ,aAAa;EACtB,GACD,CAAC,QAAQ,aAAa,CACvB;CAED,MAAM,cAAc,eACX;EACL,GAAG;EACH,UAAU,SAAS;EACpB,GACD,CAAC,WAAW,SAAS,OAAO,CAC7B;CAED,MAAM,eAAe,eACZ;EACL,GAAG;EACH,UAAU,SAAS;EACnB,SAAS;EACT,WAAW;EACZ,GACD,CAAC,WAAW,SAAS,QAAQ,CAC9B;CAED,OACE,oBAAC,MAAD;EACY;EACV,QAAQ,aAAa;EACrB,gBAAgB,aAAa;EAC7B,SAAS,aAAa;EACtB,OAAO,EAAE,eAAe,aAAa,eAAe;YAEpD,qBAAC,OAAD;GACE,OAAO;GACP,eAAa,UAAU;GACvB,cAAY;GACZ,aAAW;aAJb;IAME,oBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eACpB;KACI,CAAA;IACN,WAAW,cACV,oBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eACpB;KACI,CAAA;IAER,WAAW,gBACV,qBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eAAvB,CAAqC,MAChC,QACE;;IAEL;;EACD,CAAA;;AAKX,IAAa,WAAW,MAAM,KAAK,kBAAkB;AAErD,SAAS,cAAc"}
+{"version":3,"file":"BaseText.js","names":[],"sources":["../../../../src/components/shared/base/BaseText.tsx"],"sourcesContent":["/**\n * BaseText - Enhanced bilingual text component with Korean theming\n *\n * Builds on existing KoreanText with extracted common logic\n * Provides consistent text styling across the application\n *\n * Now with Html overlay positioning helpers for:\n * - Consistent z-index management\n * - Performance optimization with distanceFactor\n * - GPU acceleration\n *\n * @module components/base\n */\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo, useState, useEffect } from \"react\";\nimport { KOREAN_COLORS, UI_DIMENSIONS } from \"@/types/constants\";\nimport { hexToRgbaString } from \"../../../utils/colorUtils\";\nimport {\n  applyHtmlOverlayStyles,\n  calculateDistanceFactor,\n} from \"../../../utils/htmlOverlayHelpers\";\nimport type { HtmlOverlayLayer } from \"../../../types/HtmlOverlayTypes\";\nimport { useKoreanTheme } from \"./useKoreanTheme\";\n\n/**\n * Props for BaseText component\n */\nexport interface BaseTextProps {\n  readonly korean: string;\n  readonly english: string;\n  readonly position?: [number, number, number];\n  readonly size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n  readonly color?: number;\n  readonly align?: \"left\" | \"center\" | \"right\";\n  readonly weight?: \"normal\" | \"bold\";\n  readonly layout?: \"vertical\" | \"horizontal\";\n  readonly testId?: string;\n  readonly isMobile?: boolean;\n  /** Html overlay layer for z-index (default: 'hud') */\n  readonly layer?: HtmlOverlayLayer;\n  /** Whether text should occlude behind 3D objects (default: false) */\n  readonly occlude?: boolean;\n  /** ARIA label for accessibility (optional) */\n  readonly ariaLabel?: string;\n  /** ARIA live region for dynamic content (optional) */\n  readonly ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\n/**\n * BaseText Component\n *\n * Enhanced bilingual text component with Korean cyberpunk styling.\n * Uses useKoreanTheme hook for consistent text sizing and styling.\n * Now includes Html overlay positioning helpers for proper z-index and performance.\n *\n * Korean Typography Features:\n * - Optimized line height (1.6) for Korean character readability\n * - Letter spacing (-0.01em) for tighter Korean text\n * - Word break (keep-all) to prevent breaking Korean words mid-syllable\n * - Proper language attributes (lang=\"ko\" / lang=\"en\")\n *\n * WCAG 2.1 AA Accessibility Features:\n * - Proper language attributes for screen readers\n * - Optional ARIA labels for additional context\n * - ARIA live regions for dynamic content\n *\n * Optimized with React.memo for performance\n *\n * @example\n * ```tsx\n * <BaseText\n *   korean=\"공격\"\n *   english=\"Attack\"\n *   size=\"large\"\n *   layout=\"vertical\"\n *   layer=\"hud\"\n *   ariaLive=\"polite\"\n * />\n * ```\n */\nconst BaseTextComponent: React.FC<BaseTextProps> = ({\n  korean,\n  english,\n  position = [0, 0, 0],\n  size = \"medium\",\n  color = KOREAN_COLORS.TEXT_PRIMARY,\n  align = \"center\",\n  weight = \"normal\",\n  layout = \"vertical\",\n  testId,\n  isMobile = false,\n  layer = \"hud\",\n  occlude = false,\n  ariaLabel,\n  ariaLive = \"off\",\n}) => {\n  const { textSize, koreanTypography } = useKoreanTheme({\n    size,\n    isMobile,\n  });\n\n  const [screenWidth, setScreenWidth] = useState(() =>\n    typeof window !== \"undefined\"\n      ? window.innerWidth\n      : UI_DIMENSIONS.DEFAULT_SCREEN_WIDTH,\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const handleResize = () => {\n      setScreenWidth(window.innerWidth);\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const distanceFactor = useMemo(() => {\n    return calculateDistanceFactor(screenWidth, \"text\", isMobile);\n  }, [screenWidth, isMobile]);\n\n  const overlayStyle = useMemo(() => {\n    return applyHtmlOverlayStyles(layer, false, distanceFactor, true, occlude);\n  }, [layer, distanceFactor, occlude]);\n\n  const textStyle = useMemo<React.CSSProperties>(\n    () => ({\n      color: hexToRgbaString(color),\n      fontFamily: koreanTypography.fontFamily,\n      textAlign: align,\n      fontWeight: weight === \"bold\" ? \"bold\" : \"normal\",\n      textShadow: `0 2px 4px ${hexToRgbaString(KOREAN_COLORS.BLACK_SOLID, 0.5)}`,\n      userSelect: \"none\",\n      WebkitUserSelect: \"none\",\n      lineHeight: koreanTypography.lineHeight,\n      letterSpacing: koreanTypography.letterSpacing,\n      wordBreak: koreanTypography.wordBreak,\n      wordWrap: koreanTypography.wordWrap,\n    }),\n    [color, align, weight, koreanTypography],\n  );\n\n  const containerStyle = useMemo<React.CSSProperties>(\n    () => ({\n      display: \"flex\",\n      flexDirection: layout === \"vertical\" ? \"column\" : \"row\",\n      alignItems: \"center\",\n      gap: layout === \"vertical\" ? \"4px\" : \"8px\",\n      transform: overlayStyle.transform,\n      pointerEvents: overlayStyle.pointerEvents,\n      zIndex: overlayStyle.zIndex,\n    }),\n    [layout, overlayStyle],\n  );\n\n  const koreanStyle = useMemo<React.CSSProperties>(\n    () => ({\n      ...textStyle,\n      fontSize: textSize.korean,\n    }),\n    [textStyle, textSize.korean],\n  );\n\n  const englishStyle = useMemo<React.CSSProperties>(\n    () => ({\n      ...textStyle,\n      fontSize: textSize.english,\n      opacity: 0.8,\n      fontStyle: \"italic\",\n    }),\n    [textStyle, textSize.english],\n  );\n\n  return (\n    <Html\n      position={position}\n      center={overlayStyle.center}\n      distanceFactor={overlayStyle.distanceFactor}\n      occlude={overlayStyle.occlude}\n      style={{ pointerEvents: overlayStyle.pointerEvents }}\n    >\n      <div\n        style={containerStyle}\n        data-testid={testId ?? \"base-text\"}\n        aria-label={ariaLabel}\n        aria-live={ariaLive}\n      >\n        <span lang=\"ko\" style={koreanStyle}>\n          {korean}\n        </span>\n        {layout === \"vertical\" && (\n          <span lang=\"en\" style={englishStyle}>\n            {english}\n          </span>\n        )}\n        {layout === \"horizontal\" && (\n          <span lang=\"en\" style={englishStyle}>\n            | {english}\n          </span>\n        )}\n      </div>\n    </Html>\n  );\n};\n\nexport const BaseText = React.memo(BaseTextComponent);\n\nBaseText.displayName = \"BaseText\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,IAAM,qBAA8C,EAClD,QACA,SACA,WAAW;CAAC;CAAG;CAAG;CAAE,EACpB,OAAO,UACP,QAAQ,cAAc,cACtB,QAAQ,UACR,SAAS,UACT,SAAS,YACT,QACA,WAAW,OACX,QAAQ,OACR,UAAU,OACV,WACA,WAAW,YACP;CACJ,MAAM,EAAE,UAAU,qBAAqB,eAAe;EACpD;EACA;EACD,CAAC;CAEF,MAAM,CAAC,aAAa,kBAAkB,eACpC,OAAO,WAAW,cACd,OAAO,aACP,cAAc,qBACnB;CAED,gBAAgB;EACd,IAAI,OAAO,WAAW,aAAa;EAEnC,MAAM,qBAAqB;GACzB,eAAe,OAAO,WAAW;;EAGnC,OAAO,iBAAiB,UAAU,aAAa;EAC/C,aAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,EAAE,CAAC;CAEN,MAAM,iBAAiB,cAAc;EACnC,OAAO,wBAAwB,aAAa,QAAQ,SAAS;IAC5D,CAAC,aAAa,SAAS,CAAC;CAE3B,MAAM,eAAe,cAAc;EACjC,OAAO,uBAAuB,OAAO,OAAO,gBAAgB,MAAM,QAAQ;IACzE;EAAC;EAAO;EAAgB;EAAQ,CAAC;CAEpC,MAAM,YAAY,eACT;EACL,OAAO,gBAAgB,MAAM;EAC7B,YAAY,iBAAiB;EAC7B,WAAW;EACX,YAAY,WAAW,SAAS,SAAS;EACzC,YAAY,aAAa,gBAAgB,cAAc,aAAa,GAAI;EACxE,YAAY;EACZ,kBAAkB;EAClB,YAAY,iBAAiB;EAC7B,eAAe,iBAAiB;EAChC,WAAW,iBAAiB;EAC5B,UAAU,iBAAiB;EAC5B,GACD;EAAC;EAAO;EAAO;EAAQ;EAAiB,CACzC;CAED,MAAM,iBAAiB,eACd;EACL,SAAS;EACT,eAAe,WAAW,aAAa,WAAW;EAClD,YAAY;EACZ,KAAK,WAAW,aAAa,QAAQ;EACrC,WAAW,aAAa;EACxB,eAAe,aAAa;EAC5B,QAAQ,aAAa;EACtB,GACD,CAAC,QAAQ,aAAa,CACvB;CAED,MAAM,cAAc,eACX;EACL,GAAG;EACH,UAAU,SAAS;EACpB,GACD,CAAC,WAAW,SAAS,OAAO,CAC7B;CAED,MAAM,eAAe,eACZ;EACL,GAAG;EACH,UAAU,SAAS;EACnB,SAAS;EACT,WAAW;EACZ,GACD,CAAC,WAAW,SAAS,QAAQ,CAC9B;CAED,OACE,oBAAC,MAAD;EACY;EACV,QAAQ,aAAa;EACrB,gBAAgB,aAAa;EAC7B,SAAS,aAAa;EACtB,OAAO,EAAE,eAAe,aAAa,eAAe;YAEpD,qBAAC,OAAD;GACE,OAAO;GACP,eAAa,UAAU;GACvB,cAAY;GACZ,aAAW;aAJb;IAME,oBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eACpB;KACI,CAAA;IACN,WAAW,cACV,oBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eACpB;KACI,CAAA;IAER,WAAW,gBACV,qBAAC,QAAD;KAAM,MAAK;KAAK,OAAO;eAAvB,CAAqC,MAChC,QACE;;IAEL;;EACD,CAAA;;AAIX,IAAa,WAAW,MAAM,KAAK,kBAAkB;AAErD,SAAS,cAAc"}

package/lib/components/shared/base/ResponsiveContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/ResponsiveContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAE7B,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAEvC,iCAAiC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAE9B;;;;OAIG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IAE/C;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAE3C,uBAAuB;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B,uDAAuD;IACvD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAEhC,gDAAgD;IAChD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAElC,iDAAiD;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAE/B,kDAAkD;IAClD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC,iCAAiC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAErC,gDAAgD;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE/B,oEAAoE;IACpE,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAE5D,+BAA+B;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgJlE,CAAC;AAEF;;GAEG;AACH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ResponsiveContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/ResponsiveContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAE7B,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAEvC,iCAAiC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAE9B;;;;OAIG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IAE/C;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAE3C,uBAAuB;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B,uDAAuD;IACvD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAEhC,gDAAgD;IAChD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAElC,iDAAiD;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAE/B,kDAAkD;IAClD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC,iCAAiC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAErC,gDAAgD;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE/B,oEAAoE;IACpE,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAE5D,+BAA+B;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkIlE,CAAC;AAEF;;GAEG;AACH,eAAe,mBAAmB,CAAC"}

package/lib/components/shared/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAClF,YAAY,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGrG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAClF,YAAY,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAErG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC"}

package/lib/components/shared/base/useKoreanTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKoreanTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/useKoreanTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IACvE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5F,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,MAAM,GAAE,oBAAyB;;;;;wCAoJ1C,MAAM;kCASL,KAAK,CAAC,aAAa,KAAG,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD/D"}
+{"version":3,"file":"useKoreanTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/base/useKoreanTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IACvE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5F,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,MAAM,GAAE,oBAAyB;;;;;wCAmJ1C,MAAM;kCASL,KAAK,CAAC,aAAa,KAAG,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD/D"}