Variable StanceWheelPure`Const`

StanceWheelPure: React.FC<StanceWheelPureProps> = ...

StanceWheelPure Component

Pure DOM circular stance selector with 8 segments for trigram stances Features:

Expandable/collapsible interface
Visual stance indicator when collapsed (60x60px)
8 touch-optimized stance buttons when expanded (50x50px each)
200px wheel diameter with safe positioning
Korean trigram symbols and names
Color-coded by stance element
Haptic feedback on selection
50x50px minimum touch targets

Usage in Combat:

Tap collapsed indicator to expand wheel
Select from 8 trigram stances
Current stance highlighted with gold accent
Tap current stance to collapse wheel

Example

<StanceWheelPure
  currentStance={player.stance}
  onStanceChange={(index) => handleStanceChange(index)}
  expanded={wheelExpanded}
  onToggle={() => setWheelExpanded(!wheelExpanded)}
  disabled={isPaused}
/>

Korean

자세휠순수